@charset "utf-8";
/*----------------------------------------------------------------*/
.productos ul.submenu li.herrajes a {
    background-image: url(../imagenes/fondo2.jpg);
}
.productos ul.submenu li.herrajes a:hover {
    color: hsla(219,100%,29%,0.80);
    cursor: default;
}
#content1 #content11  {
    margin-top: 277px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0;
    width: 30%;
}


/*-------------------------------------------------------c 1 -----*/



/*------------------------------------------------------c 15 -----*/
#main_container #content15 {
    margin-top: 7%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
}
#content15 h1 {
    width: 29%;
    float: left;
}
#content15 h2 {
    width: 63%;
    float: left;
    padding: 0;
    margin-top: 3px;
    margin-right: 0;
    margin-left: 25px;
    margin-bottom: 0;
}
/*------------------------------------------------------c 2 -------*/

#main_container #content2 {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
}
#content2 #m1 {
    width: 40%;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    letter-spacing: 1px;
}
#content2 .imgh2 {
    float: right;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: -119px;
    width: 49%;
    display: inline-block;
}
#content2 .imgh2 .herr2 {
    float: right;
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0px;
    max-width: 100%;
}
#content2 .imgh5 {
    display: inline-block;
    float: left;
    padding: 0;
    margin-top: 39px;
    margin-right: 39px;
    margin-left: 39px;
    margin-bottom: 39px;
    width: 19%;
}
#content2 .imgh5 .herr5 {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
    max-width: 100%;
}
#content2 .imgh3 {
    float: left;
    margin-top: 35px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    width: 31%;
    clear: left;
}
#content2 .imgh3 .herr3 {
    float: left;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
#content2 #m2 {
    width: 44%;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    float: left;
    padding: 0;
    clear: left;
}
#content2 .imgh4 {
    margin: 0;
    padding: 0;
    float: left;
    display: inline-block;
    width: 24%;
    position: absolute;
    left: 34%;
    bottom: 8%;
}
#content2 .imgh4 .herr4 {
    opacity: 0.71;
    margin: 0;
    padding: 0;
    float: left;
    max-width: 100%;
}
/*-------------------------------------------------------c 16 ----*/
#main_container #content16 {
    display: inline-block;
    margin-top: 7%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    padding: 0;
    width: 100%;
}
#content16 h1 {
    width: 29%;
    background-color: hsla(349,100%,45%,0.80);
}
#content16 h2 {
    width: 68%;
    float: right;
    margin-top: -50px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0;
    color: hsla(349,100%,45%,1.00);
}
/*------------------------------------------------------c 3 -----*/
#main_container #content3 {
    float: left;
    width: 100%;
    display: inline-block;
    margin-top: 17px;
    position: relative;
}
#content3 .img50 {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}
#content3 .img50 .herr50 {
    float: left;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
#content3 .parrafo39 {
    width: 577px;
    float: left;
    color: rgba(119,119,119,1.00);
    font-size: 14px;
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    clear: left;
}
#content3 .imgh51 {
    float: right;
    padding: 0;
    margin: 0;
    width: 35%;
    position: absolute;
    top: 0px;
    right: 0px;
}
#content3 .imgh51 .herr51 {
    float: right;
    padding: 0;
    margin: 0;
    max-width: 100%;
}
#content3 .imgh54 {
    padding: 0;
    margin: 0;
    width: 28%;
    float: right;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
#content3 .imgh54 .herr54 {
    padding: 0;
    margin: 0;
    max-width: 100%;
    float: right;
}
/*-----------------------------------------------------c 17 -----*/
#main_container #content17 {
    display: inline-block;
    margin-top: 7%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 0;
    position: relative;
}
#content17 h1 {
    margin: 0;
    padding: 0;
    width: 29%;
}
#content17 h2  {
    width: 69%;
    float: right;
    padding: 0;
    margin-top: -52px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
#content17 .nota4 {
    color: rgba(0,53,148,1.00);
    font-size: 22px;
    margin: 0;
    line-height: 33px;
    font-weight: 300;
    padding: 0;
    width: 29%;
}
/*-----------------------------------------------------c 4 ------*/
#main_container #content4 {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
}
#content4 #par1  {
    width: 328px;
}
#content4 .imgh7 {
    float: left;
    margin-top: 23px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    opacity: 1;
    padding: 0;
    width: 29%;
}
#content4 .imgh7 .herr7 {
    float: left;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
#content4 .imgh63 {
    float: left;
    margin: 0;
    padding: 0;
    opacity: 0.69;
    width: 17%;
}
#content4 .imgh63 .herr63 {
    float: left;
    margin: 0;
    opacity: 0.69;
    padding: 0;
    max-width: 100%;
}
#content4 .nota5 {
    font-size: 22px;
    font-weight: 300;
    color: rgba(0,53,148,1.00);
    float: right;
    text-align: right;
    margin-top: -169px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 363px;
    padding: 0;
    line-height: 33px;
}

#content4 .imag6 {
    float: right;
    margin-top: -35px;
    margin-right: 39px;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    opacity: 0.79;
    width: 15%;
}
#content4 .imag6 .herr6 {
    float: right;
    margin: 0;
    padding: 0;
    opacity: 0.79;
    max-width: 100%;
}
#content4 .imgh62  {
    float: right;
    margin-top: -90px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1px;
    padding: 0;
    opacity: 1;
    max-width: none;
    width: 28%;
}
#content4 .imgh62 .herr62  {
    float: right;
    margin: 0;
    padding: 0;
    opacity: 1;
    max-width: 100%;
}
#content4 .parrafo5 {
    float: right;
    width: 483px;
    text-align: right;
    margin: 0;
    font-size: 14px;
    color: rgba(119,119,119,1.00);
    line-height: 20px;
    padding: 0;
    letter-spacing: 1px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
/*---------------------------------------------------c 18 -------*/
#main_container #content18 {
    display: inline-block;
    margin-top: 7%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}
#content18 h1 {
    width: 29%;
    color: hsla(0,0%,100%,1.00);
    background-color: hsla(349,100%,45%,0.80);
}
#content18 h2 {
    width: 69%;
    float: right;
    margin-top: -48px;
    color: hsla(349,100%,45%,1.00);
}
/*----------------------------------------------------c 5 -------*/
#main_container #content5 {
    float: left;
    width: 100%;
    display: inline-block;
    margin-top: 22px;
    position: relative;
    margin-bottom: 47px;
}
#content5 .imgh8 {
    opacity: 0.84;
    padding: 0;
    margin: 0;
    width: 26%;
}
#content5 .imgh8 .herr8 {
    float: left;
    opacity: 0.84;
    padding: 0;
    margin: 0;
    max-width: 100%;
}
#content5 .imgh10  {
    float: left;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 9%;
    margin-bottom: 0%;
    padding: 0;
    opacity: 0.85;
    width: 31%;
}
#content5 .imgh10 .herr10  {
    float: left;
    margin: 0;
    padding: 0;
    opacity: 0.85;
    max-width: 100%;
}
#content5 #par2  {
    width: 413px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(119,119,119,1.00);
    text-align: left;
    margin: 0;
    float: right;
    line-height: 20px;
    letter-spacing: 1px;
    position: absolute;
    left: auto;
    bottom: 0px;
    padding: 0;
    right: 269px;
}
#content5 .imgh9 {
    float: right;
    margin: 0;
    padding: 0;
    opacity: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20%;
}
#content5 .imgh9 .herr9 {
    float: right;
    margin: 0;
    padding: 0;
    opacity: 1;
    max-width: 100%;
}
/*---------------------------------------FIN-------------------*/

@media (max-width:1100px) and (min-width:900px){
#main_container #content2 .m1 {
    font-size: 12px;
}
#main_container #content2 .m2 {
    font-size: 12px;
}
#main_container #content17 h2 {
    margin-top: -34px;
}
#main_container #content16 h2 {
    margin-top: -38px;
}
#main_container #content18 h2 {
    margin-top: -34px;
}

}

/*-----------------------------------------------*/
@media (max-width:899px) and (min-width:700px){
#content3 .parrafo39 {
    width: 493px;
    margin-top: 9px;
}
#content2 .imgh5  {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 55px;
    margin-bottom: 0;
    padding-bottom: 0px;
}
#content2 #m2 {
    margin-top: 0px;
}
#content2 .imgh3  {
    margin-top: 0px;
}
#main_container #content16 h2 {
    margin-top: -29px;
}
#main_container #content17 h2 {
    margin-top: -29px;
}
#main_container #content17 .nota4 {
    width: 38%;
}
#content1 .imgcont1  {
    width: 66%;
}
#content1 #content11 h5 {
    margin-top: -111px;
}
#content5 #par2 {
    margin-right: -113px;
    bottom: -28px;
    width: 408px;
}
#main_container #content18 h2 {
    margin-top: -29px;
}

}

/*------------------------------------------------------*/

@media (max-width:699px){
#main_container #content2 .m1 {
    font-size: 12px;
}
body {
    display: none;
}

}
/*-------------------------------------------------------*/