/*
Theme Name: Serch 2014
Description: Escuela de inglés
Author: Teko Estudio	

*/

@import 'reset.css';

/* * {

    transition: all 1s ease-in-out 0s;
} */

@font-face {
    font-family: 'GS';
    src: url('fonts/gil_____-webfont.eot');
    src: url('fonts/gil_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gil_____-webfont.woff') format('woff'),
         url('fonts/gil_____-webfont.ttf') format('truetype'),
         url('fonts/gil_____-webfont.svg#gill_sans_mtregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.tipos-responsive {display:none;}

.slider {position: relative; padding:92px 0 0 0; }

.slider {max-height: 720px; overflow:hidden; }

.slider img {width: 100%;}

.slider .owl-buttons i { font-size: 9em;}

.owl-pagination {display:none;}

#contacto-urg  {
   position:fixed; display:none;
   left:0px;
   bottom:0px;
   height:40px;
   width:100%;
   background: rgba(0,0,0,0.8);
}

#contacto-urg i {
    color: #ffffff;
    font-size: 29px;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
}

#contacto-urg a:hover{ background:#48ae4b;} 

#contacto-urg a {
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    color: #ffffff;
    display: block;
    float: left;
    font-size: 15px;
    text-align: center;
    width: 50%;
}
/* IE 6 */

#servicios p {
    text-align: justify;
}
.col-md-12 > h4 {
    font-size: 1.4em;
    text-transform: uppercase;
}

#instituciones h4 {
    background: url("images/inst.png") no-repeat scroll 250px 0 ;
    
}
#Empresas h4 {
    background: url("images/empresas.png") no-repeat scroll 330px 0 ;
   
}
#traducciones h4 {
    background: url("images/traducciones.png") no-repeat scroll 310px 0 ;
   
}
#servicios ul {margin-bottom: 20px ;} 
#servicios ul li {
    background: none;font-size: .7em;
    color: #aeaeae; background: url(images/bullet.png) no-repeat 0 center;
     margin: 0 10px; padding:5px 0 5px 15px; 
    font-size: 1em;
    width: 100%;
}
#servicios h3 {
    font-size: 1.1em;
    margin: 0 0 10px;
    color: #48ae4b;
}
#servicios h4 {padding: 28px ;
    background-size: 8%;
    text-align: center;}
#online {display: none;}
.fa-circle:before {
    content: "";
    color: #48ae4b;
}
.fa-twitter:before {
    content: "";
    color: #fff;
}
.menus .top-menu ul {
    width: 83px;
    margin: 0px;
}
.top-menu ul li {
    border-right: medium none;
    float: left;
}
.top-menu ul li a {
    padding: 0;
}
    

.wrap {margin: 0 auto; width: 980px;}

.wrap2 {margin: 0 auto; width: 980px; padding:140px 0 40px 0 ;}

.wrap3 {margin: 0 auto; width: 580px;}

.blog {
    float: left;
    width: 60%;
}
.fecha {float:right;}
.wrap2 .datosc {
    float: right;
    margin-top: 42px;
}

.ver-span > a {
    border: 1px solid #229a13;
    color: #229a13;
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    transition: all 0.2s ease-in-out 0s;
}
.ver-span > a:hover {background: #229a13; color:#fff; text-decoration:none;} 
.nota {
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.cont > p {
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.contblog.limpiar > h4 {
    color: #229a13;
    font-size: 1.6em;
    text-align: left;
}
.contblog.limpiar > a {
    display: block;
    max-height: 300px;
    overflow: hidden;
}
/*img { max-width: 100% !important; }*/

.servicios ul li {
    background: none repeat scroll 0 0 #00BC93;
    float: left;
    margin: 0 10px;
}

#abrecierra {
    display: none;
}
.servicios ul li a, .btnInscribete {
    color: #FFFFFF;
    display: block;
    font-family: lato;
    font-size: 13px;
    padding: 13px 34px; 
}

.btnInscribete {
	background: none repeat scroll 0 0 #00BC93;
	text-align: center;
}


.servicios ul li a { color: #ffffff;font-size: 1em;}

.btnInscribete { color: #ffffff;font-size: 1.3em;}


/* Header */
#certificacionese {
    float: left;
    width: 30%;
}
#touch2 {
    float: left; width: 40%;
}
.simple-demo, .mobile-demo {
    visibility: visible;
}
.fly-it { position: relative;  }

header {
    background: none repeat scroll 0 0 #27334E;
    position: fixed;
    width: 100%;
     z-index: 1000;  height:92px;
     top:0;
     left:0;
}

header h1 a.logo {
    background: url("images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 62px;
    margin: 20px 0 10px  0;
    text-indent: -999999px;
    width: 269px;
}

.top-menu {float: right; width: 56%;}

.top-menu > p {
    color: #FFFFFF;
    float: right;
    font-family: 'Lato';
    font-size: 14px;
    line-height: 18px;
    margin: 5px 15px;
}
.top-menu div > a.btn2 {
    background: none repeat scroll 0 0 #48AE4B;
    border-radius: 0 0 5px 5px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: 'helvetica';
    font-size: 14px;
    padding: 5px 10px;
    margin-right: 5px;
   
}

.menus {float: right; }

#login { padding: 20px; }

#alumnosss { background: #ebebeb; padding: 40px 0; }

.menus ul {
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

.info-sec.col-md-7 h3 b {
    font-size: 0.6em;
    margin: 0;
}

.archivos ul { margin: 40px 0 0 0; }

.archivos ul li {
    margin: 0 2%;
    text-align: left;
    width: 100%;
}
.lwa-username {margin-bottom:10px;}

.lwa-submit-button > input {
    margin: 10px auto;
    width: 100%;
    height: 40px;
    background: #55b656;
    border: none;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
}

.lwa-submit-button > input:hover  { background:#499c4a; }

.lwa-form .input {
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #aeaeae;
}

.lwa-username > label {
    margin-right: 24px;
}
.archivos ul li a {
    background: rgba(0, 0, 0, 0) url("images/folder.png") no-repeat scroll 0 0 / 40px auto;
    display: block;
    margin-bottom: 10px;
    padding: 10px 0 10px 50px;
}
.info-sec.col-md-7 ul li b {
    font-weight: normal;
}
.info-sec.col-md-7 li {background: none; color: #525252; display: block; float: left; font-size: 0.9em; list-style-type: square !important; margin: 2px 10px; width: 100%;}
    
#Empresas, #traducciones, #form2, #form3, #aviso {display: none;}

.menus li {float: right;  border-right: 1px solid #48AE4B;}

.menus li a {color:#ffffff; font-family: 'Helvetica'; font-family: 13px; padding: 10px 19px;}

.center {margin: 0 auto; background: url("images/banner1.jpg") center 0 repeat-x; height: 589px;}

.servicios {background: #fbfbfb; padding: 120px 0 80px 0;}

.servicios h3 {margin:0 0 30px  0; text-transform: uppercase;}

.info-sec {margin: 30px 0 0 0 ;}

#servicios {padding: 40px 0 0 0; min-height: 400px;}

.info-sec.col-md-7 > h4 {
    color: #27334D;
    font-family: 'Lato';
    font-size: 24px;
    text-align: left;
}

.infoder.fly-it > p {
    color: #525252; font-size: 15px; line-height: 20px; text-align: justify;
}

.view {
    cursor: default;
    float: left;
    height: 295px;
    margin: 20px 28px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 294px;

}

.mask .fa-stack.fa-lg {
    margin: 10px 15px 0 0;
}

.fa.fa-plus.fa-stack-1x.fa-inverse {
    margin: 10px 0;
}

.curso-info img {float: left}

.curso-info h3 {
    font-family: 'Lato';
    font-size: 24px;
    margin: 15px;
    text-align: center;
    color: #48AE4B;
}

.curso-info ul li span {

    color: #48AE4B;
}

.info-curso { margin: 0 20px; width: 500px; float: left;}

.info-curso > p {
    COLOR: #525252; margin: 0 0 10px 0;
}

.info-curso ul {margin: 20px 0;}

.info-curso li {
    margin: 8px 0;
    font-size: 13px;
    font-family: 'Lato';
    color: #6f6f6f;
}
#contactanos h5 {
    color: #001C57;
    width: 100%; font-family: 'Lato';
}


#contactanos ul {margin: 20px 0;}

#contactanos ul li {  float: left;}

#contactanos ul li a {
    border-radius: 5px; margin: 0 10px;
    color: #FFFFFF;
    display: block;
    font-family: 'Lato';
    padding: 9px 20px;
    
}
#ninos, #maestros, #jovenes, #certificaciones, #objetivos, #profesionistas, #login {display: none;}

a.masinfo {float:left; background: #a7a7a7; border-radius: 15px; display: block;font-family: 'Lato'; color: #ffffff;font-size: 13px;margin: 30px 0 0;padding: 11px; text-align: center; width: 45%; }

a.mascal { float:left; border:1px solid #48AE4B; border-radius: 15px; display: block;font-family: 'Lato'; color: #48AE4B;font-size: 13px;margin: 30px 10px;padding: 11px; text-align: center; width:45%; }

a.masinfo:hover {background:  #48AE4B; }  
    

#contacto h3 {color:#001c57; font-size: 37px; font-family: 'Lato'; text-align: center;}

#contacto p {
    color: #001C57;
    font-family: 'Lato';
    font-size: 16px;
    line-height: 20px;
    margin-bottom:10px;
}
#contactanos {
    margin-top: 45px;
}
#contacto p.iniciar {
    color: #48AE4B;
    font-size: 24px;
    margin: 20px 0 0;
    text-align: center;
}

#map_canvas {
    margin: 30px 0 0 0;
}
.mapa {margin: 30px 0 0 0 ;}

#contacto .datosc {

	margin: 40px 0 0 0 ;
}

a.cont {
    background: none repeat scroll 0 0 #229A13;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-family: 'Lato';
    font-size: 19px;
    margin: 20px 0;
    padding: 15px 10px;
    text-align: center;
}
#contacto .datosc p{

	margin: 10px 0 0 0 ;
	text-align: left;
}

.fa.fa-search.fa-stack-1x.fa-inverse {
    margin: 7px 0 0 6px;
    font-size: 1.6em;
}

.mask .fa.fa-circle.fa-stack-2x {
    font-size: 3em;
}

.view img {
    display: block;
    position: relative;
}
.view-eighth .mask {
    background: url("images/hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    opacity: 0;
    top: -171px;
}


.view-eighth h3 {
    color: #ffffff;
    display: block;
    font-family: 'PF'; text-transform:uppercase;
    font-size: 23px;
    text-decoration: none;
    text-shadow: 3px 1px 1px #000000;
    transition: all 0.2s ease-in-out 0.1s;
	text-align:center;
	margin:80px 0 0 0;
	line-height: 30px;
}

.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;

}

.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;

}
.element-item {
    float: left;
    margin: 16px;
    position: relative;
}

.view .mask, .view .content {
    height: 294px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;margin: 2px ;
    width: 296px;
}

.kid {
    margin: -20px 0 40px;
}

.ser {margin: 30px 0  0 0;}

.mask > p {
    font-size: 34px;
    line-height: 40px; font-family: 'Lato';
    padding: 90px 0 0;color:#ffffff;
}

.info-sec > p {color: #525252; font-size: 1.1em; font-family:'Lato';  line-height: 24px;}

.servicios > h3 {
    color: #48AE4B;
    font-family: 'Lato';
    font-size: 30px;
    text-align: center;
}

img.year {margin: 40px auto;}

.slides img {display: block; }

.slides li {position: relative;}

.slides .flex-caption {
    background-color: rgba(38, 112, 183, 0.9);
    color: #FFFFFF;
    font-family: 'GS';
    font-size: 1.3em;
    margin: 0;
    padding: 15px;
    position: absolute;
    right: 5%;
    top: 70%;
 }

#welcome {background:#efefef; margin:0 0 20px 0; padding: 5px;}

#welcome h2 {color:#2670b7; text-transform:uppercase; text-align:center; font-family:'GS'; font-size:20px; margin:15px 0 10px 0;}

#welcome p {color:#696969; font-family:'GS'; font-size:13px; margin:0 0 10px 0; line-height:18px;}

#welcome img  {margin:25px 0}

.minilug {background:#d0a92b; color:#ffffff; margin: -5px 0 0;  font-family:'GS'; font-size:13px;}

.minilug p {padding:5px 0; float:left; margin:0 0 0 10px; color:#ffffff;}

.minilug a {background:#2670b7; color:#ffffff;  padding: 2px 10px; font-family:'GS'; font-size:24px; font-weight:bold; float:right;}

#patrocinadores {margin:20px 0;}

#patrocinadores ul {margin:10px 0px;}

#patrocinadores ul li {float:left;}

#patrocinadores ul li.little {width:20%;}

#patrocinadores ul li.big {width:24%;}

#patrocinadores ul li.little img {margin: 0 36%;}

#patrocinadores ul li.big img {margin: 0 30%;}

header h3 {font-family: ‘Open Sans’, sans-serif ; font-weight: 100;color: #FFFFFF;
    font-size: 23px;
    margin: 62px 0;
    text-align: center;}
    
#curso, #publico {background: #f8f8f8; padding:120px 0 50px 0;}

#curso img {margin: 0 25%; float:left;  width:50%;
    display: block; padding: 20px 0 0 0;}
    
.right {
    float: right;
    width: 58%;
}

#curso h3, #publico h3 {color:#6e6e6e;font-family: ‘Open Sans’, sans-serif ; font-weight: 600; margin: 0 0 15px 0; font-size: 24px; text-align: center;}

#publico h3 {text-align: center;}

#publico p, #interesa p {width:90%; text-align: center; margin: 0 5%;}

#publico img {margin: 0 auto; width: 100%;}

#metodologia h3, #horarios h3 {color:#ffffff;font-family: ‘Open Sans’, sans-serif ; font-weight: 600; margin: 0 0 15px 0; font-size: 24px;}

#metodologia p, #horarios p {color: #bbd1ff; font-size: 15px;
    margin: 0 0 15px 0; line-height: 20px; text-align: justify;}
    
#interesa {background: #001542; padding: 80px 0;}

#interesa p {color:#ffffff;font-family: ‘Open Sans’, sans-serif ; font-weight: 200;  font-size: 13px; line-height: 18px;}

#interesa h3 {color:#ffffff;font-family: ‘Open Sans’, sans-serif ; font-weight: 600;  font-size: 16px; line-height: 18px; margin: 40px 0 50px ; text-align: center; margin: 10px 0 50px 0;} 

#touch h3 {color:#8c9494;font-family: ‘Open Sans’, sans-serif ; font-weight: 300;  font-size: 25px; line-height: 18px; margin: 40px 0 50px ; text-align: center; margin: 10px 0 30px 0;}    
 
#touch {background: #1d1d1d; padding:40px 0; }

#touch ul {width: 175px; margin: 0 auto;}

#touch ul li {float: left; margin: 0px 20px;}

a.facebook {background: url(images/face.png); display: block; width: 34px; height: 34px; text-indent: -999999px; }

a.twitter {background: url(images/twitter.png); display: block; width: 34px; height: 34px; text-indent: -999999px; }
.fa.fa-location-arrow.fa-lg, .fa.fa-whatsapp.fa-lg, .fa.fa-envelope.fa-lg {
    color: #48ae4b;
    margin-right: 10px;
}
#social {float: left; margin: 0 28%;
}

a.twitter {}

span {font-family: ‘Open Sans’, sans-serif ; font-weight:inherit;}

a.btninteres { background: url("images/btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    font-family: ‘Open Sans’,sans-serif;
    height: 61px;
    margin: 0 auto;
    padding: 25px 0 0;
    text-align: center;
    text-transform: uppercase; width: 501px;background-position: top;}

a.btninteres:hover {background-position: bottom; text-decoration: none;}

.inscribete{background:url(images/bgins.jpg) center 0 no-repeat;height: 45px; text-align: center;}

.inscribete p {color: #8AEDFF; font-size: 19px; font-style: italic; padding: 13px 0 0;}

.promocontent {background: url(images/prombg.jpg) no-repeat; padding: 30px 0px 30px 40px;}

#curso {background:#ebebeb; }

.btnContacto.btnInscribete {margin: 25px 0 0 0;}

.infoder {float: left; width: 100%; margin: 20px 0;}

.infoder2 {float: left; width: 50%;}

.infoizq { width:100%;}

#metodologia, #horarios {background: #001c57; padding:120px 0;}

#metodologia img {
    margin: 0 auto;
    padding: 60px 0;
    width: 400px;
    display: block;
}

.promocontent img {margin: 0 auto;}

#sitemap {background:#2670b7; padding:15px 0;}

#sitemap h4 {color:#d0a92b; font-family:'GS'; font-size:13px; border-bottom:1px solid #d0a92b; margin:0 0 7px 0;}

#sitemap ul li a {color: #bddfff;
    display: block;
    font-family: 'GS';
    font-size: 12px;
    margin: 0 0 5px; }
    
#sitemap p {
    display: block;
    font-family: 'GS';
    font-size: 12px;
    margin: 0 0 5px; color:#ffffff; line-height:20px;}

#social > a {
    color: #ffffff;
    font-size: .3em;
    font-family: 'Lato';
    display: block;
    font-weight: 100;
    margin: 20px 0 0 0;
}   
.tekoestudio {display:block; float:right;width:168px; height:48px; background:url(images/tekoestudio.png) no-repeat; text-indent:-999999px;}

footer p { float:left; margin:18px 0 0 0; color:#646262; font-size:13px;  font-family:'GS';}

.pageimg  {margin:20px auto;}

.pageimg img {
    position: relative;
    width: 100%;
    z-index: 1;}

#sidebar ul {background:#3c65a4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0px 10px;}

#sidebar ul li { border-bottom: 1px solid #2a7dcc;}

#sidebar ul li:last-child { border-bottom:none;}

#sidebar ul li a {color:#ffffff; display: block; font-family: 'GS'; font-size: 13px; padding: 15px; }

.content {box-shadow: 0px 0px 3px #f0f0f0;margin:0 0 30px 0;}

.content .promo img {margin: 0 0 5px 0;}

.promo {background:#efefef; padding: 5px; }

.promo a {background: #d0a92b; display: block; color: #FFFFFF;
    font-family: 'GS';
    padding: 5px;
    text-align: right;}
    
ul.promociones {margin-bottom: 30px;}

.content p {color:#595959; font-family: 'GS'; font-size: 13px; margin:0 0 10px 0; }

.content img {margin: 0 0 15px 0;}

.textimg {    padding: 15px 20px;
    position: relative;
    z-index: 9999; width:980px;}

.textimg h3 {background: url("images/bgblue.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: 'GS';
    font-size: 13px;
}

.active {background: #27334E;}

ul#sitios{margin-bottom: 20px;}

ul#sitios li {float:left;}

ul#sitios li a { display: block; color: #696969; font-family: 'GS'; font-size: 13px; background: #efefef; padding: 10px; border-radius: 5px; margin: 4px 8px;}

ul#sitios li a.active, ul#sitios li a:hover {background:#d0a92b; color:#ffffff; }

h4 {color:#8c9494; text-align: center; font-family: 'GS'; font-size: 13px; margin:25px 0 5px; }

p {  font-family: 'Lato'; font-size: 13px; margin: 0 0 5px 0; line-height: 18px;}

p.co {
    color: #AEAEAE;
    font-size: 14px;
    color: #000000;
    margin: 10px 0 0 0;
}

#Field1, #Field3, #Field4 {border: 1px solid #E4E4E4;
    border-radius: 5px;
    color: #cdcdcd;
    margin: 10px 5%;
    padding: 10px;
    width: 90%;}
    
#touch ul li a span {-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
    
#touch ul li a span:hover {-ms-transform:scale(2,2); /* IE 9 */
-webkit-transform:scale(2,2); /* Chrome, Safari, Opera */
transform:scale(2,2); /* Standard syntax */}

#saveForm {background: none repeat scroll 0 0 #D0A92B;
    border: 1px solid #BA9727;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: 'GS';
    margin: 0 10% 0 75%;
    padding: 10px 30px;
    width: 20%;}

a.tekoestudio {background: url(images/tekoestudio.png) no-repeat; display: block; width:250px; height: 35px; float: right; text-indent: -999999px; opacity: 0.2;  margin: 40px 0 0 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-size:59%;}

a.tekoestudio:hover {opacity: .8;}

.menu-bars{ display: none;}

h1.logo{ width: 25%; padding: 0 15px;}

.menus { width: 75%; padding: 0 15px;}

ul#menu2 { padding: 0 15px;}

#menu100{display: none;}

.datosc{width: 35%; float: left;}

.map-cont{width: 60%; float: right;}

#btns2 .icon { display: none;}

.temas-responsive { display: none;}

option.active { background: none; }

.wpcf7-submit { text-align: center; }


/*FORMULARIO DE REGISTRO*/

#registroFrm{
	background: #fbfbfb; padding: 120px 0 80px 0;
	height:auto !important;	
}
#registro-panel.panel{
	background: #fbfbfb;
}
#registroFrm h3 {
    font-size: 1.1em;
    margin: 0 0 10px;
    color: #48ae4b;
    font-weight: bold;
	text-transform: uppercase;
}

#registroFrm form .btn.btn-primary {
	background:#48AE4B;
	border:none;
}
#registroFrm form .btn.btn-primary:hover {
	background:#429f45;
	border:none;
}

div.form-group.required label::after{
	position: relative !important;
}

.btn-default { padding: 10px 0 !important; width: 40% !important; }

#certificacionese img {
    width: 100%;
}

footer #touch .wrap.limpiar > div.footer-third{
    width: 33%;
    display: inline-block;
    text-align: center !important;
}
#certificacionese img {
    width: 90%;
    float: left;
    margin: auto;
}

.captcha-image {
	display: flex;
	width: 100%;
	/* padding: 10px 50px; */
	flex-direction: column;
}
.captcha-image label {
	width: 30%;
	margin: 20px;
}