/*
Theme Name: Gigamon minisitio
Theme URI: 
Author: Logiciel Chile S.A.
Author URI: https://logiciel.cl
Description: 
Version: 1.0
*/

html,body,div,mark,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
img{max-width:100%;}
mark,strong{font-weight:bold;background:none;}

.aligncenter{display:block;margin:0 auto}
.alignright{float:right;}

body{font-family:'Telex';}
p, li, label{font-size:14px;color:#777;line-height:25px;}
a{text-decoration:none;color:inherit;}
h1, h2, h3, h4,h5,h6{color:#FF6900;}
header{top:0;padding:20px 0;height:76px;position:fixed;z-index:9999;width:100%;background:rgba(255,255,255,.9);box-shadow:0 1px 10px rgba(0,0,0,.3);transition: all 0.5s ease;}
header img{transition: all 0.5s ease;}
header.sticky{padding:.5% 0;height:auto;background:#fff;}
header.sticky .botones{display:none;}
header.sticky .logo{height:40px;}
header.sticky nav{margin-top:10px}
nav ul li{text-transform:uppercase;font-size:15px;color:#444;display:inline-block;margin-left:30px}
nav ul li:hover{color:#aaa}
.botones{text-align:right;margin-bottom:30px}
.botones li{display:inline-block;vertical-align:middle;}
.botones li img{vertical-align:middle;}
.botones li p{display:inline-block;margin-left:10px;color:#FF6900;}
.contenedor{width:80%;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.seccion, .seccion-2{padding:9% 0}
.seccion-2{background:url(images/gigamon-1.png)no-repeat -5% -5% #eee;background-size:35%}
.seccion .left{width:60%;text-align:justify;}
.seccion .right{width:30%;text-align:justify;}
.titulo{color:#FF6900;font-size:25px;text-transform:uppercase;text-align:center;margin-bottom:5%;}
.separador{width:80%;margin:0 auto;}
.separador img{width:100%}
.solucion{width:31%;text-align:center;display:inline-block;vertical-align:middle;padding:5% 1%;box-sizing:border-box;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );transition:all .5s ease;border:2px solid #fff;}
.solucion:hover{box-shadow:0 1px 10px rgba(0,0,0,.3)}
.solucion:nth-child(2){margin:0 2.5%;}
.solucion img{margin-bottom:10%}
.solucion p{color:#444;}
.casos-exito li{background:#fff;transition:all .5s ease;margin-bottom:2%;position:relative;}
.imagen-caso{position:relative;width:25%;}
.imagen-caso img{width:100%;height:auto;}
.triangulo{position:absolute;z-index:99;top:45%;right:0;width:5% !important}
.casos-exito img{transition:all .5s ease;}
.contenido-caso{width:70%;top:0;margin:auto;right:0;bottom:0;max-height:40%;position:absolute;}
.contenido-casos img{display:inline-block;}
.cont-caso{display:inline-block;width:75%;margin-left:5%;vertical-align:middle;}
.cont-caso h3{font-size:20px;text-transform:uppercase;color:#444;margin-bottom:10px}
.cont-caso p{font-style:italic;}
.casos-exito li:hover{background:#FF6900}
.casos-exito li:hover h3{color:#fff;}
.casos-exito li:hover p{color:#FFDDC6;}
.casos-exito li:hover .up{}
.casos-exito li:hover .down{opacity:1;}
.casos-exito li:hover .check .down{opacity:1;left:0;display:inline;top:0}
.down{opacity:0;position:absolute;}
.check{position:relative;width:13%;display:inline-block;vertical-align:middle;}
.check .down{display:none}
.imagen-caso img:first-child{margin-bottom:-8px;}
footer{padding:2% 0;text-align:center;}
.caption{position:absolute;width:80%;margin:auto;top:0;left:0;right:0;bottom:0;max-height:5%}
.caption h6, .caption h1{font-size:40px;color:#ffF;margin-bottom:1%;text-shadow:1px 1px 1px rgba(0,0,0,.6);}
.caption p{font-size:15px;color:#fff;max-width:30%;opacity:.8;text-shadow:1px 1px 1px rgba(0,0,0,.6);}
.active{color:#FF6900;}
.certificado{position: relative;margin-bottom:2%}
.certificado p{font-size:60px;position:absolute;margin:auto;top:50%;left:0;width:45%;color:#fff;text-align:center;line-height:0px;}
.certificado img{width:100%}
#toTop{position:fixed;bottom:20px;right:20px;width:4%;z-index:99;cursor:pointer;}
.casos-exitos h2{font-size:20px;color:#FE6A00;}
.imagen-caso-destacada{position:relative;text-align:center;}
.imagen-caso-destacada img{width:100%}
.imagen-caso-destacada .caption p{max-width:100% !important;text-shadow:1px 1px 1px rgba(0,0,0,.6);}
.testimonio{background:url(images/gigamon-watermark.jpg)no-repeat 80% 70%;background-size:50%}
.testimonio h6{font-style:italic;font-size:20px;color:#555;line-height:40px;}
.casos-exitos .right h3{color:#FF6900;}
.casos-exitos .left img{height:auto;}
#acerca .left h2{font-size:18px;text-transform:uppercase;color:#FB861C;}
#acerca .left li{list-style:disc}
#acerca .left li ul{margin-left:5%}
#light{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:30%;margin:auto;z-index:999999;max-height:415px;padding:2%;box-sizing:border-box;}
.white_content{background:#fff;}
.black_overlay{background:rgba(0,0,0,.7);position:fixed;z-index:99999;width:100%;height:100%;display:none;top:0;left:0;}
.formulario{width:400px;}
.formulario input[type="text"], .formulario input[type="email"],.formulario input[type="tel"], .formulario textarea{padding:10px;display:block;border:1px solid #ccc;width:100%;margin-bottom:10px;font-size:14px;font-family:'Telex';box-sizing:border-box;}
.formulario textarea{resize:vertical;}
.formulario input:focus, .formulario textarea:focus{border:1px solid #F37A21;}
.formulario input[type="submit"], .formulario input[type="reset"]{display:inline-block;padding:10px 15px;background:#ccc;border:0;border-radius:5px;cursor:pointer;transition:all .3s ease;}
.formulario input[type="submit"]:hover, .formulario input[type="reset"]:hover{background:#F37A21;color:#fff;}
.formulario h6{display:block;text-align:center;margin-bottom:5%;text-transform:uppercase;}
.boton-cerrar{position:absolute;top:-17px;right:-17px;cursor:pointer;height:auto !important}
header.sticky .boton-volver{margin-top:5px}
.boton-volver{display:block;margin-top:20px}
.boton-volver img{margin-right:10px}
.boton-volver img, .boton-volver p{display:inline-block;vertical-align:baseline;}
#acerca .right ul{width:85%;float:right;}
#acerca .right .logiciel{width:9.85%;height:auto;}
.frase{text-align:center;background:url(images/gigamon-watermark.jpg)no-repeat 80% 75%;background-size:50%}
.frase p{color:#333;font-size:20px}