/* CSS Document */
/*FONTS*/
	@font-face {
		font-family: 'HelveticaNeueB';
		src: url("../fonts/HelveticaNeue Bold.ttf");
		font-stretch: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'HelveticaNeueM';
		src: url("../fonts/HelveticaNeue Medium.ttf");
		font-stretch: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'HelveticaNeue';
		src: url("../fonts/HelveticaNeue.otf");
		font-stretch: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'HelveticaNeueL';
		src: url("../fonts/HelveticaNeue Light.ttf");
		font-stretch: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'HelveticaNeueT';
		src: url("../fonts/HelveticaNeue Thin.ttf");
		font-stretch: normal;
		font-style: italic;
	}
	@font-face {
		font-family: 'HelveticaNeueI';
		src: url("../fonts/HelveticaNeue Italic.ttf");
		font-stretch: normal;
		font-style: italic;
	}
/*FONTS*/
/*GLOBAL*/
	body {
		font-family: "HelveticaNeue";
	}
/*GLOBAL*/
/*ENCABEZADO*/
	#logo {
		width: 90%;
	}
	#utalinos {
		float: right;
	    width: 35%;
	    padding-top: 25px;
	}
/*ENCABEZADO*/
/*MENU*/
	#menu {
		background-color: #FAF9F7;
	}
	.nav>li>a:hover, .nav>li>a:focus {
		background-color: #FAF9F7;
		color: #F77A0E;
	    text-decoration: none;
	}
	.navbar-nav {	
		float: right;
	    padding-top: 10px;	
	}
	.navbar-nav > li > a {
		font-family: "HelveticaNeueM";
		color: #757474;
		font-size: 16px;
		line-height: 20px;
	}
	.active {
		color: #F77A0E !important;
	}
/*MENU*/
/*RRSS*/
	.social {
		position: absolute; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
		right: 0px; /* Establecemos la barra en la izquierda */
		top: 350px; /* Bajamos la barra 200px de arriba a abajo */
		z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
		padding: 0;
	} 
	.social ul {
		list-style: none;
	}
	.social ul li {
		float: none;
		position: relative;
		right: 0;

	}
	.social ul li a {
		display: inline-block;
		color:#fff;
		background-color: rgba(0,0,0,.4);
		font-size:18px;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
		width: 50px;
		left: 0;
		right: 0;
	}
/*RRSS*/
/*BANNER*/
	#carr {
		background-color: #FAF9F7;
	}
	.banner {
		width: 100%;
	}
	.carousel-caption {
		position: absolute;
	    left: 0;
	    right: 0;
	    top: 0;
	    z-index: 10;
	}
	.mensaje_slider {
		float: left;
		text-align: left;
	    max-width: 970px;
	    padding: 110px 0px 0px 230px;

	}
	.mensaje_slider > span {
		color: #26c9c9;
	}
	.tit_slider {
	    font-family: 'HelveticaNeue';
	    /*font-size: 60px;
	    line-height: 60px;*/
        font-size: 55px;
	    line-height: 55px;
	    color: #fff;
	}
	.baj_slider {
		font-family: 'HelveticaNeue';
		font-size: 24px;
		line-height: 24px;
		color: #fff;
	}
	.btn_slider {
	    font-family: 'HelveticaNeue';
	    font-size: 18px;
	    line-height: 20px;
	    color: #fff;
	    background-color: #F77A0E;
	    border-color: #F77A0E;
	    border-radius: 5px;
	    border-style: none;
	    padding: 5px;
	}
/*BANNER*/
/*NOTICIAS*/
	#noticias {
		background-color: #FAF9F7;
	}
	.noticias {
		padding: 55px 0;
	}
	.caja_noticias {
		height: 590px;
	}
	.caja_noticias > h4 > a{
		font-family: 'HelveticaNeueB';
		font-size: 26px;
		line-height: 28px;
		color: #F77A0E !important;
		text-decoration: none !important;
	}
	.caja_noticias > p {
		font-family: 'HelveticaNeue';
		font-size: 16px;
		line-height: 20px;
		color:#707070;	
	}
	.lateral_noticias {
		max-width: 100%;
	}
	.index_titulo_nota {
		padding: 20px 0;
	}
	.text-nota {
	}
/*NOTICIAS*/
/*VIDEOS*/
	#videos {
		background-color: #fff;
	}
	.video_centrado {
		padding: 30px 0px;
	}
	.video_centrado > h2 {
		font-family: 'HelveticaNeueB';
		font-size: 30px;
		line-height: 30px;	
		color: #129BDB;
	}
	.logo_campus {
	    float: right;
	    width: 200px;
	    margin-top: -35px;
	}
	.control_left {
	    top: 105px;
	    width: 0%;
		color: #5d5d5d;
		left: 0;
	}
	.control_rigth {
	    top: 105px;
		right: -10px !important;
	    width: 0%;
		color: #5d5d5d !important;
	}
	.videos_home > a > img {
		max-width: 100%;
	}
	.videos_home > h2 {
		font-family: 'HelveticaNeueB';
		font-size: 26px;
		line-height: 28px;
		color: #3B3A3A;
	}
	.videos_home > p {
		font-family: 'HelveticaNeue';
		font-size: 16px;
		line-height: 20px;
		color:#707070;	
		padding-top: 15px;	
	}
	.ver_capsulas {
		color: #129BDB;
		text-decoration: none !important;
	}
/*VIDEO*/
/*SERVICIOS*/
	#servicios {
		background-color: #FAF9F7;
	}
	.servicios > h2 {
		font-family: 'HelveticaNeueB';
		font-size: 30px;
		line-height: 30px;	
		color: #129BDB;
	}
	.cont_service {
		padding: 50px;		
		padding-top: 90px;
	}
	.tit_servicio {
		margin-left: 130px;
	}
	.tit_servicio > a{
		font-family: 'HelveticaNeueB';
		font-size: 25px;
		line-height: 28px;
		color: #F77A0E !important;
		text-decoration: none !important;	
	}
	.text_servicio {
		font-family: 'HelveticaNeue';
		font-size: 15px;
		line-height: 19px;
		color:#707070;		
		margin-left: 130px;
	}
	.icon_service {
		float: left;
		padding-left: 5px;
		width: 22%;
	}
    .icon_service1 {
		width: 40%;
	}

    .tit_servicio1 {
        padding-top: 35px;
        text-align: center;
	}
	.tit_servicio1 > a{
		font-family: 'HelveticaNeueB';
		font-size: 25px;
		line-height: 28px;
		color: #F77A0E !important;
		text-decoration: none !important;
	}
    .text_servicio1 {
		font-family: 'HelveticaNeue';
		font-size: 15px;
		line-height: 19px;
		color:#707070;		
		margin-left: 0px;
        text-align: center;
	}
    
/*SERVICIOS*/
/*PROTOCOLO*/
	.tit_protocolo {
		text-align: center;
		background-color: #129BDB;
		height: 70px;
	}
	.tit_protocolo > p {
		font-family: 'HelveticaNeue';
		font-size: 30px;
		line-height: 30px;
		color: #fff;	
		padding-top: 15px;
	}
	.cont_protocolo {
		background-color: #FAF9F7;
	}
	.protocols {
		text-align: center;
		margin: 40px 0px;
	}
	.protocols > img {
		
	}
	.protocols > .pdf_des > p {
		font-family: 'HelveticaNeueB';
		font-size: 20px;
		line-height: 20px;
		color: #129BDB;	
		padding-top: 15px;	
	}
	.border_color {
		border-right: solid 1px #707070;
	}
/*PROTOCOLO*/
/*FOOTER*/
	#footer {
		background-color: #F77A0E;
		margin: 50px 0;
		height: 200px;
	}
	.footer > .col > img{
		width: 50%;
		padding-top: 75px;
	}
	.rrss {
		float: right;
	}
/*FOOTER*/
/*INTERIORES*/
	#t_interior {
		background-color: #129BDB;
		height: 130px;
	}
	.tit_interior > h2 {
		font-family: 'HelveticaNeue';
		font-size: 50px;
		line-height: 30px;	
		color: #fff;	
		padding-top: 20px;
	}
	.logo_interior {
		float: right;
		width: 200px;
		margin-top: -50px;
	}
	#conte {
		padding: 50px 0;
	}
/*Previcion*/
	.previcion {
		font-family: 'HelveticaNeue';
		color: #757474;
	}
	.previcion > h2 {
		font-size: 35px;
		line-height: 35px;	
	}
	.previcion > h3 {
		font-size: 30px;
		line-height: 30px;	
	}
	.previcion > p {
		font-size: 16px;
		line-height: 20px;	
	}
	.previcion p > a {
		font-size: 16px;
		line-height: 20px;
		color: #757474;
		text-decoration: none !important;
	}
	.sep_lef {
		padding-left: 70px;
	}
	.pactive {
		color:#129BDB !important;
	}
/*Info Oficial*/
	.info {
		padding: 55px 0;
	}
	.caja_info {
		height: 400px;
    	padding-left: 60px;
	}
	.caja_info > h4 {
		font-family: 'HelveticaNeue';
		font-size: 35px;
		line-height: 35px;
		color: #707070;
	}
	.caja_info > p > a{
		font-family: 'HelveticaNeueM';
		font-size: 25px;
		line-height: 25px;
		color:#129BDB !important;
		text-decoration: none !important;
	}
	.lateral_info {
		max-width: 100%;
	}
/*Material Descarga*/
	.desc {
		padding: 55px 0;
	}
	.caja_desc > h4 {
		font-family: 'HelveticaNeue';
		font-size: 50px;
		line-height: 50px;
		color: #707070;
	}
	.caja_desc > p > a{
		font-family: 'HelveticaNeueM';
		font-size: 25px;
		line-height: 25px;
		color:#129BDB !important;
		text-decoration: none !important;
	}
	.lateral_desc {
		max-width: 100%;
	}
	.img_desc {
		width: 80%;
		padding: 15px 0px
	}
/*dudas*/
	.dudas {
		padding: 55px 0;
	}
	.caja_dudas > h4 {
		font-family: 'HelveticaNeue';
		font-size: 35px;
		line-height: 35px;
		color: #707070;
	}
	.caja_dudas > .col > h4 {
		font-family: 'HelveticaNeue';
		font-size: 35px;
		line-height: 35px;
		color: #707070;
	}
	.caja_dudas > p {
		font-family: 'HelveticaNeue';
		font-size: 18px;
		line-height: 18px;
		color:#707070;
	}
/*Previcion*/


.v-container {
	position: relative;
	padding-bottom: 56.25%; /* proporción 16:9 */
	padding-top: 25px;
	height: 0;
}

.v-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.proto {
		padding: 20px 100px;
        border-bottom: 1px solid #707070;
	}








































#accordion {
	padding: 50px 0;
}
.panel-default {
	border: none;
	order-radius: 0px !important;
}
.panel-default > .panel-heading {
	color: #262626;
	background-color: #d4f4f4;
	padding: 25px;
}
.panel-default > .panel-heading:hover {
	/*	color: #fff;*/
	color: #262626;
	background-color: #ff6600;
}
.panel-title {
    font-size: 19px;    
    line-height: 20px;	
	font-weight: 500;
	letter-spacing: -1px;
}
.panel-title > a {
	text-decoration: none;
	padding-left: 20px;
}
.panel-title > a:hover, .panel-title > a:focus {
	color: #fff;
}
.panel_abierto {
	/*	color: #fff;*/
	color: #fff !important;
	background-color: #ff6600 !important;
	padding: 25px;
}
.panel_abierto > p > a, .panel_abierto > p > a:hover, .panel_abierto > p > a:focus  {
	color: #fff !important;
}
.texto_morado {
	padding: 15px;
}


.img_foot_resp  {
	display: none;
	text-align: center;
}
.magister_bajada {
    font-size: 21px !important;    
    line-height: 24px !important;	
	color: #53595f !important;	
    width: 66%;	
	padding: 40px;
}
.quienessomos {
    font-size: 20px !important;    
    line-height: 22px !important;	
	color: #53595f !important;	
	padding-top: 15px;
}

@media only screen 
	and (max-width : 900px) {

		.carousel-caption {
			display: none;
		}
		.logo_res {
			text-align: center;
		}
		.navbar-nav {
			display: flex;
		}
		#utalinos {
			display: none;
		}
}
@media only screen 
	and (max-width : 768px) {

		.content_footer {
			padding: 10px 0;
    		text-align: center;
		}
		.content-rrss {
			display: none;
		}
		.border_superior {
			border: 0;
			display: none;
		}
		.img_foot_resp {
			display: block;
			padding-bottom: 50px;
		}
}