html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,images,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
h3 { font-size:1.3em; font-weight:bold; margin-bottom: 1em; }
h4 { font-size:1em; font-weight:bold; margin-bottom: 1em; }
h5 { font-size:0.9em; font-weight:bold; margin-bottom: 1em; }
p { font-size:0.9em; font-weight:normal; margin-bottom:1em; }
body { background-color:#faf8f1; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }
/* SECCION EMPRESA */
/* *************** */
#timeline { width: 800px; height: 350px; overflow: hidden; margin: 100px auto; position: relative; background: url('../images/historia/images/dot.gif') left 45px repeat-x; }
#dates { width: 800px; height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 100px; height: 50px; font-size: 24px; text-align: center; background: url('../images/historia/images/biggerdot.png') center bottom no-repeat; }
#dates a { line-height: 38px; padding-bottom: 10px; }
#dates .selected { font-size: 38px; }
#issues { width: 800px; height: 350px; overflow: hidden; }
#issues li { width: 800px; height: 350px; list-style: none; float: left; }
#issues li.selected img { }
#issues li img { float: left; margin: 10px 30px 10px 50px; background: transparent; }
#issues li h1 { color: #cccccc; font-size: 48px; margin: 20px 0; /*text-shadow: #000 1px 1px 2px; */ }
#issues li p { font-size: 17px; margin-right: 70px; font-weight: normal; line-height: 22px; /*text-shadow: #000 1px 1px 2px; */}
#grad_left,
#grad_right { width: 100px; height: 350px; position: absolute; top: 0; }
#next,
#prev { position: absolute; top: 0; font-size: 70px; top: 170px; width: 22px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
#next:hover,
#prev:hover { background-position: 0 -76px; }
#next { right: 0; background-image: url('../images/historia/images/next.png'); }
#prev { left: 0; background-image: url('../images/historia/images/prev.png'); }
#next.disabled,
#prev.disabled { opacity: 0.2; }
#flecha { position: fixed; /*top: 25%; */bottom:10%; right: 1%; margin:0 auto; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#flecha_empresa1 { position: absolute; right: 1%; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#flecha_empresa2 { position: absolute; left: 1%; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.background-slider { position:relative; width:100%; height:700px; overflow:hidden; }
.background-slider IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
.background-slider IMG.active { z-index:10; opacity:1.0; }
.background-slider IMG.last-active { z-index:9; }
.background-slider img { width: 100%; height: auto; }
.copy { font-size:10px; position:fixed; bottom:15px; left:30px; font-style:italic ; }
.welcome h1 { text-transform:uppercase; font-weight:bold; letter-spacing:-1px; color:#fff; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size:60px; }
.welcome p { font-weight:normal; color:#fff; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-size:21px; }
.welcome { line-height: 30px; padding-top: 150px !important; }
.header { position: fixed; top: 0; left: 0; margin:0 auto; z-index: 9999999999; width:100%; background-image:url('../images/fondo_menu4.png'); background-repeat:repeat-x; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
#map { float: left; margin-left:5%; }
.logo { float:left; margin: -22px 10px 10px; padding: 10px 10px; }
.logo-contacto { float:left; margin: 20px 0px 10px 20px; }
#prueba { background-image:url(../images/background_menu2.png); background-repeat:repeat-x; margin-top:-100px; padding-bottom:10%; }
#prueba2 { background-image:url(../images/background_menu.png); background-repeat:repeat-x; margin-top:5%; }
/* MONITOR PEQUEÑO - resolución de +1024 px */
/* **************************************** */
@media screen and (min-width: 1024px) {
#flecha_empresa11 { position: absolute; top:32%; right: 1%; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#video1 { text-align:center; vertical-align:middle; margin-top:14%; }
#video2 { text-align:center; vertical-align:middle; margin-top:11%; margin-left:-5%; }
.formulariodemo-texto { font-family:Arial; width:50px; height:30px; margin-left:68%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.formulariodemo-texto2 { font-family:Arial; width:50px; height:30px; margin-left:72.5%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.header-horizontal { position: absolute; top: 80px; left: 0; margin:0 auto; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.hmessage h1 { font-size: 35px; line-height: 60px; padding: 50px 14.5% 0; font-weight: bold; text-align: left; }
.hmessage h2 { font-size: 19px; line-height: 45px; padding: 0px 14.5% 0; text-align: left; }
.hmessage h3 { font-size: 50px; line-height: 45px; padding: 0px 14.5% 0; text-align: left; }
.quienes-somos { height:900px; padding-top: 10%; width:100%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:center top; background-repeat:no-repeat; }
.txt-qsomos { text-align: justify; width:40%; margin-left:14.5%; }
.calidad { height:900px; padding-top: 10%; width:100%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:center top; background-repeat:no-repeat; }
.txt-calidad { text-align: justify; width:40%; margin-left:14.5%; font-size:16px; }
.txt-historia { width:40%; margin-left:14%; font-size:16px; margin-top:-7%; }
.certificados { height:900px; padding-top: 10%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:center top; background-repeat:no-repeat; }
.txt-certificados { width:75%; margin-left:14.5%; }
.ariadna { top: 30px; left: 0; margin:0 auto; z-index: 200; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.nav { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 25%; }
.nav ul { list-style: none; margin: 15px 0 15px; }
.nav li { margin-right: 30px; float: left; }
.nav a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav a:hover { color: #555f1a; }
.nav2 { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: -23px; width:100%; padding-left: 14%; }
.nav2 ul { list-style: none; margin: 15px 0 15px; }
.nav2 li { margin-right: 30px; float: left; }
.nav2 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav2 a:hover { color: #cccccc; text-decoration: underline; }
.nav3 { font-family: Futura,"Trebuchet MS",Arial,sans-serif; margin-top: 6%; width: 100%; padding-left: 14%; }
.nav3 ul { list-style: none; margin: 15px 0 15px; }
.nav3 li { margin-right: 30px; float: left; }
.nav3 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav3 a:hover { color: #cccccc; text-decoration: underline; }
.nav-horizontal { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 14.5%; }
.nav-horizontal ul { list-style: none; margin: 15px 0 15px; }
.nav-horizontal li { margin-right: 30px; float: left; }
.nav-horizontal a { text-decoration: none; text-transform:none; font-weight:900; font-size:12px; color: #333333; }
.nav-horizontal a:hover { color: #cccccc; }
.footer { font-family: Futura, "Trebuchet MS", Arial, sans-serif; position: fixed; bottom: 0; margin:0 auto; z-index: 300; width:100%; background:#333333; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.navfooter { margin-bottom:4%; margin-top: 10px; margin-left:15%; width:100%; }
.navfooter ul { list-style: none; margin: 15px 0 15px; }
.navfooter li { margin-right: 30px; float: left; }
.navfooter a { text-decoration: none; text-transform:none; font-weight:bold; font-size:11px; color: white; width:100%; }
.navfooter a:hover { color: #666666; }
.page-end:after { content: ""; display: block; position: absolute; width: 100%; }
}
/* MONITOR ESTANDAR - resolución +1600px */
/* ************************************* */
@media screen and (min-width: 1600px) {
#flecha_empresa11 { position: absolute; top: 35%; right: 1%; /*margin:0 auto; */ z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#video1 { text-align:center; vertical-align:middle; margin-top:11%; margin-left:4%; }
#video2 { text-align:center; vertical-align:middle; margin-top:11%; margin-left:1%; }
.formulariodemo-texto { font-family:Arial; width:50px; height:30px; margin-left:63%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.formulariodemo-texto2 { font-family:Arial; width:50px; height:30px; margin-left:72.5%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.header-horizontal { position: absolute; top: 80px; left: 0; margin-left:-1.5%; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.ariadna { top: 30px; left: 0; margin:0 auto; z-index: 200; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.hmessage h1 { font-size: 35px; line-height: 60px; padding: 50px 22% 0; text-align: left; }
.quienes-somos { height:900px; padding-top: 8%; width:100%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 15%; background-repeat:no-repeat; }
.txt-qsomos { text-align: justify; width:35%; margin-left:22%; font-size:16px; }
.calidad { height:900px; padding-top: 8%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 15%; background-repeat:no-repeat; }
.txt-calidad { text-align: justify; width:40%; margin-left:22%; font-size:16px; }
.txt-historia { width:40%; margin-left:22%; font-size:16px; margin-top:-7%; }
.certificados { height:900px; padding-top: 8%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 15%; background-repeat:no-repeat; }
.txt-certificados { width:70%; margin-left:22%; }
.nav { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 31%; }
.nav ul { list-style: none; margin: 15px 0 15px; }
.nav li { margin-right: 30px; float: left; }
.nav a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav a:hover { color: #555f1a; }
.nav2 { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 22%; }
.nav2 ul { list-style: none; margin: 15px 0 15px; }
.nav2 li { margin-right: 30px; float: left; }
.nav2 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav2 a:hover { color: #cccccc; text-decoration: underline; }
.nav3 { font-family: Futura,"Trebuchet MS",Arial,sans-serif; float: right; margin-top: 6%; width: 100%; padding-left: 22%; }
.nav3 ul { list-style: none; margin: 15px 0 15px; }
.nav3 li { margin-right: 30px; float: left; }
.nav3 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav3 a:hover { color: #cccccc; text-decoration: underline; }
.nav-horizontal { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 23.5%; }
.nav-horizontal ul { list-style: none; margin: 15px 0 15px; }
.nav-horizontal li { margin-right: 30px; float: left; }
.nav-horizontal a { text-decoration: none; text-transform:none; font-weight:900; font-size:12px; color: #333333; }
.nav-horizontal a:hover { color: #cccccc; }
.footer { font-family: Futura, "Trebuchet MS", Arial, sans-serif; position: fixed; bottom: 0; margin:0 auto; z-index: 300; width:100%; background:#333333; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.navfooter { margin-bottom:4%; margin-top: 10px; margin-left:20%; width:100%; }
.navfooter ul { list-style: none; margin: 15px 0 15px; }
.navfooter li { margin-right: 30px; float: left; }
.navfooter a { text-decoration: none; text-transform:none; font-weight:800; letter-spacing: 1px; font-size:11px; color: white; width:100%; }
.navfooter a:hover { color: #666666; }
.page-end:after { content: ""; display: block; position: absolute; width: 100%; }
}
/* PANTALLAS XXL - resolucion +1800px */
/* ********************************** */
@media screen and (min-width: 1800px) {
#flecha_empresa11 { position: absolute; top: 35%; right: 1%; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#video1 { text-align:center; vertical-align:middle; margin-top:12%; margin-left:1%; }
#video2 { text-align:center; vertical-align:middle; margin-top:12%; margin-left:1%; }
.formulariodemo-texto { font-family:Arial; width:50px; height:30px; margin-left:55%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.formulariodemo-texto2 { font-family:Arial; width:50px; height:30px; margin-left:68.5%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.header-horizontal { position: absolute; top: 80px; left: 0; margin:0 auto; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.ariadna { top: 30px; left: 0; margin:0 auto; z-index: 200; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.hmessage h1 { font-size: 35px; line-height: 60px; padding: 50px 25.5% 0; text-align: left; }
.quienes-somos { height:900px; padding-top: 8%; width:100%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 15%; background-repeat:no-repeat; }
.txt-qsomos { text-align: justify; width:35%; margin-left:25%; font-size:16px; }
.calidad { height:900px; padding-top: 8%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 15%; background-repeat:no-repeat; }
.txt-calidad { text-align: justify; width:40%; margin-left:25%; font-size:16px; }
.txt-historia { width:40%; margin-left:26%; font-size:16px; margin-top:-4%; }
.certificados { height:900px; padding-top: 8%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 15%; background-repeat:no-repeat; }
.txt-certificados { width:70%; margin-left:25%; }
.nav { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 33%; }
.nav ul { list-style: none; margin: 15px 0 15px; }
.nav li { margin-right: 30px; float: left; }
.nav a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav a:hover { color: #555f1a; }
.nav2 { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 26%; }
.nav2 ul { list-style: none; margin: 15px 0 15px; }
.nav2 li { margin-right: 30px; float: left; }
.nav2 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav2 a:hover { color: #cccccc; text-decoration: underline; }
.nav3 { font-family: Futura,"Trebuchet MS",Arial,sans-serif; float: right; margin-top: 6%; width: 100%; padding-left: 25.5%; }
.nav3 ul { list-style: none; margin: 15px 0 15px; }
.nav3 li { margin-right: 30px; float: left; }
.nav3 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav3 a:hover { color: #cccccc; text-decoration: underline; }
.nav-horizontal { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 25.5%; }
.nav-horizontal ul { list-style: none; margin: 15px 0 15px; }
.nav-horizontal li { margin-right: 30px; float: left; }
.nav-horizontal a { text-decoration: none; text-transform:none; font-weight:900; font-size:12px; color: #333333; }
.nav-horizontal a:hover { color: #cccccc; }
.footer { font-family: Futura, "Trebuchet MS", Arial, sans-serif; position: fixed; bottom: 0; margin:0 auto; z-index: 300; width:100%; background:#333333; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.navfooter { margin-bottom:4%; margin-top: 10px; margin-left:20%; width:100%; }
.navfooter ul { list-style: none; margin: 15px 0 15px; }
.navfooter li { margin-right: 30px; float: left; }
.navfooter a { text-decoration: none; text-transform:none; font-weight:800; letter-spacing: 1px; font-size:11px; color: white; width:100%; }
.navfooter a:hover { color: #666666; }
.page-end:after { content: ""; display: block; position: absolute; width: 100%; }
}
/* PANTALLAS TABLET - resolución -1024 tipo ipad */
/* ********************************************* */
@media screen and (max-width: 1024px) {
#flecha { position: fixed; bottom:10%; right: -2%; margin:0 auto; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#flecha_empresa11 { position: absolute; top: 25%; right: 28%; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#video1 { text-align:center; vertical-align:middle; margin-top:8%; margin-left:-31%; }
#video2 { text-align:center; vertical-align:middle; margin-top:9%; margin-left:-29%; }
#flecha_empresa1 { position: absolute; right: 1%; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
#flecha_empresa2 { position: absolute; left: -3%; z-index: 200; width:100%; background:transparent; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.formulariodemo-texto { font-family:Arial; width:50px; height:30px; margin-left:49%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.formulariodemo-texto2 { font-family:Arial; width:50px; height:30px; margin-left:83%; margin-top:-1%; background:#faf8f1; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.header-horizontal { position: absolute; top: 50px; left: 0; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.hmessage h1 { font-size: 35px; line-height: 60px; margin-left:-8%; margin-top:-8%; font-weight: bold; text-align: left; }
.quienes-somos { width:100%; height:900px; padding-top: 20%; padding-left: 2%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:center top; background-repeat:no-repeat; }
.txt-qsomos { text-align: justify; width:57%; margin-left:7%; }
.calidad { width:1400px; height:900px; padding-top: 23%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 45%; background-repeat:no-repeat; }
.txt-calidad { text-align: justify; width:57%; margin-left:6%; }
.txt-historia { width:57%; margin-left:8%; margin-top:-7%; }
.certificados { width:1400px; height:900px; padding-top: 23%; background-image:url('../images/FONDO_QSOMOS.png'); background-position:65% 45%; background-repeat:no-repeat; }
.txt-certificados { width:75%; margin-left:6%; margin-top:1%; }
.ariadna { top: 30px; left: 0; margin:0 auto; z-index: 200; width:100%; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.header { position: fixed; top: 0; left: 0; margin:0 auto; z-index: 9999999999; width:100%; background-image:url('../images/fondo_menu_ipad.png'); background-repeat:repeat-x; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.nav { font-family: Futura, "Trebuchet MS", Arial, sans-serif; margin-top: 2px; width:100%; margin-left:23%; }
.nav ul { list-style: none; margin: 15px 0 15px; }
.nav li { margin-right: 18px; float: left; margin-left:-3%; }
.nav a { text-decoration: none; text-transform:none; font-size:16px; color: #000000; }
.nav a:hover { color: #555f1a; }
.nav2 { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left: 7%; }
.nav2 ul { list-style: none; margin: 15px 0 15px; }
.nav2 li { margin-right: 30px; float: left; }
.nav2 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav2 a:hover { color: #cccccc; text-decoration: underline; }
.nav3 { font-family: Futura,"Trebuchet MS",Arial,sans-serif; float: right; margin-top: 6%; width: 100%; padding-left: 6%; }
.nav3 ul { list-style: none; margin: 15px 0 15px; }
.nav3 li { margin-right: 30px; float: left; }
.nav3 a { text-decoration: none; text-transform:none; font-weight:900; font-size:16px; color: #333333; }
.nav3 a:hover { color: #cccccc; text-decoration: underline; }
.nav-horizontal { font-family: Futura, "Trebuchet MS", Arial, sans-serif; float:right; margin-top: 20px; width:100%; padding-left:6%; }
.nav-horizontal ul { list-style: none; margin: 15px 0 15px; }
.nav-horizontal li { margin-right: 30px; float: left; }
.nav-horizontal a { text-decoration: none; text-transform:none; font-weight:900; font-size:12px; color: #333333; }
.nav-horizontal a:hover { color: #cccccc; }
.footer { font-family: Futura, "Trebuchet MS", Arial, sans-serif; position: fixed; bottom: 0; margin:0 auto; z-index: 300; width:100%; background:#333333; box-shadow:0px 2px 33px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; text-transform:uppercase; transition: all 0.4s linear; }
.navfooter { margin-bottom:4%; margin-top: 15px; margin-left:4%; width:100%; }
.navfooter ul { list-style: none; margin: 15px 0 15px; }
.navfooter li { margin-right: 30px; float: left; }
.navfooter a { text-decoration: none; text-transform:none; font-weight:800; letter-spacing: 1px; font-size:9px; color: white; }
.navfooter a:hover { color: #666666; }
.page-end:after { content: ""; display: block; position: absolute; width: 100%; }
}
/* fancyscroll classes */
.fancyscroll-section { /* height:1500px;*/ width:100%; }/* antes 900*/
/* backgrounds */
#home { background-color:#555f1a; z-index:201; }
#productos { background-color:#faf8f1; z-index:205; }
#soluciones { background-color:#555f1a; z-index:199; }
#contact { background-color:#faf8f1; }
#page4-bg,
#page3-bg,
#page2-bg,
#page1-bg { height: 100% !important; position: relative; width: 100%; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; }
.featured { min-height:430px; padding:20px; width:100%; }
#contact-details { text-align:left; }
ul#address { clear:both; margin-left:8%; color:#777; list-style:none; font-size:14px; text-align:left; }
ul#social { display: table; margin: 0 auto 40px; width: auto; }
ul#social li { list-style:none; float:left; margin:5px; }
ul#social li a { width: 50px; height: 50px; opacity:0.85; display: block; }
ul#social li a:hover { opacity:1; }
ul#social li a#digg-link { background: url(images/social/digg.png); }
ul#social li a#dribbble-link { background: url(images/social/dribbble.png); }
ul#social li a#facebook-link { background: url(images/social/facebook.png); }
ul#social li a#flickr-link { background: url(images/social/flickr.png); }
ul#social li a#google-link { background: url(images/social/googleplus.png); }
ul#social li a#linkedin-link { background: url(images/social/linkedin.png); }
ul#social li a#tumblr-link { background: url(images/social/tumblr.png); }
ul#social li a#twitter-link { background: url(images/social/twitter.png); }
ul#social li a#youtube-link { background: url(images/social/youtube.png); }
ul#social li a#vimeo-link { background: url(images/social/vimeo.png); }
/****************** Subscribe **************/
.subscribe { padding:0px; margin:0 auto; width:480px; }
#optin2 { background-color:#00777e; background-image: -ms-linear-gradient(top, #29BFC8 0%, #00777E 100%); background-image: -moz-linear-gradient(top, #29BFC8 0%, #00777E 100%); background-image: -o-linear-gradient(top, #29BFC8 0%, #00777E 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #29BFC8), color-stop(1, #00777E)); background-image: -webkit-linear-gradient(top, #29BFC8 0%, #00777E 100%); background-image: linear-gradient(to bottom, #29BFC8 0%, #00777E 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#29BFC8', endColorstr='#00777E'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#29BFC8', endColorstr='#00777E')"; min-height:310px; padding: 30px; text-align: left; border-radius:5px; }
#optin2 h2 { color: #fff; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 18px; text-transform:uppercase; font-weight: bold; text-align:center; line-height: 15px; margin-bottom: 15px; }
#optin2 p { color: #ffffff; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 18px; }
#optin2 input { width:100%; background-color:#f4f4f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); background-image: -moz-linear-gradient(top, #f4f4f4, #fefefe); background-image: -ms-linear-gradient(top, #f4f4f4, #fefefe); background-image: -o-linear-gradient(top, #f4f4f4, #fefefe); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f4f4', endColorstr='#fefefe'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f4f4', endColorstr='#fefefe')"; margin-bottom:11px; border:1px solid #cbcbcb; padding:5px 0 5px 8px; color:#646464; }
#optin2 input.email,
#optin2 input.name { background: #fff; padding-left: 10px }
#optin2 input[type="submit"] { cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; border-top:1px solid #FF7802; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color:#ff7802; background-image: -ms-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* IE10 Consumer Preview */ background-image: -moz-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* Mozilla Firefox */ background-image: -o-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* Opera */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff7802), color-stop(1, #ff4100)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(to bottom, #ff7802 0%, #ff4100 100%); /* W3C Markup, IE10 Release Preview */ filter: progid:DXImageTransform.Microsof
.gradient(GradientType=0,startColorstr='#ff7802', endColorstr='#ff4100'); /* IE6 & IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff7802', endColorstr='#ff4100')"; /* IE8 */box-shadow: inset 0px 2px 1px -1px #ffdec1; -webkit-box-shadow: inset 0px 2px 1px -1px #ffdec1; -moz-box-shadow: inset 0px 2px 1px -1px #ffdec1; -o-box-shadow: inset 0px 2px 1px -1px #ffdec1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: white; }
#optin2 input[type="submit"]:hover { color: white; background:#ff4800; }
form.custom .custom.dropdown.medium { max-width: 100%; }
form.custom .custom.dropdown.open.medium ul { -moz-box-sizing: border-box; min-width: 100%; text-align: left; }
#optin2 input.email, #optin2 input.name,
form.custom .custom.dropdown.open.medium ul li,
form.custom .custom.dropdown .current { color: #A8A8A8 !important; }
/******/
#optin { background-color:#00777e; background-image: -ms-linear-gradient(top, #29BFC8 0%, #00777E 100%); /* IE10 Consumer Preview */ background-image: -moz-linear-gradient(top, #29BFC8 0%, #00777E 100%); /* Mozilla Firefox */ background-image: -o-linear-gradient(top, #29BFC8 0%, #00777E 100%); /* Opera */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #29BFC8), color-stop(1, #00777E)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, #29BFC8 0%, #00777E 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(to bottom, #29BFC8 0%, #00777E 100%); /* W3C Markup, IE10 Release Preview */ filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#29BFC8', endColorstr='#00777E'); /* IE6 & IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#29BFC8', endColorstr='#00777E')"; /* IE8 */min-height:310px; padding: 30px; text-align: left; border-radius:5px; }
#optin h2 { color: #fff; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 18px; text-transform:uppercase; font-weight: bold; text-align:center; line-height: 15px; margin-bottom: 15px; }
#optin p { color: #666666; font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 12px; }
#optin input { width:100%; background-color:#f4f4f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); background-image: -moz-linear-gradient(top, #f4f4f4, #fefefe); background-image: -ms-linear-gradient(top, #f4f4f4, #fefefe); background-image: -o-linear-gradient(top, #f4f4f4, #fefefe); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f4f4', endColorstr='#fefefe'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f4f4', endColorstr='#fefefe')"; margin-bottom:11px; border:1px solid #cbcbcb; padding:5px 0 5px 8px; color:#646464; }
#optin input.email,
#optin input.name { background: #fff; padding-left: 10px }
#optin input[type="submit"] { cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; border-top:1px solid #FF7802; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color:#ff7802; background-image: -ms-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* IE10 Consumer Preview */ background-image: -moz-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* Mozilla Firefox */ background-image: -o-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* Opera */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff7802), color-stop(1, #ff4100)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, #ff7802 0%, #ff4100 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(to bottom, #ff7802 0%, #ff4100 100%); /* W3C Markup, IE10 Release Preview */ filter: progid:DXImageTransform.Microsof.gradient(GradientType=0,startColorstr='#ff7802', endColorstr='#ff4100'); /* IE6 & IE7 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff7802', endColorstr='#ff4100')"; /* IE8 */box-shadow: inset 0px 2px 1px -1px #ffdec1; -webkit-box-shadow: inset 0px 2px 1px -1px #ffdec1; -moz-box-shadow: inset 0px 2px 1px -1px #ffdec1; -o-box-shadow: inset 0px 2px 1px -1px #ffdec1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: white; }
#optin input[type="submit"]:hover { color: white; background:#ff4800; }
form.custom .custom.dropdown.medium { max-width: 100%; }
form.custom .custom.dropdown.open.medium ul { -moz-box-sizing: border-box; min-width: 100%; text-align: left; }
#optin input.email, #optin input.name,form.custom .custom.dropdown.open.medium ul li,form.custom .custom.dropdown .current { color: #A8A8A8 !important; }
label { color: #fff; cursor: pointer; display: block; font-weight:normal; font-size: 13px; margin: 1.188em 0; }
.homeboxes { text-align:center; margin:20px auto; width:100%; }
.homeboxes h4,
.homeboxes h4 { font-size: 16px; margin-bottom: 16px; padding-top: 12px; text-align:center; }
.homeboxes h5 { font-size: 80%; font-weight:bold; margin-bottom: 1%; margin-top: 1.25%; }
.homeboxes img { padding: 4px; }
.homeboxes .button.small { font-weight:normal !important; color:#8ab30d; }
.hmessage p { text-align:center !important; font-size:14px !important; margin:0 0 35px; }
.callout h3 { font-size:24px; margin-top: 10px; }
.take-action { display: table; margin: 0 auto 40px; width: auto; }
.panel p,
.homeboxes p { font-size: 0.895em; margin-bottom: 17px; }
.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
.ch-grid:after,
.ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both; }
.ch-grid li { width: 220px; height: 220px; display: inline-block; margin: 10px; }
.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4),inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ch-img-1 { background-image: url(images/demo/demo1.jpg); }
.ch-img-2 { background-image: url(images/demo/demo2.jpg); }
.ch-img-3 { background-image: url(images/demo/demo3.jpg); }
.ch-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; }
.ch-info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 18px; margin: 0 30px; padding: 65px 0 0 0; height: 110px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
.ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); }
.ch-info p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; }
.ch-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); }
.ch-item:hover { box-shadow: inset 0 0 0 110px rgba(255,72,0, 0.4),inset 0 0 0 16px rgba(255,72,0, 0.4),0 1px 2px rgba(0,0,0,0.1); }
.ch-item:hover .ch-info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }