/*<----------GENERAL---------->*/

body{font-family: 'PT Sans', sans-serif; margin:0; padding:0; overflow-x: hidden; overflow-y: hidden;}
body::-webkit-scrollbar { 
    display: none; 
}
h1{}
h2{}
h3{}
h4{}

.container{max-width:1180px; width:100%;  height:100%; margin:0 auto; position: relative;}
.container2{max-width:1180px !important; width:100%; height: 100%; margin:0 auto; display: table; vertical-align: middle; padding-top: 8%; }


.section{height:100%; max-height:800px; width:100%; position: relative; margin:0 auto; padding:0; display: table;}

#section1{}
#section2{background: url("../img/bg-productos-2.jpg") no-repeat center center; width: 100%; height:auto; background-size: cover; }
#section3{background: url("../img/bg-contacto.jpg") no-repeat center center; width: 100%; height:auto; background-size: cover; }

/*<----------HEADER-MENU---------->*/
header{width:100%; height:80px; background-color:white; position:fixed !important; z-index:999; margin-top:30px; opacity:0.9; position:relative; float: left;}
.marca{width:200px; height:100%; float: left; padding: 30px 0;} 

#menu{float: right;}
#menu a{text-decoration:none; color:#002369; font-size:16px; font-style: italic; padding: 0 5px; border-bottom: solid 5px; border-color:#002369; padding-bottom: 20px;}
#menu li{list-style:none; display:inline-block; margin-right:20px;}
#menu ul{margin-top: 35px;}
#menu a:hover {color:#3CA5B4; border-color:#3CA5B4;}

#menu li.active{
  background:;
  background:;
  color: #3CA5B4 !important;
}

/*<----------SLIDE---------->*/
#supersize{position:fixed; top:-150px; left:0; height:auto; width:100%; overflow:hidden;}
#supersize img, #supersize a {position:absolute; z-index:1; display:none; width:100%; vertical-align:middle; }
#supersize .prevslide, #supersize .prevslide img {}
#supersize .activeslide, #supersize .activeslide img {display:inline}
/*<----------FIN SLIDE---------->*/

/*<----------INDEX---------->*/
#descripcion{background-color:#3CA5B4; opacity: 0.5; width:50%; right:0; bottom:20%; height:20%; position: absolute; z-index: 99999; min-height: 140px;}
#descripcion h1{font-size:2.5em; color:white; padding: 0% 10% 5% 10%; font-style: italic; font-weight: 300; line-height: 1.1;}
#icon-descripcion{ width: 55px; height: 70px; float: left; padding: 4% 1% 16% 4%;}
/*<----------FIN INDEX---------->*/


/*<-------PRODUCTOS-------->*/
.columna1, .columna2 {width: 45%; display: table-cell; vertical-align: middle; padding: 0 3%; text-align: center;}
.img-prod {width:100%; max-width:500px; height:auto; max-height:260px;  background-color: #ffffff;}
.titulo-prod{width:100%; max-width:500px; height:90px; background-color: white; opacity: 0.9;}
.titulo-prod h1 {text-align:left; color:#3ca5b4; font-size: 16px; font-style:bold; letter-spacing: 1px; padding: 20px 0 0 25px; margin: 0;}
.titulo-prod h2 {text-align:left; color:#002369; font-size: 30px; font-style:italic; letter-spacing: 1px; margin:-5px 0 0 0; padding: 0 0 0 25px; 
                font-weight: 100; font-weight: 100;}

.icon-fem{background: url(../img/icon-fem.png) no-repeat; width: 25px; height: 25px; float: right; margin: -65px 20px;}
.icon-masc{background: url(../img/icon-masc.png) no-repeat; width: 25px; height: 25px; float: right; margin: -65px 20px;}

.nav-productos{width:100%; max-width: 496px; height:200px;}
.nav-productos nav{width: 100%; text-align: left; border: solid 2px #3ca5b4; background-color: #3ca5b4;}
.nav-productos ul{margin-top: 25px; padding: 0 30px 0 25px; min-height: 130px;}
.nav-productos li{list-style:none; display:block; width: 100%; max-width: 500px; border-bottom: solid 1px; border-color:#45b0bf; padding-bottom: 8px; 
                  margin: 10px 0;}
.nav-productos a{text-decoration:none; color:#ffffff; font-size:16px;}

.icon-pdf{background: url(../img/icon-pdf2.png) no-repeat; width:20px; height:23px; float:right; padding: 0;}
.icon-pdf:hover {background: url(../img/icon-pdf3.png) no-repeat;}
/*<-------FIN PRODUCTOS-------->*/


/*<-------CONTACTO-------->*/

.columna-izq {display: inline-block; float: left; position: absolute; bottom: 5%;}
.columna-izq img{width:150px; height:65px; margin-bottom:5%;}
.columna-der {width:50%; display: inline-block; float: right;}

.p1{font-size: 15px; font-weight: 600; color:#002369;}
.p2{font-size: 16px; font-weight: 400; font-style:italic; color:white;}
.p3{font-size: 13px; font-weight: 400; font-style:italic; color:white; margin-top: -12px; opacity: 0.8;}

form{width:100%; margin-top:30px;}
form p{font-size: 13px; color: white; text-align: left; max-width: 15%; margin: 14px 0 3px 0;}
.campo{width:90%; height:20px; border: solid 1px white; padding-left: 10px; color:white; background-color:transparent; border-radius: 4px;}
.campo-consulta{width:90%; height:100px; border: solid 1px white; padding-left: 10px; background-color:transparent; border-radius: 4px;}

.enviar{background:transparent; width:100px; height:35px; color:white; border: solid 3px white; cursor:default;} 
input{background-color:transparent; outline: none;}
input[type=text]:focus {border: 3px solid #FFFFFF; transition: 0.2s;}
input[type=number]:focus {border: 3px solid #FFFFFF; transition: 0.2s;}
input[type=email]:focus {border: 3px solid #FFFFFF; transition: 0.2s;}

::-webkit-input-placeholder { /* Chrome */
  color: white;
  font-family: 'PT Sans';
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
  font-family: 'PT Sans';
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
  opacity: 1;
  font-family: 'PT Sans';
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
  font-family: 'PT Sans';
}

/*<-------FIN CONTACTO-------->*/



/*MEDIA QUERY*/
@media only screen and (max-width: 1680px) {
  .columna-izq {bottom: 10%;}
}

@media only screen and (max-width: 1280px) {
  .columna-izq {bottom: 15%;}
  .columna-izq, .columna-der{margin: 0 2%;}
  #descripcion h1{font-size:2em;}
}

@media only screen and (max-width: 1180px) {
.container{padding: 0 1%;}
.container2{padding: 13% 0%;}
.columna1, .columna2, .columna3 {width: 44%; display: inline-block;}
/*.section{scroll-behavior:inherit;}*/
#supersize img{height: 100%; width: auto;}

}

@media only screen and (max-width: 1025px) {
  #supersize {top: 0px;}
  .columna-izq, .columna-der{position: relative; width: 100%; float: left;}
  .columna-izq{padding-top: 50px;}
  .img-prod, .titulo-prod, .nav-productos{margin: 0 auto;}
}   

@media only screen and (max-width: 768px) {
  #descripcion h1{font-size:1.5em;}
  #descripcion{width: 75%; height: 15%; min-height: 100px;}
  .columna1, .columna2, .columna3 {width: 100%; display: block; margin: 0 auto; padding: 0;}
  .columna2 {padding-top: 50px !important;}
  .container2{ margin-right: 15%;}

}


@media only screen and (max-width: 480px) {
/*#descripcion{height:20%;}*/
#descripcion h1{font-size:1.3em;}
.marca img{width:150px; height:18px;}
.marca{width:150px; height: 40px;}
#menu li{margin-right:10px;}
#menu ul{padding-left: 5px;}
}


@media only screen and (max-width: 400px) {
.columna1, .columna2, .columna3 {padding: 0;}
#descripcion {width: 90%;}
#descripcion h1 {font-size: 1.3em;}
}