/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28-jun-2016, 19:11:07
    Author     : soffsy
*/

body{
    font-family: "Open Sans";
	font-style: normal;
	font-variant: normal;
}


h1 {
	font-family: "Open Sans";
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
}
h3 {
	font-family: "Open Sans";
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}
p {
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	color: #333;
}
blockquote {
	font-family: "Open Sans";
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
	font-family: "Open Sans";
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714px;
}

#header-back{
   background-color: #2e448d;
   padding-top: 1em;
   color: #fff;
}

#header-back .container-fluid{
    margin-top: 80px;
}

#header-back .photos{
  margin-right: -15px;
  margin-left: -15px;
}

#header-back .photos div {
  margin: 0;
  padding: 0;
  padding-top: 30px;
}

#header-back .photos img {
   width: 100%;
   height: 100%;
  
}

#header-back .photos #sedetextoL {
   padding-left: 20px;
}

#header-back .photos #sedetextoR {
   padding-right: 20px;
}

#header-back .row a{
    color: #fff;
}

#menu {
  list-style: none;
  padding-left: 0;
}

#menu li {
      display: inline-block;
    padding: 5px 15px;
}

#menu li:not(:last-child) {
    border-right: 2px solid white;
}

#slider {
    width: 100%;
}

.deportes .recuadros { color: xx }


.ingles .recuadros { color: xx }

#nodisplay{
    display: inline;
}

#menubar{
    background-color: #2e448d;
    margin: 0;
    padding: 0;
    color: #fff;
    background-image: url(../../assets/images/triangulos.png);
    background-repeat: no-repeat;
    background-position: right;
    
    background-size: 200px;
    background-position: 110%;
}

.navbar-default .navbar-nav>li>a{
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover, a:active{
    color: #fff;
}

.contflu{
    padding-right: 0;
    padding-left: 0;
    margin:0;
}

.navbar {
 border-radius: 0;
 position: relative;
    min-height: 65px;
    margin-bottom: 20px;
    border: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #999;
}

.dropdown-menu{
    background-color:  #999;
    color: #fff;
    border: none;
}

.dropdown-menu>li>a{
    color: #fff;
}

#sedenombre{
   border-right-color: #fff; 
   border-right-style: solid ; 
   border-right-width: 1px;
}

#menunavbar{
    margin-top: 8px;
}

#minia{
    font-size: 10px;
	
}
#minia2{
    font-size: 12px;
	background-color: #E67817;
	border-radius:2px;
}
#minia3{
    font-size: 12px;
	border-color:#FFF;
	border-width:medium;
	border-radius:2px;
	text-align:center;
}
#minia4{
    font-size: 12px;
	background-color: #A9A9A9;
	border-radius:2px;
	text-align:center;
}
.botones i {
	vertical-align: middle;
	margin-right: 0.25em;
}

#reservas{
    background-color: #dd127b;
    color: #fff;
    padding: 5px 16px;
}

#trabaja{
    background-color: #8a5e99;
    color: #fff;
    padding: 5px 16px;
}

#comunica{
    background-color: #e67817;
    color: #fff;
    padding: 5px 16px;
}

#exalumnos{
    background-color: #3b6e36;
    color: #fff;
    padding: 5px 16px;
}

#comunica a{
    color: #fff;
}
#exalumnos a{
    color: #fff;
}
#trabaja a{
    color: #fff;
}
#reservas a{
    color: #fff;
}

#direccion{
    background-color: #838280;
    color: #fff;
    padding: 5px;
    min-height: 45px;
}

#direccion a{
    color: #fff;
}

#sededescrip{
    padding: 50px;
  
}

footer{
   margin-top: 1em;
}

#footerdireccion{
    background-color: #2e448d;
    color: #fff;
    min-height: 300px;
    margin: 0;
    padding-top: 30px;
    padding-left: 30px;  
}

#footerdireccion a{
    color: #fff;
}

#footermensaje{
    background-color: #4d4948;
    color: #fff;
    padding-top: 10px;
    min-height: 300px;
}

#novedadesfb{
	background-color: #dededc;
	min-height: 200px;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}

#gral-back{
    background-color: #fff;
}

#white-back{
    background-color: #fff;
}

#back-white{
     background-color: #fff;
     margin: 0; 
    padding: 0;

}

.margenes {
	margin-top: 30px;
	margin-bottom: 30px;
}
#footermensaje .form-control{
    background-color: #4d4948;
    color: #fff;
    border-radius: 0;
    height: 25px;
}
#footermensaje .form-controlWhite{
    background-color: #fff;
    color: #000;
    border-radius: 0;
    height: 25px;
}

.form-group {
    margin-bottom: 5px;
}

.btn{
    background-color: #2e448d;
    color: #fff;
}

#myslide{
    margin: 0;
    padding: 0;
    width: 100%;
}

#nomarginrow{
  margin: 0; 
  padding: 0;
}

#nomarginrow a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0.5em 1em;
}

#nomarginrow a i {
  display: inline-block;
  margin-right: .5em;
  vertical-align: middle;
}

.triangulos{
  height: 60px;
}

#bandagris{
    background-color: #a9a9a9;
    color: #fff;
}

#texto-justificado{
	text-align: justify;
	text-justify: inter-word;
}

#filler{
    padding-top: 20px;
    padding-bottom: 50px;
}

.panel-default>.panel-heading{
    
    background-color: #2e448d;
    color: #fff;
    min-height: 30px;
}

.panel-heading{
  border-top-left-radius:0;
  border-top-right-radius: 0;
  border: none;
  padding: 0;
  padding-top: 0;
  width: 100%;
}

.panel{
     border: none;
    
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
     border: none;
    
}

.panel-body{
    border: none;
}

.bluetext{
     color: #2f468c;
     font-style: italic;
}

.mylittleitalic{
    font-style: italic;
    font-size: smaller;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content:"\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content:"\e113";    /* adjust as needed, taken from bootstrap.css */
}

#blueitalic{
    color: #2f468c;
     font-style: italic;
}

.btn-gray{
    margin: 10px;
    padding: 10px;
    background-color: #8c8278;
    color: #fff;
    border: 0.1em;
    border-color: #fff;
    border-style: solid;
    border-radius: 0;
	text-decoration: none;
}

.nav-tabs {
    background-color: #2e448d;
    color: #fff;
    border: none;
}

.nav-tabs li a{
    color: #fff;
    border-radius: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: #838280;
    color: #fff;
    border: none;
    border-radius: 0;
}

.nav-tabs li a:hover{
    background-color: #838280;
    color: #fff;
    border: none;
    border-radius: 0;
}

.panel-title{
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

#staffphoto{
    padding: 20px;
}

.exalphoto{
  margin-bottom: 20px;
}

.promoclass{
    color: #000;
   
}
.promoclass2{
width: 60px;
   
}

.promoclass:hover{
    color: #000;
}

p.thicker {
    font-weight: 900;
}


.contflu2{
    padding-right: 0;
    padding-left: 0;
    margin:0;
}

.italica{
    font-style: italic;
}

.bolder{
    font-weight: 800;
}

.boldast{
    font-weight: bolder;
}

.innerboxactive{
    background-color: #969593 !important;
    
}


/* YELLOW THEME */
#innerbanneryellow{

    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	cursor: pointer;
}

#innerbanneryellow .container .row {
	height: 500px; position: relative;
}	

.outerboxyellow{
   margin: 0;
   padding: 0;
}

.innertextyellow{
    background-color: rgba(255,255,255,0.8);
    position: absolute;
	bottom: 20px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #f8c301;
}

.innertextyellowsmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #f8c301;
    
}
.innertextmagentasmall{
    background-color: rgba(185,61,67,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #B93D43;
    
}
.innerboxyellow{
    background-color: #f9c600;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 41px 15px 15px 15px;
    height: 150px;
    margin-right: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    text-shadow: 2px 2px 1px black;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
}

.innerboxyellow a{
    color: #fff;
}

.innerboxyellow a:hover{
    color: #fff;
}

/* END YELLOW THEME */


/* MAGENTA THEME */
#innerbannermagenta{
    background-image: url(../idiomas/ingles2.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	cursor: pointer;
}


#innerbannermagenta .container .row {
	height: 500px; position: relative;
}

.outerboxmagenta{
   margin: 0;
   padding: 0;
}

.innertextmagenta{
    background-color: rgba(255,255,255,0.8);
    margin-top: 350px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #ab2943;
    position: absolute;
	bottom: 20px;
}

.innertextmagentasmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #ab2943;
     
    position: absolute;
    bottom: 20px;
}

.innerboxmagenta{
    background-color: #ab2943;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 41px 15px 15px 15px;
    height: 150px;
    margin-right: 5px;
     text-align: center;
    font-weight: 600;
    font-size: 28px;
    text-shadow: 2px 2px 1px black;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
}

.innerboxmagenta a{
    color: #fff;
}

.innerboxmagenta a:hover{
    color: #fff;
}

.magentatitle{
    color: #ab2943;
}

/* END MAGENTA THEME */

/* COLONIA THEME */
#innerbannercolonia{
    background-image: url(../deportes/colonia_bannerpagina.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	cursor: pointer;
}


#innerbannercolonia .container .row {
	height: 500px; position: relative;
}

.outerboxcolonia{
   margin: 0;
   padding: 0;
}

.innertextcolonia{
    background-color: #53B5E4;
    margin-top: 350px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #53B5E4;
    position: absolute;
	bottom: 20px;
}

.innertextcoloniasmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #53B5E4;
     
    position: absolute;
    bottom: 20px;
}

.innerboxcolonia{
    background-color: #53B5E4;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 41px 15px 15px 15px;
    height: 150px;
    margin-right: 5px;
     text-align: center;
    font-weight: 600;
    font-size: 28px;
    text-shadow: 2px 2px 1px black;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
}

.innerboxcolonia a{
    color: #fff;
}

.innerboxcolonia a:hover{
    color: #fff;
}

.coloniatitle{
    color: #53B5E4;
}







/* exalumnos THEME */
#innerbannerexa{
    background-image: url(../exalumnos/fondo.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	cursor: pointer;
}


#innerbannerexa .container .row {
	height: 500px; position: relative;
}

.outerboxexa{
   margin: 0;
   padding: 0;
}

.innertextexa{
    background-color: rgba(255,255,255,0.8);
    margin-top: 350px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #3B6E36;
    position: absolute;
	bottom: 20px;
}

.innertextexasmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #3B6E36;
   
    position: absolute;
    bottom: 20px;
}

.innerboxexa{
    background-color: #3B6E36;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 15px;
    height: 150px;
    margin-right: 5px;
}

.innerboxexa a{
    color: #fff;
}

.innerboxexa a:hover{
    color: #fff;
}

.exatitle{
    color: #3B6E36;
}

/* END exalumnos THEME */

/* greenclaron THEME */
#innerbannergreenc{
    background-image: url(../deportes/ppal.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	cursor: pointer;
}


#innerbannergreenc .container .row {
	height: 500px; position: relative;
}

.outerboxgreenc{
   margin: 0;
   padding: 0;
}

.innertextgreenc{
    background-color: rgba(255,255,255,0.8);
    margin-top: 380px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #5e9538;
    position: absolute;
	bottom: 20px;
}

.innertextgreencsmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #5e9538;
    
    position: absolute;
    bottom: 20px;
}

.innerboxgreenc{
    background-color: #5e9538;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 41px 15px 15px 15px;
    height: 150px;
    margin-right: 5px;
     text-align: center;
    font-weight: 600;
    font-size: 28px;
    text-shadow: 2px 2px 1px black;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
}

.innerboxgreenc a{
    color: #fff;
}

.innerboxgreenc a:hover{
    color: #fff;
}

/* END greenclaro THEME */
/* GREEN THEME */
#innerbannergreen{
    background-image: url(../idiomas/portugues.jpg);
        background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	cursor: pointer;
}

#innerbannergreen .container .row {
	height: 500px; position: relative;
}

.outerboxgreen{
   margin: 0;
   padding: 0;
}

.innertextgreen{
    background-color: rgba(255,255,255,0.8);
    margin-top: 370px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #5e9538;
    position: absolute;
	bottom: 20px;
}

.innertextgreensmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #5e9538;
    
    position: absolute;
    bottom: 20px;
}

.innerboxgreen{
    background-color: #5e9538;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 15px;
    height: 150px;
    margin-right: 5px;
}

.innerboxgreen a{
    color: #fff;
}

.innerboxgreen a:hover{
    color: #fff;
}

.greentitle{
    color: #5e9538;
}

/* END GREEN THEME */


/* CYAN THEME */
#innerbannercyan{

    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
	
    background-size: cover;
    background-position: center center;
	position: relative;
}

#innerbannercyan .container .row {
	height: 500px; position: relative;
}

.outerboxcyan{
   margin: 0;
   padding: 0;
}

.innertextcyan{
    background-color: rgba(255,255,255,0.8);
    margin-top: 400px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #0093dd;
    position: absolute;
	bottom: 20px;
}

.innertextcyansmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #0093dd;
    
}

.innerboxcyan{
    background-color: #0093dd;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 41px 15px 15px 15px;
    height: 150px;
    margin-right: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    text-shadow: 2px 2px 1px black;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
}

.innerboxcyan a{
    color: #fff;
}

.innerboxcyan a:hover{
    color: #fff;
}

.cyantitle{
    color: #0093dd;
}

/* END CYAN THEME */


/* BLUE THEME */
#innerbannerblue{

    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
}

#innerbannerblue .container .row {
	height: 500px; position: relative;
}

.outerboxblue{
   margin: 0;
   padding: 0;
}

.innertextblue{
    background-color: rgba(255,255,255,0.8);
    margin-top: 380px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #2e448d;
    position: absolute;
	bottom: 20px;
}

.innertextbluesmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #2e448d;
    
}

.innerboxblue{
    background-color: #2e448d;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 41px 15px 15px 15px;
    height: 150px;
    margin-right: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    text-shadow: 2px 2px 1px black;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
}

.innerboxblue a{
    color: #fff;
}

.innerboxblue a:hover{
    color: #fff;
}

.bluetitle{
    color: #2e448d;
}

/* END BLUE THEME */


/* ORANGE THEME */
#innerbannerorange{
    background-image: url(../formacion/general.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}

#innerbannerorange .container .row {
	height: 500px; position: relative;
}

.outerboxorange{
   margin: 0;
   padding: 0;
}

.innertextorange{
    background-color: rgba(255,255,255,0.8);
    
    position: absolute;
	bottom: 20px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #ef9a49;
}

.innertextorangesmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #ef9a49;
   
    position: absolute;
	bottom: 20px;
}

.innerboxorange{
    background-color: #ef9a49;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 41px 15px 15px 15px;
    height: 150px;
    margin-right: 5px;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    text-shadow: 2px 2px 1px black;
    vertical-align: middle;
    line-height: 32px;
    cursor: pointer;
}

.innerboxorange a{
    color: #fff;
}

.innerboxorange a:hover{
    color: #fff;
}

.orangetitle{
    color: #ef9a49;
	font-weight:bold;
	line-height:24px;
}

/* END ORANGE THEME */

/* LIGHTBLUE THEME */
#innerbannerlightblue{
    background-image: url(../areasespeciales/artesplasticas.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}

#innerbannerlightblue .container .row {
	height: 500px; position: relative;
}


#innerbannerlightbluecult{
    background-image: url(../areasespeciales/cultura.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}
#innerbannerlightbluecult .container .row {
	height: 500px; position: relative;
}


#innerbannerlightbluelab{
    background-image: url(../areasespeciales/lab.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}
#innerbannerlightbluelab .container .row {
	height: 500px; position: relative;
}


#innerbannerlightbiblioteca{
    background-image: url(../areasespeciales/biblioteca1.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}

#innerbannerlightbiblioteca .container .row {
	height: 500px; position: relative;
}

#innerbannerlighttecnologia{
    background-image: url(../areasespeciales/tecnologia.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}

#innerbannerlighttecnologia .container .row {
	height: 500px; position: relative;
}
#innerbannerbeneficios{
    background-image: url( ../beneficios.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}

#innerbannerbeneficios .container .row {
	height: 500px; position: relative;
}



#innerbannerlightblueproy{
    background-image: url(../institucional/proyecto/proy.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    background-size: 100% 400px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}
#innerbannerlightbluetec{
    background-image: url(../areasespeciales/edtecnologica.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}
#innerbannerlightbluetec .container .row {
	height: 500px; position: relative;
}


#innerbannerlightbluehuerta{
    background-image: url(../areasespeciales/huerta.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}
#innerbannerlightbluehuerta .container .row {
	height: 500px; position: relative;
}


#innerbannerlightbluemusica{
    background-image: url(../areasespeciales/musica.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}
#innerbannerlightbluemusica .container .row {
	height: 500px; position: relative;
}


#innerbannerlightblueolimpiadas{
    background-image: url(../areasespeciales/olimpiadasmatematicas2.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
	position: relative;
}

@media (max-width: 400px) {
    #innerbannergreenc {
    background-position: right center !important;
    }       

    #innerbannerlightblueolimpiadas{
        background-position: right center !important;
    }

    #innerbannermagenta{
        background-position: 80%  center !important;
    }

    #innerbannergreen{
        background-position: right center !important;
    }
}
 
#innerbannerlightblueolimpiadas .container .row {
	height: 500px; position: relative;
}


.outerboxlightblue{
   margin: 0;
   padding: 0;
}

.innertextlightblue{
    background-color: rgba(255,255,255,0.8);
    margin-top: 350px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #4577b2;
    position: absolute;
	bottom: 20px;
    left: 10%;
    right: 10%;
    width: 80%;

}
.innertextlightblue2{
    background-color: rgba(255,255,255,0.8);
    
    position: absolute;
	bottom: 20px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #4577b2;

}

.innertextlightbluesmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #4577b2;
    
    position: absolute;
	bottom: 20px;
    left: 10%;
    right: 10%;
    width: 80%;
}

.innerboxlightblue{
    background-color: #4577b2;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 15px;
    height: 150px;
    margin-right: 5px;
}

.innerboxlightblue a{
    color: #fff;
}

.innerboxlightblue a:hover{
    color: #fff;
}

.lightbluetitle{
    color: #4577b2;
	font-weight:bold;
	line-height:24px;
}
.panel-headingligthblue {
	background-color:#4577b2;
}
/* END LIGHTBLUE THEME */


.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}

.subtitulos {
    font-weight:bold;
	color: #203191;
	line-height: 24px;
}
.subtituloscyan {
    font-weight:bold;
	color: #0093dd;
	line-height: 24px;
}
.directores { 
    margin-left: 30px;
}

#menu2 {
    position: absolute;
    right: 0;
z-index: 200;
}
#menu2 nav {
    background: transparent;
}
#menu2 nav ul {
    margin-top: 0;
}

#menu2 nav ul i {
    vertical-align: middle;
    margin-right: 1em;
}




#reservas .dropdown-menu {
    background-color: #dd127b;
    color: #fff;
    width: 100%;
}

#trabaja .dropdown-menu {
    background-color:#8a5e99;
    color: #fff;
    width: 100%;
}

#comunica .dropdown-menu {
    background-color: #e67817;
    color: #fff;
    width: 100%;
}

#exalumnos .dropdown-menu {
    background-color: #3b6e36;
    color: #fff;
    width: 100%;
}


#reservas a {
    padding: 4px 15px;
}

#trabaja a  {
    padding: 4px 15px;
}

#comunica a {
    padding: 4px 15px;
}

#exalumnos a {
    padding: 4px 15px;
}


.dropdown-menu{
    background-color:  #999;
    color: #fff;
    border: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background: transparent;
}

.dropdown .dropdown-menu {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1;
}




#reservas .dropdown-menu>li>a:focus, #reservas .dropdown-menu>li>a:hover {
   background: #cd026b;
}

#trabaja .dropdown-menu>li>a:focus, #trabaja .dropdown-menu>li>a:hover  {
    background: #7a4e89;
}

#comunica .dropdown-menu>li>a:focus, #comunica .dropdown-menu>li>a:hover  {
    background: #D66807
}

#exalumnos .dropdown-menu>li>a:focus, #exalumnos .dropdown-menu>li>a:hover {
    background: #2b5e26;
}

/* ESCUDOS THEME */
#innerbanneresc{
    background-image:
url(../niveles/secundario/ppal.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 500px;
    margin: 0;
    background-size: cover;
    background-position: center center;
}

.outerboxesc{
   margin: 0;
   padding: 0;
}

.innertextesc{
    background-color: rgba(255,255,255,0.8);
    margin-top: 350px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #2e448d;
}

.innertextescsmall{
    background-color: rgba(255,255,255,0.8);
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #2e448d;
    
    position: absolute;
    bottom: 20px;
}

.innerboxesc{
    background-color: #FFFFF;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
    height: 250px;
    margin-right: 5px;
}

.innerboxbesc a{
}

.innerboxesc a:hover{
    color: #fff;
}

.esctitle{
    color: #2e448d;
}

/* END ESCUDOS THEME */

.boton {
    color: #FFFF;
	text-decoration:none;
}
.botones  {color: #FFFF;
	text-decoration:none;
}

.navbar-brand img {
	height: 80px;
}

.dropdown-menu {
	z-index: 2000;
}

.navbar-collapse {
	border: 0;
    background-color: #2e448d;
}

.contacto {
	font-size:24px;
	color: #F30;
}
.revista{
	font-size:10px;
	color:#333;
	padding:10px;
}

.contrato{
	font-size:12px;
	color:#333;


}

.tachado { text-decoration:line-through;

}

@media (min-width: 768px) and (max-width: 991px) {
    #reservas, #exalumnos, #comunica, #trabaja {
       width: 50%;
    }
	
}

@media (max-width: 991px) {
.navbar-brand img {
	height: 40px;
}
}


@media (max-width: 768px) {
	.navbar-brand  {
		padding: 7px;
	}
	.navbar-brand span {
		display: inline !important;
	}
	.navbar-right li:nth-child(3){ display: none; }
	#menubar{ min-height: 60px; }
}

@media (min-width: 822px) and (max-width: 1024px) {
	.nav>li>a { padding-right: 0; font-size: 11px; } 
	#sedenombre { padding-right: 10px;}
}

@media (min-width: 768px) and (max-width: 822px) {
	.nav>li>a { padding-left: 3px; font-size: 9px; } 
	#sedenombre { padding-right: 4px;}
}

.sliderButton{
    border: #337ab7 !important;
    border-style: solid !important;
    background: #337ab7 !important;
    color: white !important;
    font-size: 14px !important;
}

.sliderButton a{
    color: white !important;
}