@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Antic Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Antic Slab'), local('AnticSlab-Regular'), url(http://fonts.gstatic.com/s/anticslab/v4/8c9q46CAcsp9TiRX9KLgZPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(http://fonts.gstatic.com/s/anticslab/v4/8c9q46CAcsp9TiRX9KLgZBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@media screen and (min-width: 240px) {
.nav { position: static; }
} 	
@media screen and (min-width: 640px) {

}
@media screen and (min-width: 800px) { 

} 
@media screen and (min-width: 1024px) {

} 
@media screen and (min-width: 1280px) {

}
html { font-size: 10pt;}
body { width: 1200px; margin-left: auto; margin-right:  auto; background: #fff; font-family: Open Sans, sans-serif;  }

.nav { position:fixed; z-index: 100; margin-left: auto; margin-right: auto; top: 0px; }
.nav { background-image: url(images/fnd-nav.png); background-size: cover;  width: 1200px; height: 92px; ; }
.nav-logo { position: relative; width: 39%; height: 80px; float:left; }
.nav-logo object { width: 55%; position: absolute; bottom:0%; right: 10%; }
.nav-menu { position: relative; width: 61%; height: 80px; float:left; }
.nav-menu-ul { margin: 0 auto; width: 100%; }
.nav-menu-ul li { display: block; position: relative; float: left; list-style: none; }
.nav-menu-ul li { height:76px; margin:2px; border: 3px solid; border-color: transparent; }
.nav-menu-ul li a { font-family: Antic Slab; font-size:13pt; font-size: 1.3rem; color: #FEFEFE; font-weight:bold; }
.nav-menu-ul li a { display: block; }
.nav-menu-ul li a { margin: 0; padding: 48px 8px 15px 13px; margin: 0px 0; text-decoration: none; }
.nav-menu-ul li:hover  { border: 3px solid #FEFEFE;  }
.nav-menu-ul li a:hover { color: #dcdcdc;  }
.nav-height { height: 92px;}

/* SLIDER */
.slider-titulo { font-family: Antic Slab; font-size: 35pt; font-size: 3.5rem; color: #fff; }
.slider-texto { font-family: Open Sans; font-size: 16pt; font-size: 1.6rem; line-height: 20pt; color: #000; }
.placa-jefe { position: absolute; top: 110px; left: 60px; }
.placa-jefe h1 { color: #000; font-size: 80pt; font-size: 8rem; font-family: Antic Slab; line-height:100pt; line-height:10rem; }
.placa-jefe .slider-titulo { color: #000; font-size: 20pt; font-size:2rem; line-height: 25pt; line-height: 2.5rem; }
.placa-jefe .slider-texto { position: absolute; padding-top: 30px; }
.placa-curvas {position: absolute; top: 377px; left: 80px; }
.placa-curvas .slider-titulo { float: left; margin-right: 50px; }
.placa-curvas .slider-texto { color: #fff; float:right; }
.placa-agenda {position: absolute; top: 130px; left: 80px; }

h1 { font-family: Antic Slab; color:#fff; font-size:38pt; font-size: 3.8 rem; line-height: 45pt; line-height: 4.5rem; font-weight:inherit; }
h1 { position: relative; top: 30px; left: 30px; margin-bottom: 50px; }
h2 { font-family: Open Sans; font-size: 24pt; font-size: 2.4rem; color: #454E3E; font-weight:inherit; }
h3 { font-family: Antic Slab; color: #fff; font-size: 20pt; font-size: 2rem; }
ul { list-style:none; font-family: Open Sans; font-size: 16pt; font-size: 1.6rem; line-height: 20pt; line-height: 2rem; color: #000; }


.cont { background: #5EBF4C url(images/fnd-contenido.jpg) repeat-y; padding: 40px 170px; margin-bottom: 20px; } 
.cont {  position:relative; } 
.cont-marco { border: 10px solid #fff; position: relative; margin:auto; }
.cont-seccion { border-bottom:3px solid #fff; border-left:3px solid #fff; border-right:3px solid #fff; }
.cont-seccion { position: relative; top: 0px; left: 30px; width: 165px; height: 20px; }
.cont-seccion { color: #fff; font-family: Antic Slab, sans-serif; font-size: 14pt; font-size: 1.4rem; font-weight:bold; }
.cont-seccion { padding: 10px; }
.cont-texto { position: relative; }
.cont-texto { font-family: Open Sans; font-size: 18pt; font-size: 1.8rem; line-height: 20pt; line-height: 2rem; }
/*02*/
.producto h2 { position: relative; left: 30px; top:20px; }
.producto ul { padding-left:35px; padding-bottom:40px; margin-top:30px; color: #000; float:left; }
.producto .humano { position: absolute; bottom: 0px; right: 60px; }
/*03*/
.prestaciones .video { margin-top: 100px; margin-bottom: 20px; }
.prestaciones h3 { padding-left: 35px; padding-bottom:5px; }
.prestaciones01, .prestaciones02, .prestaciones03 { position:absolute; }
.prestaciones01 { top: 25px; left: 600px; }
.prestaciones02 { top: 25px; left: 575px; }
.prestaciones03 { top: 25px; left: 650px; }
.prestaciones ul { padding-left: 35px; padding-bottom: 20px;}
/*04*/
.soporte h2 { position: relative; top: 50px; left: 30px; color: #fff; }
.soporte .img-candado { float: right; position: absolute; top: 30px; left: 650px;}
.soporte ul { float: left; position: relative; left:30px; top:50px; margin-right: 20px; margin-bottom:50px; }
.soporte .iconos { position:relative; float: left; width: 33%; text-align: center; margin-bottom: 20px;}
.soporte .iconos { font-size: 14pt; font-size: 1.4rem; color: #000; line-height: 14pt; line-height: 1.4 rem;}
/*05*/

.clientes h2 { position: relative; left:30px; font-size: 16pt; font-size: 1.6 rem; margin-bottom: 10px; }
.clientes .list_carousel { position: relative;}
.clientes .list_carousel { background: #fff; width: 760px; margin: 0 auto 20px ; padding: 0px 15px; }
.clientes .list_carousel ul { margin: 0; padding: 0; list-style: none; 	display: block; }
.clientes .list_carousel li { text-align: center;  padding: 10px; margin: 5px; display: block; float: left; }
.clientes .list_carousel li { width: 213px; height: 150px; }
.clientes .list_carousel li { font-family: Antic Slab; font-size: 16pt; font-size: 1.6 rem; }
.clientes .list_carousel.responsive { width: auto; margin-left: 0; }
.clientes .clearfix { float: none; clear: both; }
.clientes .prev { position: absolute; top: 60px; left: 5px; }
.clientes .next { position: absolute; top: 60px; right: 5px; }
/*06*/
.nosotros h2 { position: relative; left: 30px; font-family: Antic Slab; color: #fff;  }
.nosotros ul { margin: 30px; }
/*05*/
.contacto .cont-texto  { float: left; width: 45%; margin-right:5%; }
.contacto ul { margin-top: 30px; }
.contacto form ul { font-size: 14pt; font-size: 1.4 rem; margin-bottom: 20px; }
.contacto form .input { border: 0px; background: #fff; width: 90%; height: 35px; }
.contacto form .text  { height: 120px; }
.contacto form .send { border: 2px solid #fff; background: none; height:35px; margin: 10px 0 0; }

.nav-menu-footer { position: static; width: 100%; height: 80px; }
.nav-menu-footer-ul { margin: 0 auto; width: 100%; text-align:right; }
.nav-menu-footer-ul li { display: block; position: relative; float: left; list-style: none; }
.nav-menu-footer-ul li a { font-family: Antic Slab; font-size:13pt; font-size: 1.3rem; color: #00E85A; font-weight:bold; }
.nav-menu-footer-ul li a { display: block; margin: 5px 10px; }
.nav-menu-footer-ul li a { text-decoration: none; }
.nav-menu-footer-ul li a:hover { color: #dcdcdc;  }

input:invalid { border: 2px solid red; }
input:valid { border: 2px solid green; }

.mensaje { font-size: 20pt; font-size: 2 rem; color: #00A739; text-align: center; padding: 20px;}