@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato');

body { color:#010101; font-family: 'Lato', sans-serif; font-size:15px; }

header { background-color:#FFF;  }
header a { color:#010101 !important; text-decoration:none; }
header a:hover { color:#9a3324 !important; text-decoration:none; }
header .superior { background-color:#e4e4e4; padding:5px 15px; }
header .superior p { padding: 0; margin: 0; }
header .logosupalto { width: auto; max-height: 60px; }
header .logosup { width: auto; max-height: 26px; margin-top: 14px; }
header .logoizda { width: auto; max-height: 40px; }
header .logodcha { max-width:110px; float:right; margin-top:5px; }
header .titulomovil { background-color:#9a3324; color:#fff; margin-bottom: 10px; text-align:center; }
header .titulomovil h1 { padding:5px; }
header .titulomovil a { color:#fff !important; }

footer { padding-bottom:10px; padding-top:10px; background-color:#9a3324; color:#FFFFFF !important; }
footer a { color:#FFFFFF !important; text-decoration:none; }
footer a:hover { color:#333333 !important; text-decoration:none; }
footer ul { list-style:none; }
footer h2 { color:#FFFFFF; margin:20px auto; text-align:left; }

h1, .h1 { font-size:2em; margin:0; padding:10px 20px; text-transform: uppercase; }
h2, .h2 { font-size:1.8em; line-height:1.2em; color:#9a3324; text-align:center; position:relative; margin:50px auto; font-weight:bold; }
h3, .h3 { font-size: 1.2em; color: #9a3324; padding: 2px; font-weight: bold; text-decoration: underline; }
h4, .h4 { font-size:1.1em; color:#333; font-style:italic; font-weight: bold; }

/* MODIFICACIONES DE ESTILOS PEDIDAS EN ABRIL 2021 */
.subtituloMarron {color: #9a3324; font-weight: bold; }
.consubrayadolargo { position: relative; padding:10px 0; margin-bottom:30px; text-decoration:none; }
.consubrayadolargo::before { width: 100%; height: 2px;  background-color: #9a3324; content: " ";  position: absolute; bottom: 0; left: 0%; }
.sinMargen {margin-bottom:10px !important}
.textoConLinea {margin-left: 4%;}
/* */

a { color:#9a3324; }
a:hover { color:#9a3324; text-decoration:underline; }
.enlacesVisibles {text-decoration: underline solid #9a3324 1px}
/*strong { color:#9a3324; }*/

#contenedor-menu { background-color:#FFF; transition:linear; }
#menu { font-size:13px; margin:2% auto; background-color:#FFF; }
.navbar { margin-bottom:0px; }
.navbar-brand { padding:0px; }
.navbar-brand img { max-height:50px; width: auto; }
.navbar-default { background:none; border:none; }
.navbar-default a { text-transform:uppercase; color:#333333 !important; }
.navbar-default .navbar-nav > a { background:none; color:#333333; }
 
.navbar-default .navbar-nav > a:hover, 
.navbar-default .navbar-nav > a:focus
{
	background-color:#9a3324 !important;
	color:#FFF !important;
}

.navbar-nav>li>a { padding-left:10px; padding-right:10px; cursor:pointer; }

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    background-color:#9a3324 !important;
	color:#FFF !important;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
{
	background:none !important;
	color:#9a3324 !important;
	text-decoration: underline;
}


.dropdown:hover .dropdown-menu {  display: block; }
.navbar-nav > li > .dropdown-menu { border: none; box-shadow: none; background: none !important; padding-top: 0; }
.dropdown-menu .container { background:rgba(255,255,255,0.9) !important; padding: 20px; }
.dropdown-menu a { color:#9a3324 !important; cursor:pointer;  }
.dropdown-menu a:hover { color:#333 !important; }

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus
{
	background-color:#FFFFFF !important;/*  rgba(255,52,52,0.5) !important;*/
	color:#333 !important;
}

.submenu {  left: -200% !important; }
.submenu ul li { margin-bottom:10px; }
.submenu h3 { font-size: 1.0em; }
.submenu .glyphicon { font-size: 12px; }

.submenu1 {  left: -190% !important; }
.submenu2 {  left: -540% !important; }
.submenu3 {  left: -520% !important; }
.submenu4 {  left: -650% !important; }
.submenu5 {  left: -720% !important; }

.btn-default { color: #9a3324; background-color: #fff;  border-color: #9a3324; border-radius: 0; }

#mainwrap ul { list-style: none; /* Remove default bullets */ }
#mainwrap ul li::before {
  content: "-";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #9a3324; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#mainwrap ul .media::before { content: "";}

#mainwrap .listadisc { list-style: none; /* Remove default bullets */ }
#mainwrap .listadisc li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #9a3324; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/* colapsar menu cuando sea ancho menor a 1200px */
@media (max-width: 1200px) {
    .navbar-header {  float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent;  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; margin-top: 20px; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }	    
    .collapse.in{ display:block !important; }
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:#9a3324; }
	.navbar-default a { color:#fff !important; }
	.navbar-nav > li { padding-left: 0; }
	.submenu { left:0 !important; position: relative; }	
	.submenu ul li { text-align: center; font-size: 1.0em; font-weight: bold; border-bottom: solid 2px #9a3324; padding: 10px; }
	.submenu ul li:last-child { border:none; margin-bottom:0; }
	.submenu h3 { margin-top: 0; text-decoration: none !important; border-bottom: solid 2px #9a3324; padding: 10px; }
	.dropdown-menu a { color:#9a3324 !important; text-decoration:none !important;  }
	.dropdown-menu .container { background: #fff !important;  padding: 10px;}

	.textoConLinea {margin-left: 0%;}
}

video  {   width:100%;  max-width:500px;  height:auto; margin:0 auto; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width:100%; }
.img-thumbnail { margin:4px; max-width:150px; }
.img-thumbnail:hover { border-color:#008F29; }
.carousel-inner > .item > a > img { filter: brightness(0.85); }

#carrusel { margin-bottom:30px; } 
.carousel-indicators { width:50%; left:25%; margin-left:0; }
.carousel-caption { background-color:rgba(255, 255, 255, 0.3); font-size: 2.5em !important; top: 20%; bottom: inherit; }
.carousel-control { color:#FFFFFF !important; width:5% !important;  }
.carousel-control.left, .carousel-control.right { background:none !important; color:#9a3324 !important; }
.caption-arribadcha { top:5%; right:5%; left:60%; bottom:60%; }
.caption-arribadcha-g { top:5%; right:5%; left:60%; bottom:60%; }
.caption-arribaizda { top:5%; right:60%; left:5%; bottom:74%; }
.caption-abajodcha { top:55%; right:5%; left:60%; bottom:13%; }
.caption-color { color: #333; text-shadow: none; }

.carousel-caption a { color: #fff !important; font-size: 18px;  }
.carousel-caption a:hover { color:#9a3324; text-decoration:none; }

.breadcrumb { background:none; font-size:0.9em; margin-bottom:5px; }
.migas { margin-top:5px; margin-bottom:5px; text-align:right; }

.scrollup {  width:50px; height:50px; opacity:0.9; position:fixed; bottom:50px; right:10px; display:none; text-indent:-9999px; background: url('../imgs/flecha_arriba.png') no-repeat; z-index:5; }
.lSSlideOuter .lSPager.lSpg { display:none; }

.txt-callout { padding: 10px 15px; background-color: #f2f2f2; border-radius: 25px;  margin-top: 5px; margin-bottom: 5px; display: inline-block; }
.txt-callout-mitad { display:inline-block; margin:5px 2.35%; width:45%; }
.txt-callout-verde { background-color: #0e944c; color: #fff; } /* ENLACE A DOCUMENTOS */
.txt-callout-verde:hover { background-color: #11ad59;  }
.txt-callout-verde a { color:#fff; text-decoration:none; }
.txt-callout-marron { background-color: #ac3627; color: #fff; } /* ENLACE A WEB EXTERNAS */
.txt-callout-marron:hover { background-color: #cf402d;  }
.txt-callout-marron a { color:#fff; text-decoration:none; }
.txt-callout-azul { background-color: #6ea4c5; color: #fff; } /* ENLACE A ANCLAS INTERNAS */
.txt-callout-azul:hover { background-color: #7bb7dc;  }
.txt-callout-azul a { color:#fff; text-decoration:none; }
.txt-callout-blanco { background-color: #fff; color: #ac3627; } /* ENLACE BANER TEMPORAL */
.txt-callout-blanco:hover { background-color: #cccccc;  }
.txt-callout-blanco a { color:#9a3324 !important; text-decoration:none; }
/*.txt-callout-rojo { background-color:#f5e3e3; border-left-color:#9a3324; color:#9a3324; }
.txt-callout-rojo a { color:#9a3324; }
.txt-callout-azul { background-color:#dcecf6; border-left-color:#196897; color:#196897; }
.txt-callout-azul a { color:#196897; }
.txt-callout span { font-size:1.2em; }*/


#tabs-menus li::before { content: "" !important;  font-weight: normal; display: none !important; width: 0 !important; margin-left: 0; }
#tabs-menus li { float:none; } 
#tabs-menus > li > a { text-align: left; font-size:0.9em; border: 1px solid #ccc; border-radius:0; } 
#tabs-menus > li.active > a { color: #fff; background-color: #0e944c; border: 1px solid #0e944c;  }
.centradoTabla{text-align:center;vertical-align:middle !important}

.oculto { display:none; }
.fixed { position:fixed; top:0; z-index:100; width:100%;  transition:linear; }
.fixed .logo { max-width: 150px; }
.fixed #menu { margin: 5px auto; }

.salto { display:none; }
#mainwrap { text-align:justify; }
#titulo { background-color:#9a3324; color:#fff; padding: 30px 0; }
.imgtop { margin-bottom:30px; }
.imgbot { margin-top:30px; }

.img-tit { max-width:50px; }
.img-not { max-width:200px; }
.titlink-not { color:#333333; text-decoration:underline; }
.tit-not { text-transform:uppercase; font-weight:bold; }
.noticia { margin-bottom:15px; padding-bottom:15px; text-align:left; }
.noticia small { font-size: 0.8em; }
.noticia img { max-width:225px; }
.noticia p { padding: 0 10%; }

.lema { font-size:1.2em; color:#0e944c; font-style: italic; padding:5px; border:1px dashed #0e944c;}
.mensajito {padding: 12px 10px; z-index: 1000000; display: block; text-align: center; width: 30%; margin: 0px auto; position: fixed; left: 35%; top: 30%; background-color:#FFF; border-radius: 10px; border: 3px solid #000000; font-size: 1.2em;}
.dest { color:#9a3324; font-size:1.2em; }
.destsolocolor { color:#9a3324; }
.destmargen { color:#9a3324; padding:0 30px; }
.consubrayadolargo { position: relative; padding:10px 0; margin-bottom:30px; text-decoration:none; }
.consubrayadolargo::before { width: 100%; height: 2px;  background-color: #9a3324; content: " ";  position: absolute; bottom: 0; left: 0%; }
.consubrayadocorto { position: relative; padding: 20px 0 25px; margin-bottom: 5px; text-decoration: none; line-height: 1.5em; }
.consubrayadocorto::before { width: 50%; height: 2px;  background-color: #9a3324; content: " ";  position: absolute; bottom: 0; left:25%; }
.consubrayadocorto2 { position: relative; margin-bottom: 5px; text-decoration: none; line-height: 1.5em; }
.consubrayadocorto2::before { width: 50%; height: 2px;  background-color: #9a3324; content: " ";  position: absolute; bottom: 0; left:0%; }
.conmargenes { padding:0 30px; }
.linea::before { width: 90%; height: 2px;  background-color: #9a3324; content: " "; position: absolute; bottom: -5px; left: 5%; }
.linkcuadrado { background:#9a3324; color:#fff; text-align:center; padding: 10px 20px;  }
.linkcuadrado:hover { color:#fff;   }
.linkcuadrado2 { background:#9a3324; color:#fff; text-align:center; padding: 10px 20px; position: absolute;bottom: 0;margin: 0 25%; display: inline-block; width: 50%;  }
.linkcuadrado2:hover { color:#fff;   }
.tipoflex {display: flex; }
.linkcuadrado3{background:#9a3324; color:#fff; text-align:center; padding: 10px 20px; position: absolute;bottom: 0;margin: 0 25%; display: inline-block; width: 50%; }
.linkcuadrado4{color:#9a3324; background:#fff; text-align:center; padding: 10px 20px; position: absolute;bottom: 0;margin: 0 25%; display: inline-block; width: 50%; border-color: #9a3324;}

.fondorojo { background-color: #9a3324 !important; color:#ffffff; }
.fondoverde { background-color: #08554a !important; color:#ffffff; }
.borderojo { border-color: #9a3324 !important; }
.iconopeque { max-width:100px; margin-top: 15px; margin-bottom: 15px; }
.fondoAzul { background-color: #0b1f50ff; color: #fff; padding: 25px 0; }
.fondoAzul a { color: #fff; }
.tituloBlanco { color: #fff; margin: 0px; }

#caja-noticias { margin-bottom:30px; }

.caja-etapas { width: 100%; height: auto; position: relative; overflow: hidden;  }
.caja-etapas:before { content: ''; width: inherit;  height: inherit; position: absolute;  background: #f1f1f1; opacity: 0; transition: opacity .3s linear; }
.caja-etapas:hover:before {  opacity: .75; }
.caja-etapas h5 { text-align:center; font-style:normal; color:#9a3324; font-size:1.15em; min-height:40px; display:flex; align-items:center; justify-content:center; }
.caja-etapas h5::before { width: 90%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom: 0; left: 5%; }
.caja-etapas img { margin-bottom:0; }
.caja-etapas .textomovil { width: 100%; padding:5px; background-color:rgba(255,255,255,0.8); text-align: center; position: absolute; top: 100%;  transition: top .3s linear; }
.caja-etapas:hover .textomovil { top: 0%; height:100%; }
.caja-etapas:hover h5 { opacity: 0; }
.etapa { margin-right: 4%; }

.servicios h5 { text-align:center; font-style:normal; color:#9a3324; font-size:1.15em; min-height:40px; display:flex; align-items:center; justify-content:center; }
.servicios h5::before { width: 90%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom: 0; left: 5%; }
.servicios a { text-decoration:none; }
.servicios img { max-width: 280px; }

.centros h5 { text-align:center; font-style:normal; color:#9a3324; font-size:1.15em; min-height:40px; display:flex; align-items:center; justify-content:center; position:relative; }
.centros h5::before { width: 90%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom: 0; left: 5%; }
.centros a { text-decoration:none; }

.cajasensenanzas h5 { text-align:center; font-style:normal; color:#9a3324; font-size:1.15em; min-height:40px; display:flex; align-items:center; justify-content:center; position:relative; line-height: 1.9em; }
.cajasensenanzas h5::before { width: 100%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom:50%; left: 0; }
.cajasensenanzas a { text-decoration:none; }
.cajasensenanzas p { padding: 0 30px; }

#caja-logosentidades img { max-width:200px; margin-bottom:10px; }

.caja-acciones { background-color:#e4e4e4; padding: 20px; }
.llamadas h5 { text-align:center; font-style:normal; color:#9a3324; font-size:1.15em; min-height:50px; display:flex; align-items:center; justify-content:center; }
.llamadas h5::before { width: 90%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom: 0; left: 5%; }
.llamadas h5 a { text-decoration:none; }

.parallax { min-height: 700px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top:90px; padding-bottom:50px; }
.parallax .titulo, .parallax .subtitulo { color:#FFF; text-align:center; }
.parallax .titulo { margin: 50px auto 20px; font-size:2.8em; text-shadow: 2px 2px 2px #000; }
.parallax .subtitulo { font-size:1.5em; text-shadow: 2px 2px 2px #000; }
.caja-proyecto { background-image: url("../imgs/fondo-biblioteca.jpg"); }
.caja-instalaciones { background-image: url("../imgs/fondo-pistas.jpg"); }
.caja-instalaciones .subtitulo a { color:#fff; }

.caja-transparente { width: 100%; height: auto; position: relative; overflow: hidden; cursor:pointer; border:solid 2px #FFF;  }
.caja-transparente:before { content: ''; width: inherit;  height: inherit; position: absolute;  background: #f1f1f1; opacity: 0; transition: opacity .3s linear; }
.caja-transparente:hover:before {  opacity: .75; }
.caja-transparente h5 { text-align:center; font-style:normal; color:#fff; font-size:1.8em; min-height:30px; display:flex; align-items:center; justify-content:center; margin-bottom: 50px; margin-top: 0; transition: opacity .3s linear;  }
.caja-transparente h5::before { width: 80%; height: 2px; background-color:#9a3324; content: " "; position: absolute; bottom: 40px; left: 10%; }
.caja-transparente img { max-width:230px; margin-bottom:0; transition: opacity .3s linear;  }
.caja-transparente .textomovil { width: 100%; padding:20px; background-color:rgba(255,255,255,0.8); position: absolute; top: 100%; left:0;  transition: top .3s linear; }
.caja-transparente .textomovil p { text-align:left; }
.caja-transparente .textomovil span { color:#9a3324; }
.caja-transparente .textomovil .tit { color:#9a3324; font-size:1.5em; text-align:center; }
.caja-transparente .textomovil .tit::before { width: 80%; height: 2px; background-color: #9a3324; content: " "; position: absolute; top:50px; left: 10%; }
.caja-transparente:hover .textomovil { top: 0%; height:100%; }
.caja-transparente:hover img, .caja-transparente:hover h5 { opacity: 0; }

.testimonios { background-color:#e4e4e4; padding-top: 20px; padding-bottom: 20px; }
.testimonios h2 { margin:0 0 20px; }
.testimonios .tit { color: #9a3324; font-size:1.2em; }
.testimonios .masinfo { text-decoration: none; font-style: normal; min-height: 30px; display: block; width: 30%; text-align: center;  }
.testimonios .masinfo::before  { width: 20%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom: 0px; left: 5%; }

.caja-formulario { background-color:#e4e4e4; padding: 20px; }
.caja-formulario h2 { margin:20px auto; }
.caja-formulario label { color:#9a3324; }
.caja-formulario .form-control { width:100%; border-radius: 0; border:none; border-bottom:solid 1px #9a3324; background:none; box-shadow: none; height: 35px; }

.frase { padding-top:20px; padding-bottom:20px; }
.frase::before { width: 50%; height: 2px; background-color: #9a3324; content: " "; position: absolute; top: 0; left: 25%; }
.frase::after { width: 50%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom: 0; left: 25%; }

.g-recaptcha {transform:scale(0.90); -webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;}

.banner-destacado { background-color:#9a3324; color:#fff; text-align:center; font-size:1.3em; margin-top:50px; padding:20px 0;}
.banner-destacado p { color:#fff; font-weight:normal; margin-top:10px; }
.banner-destacado span { font-size:1.3em; }
.banner-destacado h5 { text-align:center; font-style:normal; color:#ffffff; font-size:1.7em; min-height:30px; display:flex; align-items:center; justify-content:center; }
.banner-destacado h5::before { width: 90%; height: 2px; background-color: #ffffff; content: " "; position: absolute; bottom: 0; left: 5%; }
.banner-destacado h5 a { text-decoration:none; }
.banner-destacado h6 { text-align:left; font-style:normal; color:#ffffff; font-size:1.7em; min-height:30px; display:flex; align-items:center; justify-content:left; }
.banner-destacado h6::before { width: 100%; height: 2px; background-color: #ffffff; content: " "; position: absolute; bottom: 0; left: 0; }
.banner-destacado .masinfo { color: #fff; text-decoration: none; font-style: normal; min-height: 30px; display: block; width: 30%; text-align: center; position: absolute; left: 5%;  }
.banner-destacado .masinfo::before  { width: 90%; height: 2px; background-color: #fff; content: " "; position: absolute; bottom: 0px; left: 5%; }
.banner-destacado .panel { background-color: #9a3324; border: none; font-size: 15px; text-align:justify; }
.banner-destacado .panel-default > .panel-heading { color: #fff; background-color: #9a3324; border:none; }
.banner-destacado  .panel-title { text-decoration: none; }
.banner-destacado a { color: #fff; text-decoration:none; }
.banner-destacado a:hover { text-decoration: underline; }

/* BANNER EXÁMENES DE INGLÉS EN PROYECTO BICULTURAL*/
.banner-ingles { background-color:#E4E4E4; text-align:center; margin-top:50px; padding:20px 0; text-transform:uppercase}
.banner-ingles p { color:black; font-weight:normal; margin-top:10px; text-align:left; font-size:15px; text-transform:none}
.banner-ingles .masinfo { color: #9a3324; text-decoration: none; font-style: normal; min-height: 30px; display: block; width: 30%; text-align: center; position: absolute; }
.banner-ingles .masinfo::before  { width: 90%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom: 0px; left: 5%; }
.banner-ingles a { color: #9a3324; text-decoration:none; }
.banner-ingles a:hover { text-decoration: underline; }
/* */

.banner-temporal { background-color:#9a3324; color:#fff; text-align:center; font-size:1.3em;   padding:10px 0; border-bottom: solid 1px #fff; }
.banner-temporal h2 { color:#fff; margin:10px auto 0px; font-size: 1.5em; }
.banner-temporal .txt-callout { margin-top: 8%; float:left; }

#info-lazo {background: #fff; padding: 12px 10px; position: fixed; top: 20%; display: block; z-index: 1000000; width: 30%; left: 35%;border: solid 2px red;border-radius: 10px;text-align: center;font-size: 1.3em;}
#info-lazo  img { max-width:150px; }

.caja-explicaciones h3 { text-align: center;  text-decoration: none; }
.caja-explicaciones .panel-default > .panel-heading { background-color: transparent;  border: none; }
.caja-explicaciones .panel-default { border: none; box-shadow: none; background: none; }
.caja-explicaciones .panel-collapse { padding: 5px 25px; }
.caja-explicaciones a { text-decoration: none; }

/* Desplegable de admisiones */
.tipos { margin-bottom:10px; }
.tipos input { display:none; }
.tipos label { display:block; height:30px; line-height:30px; font-weight:bold; text-transform:uppercase; color: #ac3627; margin-left:5%}
/*.tipos label:before {content:"+"; display:inline-block; height:30px; width:30px; background:#ccc; color:White; text-align:center; margin-right:10px; }*/
.tipos label:after {content:"+"; display:inline-block; height:30px; width:30px; color: #ac3627; text-align:center; margin-left:1%; background:#ccc;}
.tipos div {display:none; padding-top:5px; }
.tipos input:checked ~ label:after { content:"-"; color:#ac3627; background:#ccc;}
.tipos input:checked ~ div { display:block; }

/* Modal de la tabla de horarios 
.modalContenido{ background-color:aqua; width:1300px; padding: 10px 20px; margin: 20% auto; position: relative; }
.modal{ background-color: rgba(0,0,0,.8); position:fixed; top:0; right:0; bottom:0; left:0; } */


/* buscador */
table.gsc-search-box { max-width: 110px !important; }
.cse .gsc-control-cse, .gsc-control-cse { padding: 1em 5px !important; }
.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input { padding-right: 0 !important; }
.cse .gsc-search-button-v2, .gsc-search-button-v2 { padding: 0px 10px !important; }

/* visita virtual */
#enlace-visita-virtual { display: block; position: fixed;right: 0; bottom: 15%; width: 200px; height: 200px; z-index: 100; }
/*#popup-visita { background: #9a3324; padding: 12px 10px; position: fixed; top: 20%; display: block; z-index: 1000000; width: 500px; left: 35%; border: solid 5px #fff; border-radius: 50%; text-align: center; font-size: 1.3em; height: 500px; color: #fff; }
#popup-visita  img { max-width:210px; }
#popup-visita  h1 { margin-top:25px; }*/
#popup-visita { background: #fff; position: fixed; top: 20%; display: block; z-index: 1000000; width:70%; max-width:1000px; left:15%; right:15%; text-align: center; font-size: 1.3em; height: auto; margin:0 auto; }
#popup-visita  a { cursor:pointer; }
#popup-visita  h1 { background-color: #9a3324; color: #fff; position: absolute; z-index: 100; width: 100%; left: 0; right: 0; top: 15px; }
#popup-visita  h1 small { color: #fff;font-size: 50%; }
#popup-visita  .visita-cerrar { float:right; color: #fff;position: absolute; right:10px; top: 25%; text-shadow: 2px 2px #000; }
#popup-visita  .conmargen { padding-top: 150px; }
#popup-visita  .sinmargen { padding: 0px; }

/* LANDING PAGE EXÁMENES OXFORD */
div.background {width:100%; height:870px; display: flex;}
div.background.grande {width:100%;  height:940px;}

.imagenFondo{background-image: url(/imgs/ini_Oxford.png); background-size: 100% 1062px; background-repeat:no-repeat; display: flex;} 

.parteAzul {/* width:30%; */ /* height:100%; */ background-color:#0b1f507f; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
.margin {margin-top: 40px; }
.parteBlanca {opacity: 0.8; filter: alpha(opacity=80); display: flex; align-items: center; height: 100%;}
.parteBlancaTexto {height: -1%;}

.centroTexto {height: 100%;}

@media (min-width: 992px){ .quitarMargen {margin-left: 0% !important;}}

.form-input-ingles {background-color: #0b1f507f; opacity: 0.8; filter: alpha(opacity=80); color: #ffffff;}
.btn-ingles {color: #ffffff !important; background-color: #0b1f50ff; border-radius: 0; min-width: 100px;}
.form-input-ingles2 {background-color: #ffffff; opacity: 0.62; filter: alpha(opacity=62); color: #0b1f50ff;}
.btn-ingles2 {background-color: #ac3627; color: #fff;}
.smallIngles {min-width: 130px; display: inline-block; text-align: left; margin-left: -12%;}

.headerIngles {display: flex; align-items: center; justify-content: space-around;}
.colegioHeader {color: #9a3324;font-size: 2em;font-weight: bold; text-align:center; margin-bottom: 0%;}
.centroHeader{color: #0b1b50ff; font-style: italic; font-size: 1.5em; font-weight: bold; text-align: center;}
.centro {padding-top: 12px;}
.dcha {padding-top: 16px;}
.telHeader, .dirHeader{font-size: 1em; }
.telHeader::before{content: url(/imgs/icono-telefono.png); padding: 0 3% 0 5%;}
.dirHeader::before{content: url(/imgs/icono-direccion.png); padding: 0 3% 0 5%;}
.textoBlanco {color: #ffffff; text-align: left;}
.textoBlancoCentro {color: #ffffff; text-align: center;}
.subtituloIngles {text-transform: uppercase; color: #5f8ac4ff;}
.tituloIngles {text-transform: uppercase; color: #0b1f50ff; font-size: 5em !important; font-weight: bold !important; padding: 0% !important; text-align: left;}

#mainwrap .iconoPropio li::before {content: url("/imgs/Vineta_Numeracion.png"); padding-right: 3%; padding-bottom: 3px; }

.bannerOxfordTest {background-color: #e4e4e4;}
.oxfordTest img {max-height: 58px; width: auto;}
.oxfordTest h5 { text-align:center; font-style:normal; color:#9a3324; font-size:1.15em; min-height:40px; display:flex; align-items:center; justify-content:center; position:relative; line-height: 1.9em; }
.oxfordTest h5::before { width: 100%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom:0; left: 0; }
.oxfordTest p{vertical-align: bottom; text-align: left; color: #9a3324;}
.espacioVacio {height: 50px;}
.logDesktop {max-height: 97px; margin-top:27%}
.logoDesktopPorQue1, .logoDesktopPorQue3{max-height: 88px; width: auto}
.logoDesktopPorQue2 {max-height: 150px; width: auto; margin-top:2%}
.logoDesktopPorQue3 {width: 88px; height: 81px;}

.afiliadosTest img {max-height: 58px; width: auto;}
.afiliadosTest h5 { text-align:center; font-style:normal; color:#9a3324; font-size:1.15em; min-height:40px; display:flex; align-items:center; justify-content:center; position:relative; line-height: 1.9em; }
.afiliadosTest h5::before { width: 100%; height: 2px; background-color: #9a3324; content: " "; position: absolute; bottom:0; left: 0; }
.afiliadosTest p{vertical-align: bottom; text-align: left; }

#mainwrap .iconoPropioCentro li::before {content: url("/imgs/Vineta_Numeracion.png"); padding-right: 5%; padding-bottom: 3px; }

.bannerInglesMarron{background-color: #d7baaeff;}
.footerIngles{background-color: #9a3324; color: #fff;}

.centrar {margin-left: 26%;}
/* */

/* ESTILOS OXFORD-TEST-OF-ENGLISH */
.imagenOTE {background-image: url(/imgs/ini_Oxford.png);background-size: 100% auto; background-repeat:no-repeat; }
/* */

@media screen and (max-width: 1000px)
{
	#popup-visita { top:10%; width:90%; left:5%; right:5%;  font-size: 1.0em; height: auto;  }
	#popup-visita  h1 small { font-size:65%; }
	#popup-visita  .conmargen { padding-top: 0px; }
}

@media screen and (max-width: 990px)
{
	
	#caja-logos { padding: 0 15px; }
	#caja-logos div[class^="col-"] { padding-left: 0px; padding-right: 0px;  }
	header .logoizda{ margin:0 auto;  }
	header .logodcha { margin:0 auto; padding-top:10px; }
	header .logoalto { max-height: 40px; width: auto; }
	
	.caja-etapas { display:block; margin-bottom:20px; }
	.caja-etapas h5 { display:none; }
	.caja-etapas img { margin-bottom:0; }
	.caja-etapas .textomovil { top: 0px; width: 100%; position: relative; }
	.caja-etapas:hover .textomovil { top: 0%; height:auto; }
	
	.parallax { padding-top:50px; }
	
	.caja-transparente { display:block; margin-bottom:20px; }
	.caja-transparente h5 { display:none; }
	.caja-transparente img { margin-bottom:0; }
	.caja-transparente .textomovil { top: 0px; width: 100%; position: relative; }
	.caja-transparente:hover .textomovil { top: 0%; height:auto; }
	.caja-transparente:hover img, .caja-transparente:hover h5 { opacity: 1; }
	
	.tipoflex {display: table; }
	
	.servicios { margin-bottom:20px; }
	.centros { margin-bottom:20px; }
	
	#tabs-menus li { float: left; } 
	
	.g-recaptcha {transform:scale(0.80); -webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;}
	#enlace-visita-virtual {  width: 100px; height: 100px; bottom: 25%; }
	
	
	.imagenFondo {background-image: none;}
	.parteBlanca {background-image: url(../imgs/ini_Oxford.png); background-size:cover ; background-repeat:no-repeat; }
	#mainwrap .iconoPropio li::before {padding-right: 7%;}
	#mainwrap .iconoPropioCentro li::before {padding-right: 9%;  }
	

	.logoMovil {margin: 5% 39%}
	.quitarPequeño {display: none;}
	.logoMovilPorQue{margin:5% 39% ; }
	.textoCentro {text-align: center;}
	.telHeader {text-align: center !important;}
	.dirHeader {text-align: center !important;}
	.smallIngles {margin-left: -5%;}

}
/* Landscape phones and down */
@media screen and (max-width: 798px)
{
	.salto { display: block; }
	.mensajito {padding: 12px 10px; z-index: 1000000; display: block; text-align: center; width: 90%; margin: 0px auto; position: fixed; left: 5%; top: 5%; background-color:#FFF; border-radius: 10px; border: 3px solid #000000; font-size: 1.2em;}	
	
	#mainwrap .columna-not { width:100%; }
	#mainwrap .tiene-not { width:100%; }
	h1, .h1 { font-size:1.1em; }		
	.breadcrumb { padding:0px; }
	.migas { padding:0px; text-align:left; }	
	.txt-callout-mitad { margin:5px 0; width:100%; }
	.scrollup { right:10px; }
	#caja-noticias { margin-top: 30px; }
	#titulo { padding: 0; }
	
	.carousel-caption { font-size: 1em !important; top: 0; bottom: 0; left: 5%; right: 5%; padding: 10px 5px; }
	.carousel-caption a { font-size: 12px;  }
	
	.parallax .titulo { font-size:2.5em; }
	.servicios h5 { min-height:52px; font-size:1.05em; }
	.etapa { margin-right: 0%; }
	.testimonios .masinfo { width: 50%;   }
	.testimonios .masinfo::before  { width: 50%;  }
	
	.banner-temporal { font-size:1em !important; }
	.banner-temporal h2 { font-size:1em !important; margin: 5px auto; }
	.banner-temporal p { margin-bottom:5px; }
	.banner-temporal .txt-callout { margin:0px; float: initial; }
	
	.banner-ingles .masinfo {width:50%;  margin-bottom: 15px; position:relative !important}
	
	.banner-destacado p { padding-bottom:10px; }
	.tipoflex {display: table; }
	
	.g-recaptcha {transform:scale(0.80); -webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;}
	
	#info-lazo { top: 5%; width:75%; left: 15%; font-size: 1.1em;}
	#info-lazo  img { max-width:50px; }

	.quitarEspacio {padding-right: 0; padding-left: 0;}
	.parteBlancaTexto{height: 100%; padding:50px 0 50px 0;}
	.espacio{margin-top: 25px;}
	.parteBlanca {height: auto;}
	.centro {padding-top: 0;}
	.telHeader {text-align: center !important;}
	.dirHeader {text-align: center !important;}

}

@media screen and (min-width: 1950px) {
	body { color:#010101; font-family: 'Lato', sans-serif; font-size:25px; }
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width:100%; }
	.img-thumbnail { margin:4px; max-width:100px; }
	.banner-ingles p {font-size:25px;}	
}


/*
EFECTOS CARRUSEL
http://codepen.io/transportedman/pen/NPWRGq
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  
  transition: opacity 3s;
  -webkit-transition: opacity 3s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel {
  height: 120px;
}
#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
		  
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: left;
    border: none;
	font-size:16px;
	font-style: italic;
}

/* Landscape phones and down */
@media screen and (max-width: 468px)
{
	#fade-quote-carousel {
	  height: 160px;
	}
}