@charset "utf-8";
/* CSS Document */




/* TEMPLATE
   ================================================== */

.container { width:1170px; margin:0 auto;  }

.banner-icon  { width:69px; height:120px; position: absolute; z-index: 400; margin-left: 20px; margin-top: 20px; }


.separatorGreenSliderOpacity { width:100%;  height:53px;  position: absolute; z-index: 100; border-top: 4px solid #c5df7d; background:#C5DF7D; zoom: 1; filter: alpha(opacity=80); opacity: 0.8;   }


/* HEADER */

#header  { height: 800px; position: relative;    }
#header .info  {   position: relative;   z-index: 300;     }
#header .info .container .left  { width:425px; height: 220px;  float: left;   }
#header .info .container .left img  { margin-top: 10px;  margin-left: 100px; }
#header .info .container .right  { width:745px;  height: 220px;  float: left;  }
#header .info .container .right .menu  { width:650px;  height: 50px; margin-top: 80px;  margin-left: 30px;   }
#header .arrow  { width:168px; height: 70px;  position: absolute;   margin: auto;  left: 0; bottom: 0; right: 0; z-index: 300; }

.backHeader { height: 210px;  position: absolute;   margin: auto;  left: 0;  right: 0; top: 0;  z-index: 290; background: url("../img/template/bg/bg-header-logo.png") no-repeat center top; }

.redes-sociales { width:230px;  position: absolute;  z-index: 500; margin-left: 880px; margin-top: 5px; }



/* FOOTER */

#footer { height:120px;  background:#FFF;    color:#000; position: relative;  }
#footer p { font-size: 14px; color:#02334D; text-align: center; padding-top: 20px; }

#footer .btnTopArrow { width:48px;  height:48px; position: absolute; z-index: 100; margin-left: 1090px; margin-top: -20px; cursor: pointer; background: url("../img/icons/icon-btn-top-arrow.png") left ;   }

#footer .btnTopArrow:hover { width:48px;  height:48px; position: absolute; z-index: 100; margin-left: 1090px; margin-top: -20px; cursor: pointer; background: url("../img/icons/icon-btn-top-arrow.png") right ;   }


/* SECTION INDEX
   ================================================== */


#section-index { position: relative;  }


#section-index .bienvenida {  position: relative;  height:500px; background:#FFF; text-align: center;  }
#section-index .bienvenida h1 { font-size: 26px; font-weight: bold; color:#74c0eb; padding-top: 60px;  }
#section-index .bienvenida p { width:660px;  font-size: 18px; color:#02334D; line-height: 26px; margin: 0 auto; padding-top: 40px;   }
#section-index .bienvenida .arrow  {  width:168px; height: 70px; position: absolute;  margin: auto;  left: 0; bottom: 0; right: 0; }

.btn-vermas {  width:134px; height:41px; background: url("../img/icons/btn-vermas.png") no-repeat right; cursor: pointer; padding-top: 8px; font-size: 16px; font-weight: bold; color:#FFF; margin: 0 auto; margin-top: 40px;   }

.btn-vermas:hover {  width:134px; height:41px; background: url("../img/icons/btn-vermas.png") no-repeat left;  }



#section-index .productos {  height:600px; background: url("../img/template/bg/bg-index-productos.jpg") center top #52DAF3;  }
#section-index .productos h1 { text-align: center;  font-size: 28px; font-weight: bold; color:#FFF; padding-top: 40px;   }
#section-index .productos h2 { text-align: center;  font-size: 26px; font-weight: bold; color:#FFF; padding-top: 20px;   }
#section-index .productos p { width:360px;  font-size: 18px; color:#FFF; line-height: 26px; margin: 0 auto; padding-top: 10px;   }

.btn-vermas-prod {  width:134px; height:41px; background: url("../img/icons/btn-vermas-productos.png") no-repeat left; cursor: pointer; padding-top: 8px; font-size: 16px; font-weight: bold; color:#0eb8d8; margin: 0 auto; margin-top: 20px;  }

.btn-vermas-prod:hover {  width:134px; height:41px; background: url("../img/icons/btn-vermas-productos.png") no-repeat right;  color:#FFF; }

#section-index .productos .left { width:585px;  height:500px; float: left; margin-top: 20px; text-align: center;  }
#section-index .productos .left img { margin-top: 20px; }
#section-index .productos .right { width:585px;  height:500px; float: left;  margin-top: 20px; text-align: center; }
#section-index .productos .right img { margin-top: 20px;  }



#section-index .contacto {  height:666px;  background: url("../img/inicio/bg-mapa-contacto.jpg") no-repeat right;  }
#section-index .contacto h1 { text-align: center;  font-size: 28px; font-weight: bold; color:#424650; padding-top: 100px;   }
#section-index .contacto .container .phone {  width:400px; height:60px;  margin: 0 auto;   margin-top: 20px;  }
#section-index .contacto h2 { text-align: center;  font-size: 18px; font-weight: bold; color:#54a2cf; padding-top: 0px; float: left;   }
#section-index .contacto h3 { text-align: center;  font-size: 16px;  color:#424650; padding-top: 0px; text-align: center;  }
#section-index .contacto .arrow  { width:168px; height: 70px;  position: absolute;   margin: auto;  left: 0;  right: 0; z-index: 300;  }
#section-index .contacto .arrowUp  { width:30px; height: 30px;  position: absolute;   margin: auto;  left: 0;  right: 0;  bottom: 20px; z-index: 300;  }




/* SECTION EMPRESA
   ================================================== */


#section-empresa { position: relative;  }


#section-empresa .info {  position: relative;  height:840px; text-align: center;  background: url("../img/empresa/bg-empresa.jpg") center top #52DAF3;  }
#section-empresa .info h1 { font-size: 26px; font-weight: bold; color:#74c0eb; padding-top: 60px;  }
#section-empresa .info p { width:860px;  font-size: 18px; color:#02334D; line-height: 26px; margin: 0 auto; padding-top: 40px;   }
#section-empresa .info .arrow  {  width:168px; height: 70px; position: absolute;  margin: auto;  left: 0; bottom: 0; right: 0; }

.btn-vermas {  width:134px; height:41px; background: url("../img/icons/btn-vermas.png") no-repeat right; cursor: pointer; padding-top: 8px; font-size: 16px; font-weight: bold; color:#FFF; margin: 0 auto; margin-top: 40px;   }

.btn-vermas:hover {  width:134px; height:41px; background: url("../img/icons/btn-vermas.png") no-repeat left;  }



#section-empresa .productos {  height:600px; background: url("../img/template/bg/bg-index-productos.jpg") center top #52DAF3;  }
#section-empresa .productos h1 { text-align: center;  font-size: 28px; font-weight: bold; color:#FFF; padding-top: 40px;   }
#section-empresa .productos h2 { text-align: center;  font-size: 26px; font-weight: bold; color:#FFF; padding-top: 20px;   }
#section-empresa .productos p { width:360px;  font-size: 18px; color:#FFF; line-height: 26px; margin: 0 auto; padding-top: 10px;   }

.btn-vermas-prod {  width:134px; height:41px; background: url("../img/icons/btn-vermas-productos.png") no-repeat left; cursor: pointer; padding-top: 8px; font-size: 16px; font-weight: bold; color:#0eb8d8; margin: 0 auto; margin-top: 20px;  }

.btn-vermas-prod:hover {  width:134px; height:41px; background: url("../img/icons/btn-vermas-productos.png") no-repeat right;  color:#FFF; }

#section-empresa .productos .left { width:585px;  height:500px; float: left; margin-top: 20px; text-align: center;  }
#section-empresa .productos .left img { margin-top: 20px; }
#section-empresa .productos .right { width:585px;  height:500px; float: left;  margin-top: 20px; text-align: center; }
#section-empresa .productos .right img { margin-top: 20px;  }



#section-empresa .contacto {  height:666px;  background: url("../img/inicio/bg-mapa-contacto.jpg") no-repeat right;  }
#section-empresa .contacto h1 { text-align: center;  font-size: 28px; font-weight: bold; color:#424650; padding-top: 100px;   }
#section-empresa .contacto .container .phone {  width:400px; height:60px;  margin: 0 auto;   margin-top: 20px;  }
#section-empresa .contacto h2 { text-align: center;  font-size: 18px; font-weight: bold; color:#54a2cf; padding-top: 0px; float: left;   }
#section-empresa .contacto h3 { text-align: center;  font-size: 16px;  color:#424650; padding-top: 0px; text-align: center;  }
#section-empresa .contacto .arrow  { width:168px; height: 70px;  position: absolute;   margin: auto;  left: 0;  right: 0; z-index: 300;  }
#section-empresa .contacto .arrowUp  { width:30px; height: 30px;  position: absolute;   margin: auto;  left: 0;  right: 0;  bottom: 20px; z-index: 300;  }


.descargarPDF-empresa {  width:350px;   margin: 0 auto;  }
.descargarPDF-empresa .left {  }
.descargarPDF-empresa .right { float:left; padding-top:12px; padding-left:10px; font-weight: bold; }



#section-empresa .info .container .descargarPDF-empresa a:link {  color:#02334D;  }
#section-empresa .info .container .descargarPDF-empresa a:visited {  color:#02334D;  }
#section-empresa .info .container .descargarPDF-empresa a:active {  color:#02334D;  }
#section-empresa .info .container .descargarPDF-empresa a:hover { text-decoration: underline; color:#045682;  }





/* SECTION PRODUCTOS
   ================================================== */

#section-productos { position: relative;  }

#section-productos .info {  position: relative;  height:840px; text-align: center;  background: url("../img/empresa/bg-empresa.jpg") center top #52DAF3;  }
#section-productos .info h1 { font-size: 26px; font-weight: bold; color:#74c0eb; padding-top: 60px;  }
#section-productos .info p { width:860px;  font-size: 18px; color:#02334D; line-height: 26px; margin: 0 auto; padding-top: 40px;   }
#section-productos .info .arrow  {  width:168px; height: 70px; position: absolute;  margin: auto;  left: 0; bottom: 0; right: 0; }


#section-productos .info .container .descargarPDF-empresa a:link {  color:#02334D;  }
#section-productos .info .container .descargarPDF-empresa a:visited {  color:#02334D;  }
#section-productos .info .container .descargarPDF-empresa a:active {  color:#02334D;  }
#section-productos .info .container .descargarPDF-empresa a:hover { text-decoration: underline; color:#045682;  }

#section-productos .productos {  height:1200px; background: #52DAF3 url("../img/template/bg/bg-index-productos.jpg") no-repeat center top;  }
#section-productos .productos .modul {  float: left; margin-top: 50px;  margin-left: 44px; }
#section-productos .productos .modul .top { width:230px; height:280px;   }
#section-productos .productos .modul .bot { width:230px; height:40px;   }
#section-productos .productos .modul .bot p { font-size: 18px; font-weight: bold; padding-top: 5px; text-align: center;  color:#01334D;     }

#section-productos .productos h1 { text-align: center;  font-size: 28px; font-weight: bold; color:#FFF; padding-top: 40px;   }
#section-productos .productos h2 { text-align: center;  font-size: 26px; font-weight: bold; color:#FFF; padding-top: 20px;   }

#section-productos .galeria {  height:1100px;  background:#e1f1fc;  }


#section-productos .galeria:hover {   opacity: 0.9; filter: alpha(opacity=90);    }




#section-productos .galeria h1 { text-align: center;  font-size: 28px; font-weight: bold; color:#424650; padding-top: 100px; padding-bottom: 30px;   }
#section-productos .galeria .container .phone {  width:400px; height:60px;  margin: 0 auto;   margin-top: 20px;  }
#section-productos .galeria h2 { text-align: center;  font-size: 18px; font-weight: bold; color:#54a2cf; padding-top: 0px; float: left;   }
#section-productos .galeria h3 { text-align: center;  font-size: 16px;  color:#424650; padding-top: 0px; text-align: center;  }
#section-productos .galeria .arrow  { width:168px; height: 70px;  position: absolute;   margin: auto;  left: 0;  right: 0; z-index: 300;  }
#section-productos .galeria .arrowUp  { width:30px; height: 30px;  position: absolute;   margin: auto;  left: 0;  right: 0;  bottom: 20px; z-index: 300;  }
#section-productos .galeria .modul {  width:263px; height:175px; margin-left: 24px; margin-top: 30px; float: left; }

#section-productos .galeria .modul:hover {   opacity: 0.8; filter: alpha(opacity=80);    }


/* SECTION CONTACTO
   ================================================== */


#section-contacto { position: relative;  }


#section-contacto .info {  position: relative;  height:870px;  background:#FFF; }
#section-contacto .info h1 { font-size: 26px; font-weight: bold; color:#74c0eb; padding-top: 60px; text-align: center;  }
#section-contacto .info p { width:860px;  font-size: 18px; color:#02334D; line-height: 26px; margin: 0 auto; padding-top: 40px;  text-align: center;  }
#section-contacto .info .arrow  {  width:168px; height: 70px; position: absolute;  margin: auto;  left: 0; bottom: 0; right: 0; }


#section-contacto-info {  width:940px;  margin:0 auto;    }
#section-contacto-info-left {  width:470px; float:left;       }
#section-contacto-info-right {  width:470px;    float:left;  }



#section-contacto .info .container a:link {  color:#02334D; font-weight: bold; }
#section-contacto .info .container a:visited {  color:#02334D;  font-weight: bold;}
#section-contacto .info .container a:active {  color:#02334D; font-weight: bold; }
#section-contacto .info .container a:hover { text-decoration: underline; color:#045682;   font-weight: bold;}




#section-contacto .mapa {  height:720px;  background:#e1f1fc;  }
#section-contacto .mapa .arrow  { width:168px; height: 70px;  position: absolute;   margin: auto;  left: 0;  right: 0; z-index: 300;  }
#section-contacto .mapa .arrowUp  { width:30px; height: 30px;  position: absolute;   margin: auto;  left: 0;  right: 0;  bottom: 20px; z-index: 300;  }











/*FORM CONTACT INDEX*/

#contactFormIndex {   height:400px;  margin:0 auto; padding-top:14px;  color: #000;   }
#contactFormIndex input[type=text] { background:#FFF; color: #1A1A1A; padding-left: 5px; width:280px; height:40px; border:solid 1px #dcdcdc; margin-top:5px; font-size:13px; -webkit-bordevr-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#contactFormIndex textarea { color: #1A1A1A; border:solid 1px #dcdcdc; background:#FFF; width:1050px; height:100px; padding-left:5px; margin-top:20px; font-size:13px;  -webkit-bordevr-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#contactFormIndex input[type=submit] { width:180px; height:34px; color:#FFF; border:0px; text-align:center; cursor: pointer; font-weight:bold;   background:#71c0ed; -webkit-bordevr-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #FFF; text-transform: uppercase; -webkit-appearance:none; }
#contactFormIndex input[type=submit]:hover {  color:#FFF;  background:#03334E; }

.data-row-formIndex  { width:380px;  padding-top:20px; float: left;  margin-left: 5px;   margin-top: 20px; }
.data-row-formIndex-text  { float:left; height:20px; width:60px; text-align:right; padding-right:10px; padding-top:10px; font-weight:bold; font-size:14px; }
.data-row-formIndex-field  { float:left;  height:32px;  }


.data-row-formIndexMensaje  { width:1150px; height:130px; float: left;  margin-left: 5px;   margin-top: 20px; }



.form-thanks-index { text-align: center; padding-top:130px; color:#02344D; font-size:18px; font-weight:bold; }









/*FORM CONTACT */

#contactForm {   height:400px;  margin:0 auto; padding-top:0px;  color: #02334D;   }
#contactForm input[type=text] { background:#FFF; color: #1A1A1A; padding-left: 5px; width:360px; height:30px; border:solid 1px #dcdcdc; margin-top:5px; font-size:13px;}
#contactForm textarea { color: #1A1A1A; border:solid 1px #dcdcdc; background:#FFF; width:360px; height:100px; padding-left:5px; margin-top:20px; font-size:13px;}

#contactForm input[type=submit] { width:180px; height:34px; color:#FFF; border:0px; text-align:center; cursor: pointer; font-weight:bold;   background:#71c0ed; -webkit-bordevr-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #FFF; text-transform: uppercase; -webkit-appearance:none; }
#contactForm input[type=submit]:hover {  color:#FFF;  background:#03334E; }

.form-thanks { text-align: center; padding-top:240px; color:#02344D; font-size:18px; font-weight:bold; }
.data-row-form  { clear:both; padding-top:30px; }
.data-row-form-text  { float:left; height:20px; width:90px; text-align:left; padding-right:10px; padding-top:10px; font-weight:bold; font-size:14px; }
.data-row-form-field  { float:left;  height:32px;  }