@font-face {
	font-family: 'HelveticaNeue';
	src: url('../fonts/HelveticaNeueLTStd-Roman.eot');
	src: url('../fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),		
		url('../fonts/HelveticaNeueLTStd-Roman.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'),
		url('../fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeue') format('svg');
}

@font-face {
	font-family: 'HelveticaNeue-Bold';
	src: url('../fonts/HelveticaLTStd-Bold.eot');
	src: url('../fonts/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaLTStd-Bold.woff') format('woff'),
		url('../fonts/HelveticaLTStd-Bold.ttf') format('truetype'),
		url('../fonts/HelveticaLTStd-Bold.svg#HelveticaNeue-Bold') format('svg');
}

@font-face {
	font-family: 'HelveticaNeueCondensedBold';
	src: url('../fonts/HelveticaNeueCondensedBold.eot');
	src: url('../fonts/HelveticaNeueCondensedBold.eot?#iefix') format('embedded-opentype'),	
		url('../fonts/HelveticaNeue-CondensedBold.woff') format('woff'),	
		url('../fonts/HelveticaNeueCondensedBold.ttf') format('truetype'),
		url('../fonts/HelveticaNeueCondensedBold.svg#HelveticaNeueCondensedBold') format('svg');
}

@font-face {
	font-family: 'HelveticaNeueLTStd-Cn';
	src: url('../fonts/HelveticaNeueLTStd-Cn.eot');
	src: url('../fonts/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTStd-Cn.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStd-Cn.ttf') format('truetype'),
		url('../fonts/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg');
}

body {
	color: #2b3a42;
	}

img {
	width: 100%;
}

h1, h2, h3, ul {
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {font-family: "HelveticaNeueCondensedBold", Arial;}

p {font-family: 'HelveticaNeue', Arial;
   font-size:16px;
   }

strong {
	font-family: 'HelveticaNeue-Bold', Arial;
    font-weight: 700;
	}

a:hover, a:hover p {
	color: #f02401!important;
	text-decoration: none!important;
}

a:focus {
	text-decoration: none!important;
	color: #f02401!important;
}

button:hover {
	background-color:  #f02401!important;
	border-color: #f02401!important;
}

/** PLANTILLA CON TABLA **/

ol, ul { padding-left:17px; }

ol li, ul li { margin-top: 10px;padding-bottom: 15px; font-size: 16px; }

/*ol li:first-child, ul li:first-child{ margin-top: 10px; }*/

ul.line-style { list-style: none;padding-left: 26px;}

ul.line-style li { position: relative; }

ul.line-style li:before { content: " "; display: block; width: 18px; height: 3px; background-color: #f02401;position: absolute; left: -26px;top: 11px; }

.noticias .left-bloq form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2b3a42;
}

.noticias .left-bloq form input::-moz-placeholder { /* Firefox 19+ */
  color: #2b3a42;
}

.noticias .left-bloq form input:-ms-input-placeholder { /* IE 10+ */
  color: #2b3a42;
}

.noticias .left-bloq form input:-moz-placeholder { /* Firefox 18- */
 color: #2b3a42;
}

.a_decoracion {
	text-decoration: none;
	color: #2b3a42;
	position: relative;

}

.a_decoracion:hover {

	color: #2b3a42;

}

.arrows {
	position: absolute;
	bottom: 55px;
	width: auto;
	}

.carousel-indicators li { padding-bottom: 0px; }

.arrows-container {
	max-width: 1045px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.arrows-container a, .arrows-container a:hover, .arrows-container a:focus {
	color: #fff;
	font-size: 25px;
	padding: 0px 10px;
}

/*Estilos generales contenido principal*/

.principal .container {
	max-width: 1175px;
	width: 100%;
}

.principal .container .bloque_izquierda { 
	padding-top: 130px;
	padding-right: 40px;
}

.bloque_izquierda .contenidos {		    
		position: relative;
		display: flex;		
		width: 100%;		
		}

.contenidos .bloque-titulo {
			display: flex;
			flex-flow: column;
			width: 55%;
			margin-right:20px;}

.contenidos .bloque-texto {
			display: inline-block;
			flex-flow: column;
			width: 45%;
			}

.bloque-top .bloque-texto {margin-top:80px;}

/*Estilos contenidos izq*/

.texto h1 {
	color: #2b3a42;
	font-family: "HelveticaNeueCondensedBold", Arial;
	font-size: 70px;
	font-weight: 700;
	line-height: 62px;
	margin-bottom:20px;
}

.texto h2 {
	color: #f02400;
	font-family: "HelveticaNeue-Bold", Arial;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;}

.texto p {
	color: #2b3a42;
	font-family: "HelveticaNeue", Arial;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
}

.texto a {
	color: #2b3a42;
	font-family: "HelveticaNeue-Bold", Arial;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

/*Estilos bloque derecha*/

.bloque_general {
	max-width: 360px;
	min-height: 390px;
	background-color: #e0e4ef;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0px -65px 93px -73px rgba(0,0,0,0.59);
	-moz-box-shadow: inset 0px -65px 93px -73px rgba(0,0,0,0.59);
	box-shadow: inset 0px -65px 93px -73px rgba(0,0,0,0.59);
}

.bloque_01 {
	background-image: url(../imagenes/inscribete.png);
	background-position: top right;
}

.bloque_02 {
	background-image: url(../imagenes/guia.png);
	background-position: bottom right;
}

.bloque_03 {
	background-image: url(../imagenes/infoCurso.png);
	background-position: top right;
	
}

.bloque_04 {
	background-image: url(../imagenes/docentes.png);
	background-position: top right;
	
}

.bloque_derecha .bloque_general .texto_bloques {
	padding-left: 35px;
	padding-bottom: 15px;
	max-width: 290px;
}

.bloque_derecha .bloque_general .bloque_especial {
	padding-left: 30px;
	max-width: 300px;
	position: absolute;
}

.bloque_derecha .bloque_general .texto_bloques h3 {
	color: #f02400;
	font-family: "HelveticaNeueCondensedBold", Arial;
	font-size: 34px;
}

.bloque_derecha .bloque_general .texto_bloques p {
	color: #2b3a42;
	font-family: "HelveticaNeue-Bold", Arial;
	font-size: 20px;
	font-weight: 700;
	line-height: 21px;
}

/* ============================================================
   Estilos migrados desde atributos style="" en la plantilla JSP.
   Llevan !important a propósito: un style="" inline gana siempre,
   sin importar cuántas clases combine otra regla del archivo; una
   clase normal no tiene ese privilegio y puede perder contra
   selectores más específicos ya existentes (p.ej. ".contenidos
   .bloque-titulo" con 2 clases venciendo a esta con 1). El
   !important reproduce exactamente ese mismo comportamiento.
   ============================================================ */

.u-pt-30 { padding-top: 30px !important; }
.mb-0 { margin-bottom: 0 !important; }
.text-center { text-align: center !important; }

/* Bloques de texto a ancho completo (sin video/imagen al lado) */
.bloque-titulo--full { width: 100% !important; }

/* Vídeo de la home, versión escritorio */
.video-centrado--pc {
	margin-left: -500px !important;
	margin-top: 50px !important;
	margin-right: 25px !important;
}

/* Vídeo de la home, versión móvil */
.video-centrado--mobile {
	text-align: center !important;
	margin-top: 18px !important;
}

.video-track--mobile {
	display: block !important;
	width: 80% !important;
	margin: 0 auto !important;
}

/* Separaciones puntuales entre títulos y el bloque anterior */
.h2--mt-40 { margin-top: 40px !important; }
.h2--mt-60 { margin-top: 60px !important; }

/* H1 del bloque izquierda en la versión móvil */
.h1-mobile-spacing {
	font-size: 31px !important;
	margin-bottom: 12px !important;
}

/* Imagen del bloque de inscripción */
.img-inscripcion { height: 200px !important; }

/* Título del primer slide del carrusel (deja hueco para el icono) */
.h3-carousel-first { padding-right: 110px !important; }

/* ============================================================
   AÑADIDO: comportamiento de carrusel estilo Bootstrap 3,
   restringido solo a #carouselExampleControls.
   Necesario porque el JS del carrusel cargado en la página
   es bootstrap.min.js v3.4.0, que anima con las clases
   .active/.next/.prev/.left/.right (no con las de Bootstrap 4).
   No toca nada fuera de este carrusel, así que no interfiere
   con la rejilla de Bootstrap 4 que usa el resto de la página.
   ============================================================ */
#carouselExampleControls .carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#carouselExampleControls .carousel-inner > .item {
	position: relative;
	display: none;
	min-height: 150px; /* evita que el alto varíe según la longitud del texto de cada diapositiva */
	transition: .6s ease-in-out left;
}
#carouselExampleControls .carousel-inner > .active,
#carouselExampleControls .carousel-inner > .next,
#carouselExampleControls .carousel-inner > .prev {
	display: block;
}
#carouselExampleControls .carousel-inner > .active {
	left: 0;
}
#carouselExampleControls .carousel-inner > .next,
#carouselExampleControls .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
#carouselExampleControls .carousel-inner > .next {
	left: 100%;
}
#carouselExampleControls .carousel-inner > .prev {
	left: -100%;
}
#carouselExampleControls .carousel-inner > .next.left,
#carouselExampleControls .carousel-inner > .prev.right {
	left: 0;
}
#carouselExampleControls .carousel-inner > .active.left {
	left: -100%;
}
#carouselExampleControls .carousel-inner > .active.right {
	left: 100%;
}

/*Contenedor carrusel fin pagina*/

.noticias .container {
	width: 100%;
	display: flex;
	max-width: 1175px;
}

.noticias .container .right {
	display: flex;
	position: relative;
	max-width: 783px;
	background-color: #2b3942;
	padding-top:20px;
}

.noticias .container .right h1 {
    color: #ffffff;
    font-family: "HelveticaNeueCondensedBold", Arial;
    font-size: 34px;
    padding-left: 50px;
    margin-top: 0px;
    margin-bottom: 18px;
}

.noticias .container .right-bloq h1:first-child::before {
    content: "";
    background-color: #b73479;
    width: 9px;
    height: 98px;
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 25px;
}

.noticias .container .right img {
	width: auto;
}

.noticias .right .carousel {
	width: 100%;
	padding-top: 70px;
	padding-left: 30px;
	padding-right: 30px;
}

.noticias .right .carousel span, .noticias .right .carousel h3 {
	color: #ffffff;
	font-family: "HelveticaNeue-Bold", Arial;
	font-size: 19px;
	line-height: 22px;
	display: inline-block;
	font-weight: 700;
	letter-spacing: 1px;
}

.noticias .right .carousel h3 {
	 padding-bottom: 21px;
	 margin-top: 0px;
	}

.noticias .right .carousel p {
	color: #ffffff;
	font-family: "HelveticaNeue", Arial;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
	display: block;
	letter-spacing: 0.5px;
	margin-bottom:5px;
}

.noticias .right .carousel p + p {margin-bottom:10px;}

.noticias .right .carousel a {
	color: #b73479 !important;
	font-family: "HelveticaNeue-Bold", Arial;
	font-size: 20px;
	font-weight: 700;
}

.noticias .right .carousel a:hover {color:#fff!important;}

.noticias .arrows {
	bottom: 0px;
	right: 0px;
}

.noticias .arrows-container {
		width: 100%;
		max-width: 90px;
		margin-right: 30px;
		position: relative;
		background-color: #2b3942;
	}

.noticias .arrows-container a:before {
		content: "";
	    background-color: #fff;
	    width: 1px;
	    height: 45px;
	    display: inline-block;
	    position: absolute;
	    top: -10px;
	    left: 0px;
	    right: 0px;
	    margin: 0 auto;
	    opacity: 0.3;
	}

.noticias .left {
	max-width: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 40px;
}

.noticias .left div:nth-child(2) {
	text-align: right;
}

.noticias .left-bloq label {
	color: #2b3a42;
	font-family: "HelveticaNeue", Arial;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 0;
}

.noticias .left-bloq label strong {
	color: #2b3a42;
	font-family: "HelveticaNeue-Bold", Arial;
	font-size: 20px;
	line-height: 24px;
}

.noticias .left-bloq button {
	color: #f7f9fa;
	font-family: "HelveticaNeue-Bold", Arial;
	font-size: 16px;
	font-weight: 700;
	border-radius: 17px;
	background-color: #496370;
	border-color: #496370;
	padding:0;
	max-width: 144px;
	min-width: 144px;
	height: 30px;	
}

.noticias .left-bloq form input {
	border-radius: 0px;
	margin-top: 15px;
    box-shadow: 0 0 0 transparent;
    font-size: 16px;
	font-family: "HelveticaNeue", Arial;
}

.noticias .left-bloq form input:focus {
	border-color: transparent;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(000,00,00,.6);
	
}

.noticias .left-bloq form .form-group {
	margin: 0px;
	margin-bottom: 10px;
}

.logos .row div:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.pie {
	padding-top: 50px;
	padding-bottom: 95px;
	margin-top:20px;
	background-color: #f7f9fa;
	background-repeat: no-repeat;
	display: inline-block;
    width: 100%;
    clear: both;
}

.noticias + .pie {margin-top:0;}

.pie img {
	width: auto;
}

/*-> eu */

.eu {
	padding-top: 50px;
	text-align: center;
	padding-bottom: 40px;

}

/*-> links*/

.links div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 5px;
}

.links div a {
	padding: 0px 15px 10px;
	text-transform: uppercase;
	color: #76838f;
	font-size: 12px;
	font-family: "HelveticaNeueLTStd-Cn", Arial;

}

.leyenda div {
	text-align: center;
	color: #76838f;
	font-family: "HelveticaNeue", Arial;
	font-size: 12px;
	font-weight: 300;
	line-height: 17px;
}

.responsive-show, .noticias .carousel-indicators {
	display: none;
}

.form-group i {
	position: absolute;
	width: auto!important;
	top: 8px;
	right: 12px;
	bottom: 0;
	margin: auto;
	font-size: 22.4px;
}

@media screen and (min-width: 991px) {
.bloque_izquierda .bloque-bottom {
		text-align: right;
		padding-top: 120px;
	}

.bloque_izquierda .bloque-bottom img {
		margin-left: -280px;
		margin-top: -65px;
		width:auto;
	}
}

@media screen and (max-width: 991px) {
.bloque_derecha .bloque_general .texto_bloques h3 {
		font-size: 31px;
	}

.bloque_derecha .bloque_general .texto_bloques p { font-size: 18px; }

.noticias .left {
		padding: 0px;
	}

.bloque_general {
	    max-width: 100%;
	    aspect-ratio: 360 / 350; /* proporción real de las imágenes *M.png */
	    min-height: auto;
	}

/* Imágenes específicas para tablet/móvil (=991px) */
.bloque_01 { background-image: url(../imagenes/inscribeteM.png); }
.bloque_02 { background-image: url(../imagenes/guiaM.png); }
.bloque_03 { background-image: url(../imagenes/infoCursoM.png); }
.bloque_04 { background-image: url(../imagenes/docentesM.png); }

.noticias .left-bloq form input {
		margin-top: 20px;
		margin-bottom: 20px;
	}

.carousel .carousel-indicators li {
		bottom: 0px;
		width: 6px;
		height: 6px;
	}

.carousel .carousel-indicators li.active {border:0;height:7px;width:7px;margin:1px;margin-right: 9px;}

/****************************/

.principal .contenidos img {
		width: 117px;float:left;margin-right:20px;	
	}

.bloque_izquierda .contenidos {flex-flow:column;padding:30px 0 45px;}

.bloque_izquierda .contenidos.bloque-bottom {padding-top:0;}

.contenidos .bloque-texto, .contenidos .bloque-titulo {width:100%;margin:0;    display: inline-block;flex-flow: inherit;}

.contenidos.bloque-bottom .bloque-texto {padding-right:160px;}

.bloque-top .bloque-texto {margin:0;}

.contenidos.bloque-bottom {background-position:right top;}

.texto h1 {font-size: 31px;line-height: 32px;margin-top:-5px;}

.principal .contenidos.bloque-bottom IMG {float:right;margin:0 0 0 15px;}

.texto a {font-size:14px;}

.principal .texto h2 {
		font-size: 18px;
		line-height: 22px;
		padding: 0px;
		margin-top: 0px;
		margin-bottom:20px;
	}

.contenidos.bloque-bottom .bloque-texto h2 {margin-bottom:45px;}

.principal .bloque_derecha {
		margin: 0px;
	}

/******** noticias ****/

.noticias .container {
		flex-direction: column;
		padding:0;
	}

.noticias .left {
		max-width: 100%;
	}

.noticias .left-bloq {
		padding: 40px 20px;
		max-width: 100%;
		margin: 0 auto;
	}

.noticias .container .right {
		max-width: 100%;
		flex-direction: column;		
	}

.noticias .container .right img {
		width: 100%;
	}

.noticias .right .carousel {
		padding-top: 65px;
		padding-bottom: 55px;
	}

.noticias .carousel-indicators {
		display: none;
	}

.noticias .arrows {
		display: none;
	}

/*Menu responsive*/

.responsive-hidden {
		display: none;
	}

.responsive-show {
		display: inline;

	}

.form-group {
		padding-left:0px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.contenidos.bloque-bottom .bloque-titulo {padding-right:170px;}

/*** ajustes home responsive ***/

footer .logos .container .row {flex-wrap:nowrap;}

.noticias .left-bloq {text-align:center;}
}

/* ============================================================
   En tablet en VERTICAL (768-1024px, orientation:portrait),
   apilar la columna derecha debajo de la izquierda, igual que en
   móvil, en vez de dejarlas en fila como hace Bootstrap 4 por
   defecto a partir de 768px de ancho. Colocado DESPUÉS de los
   bloques de 991px a propósito, para ganarles la cascada en el
   rango 768-991px que comparten.
   ============================================================ */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.principal .container .row > .col-md-8,
	.principal .container .row > .col-md-4 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.principal .container .row > .col-md-4 {
		padding-left: 0;
		padding-right: 0;
	}

	/* Quita también el padding lateral del .container/.row, si no,
	   aunque la columna ya no tenga padding propio, seguiría
	   quedando el hueco de 15px del .container de Bootstrap. */
	.principal > .container {
		padding-left: 0;
		padding-right: 0;
	}
	.principal > .container > .row {
		margin-left: 0;
		margin-right: 0;
	}

	/* Imágenes de mayor resolución específicas para este rango
	   (escaladas x2.8 desde las versiones móviles, con Lanczos
	   + un poco de nitidez) para evitar el desenfoque de estirar
	   una imagen de 360px hasta 768-1024px. */

	.bloque_01 { background-image: url(../imagenes/inscribeteTablet.png); }
	.bloque_02 { background-image: url(../imagenes/guiaTablet.png); }
	.bloque_03 { background-image: url(../imagenes/infoCursoTablet.png); }
	.bloque_04 { background-image: url(../imagenes/docentesTablet.png); }

	.bloque_general {
		max-width: 100%;
		aspect-ratio: 1011 / 980; /* proporción real de las imágenes *Tablet.png */
		min-height: auto;
		background-position: center center;
	}

	/* .container en columna: "right" (right-bloq + carrusel) ocupa
	   una línea entera, y "left" cae debajo en la suya propia.
	   Dentro de "right", right-bloq y el carrusel sí se mantienen
	   alineados en fila, deshaciendo solo esa parte del apilado
	   que aplica el bloque de 991px. */
	.noticias .container {
		flex-direction: column;
	}
	.noticias .left {
		max-width: 100%;
		padding-left: 0;
	}
	.noticias .left-bloq {
		padding: 40px 20px;
		max-width: 100%;
		margin: 0 auto;
	}
	.noticias .left-bloq form input {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.noticias .container .right {
		max-width: 100%;
		flex-direction: row;
	}
	.noticias .container .right img {
		width: 100%;
	}
	.noticias .right .carousel {
		padding-top: 70px;
		padding-bottom: 0;
	}
}

/* ============================================================
   Tablet en HORIZONTAL (768-1024px, orientation:landscape):
   en este rango la columna derecha sigue en fila junto a la
   izquierda, igual que en escritorio (no se apila como en
   portrait), así que usamos las imágenes de escritorio en vez
   de las "M". Colocado DESPUÉS del bloque de 991px y del de
   portrait a propósito, para ganarles la cascada en el rango
   768-991px que comparten con ambos.
   ============================================================ */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.bloque_01 { background-image: url(../imagenes/inscribete.png); }
	.bloque_02 { background-image: url(../imagenes/guia.png); }
	.bloque_03 { background-image: url(../imagenes/infoCurso.png); }
	.bloque_04 { background-image: url(../imagenes/docentes.png); }

	.bloque_general {
		max-width: 360px;
		aspect-ratio: 360 / 389; /* proporción real de las imágenes de escritorio */
		min-height: auto;
	}
}

@media screen and (max-width: 767px) {
/***** home ****/

.principal .bloque_derecha {margin-left:-15px;margin-right:-15px;}

/*** bloques columna derecha ****/

.bloque_derecha .bloque_general .texto_bloques, .bloque_derecha .bloque_general .bloque_especial {padding-left:15px;}

.bloque_general {
	background-position: center center;
}

/*** suscribirse **/

.noticias .left {width:100%;max-width:330px;}

.noticias .left-bloq button {font-size:14px;min-width:117px;max-width:117px;height:34px;}

.noticias .left-bloq label strong, .noticias .left-bloq label {font-size:18px;line-height:22px;}

.noticias .container .right {padding-top:30px;}

.noticias .container .right h1 {font-size:31px;padding-left:35px;margin-bottom:20px;}

.noticias .container .right-bloq h1:first-child::before {left:15px;top:34px;}

.noticias .right .carousel {padding-left:15px;padding-right:15px;}

.noticias .right .carousel h3 {font-size:18px;line-height:22px;margin-bottom:0;}

#carouselExampleControls .carousel-inner > .item {
	min-height: 170px; /* en móvil el texto envuelve en más líneas: más margen que en escritorio */
}

.noticias .right .carousel p {}

.noticias .right .carousel p span {font-size:16px;}

.noticias .right .carousel a {font-size:14px;}

/***bloques investigacion clinica y preclinica ***/

.principal .contenidos img {width:100px;}

/****************************************/

.pie {
		padding-top: 40px;
		padding-bottom:60px;
		margin-top: 20px;
		background-color: #f7f9fa;
		background: url(../imagenes/bg_footer.png) top right;
		background-repeat: no-repeat;
		background-size:cover;
	}
}

@media screen and (max-width: 359px) {
.leyenda div {
		max-width: 90%;
	}

.pie .eu img {
		width: 100%;
	}
}

@media screen and (max-width: 340px) {
.principal .bloque-titulo h1 {
		font-size: 27px;
	}

.principal .bloque-titulo h2 {
		font-size: 17px;
	}

.bloque_derecha .bloque_general .texto_bloques {
		padding-left: 10px;
	}

.noticias .container .right h1 {
		padding-left: 45px;
	}
}

@media (min-width: 990px) {
@keyframes muestraSubmenu {
        from {
            height: 0
        }
        to {
            height: 641px
        }
    }

@keyframes ocultaSubmenu {
        from {
            height: 641px
        }
        to {
            height: 0
        }
    }
}

@media (max-width: 990px) {
@keyframes muestraSubmenu {
        0 {
            height: 0;
            top: 0
        }
        1% {
            height: 0;
            top: 68px
        }
        100% {
            height: calc(100vh - 124px);
            top: 68px
        }
    }

@keyframes ocultaSubmenu {
        0% {
            height: calc(100vh - 124px);
            top: 68px
        }
        5% {
            top: 0
        }
        100% {
            height: 0;
            top: 0
        }
    }
}

/**ELIMINAR DOBLE X FORMS**/

/* clears the 'X' from Internet Explorer */

input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }

input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

#carousel-eventos { padding-top: 0px; }

#carousel-eventos .carousel-inner .carousel-item.left { max-width: 100%; flex-direction: column; justify-content: flex-start;align-items: flex-start;padding-left: 10px; }

/**ESTILOS TABLAS **/

table { margin-bottom: 25px; max-width: 100%;width: 100%;font-family:  "HelveticaNeue", Arial; }

tbody {max-width: 100%;}

th {border: 1px solid #1e717f; background-color: #1e717f; color: #fff;font-family: "HelveticaNeue", Arial;padding-left: 3px;padding-right: 3px; font-weight: 500; padding: 13px 15px;}

td { padding: 10px 15px;border: 1px solid #eaeef1; }

tr td:first-child {border-left:7px solid #eaeef1;}

th:first-child {border-left:7px solid #1e717f;  }

th:not(:first-child) { border-left: 2px solid #eaeef1; }

th { font-weight: 700;font-family:  "HelveticaNeue-Bold", Arial; }

p.leyenda {font-size: 9px;padding: 0px;margin-bottom: 50px;  }

@media screen and (max-width: 767px) {
table td { font-size: 13px;}
}
.leyenda p {font-size: 12px;}

ol li, ul li {
	margin-top: 6px;
	padding-bottom: 0px;
}
.texto h2 {
	color: #b73479 !important; 
    margin-bottom: 15px;
}
.bloque_derecha .bloque_general .texto_bloques h3 {
	color: #1E727F !important;
}
ul.line-style li:before {
	background-color: #b73479 !important;
}
a {
	color: #1E727F !important;
}
@media screen and (min-width: 992px) {
	.texto h1 {
		font-size: 44px;
	}
}