/* Tipografía
-------------------------------------------------------------- */

@font-face {
	font-family: 'montserratsemibold';
	src: url('../fonts/montserrat-semibold-webfont.eot');
	src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('../fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'montserratregular';
	src: url('../fonts/montserrat-regular-webfont.eot');
	src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Estilos globales
-------------------------------------------------------------- */
label {
    cursor: pointer;
    font-weight: normal;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
.secondary-brand-bg-color {
	background-color: #d2eb7e;
}
.heading {
	border-bottom: 2px solid #93c024;
}
.titulo-secundario{
	background: #d2eb7e;
	color: #023232;
	font-family: "montserratsemibold";
	font-size: 12px;
	padding: 20px 35px;
	position: relative;
	bottom: 20px;
}
.titulo-secundario.linea{
	border-bottom: 2px solid #93c024;
	display: inline-block;
}

/* Body
-------------------------------------------------------------- */

body {
	background: #fff  !important;
	color: #777577;
	font-family: 'montserratlight' !important;
}
/* Top Bar
-------------------------------------------------------------- */
.top-bar {
	font-family: "montserratsemibold";
	color: #023232;
	height: 50px;
}
.top-bar-icon {
	width: 90px;
	text-align: center;
}
 
.top-bar-social a i {
	color: #00beca;
	padding-right: 1rem;
}
.top-bar ul.topbar-list  {
	height: 50px;
}
.top-bar li.topbar {	 
	width:90px;
	padding: 0;
	margin: 0;
}
.top-bar .thumbnail {
	border: 0px;
	position: relative;
	overflow: hidden;
	z-index: 1;	 
	height: 50px;
}
.top-bar .thumbnail .caption {
	position: absolute;
	top: -100%;
	right: 0;
	background-color: #ffdd63;
	-webkit-perspective: 1000;
	width: 100%;
	height: 100%;
	padding: 2%;
	text-align: center;
	color: #fff !important;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	white-space: nowrap;
}
.top-bar .thumbnail .caption:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	margin-right: -.25em;
	height: 100%;
}
.top-bar .thumbnail-caption-holder {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}

.top-bar .thumbnail:hover .caption {
	top: 0%;
} 
.top-bar .thumbnail .caption a {
	color: #023232 !important;
	color: #023232 !important;
	font-family: "montserratsemibold";
	font-size: 12px;
	text-decoration: none;
}
.top-bar .thumbnail > img {
	position: relative;
	top: 25%;
	width: auto;
}
.topbar-list li {
	border: 0;
}
.topbar-list:last-child {
	border: 0;
}
/* Main Menu
-------------------------------------------------------------- */
.main-menu {
	height: 100px;
}
.main-menu .container-fluid {
	height: 100px;
}
.main-menu li {	 
	width:130px;
}
.main-menu .thumbnail {
	border: 0px;
	position: relative;
	overflow: hidden;
	z-index: 1;	 
	height: 100px;
}
.main-menu .thumbnail .caption {
	position: absolute;
	top: -100%;
	right: 0;
	background-color: #ffdd63;
	-webkit-perspective: 1000;
	width: 100%;
	height: 100%;
	padding: 2%;
	text-align: center;
	color: #fff !important;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	white-space: nowrap;
}
.main-menu .thumbnail .caption:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	margin-right: -.25em;
	height: 100%;
}
.main-menu .thumbnail-caption-holder {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}

.main-menu .thumbnail:hover .caption {
	top: 0%;
} 
.main-menu .thumbnail .caption a {
	color: #023232 !important;
	color: #023232 !important;
	font-family: "montserratsemibold";
	font-size: 12px;
	text-decoration: none;
}
.main-menu .thumbnail > img {
	position: relative;
	top: 25%;
	width: auto;
}

.navbar-collapse.in {
    overflow-y: visible;
}
.collapsing{
	overflow: visible;

}

/*-- Main menu xs--*/
.main-menu .menu-xs li {
   width: 100%;
	text-align: center;
	font-family: "montserratsemibold";
}
.main-menu .menu-xs li a,
.main-menu .menu-xs li a:hover{
	color: #023232 ;
}
/* Slide Principal
-------------------------------------------------------------- */
.slide .container-fluid,
.slide .container-fluid .row .col-xs-12{
	padding-left: 0;
	padding-right: 0;
}
.theme-default .nivoSlider {
	box-shadow: none;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}
.theme-default .nivoSlider {
	margin-bottom: 0;
}

/* Testimonios
-------------------------------------------------------------- */
#owl-carousel-testimonios .owl-item img {
	width: 200px;
}
#owl-carousel-testimonios .owl-controls  {
    text-align: right;
    position: relative;
    bottom: 260px !important;
}
/* Menu secundario
-------------------------------------------------------------- */
.container.menu-secundario .menu:hover .texto {
	visibility: hidden;
}
.container.menu-secundario .menu:hover  {
	background: #d2eb7e;
}

 .container.menu-secundario .texto {
    text-align: center;
    position: relative;
    top: -50px;
	 font-size: 10px;
}

/* Convenios
-------------------------------------------------------------- */
#owl-carousel-thumb .owl-controls {    
    text-align: right;
    position: relative;
    bottom: 285px;
}
.owl-theme .owl-controls .owl-buttons div {
    color: #023232;
    display: inline-block;
    zoom: 1;
    margin: 0px;
    padding: 5px 15px;
    font-size: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0px;
    background: #ffdd63;
    filter: Alpha(Opacity=.5);
    opacity: 1;
}
.canacintra {
	background: transparent url("../images/principal/convenio/canacintra.jpg") no-repeat top left / 100% 100% border-box content-box;
	width: 200px;
	height: 200px;
}

.canacintra:hover {
	background: transparent url("../images/principal/convenio/canacintra_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.chrysler {
	background: transparent url("../images/principal/convenio/chrysler.jpg") no-repeat top left / 100% 100% border-box content-box;
		width: 200px;
	height: 200px;
}

.chrysler:hover {
	background: transparent url("../images/principal/convenio/chrysler_m.jpg") no-repeat top left / 100% 100% border-box content-box;
}

.freight {
	background: transparent url("../images/principal/convenio/freight.jpg") no-repeat top left / 100% 100% border-box content-box;
		width: 200px;
	height: 200px;
}

.freight:hover {
	background: transparent url("../images/principal/convenio/freight_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.gm {
	background: transparent url("../images/principal/convenio/gm.jpg") no-repeat top left / 100% 100% border-box content-box;
		width: 200px;
	height: 200px;
}

.gm:hover {
	background: transparent url("../images/principal/convenio/gm_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.john {
	background: transparent url("../images/principal/convenio/john.jpg") no-repeat top left / 100% 100% border-box content-box;
		width: 200px;
	height: 200px;
}

.john:hover {
	background: transparent url("../images/principal/convenio/john_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.magneti {
	background: transparent url("../images/principal/convenio/magneti.jpg") no-repeat top left / 100% 100% border-box content-box;
		width: 200px;
	height: 200px;
}

.magneti:hover {
	background: transparent url("../images/principal/convenio/magneti_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.sct {
	background: transparent url("../images/principal/convenio/sct.jpg") no-repeat top left / 100% 100% border-box content-box;
width: 200px;
	height: 200px;
}

.sct:hover {
	background: transparent url("../images/principal/convenio/sct_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.road {
	background: transparent url("../images/principal/convenio/road.jpg") no-repeat top left / 100% 100% border-box content-box;
width: 200px;
	height: 200px;
}

.road:hover {
	background: transparent url("../images/principal/convenio/road_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.vascor {
	background: transparent url("../images/principal/convenio/vascor.jpg") no-repeat top left / 100% 100% border-box content-box;
	width: 200px;
	height: 200px;
}

.vascor:hover {
	background: transparent url("../images/principal/convenio/vascor_m.jpg") no-repeat top left / 100% 100% border-box content-box;

}

.zapa {
	background: transparent url("../images/principal/convenio/zapa.jpg") no-repeat top left / 100% 100% border-box content-box;
	width: 200px;
	height: 200px;
}

.zapa:hover {
	background: transparent url("../images/principal/convenio/zapa_m.jpg") no-repeat top left / 100% 100% border-box content-box;
}
/* App
-------------------------------------------------------------- */
.app {
	color: #023232;
	font-size: 12px;
	font-family: "montserratsemibold";
}
/* Footer
-------------------------------------------------------------- */
.footer .container-fluid { 	
	background-color:#023232;
	color:#fff;
	vertical-align:bottom;
	padding: 40px 0px 0px;
}
.footer ul {
	line-height: 1.5rem;
}
.footer ul a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}
.footer-scrolltop-holder {
	height:40px;
	width:40px;
	background-color:#00beca;
	text-align:center;
	float:right;
}
.footer-scrolltop {
	font-size: 2.25rem;
	color: #353535;		
	line-height:40px !important;
}
.footer-scrolltop-holder:hover {
	background-color:#d2eb7e;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;	
}
.copyright {
	color:#d2eb7e;
	font-family: "montserratlight";
	font-size:12px;	
	padding-bottom: 15px;
}

.footer i {
	float: right;
	font-size: 2rem;
	cursor: pointer;
}

/* Footer - Iconos Sociales
-------------------------------------------------------------- */
.btn-social-icon{
	border-radius: 0px;
}
.btn-social-icon:hover {
	border: 0px;
}
.btn-social-icon.btn-lg {
	height: 43px;
	width: 43px;
}
.btn-facebook,
.btn-facebook:visited{
	background: #2aa65b ;
}
.btn-twitter,
.btn-twitter:visited{
	background: #7fba4f ;
}
.btn-google-plus,
.btn-google-plus:visited{
	background: #93c024 ;
}
.btn-youtube-play,
.btn-youtube-play:visited{
	background: #bed264 ;
}
.btn-tumblr,
.btn-tumblr:visited{
	background: #8cc84e ;
}
.btn-facebook:hover i,
.btn-twitter:hover i,
.btn-google-plus:hover i,
.btn-youtube-play:hover i,
.btn-tumblr:hover i{
	background: #fddb6a;
	color: #023232;
}


/* Página - Institutos
-------------------------------------------------------------- */
.container.institutos button.ciudad{
	background: #8cc84e;
	border: 0;
	border-radius: 0;		
	color: #fff;
	font-family: "montserratsemibold";
	font-size: 14px;
	height: 50px;
	margin: .75rem;
	width: 125px;
}
.container.institutos button.instituto{
	
}

.institutos .block-grid-item .panel{
	border:0; 
	margin-bottom : 0;
	background: #f1f2f2;
    background: #d2eb7e;
}
.institutos .block-grid-item .panel:hover{
	//background: #d2eb7e;
}
.institutos .block-grid-item .panel-default>.panel-heading {
	border: 0;
}

.institutos .block-grid-item .panel-default>.panel-heading .panel-title > a{
	color: #023232;
	font-family: "montserratsemibold";
	font-size: 15px;
}

#map {
	border: 1px solid #023232;
	width: 100%;
	height: 600px;
}

.institutos .img-thumbnail {
    max-width: 200px;
    display: block;
    margin: 0 auto;
}

.telefono,
.telefono:hover,
.whatsapp,
.whatsapp:hover{
	color: #777577 !important;
    font-weight: bold !important;
}


/* Página - Franquicias
-------------------------------------------------------------- */
.amf {
	background: transparent url(../images/franquicias/AMF.jpg) no-repeat bottom right ;
		background-size: 141px 77px  ;
}
.container.franquicias a {
 color: #2aa65b;
}

.container.franquicias img {
	width: 100%;
}

/* Página - Graduaciones
-------------------------------------------------------------- */
.container.graduaciones {
	background: #fafafa;
	min-height: 600px;
}
.container.graduaciones .btn-default {
	border: 0;
	border-radius: 0;
	padding: 15px 25px;
}
.container.graduaciones .btn-default:hover {
	background: #8cc84e;
}
.container.graduaciones .block-grid-item {
	position: relative;
}
.container.graduaciones .block-grid-item img{
	margin-bottom: 10px;
	opacity: .5;
} 
.container.graduaciones .block-grid-item img:hover{	
	cursor: pointer;
	opacity: 1;	
} 
.container.graduaciones .block-grid-item{
	color: #777577;
	font-size: 12px;
}

/* Página - Investigación y desarrollo
-------------------------------------------------------------- */
.container.investigacion h3{
	font-family: "montserratsemibold";
	color: #023232; 
}
.container.investigacion .panel{
	margin-top: 2rem;
	border: 0;
}
.panel-title > a {
	font-family: "montserratsemibold";
	color: #023232;
	font-size: 2rem;
}

/* Página - Evalúa tu Inglés
-------------------------------------------------------------- */
.container.evalua {
	background: #fafafa;
	min-height: 600px;
    font-size: 1.0em;
}
.container #btn_evalua {
    display: block;
    margin: 0 auto;
    width: 300px;
}
.container.evalua .img-fire {
    width: 100%;    
}
.container.evalua h5 {    
    color: #004442;
    font-family: "montserratsemibold";
    margin-bottom: 0;
}
.container.evalua h5 + span {
    color: #004442;
    font-size: .9em;
}
.container.evalua .question {
    color: #7B7B7B;
    font-family: "montserratsemibold";
}
.container.evalua .progress-wrapper {
    background: #004442;    
    height: 30px;
    padding: 5px;
    text-align: left;
}
.container.evalua .progress-box {
    background: #fff;
    display: inline-block;
    height: 20px;
    width: 85%;
}
.container.evalua .progress-bar {
    background: #93C024;
}
.container.evalua .progress-text {
    display: inline-block;
    float: right;
    color: #fff;
    margin-right: 5px;
}
.container.evalua .continuar {
    background: #FFE37F;
    border: none;
    color: #004442;
    font-family: "montserratsemibold";
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    display: inline-block;
    text-decoration: none;    
}
.container.evalua img.welldone {
    max-width: 120px;
    margin-left: 40px;   
} 
.container.evalua span.welldone {
    font-family: "montserratsemibold";
    font-size: 2.3em;
    color: #004442;
    margin-left: 100px;     
}
.container.evalua table {
    border-radius: 10px;
}
.container.evalua thead {
    background: #A2CD39;
    color: #fff;
}
.container.evalua table .striped {
    background: #ECF5D7;
}
.container.evalua table th,
.container.evalua table td{
    min-width: 120px;
    padding: 10px;        
}
.container.evalua blockquote:before {
    content: '';
} 
.container.evalua form {
    font-family: "montserratregular"; 
}
.container.evalua form select {
   // font-size: .7em;
}
.container.evalua label {
    font-family: "montserratregular";
     
}
.container.evalua form .btn-default {
    background: #D2EB7E;
    color:#033333;
}
.container.evalua .llena-datos {
    color:#033333;
    font-family: "montserratsemibold";
    font-size: 2.5rem;
}

.container.evalua .panel-heading {
    background-color: #D2EB7E;
    border-color: #D2EB7E;
    border-radius: 0;
    color: #fff;
}
.container.evalua .panel-default {
    box-shadow: 2px 2px 5px #888888;    
}
.container.evalua .fa-asterisk {
    color: red;
}

/* Small Devices, Tablets */
 @media only screen and (max-width : 768px) {
	.container.menu-secundario .texto{
		top: 0;
	}
	.app img {
		width: 100px;
	}
	.container.convenios .titulo-secundario {
		padding: 5px;
		font-size: 0.9rem;
		padding-top: 14px;
		height: 41px;
	}
	 .container.franquicias img {
			width: 90%;
		}
	 
 }


 /* Medium Devices, Desktops */
 @media only screen and (max-width : 992px) {
	.container.franquicias img {
			width: 60%;
		}
 }

 /* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {

    }