@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700,400italic);
/*  menú  */
html, body {height: 100%; font-family: 'Roboto', sans-serif;}
h1{font-weight:100; font-size:50px; margin-top:0;}
h2{font-size:24px; font-weight:400; margin-top:0;}

/*firma*/
nav .firma{display: inline-block; opacity: 0.7; transition: all ease .5s; position:absolute; bottom:10px; left:50%; transform:translate(-50%,0);}
nav .firma:hover{opacity:1;}

.container-fluid{padding:0;} 

.container{max-width:1170px;}
.barra{position:absolute; top:0; right:0px; height:100%; background:#8C0000; min-width:50px; z-index:1000;}
.barra a{position:relative; color:#fff; font-size:20px; display:block; width:100%; height:100%;}
.barra a span{top:50%; left:50%; transform:translate(-50%,-50%); }
#page-content-wrapper{padding:0 0 0 0px; transition:all ease 0.5s;}
#wrapper.toggled #page-content-wrapper{padding:0;}

/*gris=#778b96*/

#sidebar-wrapper{background:#8C0000; width:450px; overflow:hidden; box-shadow:3px 0 3px RGBA(0,0,0,0.3); z-index:10000;}
	#wrapper.toggled #sidebar-wrapper{width:50px;}
.sidebar-nav li a{color:#fff;}
.sidebar-nav li {border-bottom:1px solid #fff;}

.sidebar-nav{width:360px; margin-left:20px; top:50px;}
.sidebar-nav > .sidebar-brand{border:none; position:relative; left:-15px; margin:0 0 30px 0;}
/*.sidebar-nav > .sidebar-brand img{max-width:127px;}*/

#wrapper{padding:0 0 0 450px; height:100%; transition:all ease 0.5s;}
#wrapper.toggled{padding:0 0 0 50px;}
/*slider*/

.carousel,
.item,
.active {
    height: 100%;
}

.list-noticias .carousel{height:220px !important;}
.carousel div.top{position:absolute; top:70px; transform:translate(-50%,-50%); left:50%; z-index:1000; background:RGBA(0,0,0,0.3); padding:8px;}


.carousel-inner {
    height: 100%;
}
heder.carousel{height:70%; margin:0 0 0 450px; transition:all ease 0.5s;}
/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.carousel-indicators li.baja{border:none; display: block; height: auto; margin: 0 auto; text-indent: 0; width: 30px;}
.carousel-indicators li.baja a span{color:#fff;}


/* INSTITUCIONAL */
#institucional {background:url(../img/paralax_empresa.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#institucional *{color:#fff;}
#institucional .intro{padding:130px 0;}
#institucional .intro p{-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;}

/* AUTORIDADES */
#autoridades{background:#8C0000; padding:100px 0;}
#autoridades ul, #autoridades ul li{list-style:none; padding:0; margin:0;}
#autoridades ul{margin-top:25px;}
#autoridades ul li {border-top:1px solid #fff;/*border-bottom:1px solid #fff; */float:left; display:inline-block; width:30%; margin:0 1%; text-align:center; padding:15px 0;}
#autoridades ul li p{margin:0; padding:0;}
#autoridades ul li p strong{text-transform:uppercase;}

/* SERVICIOS */

#servicios{padding:100px 0; background:url(../img/011.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*#ededed*/}
	#servicios h1, #servicios h2{color:#778b96;}
	#servicios h2{font-size:19px; font-weight:700;}
	#servicios p{color:#fff; text-shadow:1px 1px 0 RGBA(0,0,0,0.7); text-align:justify;}
#servicios .intro{padding-bottom:50px; position:relative; border-bottom:1px solid #fff;}
div.vertical{position:absolute; transform:translate(0,-50%); top:50%}
.der{float:right; text-align:center; right:0;}
.der img{margin:0 auto;}

#servicios .listado{margin:20px 0;}

#servicios .listado{display:table; border-spacing:10px;}
#servicios .listado .row{display:table-row;}
#servicios .listado .row > div.col-lg-6{display:table-cell; float:none; padding:20px 15px; border-bottom:1px solid #fff; margin:0 20px !important;}

/* auditorio */

#auditorio{padding:100px 0; background:#ededed;}
#auditorio h1{color:#778b96; margin:0 0 30px 0; padding:40px 0;}

/* NOTICIAS */

#noticias{padding:100px 0;}
	#noticias h1, #noticias .fecha{color:#778b96;}
#noticias h2{font-size:18px; max-height:100px; overflow:hidden;}

#noticias .container > .row {position:relative;}


#noticias .mas{border-top:1px solid #9bccb6; text-align:right; margin:10px 0 20px 0;}
#noticias .mas a{color:#fff; font-size:16px; padding:5px 10px; background:#9bccb9; display:inline-block;}

#noticias h2.titulo_1{font-size:30px; font-weight:100;}
#noticias .masleidas a{color:#000;}

.modal{padding-left:450px !important;}
#wrapper.toggled .modal{padding-left:50px !important;}

#noticias .revista{height:200px; margin-bottom:20px;}
#noticias .revista h2.titulo_1{display:inline-block; float:left; height:197px; left:0; max-height:none !important; padding-right:20px; position:absolute; width:50%; z-index:10; 
background:url(../img/flecha.png) right 25% no-repeat;}
#noticias .revista h2.titulo_1 a{background-color:#778b96; color:#fff; display:block; font-size:3.3rem; padding:44px 20px; width:100%;}
#noticias .revista a.a-revista {position:absolute; left:46%;}

/* listado */
.list-noticias #noticias .col-lg-3{height:415px; margin-bottom:10px;}


/* 2020 */

#p2020{padding:100px 0; background:url(../img/paralax_2020.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#p2020 h1{color:#fff; margin:0 0 30px 0; padding:40px 0; text-shadow:1px 1px 0 RGBA(0,0,0,0.7);}
#p2020 p{color:#fff; text-shadow:1px 1px 0 RGBA(0,0,0,0.7); text-align:justify;}

/* LINKS DE INTERES */

#links h1{text-align:center;}
#links .btn-group a{line-height:1; height:50px; padding:16px 0;}
#links .btn-group a.doble{padding:10px 0;}
.c_1{background:#9bccb6;}
.c_2{background:#c6c5c4;}
.c_3{background:#a8a092;}
.c_4{background:#778b96;}

/*  CURSOS  */

#capacitacion{padding:100px 0;}
#capacitacion h1{color:#778b96;}
#capacitacion .container > .row{position:relative;}

#capacitacion .mas{border-top:1px solid #9bccb6; text-align:right; margin:10px 0 20px 0;}
#capacitacion .mas a{color:#fff; font-size:16px; padding:5px 10px; background:#9bccb9; display:inline-block;}


/* AGENDA */

#agenda{padding:100px 0; background:#ededed;}
#agenda h1{color:#778b96; width:330px; margin:0 0 30px 0; background:url(../img/ico_agenda.png) no-repeat center right; padding:40px 0;}

/* accesos */
#accesos {padding:50px 0;}
#accesos h2{font-weight:100; font-size:3.5rem; margin-top:0; color:#778b96}
#accesos .row div{text-align:center;}
#accesos a img{opacity:1; transition:all ease .5s; margin:0 auto}
#accesos a:hover img{opacity:0.7;}
#agenda .divide{border-top:1px solid #000; padding-top:20px; margin-top:10px;}

/* contacto */

#contacto{background:#a8a092;}
#contacto h1{color:#fff;}
#contacto label{padding:0;}

label{font-family: 'Roboto Condensed', sans-serif; font-weight:400; padding:0; width:100%; color:#fff;}

label.boton{text-align:center; margin:10px auto;}

.boton_ed{background:none; border:none; background:#fff; color:#333; box-shadow:none; text-shadow:none; padding:10px 20px;}
	.boton_ed:hover{background:none; border:none; opacity:0.8; color:#d22a2b;}
.boton_ed img{display:block;}

#contacto .contacto{padding:40px; 0 0 0}
#contacto .contacto p{color:#fff;}

#map-outer {  height: 440px; 
	  				padding: 20px; 
					border: 2px solid #CCC; 
					margin-bottom: 20px; 
					background-color:#FFF }
	  #map-container {height: 400px; width:100%;}
	  @media all and (max-width: 991px) {
		#map-outer  { height: 650px }
		#servicios .hidden-xs{display:none;}
		#servicios div.vertical{position:relative; transform:none;}
		#servicios .listado .row > div.col-lg-6{width:100%; display:block; padding:20px 0; margin:0 !important;}
		}

@media (max-width: 1199px){
#autoridades ul li{width:48%;}
.btn-group-justified > .btn-group{display:block; width:auto; border:0 !important;}
.btn-group .btn-group+.btn-group{margin-left:0;}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child{border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-top-right-radius:5px; border-top-left-radius:5px;}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:0px; border-top-left-radius:0px;}

}
@media (min-width: 1200px){
.container {max-width: 1170px; width:auto;}
}
@media (min-width: 768px){
.container {max-width: 750px; width:100%;
}
}
@media (max-width: 991px){
	.carousel div.top{ max-width:90%;}
	.carousel div.top img{width:100%; height:auto; max-width:574px;}
}
@media (max-width: 767px){
.container {max-width: 750px; width:100%;}

#sidebar-wrapper{width:50px;}
	#wrapper.toggled #sidebar-wrapper{width:450px;}

#wrapper{padding:0 0 0 0px;}
#wrapper.toggled{padding:0 0 0 0px;}

#wrapper header, #wrapper.toggled header, #wrapper #page-content-wrapper, #wrapper.toggled #page-content-wrapper{margin:0 0 0 50px;}
#page-content-wrapper{width:auto;}
}
@media (min-width:992px){
	.container {max-width: 970px; width:auto;}
}

@media (min-width:1200px){
	.container {max-width: 1190px; width:auto;}
}