@charset "utf-8";

/* ESTILOS ========================== */
html { font-size: 14px; }
body { background-color: #000; color: #ffffff; /*line-height: initial;*/}
body, input, select, button, td, th { font-family:verdana; font-size: 14px; font-size: 1em; }
a:link, a:hover, a:visited { color: #000; text-decoration: underline; }
a:focus { outline:0px; }

td, th { font-size: 14px; }
button { border:0px; }

img { }

.nopadding {padding-right: 0px!important;padding-left: 0px!important;/* color: red; */}
.row .no-float { display: table-cell; float: none; }
.row-eq-height {
	display:table;
	height:auto!important;
}
	.row-eq-height > div {
		float: none;
		display: table-cell;
		vertical-align: top;
	}
.copy {
	padding-left: 20px;
	text-indent: -20px;
}

#nivel-fondoprincipal {
	background-color: #95948f; /* a partir de MD es fondo negro */
	width:100%;
	padding-left:0px; padding-right: 0px;
	background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
}
#nivel-fondoimagen {
	width: 100%;
	/*max-width: 1300px;*/
	margin:0px auto;
	/* por defecto, a partir de SM, se carga una imagen background */


    background-image: url(transparent-blue3.png);
    background-repeat: repeat-x;
    background-color: transparent;
    background-size: contain;
}
#nivel-fondosemiazul {
	/*background-repeat: repeat-x;
	background-color: transparent;
	background-size: contain;*/

	/* solo tiene sentido a partir de SM, para oscurecer la imagen background, además de incluir un padding-top de 20px */
}
#nivel-fondosemiopaco {
	/* solo tiene sentido a partir de MD, para oscurecer (mediante background-image) la zona del contenido */
	color: #000;
}

/* CABECERA */
	img.logoprincipal { width: 100%; max-width:226px; /*height:140px;*/ }
	#cabecera a:link, #cabecera a:hover, #cabecera a:visited { text-decoration: none; color: #ffffff; font-weight: bold; }
	#cabecera .grupo-enlacesvarios a:hover { color: #13c9ac; }
	#cabecera .grupo-secciones .item-grupo-secciones:hover { cursor:pointer; background-color: transparent; }
	#cabecera .grupo-idiomas a { font-weight: normal; color: #aaa; font-size: 14px; font-size: 0.9em; }
	#cabecera .grupo-idiomas a.activo { color: #ffffff; }

	.cabecera-xs { padding-top:5px; padding-bottom:5px; background-color: #959595; }

	.grupo-secciones { }
	.grupo-secciones .item-grupo-secciones { display: block; }
	.grupo-secciones>.item-grupo-secciones>div { margin: 10px; }
	.grupo-secciones>.item-grupo-secciones>div>a { color: #ffffff; font-weight: bold; }

	div.enlacesocial span { font-size: 24px; font-size:1.5em; }
	div.enlacesocial span:hover { color: #e8e8e8; }
	div.enlacesocial .fa-inverse { color:#000000; }
/* FIN CABECERA */

#contenido hr {
	border-color: rgba(0, 0, 0, 0.8);
}
#piedepagina {
	width: 100%;
	/*max-width: 1300px;	*/
	max-width: 1170px;
	margin:0px auto;
	background-color: #959595; /*#95958e;*/
	color:#333;
	padding:40px 0px 40px 0px;
	font-size:13px;
}
#piedepagina a { font-size:13px; color:#333;}

.titulosupercategoria { font-family: "Exo"; font-size: 17px; font-weight:bold; color: #13c9ac; padding-top:10px; padding-bottom: 8px; }

.categoria-PFC .colorcategoria, .categoria-PFC a:link, .categoria-PFC a:hover, .categoria-PFC a:visited { color: #13c9ac; }
.categoria-ENL .colorcategoria, .categoria-ENL a:link, .categoria-ENL a:hover, .categoria-ENL a:visited  { color: #13c9ac; }
.categoria-QUI .colorcategoria, .categoria-QUI a:link, .categoria-QUI a:hover, .categoria-QUI a:visited  { color: #13c9ac; }
.categoria-REC .colorcategoria, .categoria-REC a:link, .categoria-REC a:hover, .categoria-REC a:visited  { color: #13c9ac; }
.categoria-DOC .colorcategoria, .categoria-DOC a:link, .categoria-DOC a:hover, .categoria-DOC a:visited  { color: #f15222; }
.categoria-PUB .colorcategoria, .categoria-PUB a:link, .categoria-PUB a:hover, .categoria-PUB a:visited  { color: #007dab; }

.categoria-PFC .fondocategoria { background-color: transparenc!important; color: #13c9ac!important; }		/*#efefef*/
.categoria-ENL .fondocategoria { background-color: transparentc!important; color: #13c9ac!important; }
.categoria-QUI .fondocategoria { background-color: transparentc!important; color: #13c9ac!important; }
.categoria-PUB .fondocategoria, .bk-seccion-publicacions, .PUBfondo { background-color: #007dab!important; color: #fff!important; }
.categoria-REC .fondocategoria, .bk-seccion-recerca, .RECfondo { background-color: #13c9ac!important; color: #fff!important; }
.categoria-DOC .fondocategoria, .bk-seccion-docencia, .DOCfondo { background-color: #f15222!important; color: #fff!important; }

.bk-seccion-agenda, .AGEfondo { background-color: #959595!important; color: #fff!important; }

.item-grupo-secciones a { text-decoration: none; }

/*
.menuxs { font-size: 23px!important; line-height: 0!important; }
	.menuxs a { color:#fff; }
	#cabecera-xs .menuxs { padding-top: 4px; }
	.modal-backdrop-menuxs { opacity: .6; background-color: #a4a4a4; margin-top:50px; }
	.modal-backdrop-menuxs-home { opacity: .6; background-color: #a4a4a4; margin-top:95px; }

	#cabecera-xs.menuxs-activo { position: relative; z-index: 2010; }
	#menuxs.menuxs-activo { z-index: 2000; }

.submenuxs { font-size: 23px!important; line-height: 0!important; }
	.submenuxs a { color:#fff; }
	.modal-backdrop-submenuxs { opacity: .6; background-color: #a4a4a4; margin-top:100px; }

*/
.lnkmenuxs { font-size: 23px!important; line-height: 0!important; padding-top: 3px; }
	.lnkmenuxs a { color:#fff; }
.lnksubmenuxs { font-size: 23px!important; line-height: 0!important; padding-top: 10px; }
	.lnksubmenuxs a { color:#13c9ac; }
	.categoria-REC .lnksubmenuxs a, .categoria-DOC .lnksubmenuxs a, .categoria-PUB .lnksubmenuxs a { color:#fff; }

#menuxs, #submenuxs {}
	#menuxs a, #submenuxs a { text-decoration: none; }
	#menuxs-cabecera, #submenuxs-cabecera { background-color: #959595; color:#fff; }
		#menuxs-cabecera a, #submenuxs-cabecera a { color:#fff;  }
	#submenuxs-categoria { background-color: #fff; color:#000; }
	#menuxs-contenido { background-color: #959595; color:#fff; padding-top:20px; }
		#menuxs-contenido a { color:#fff; }
	#submenuxs-contenido { background-color: #fff; color:#000; padding-top:20px; }
		#submenuxs-contenido a { color:#000; }

#menuizquierda { display:none; }
.contenidocategoria { display:none; /* color y fondo segun media */}
	.contenidocategoria a { color: #13c9ac; font-weight: bold; text-decoration: underline; }
	.contenidocategoria-contenido { /* padding segun media */ }
		.titulocategoria { font-family: "Exo"; font-size: 22px; font-size: 1.6em; line-height:23px; font-weight:bold; /* padding-top segun media */ }
			.titulocategoria span { font-family:verdana; font-size: 20px; line-height:21px; } /* se corresponde con el nivel que presenta el contenido */
		.introcategoria {
			font-family:verdana; line-height: 17px; font-size: 14px;
		    padding-top: 25px;
		}
		.listadoitems {
			font-family:verdana; line-height: 17px; font-size: 14px;
		    padding-top: 25px;
		}
			.listadoitems .grupodeitems {
				margin: 0px 0px 30px 0px;
			    width: 100%;
			}
			.listadoitems .itemcelda {
				padding: 0px 10px 0px 10px;
			}
			.listadoitems .itemcabecera {
				background-color: #95948f;
				color: #fff;
				font-weight: bold;
				padding: 10px 6px;
			    display: table;
			    margin: 0px 0px 0px 0px;
			    width: 100%;
			}
			.listadoitems .item { margin-top: 20px;  }
				.listadoitems .item p { margin-top: 0px; margin-bottom: 0px;  }
				.listadoitems .item .titulo span {
					background-color: #95948f;
					color: #fff;
					font-weight: bold;
					padding: 10px 6px;
				    display: table;
				    margin-bottom: 10px;
				}
div.links {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 20px;
}
div.links a {
    display: inline;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    margin: 0px;
    padding: 4px 20px 6px 20px;
    line-height: 24px;
    background: #13c9ac url(flechalink.png) no-repeat 0px 2px;
}

div.boton {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 20px;
	text-align: center;
}
div.boton a {
	display: inline;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 4px 20px 6px 20px;
	line-height: 24px;
}

.frmbuscador {}
	.frmbuscador select {
		width: 100%;
		border: none;
		background-color: #e8e8e8;
		padding:2px;
	}
	.frmbuscador label {
		margin-top: 10px;
		margin-bottom: 0px;
	}
.perfilcontratante-grupoitems { margin-top:20px; margin-bottom:40px; display: table; width:100%; }
	.perfilcontratante-grupoitems-titulo { font-weight:bold; margin-bottom:10px; font-size: 16px; }
.perfilcontratante-grupovacio { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #999; border-top:1px solid #999;  }

.perfilcontratante-item-cabecera { border-top:1px solid #999; border-bottom:1px solid #999; }
.perfilcontratante-item { border-bottom:1px solid #999; }
	.perfilcontratante-item th { padding-top:10px; padding-bottom:10px; font-weight: bold; }
	.perfilcontratante-item td { padding-top:10px; padding-bottom:10px; cursor:pointer;  }
	.perfilcontratante-item-cabecera div { font-weight:bold; }

.itemHNO h1 { margin-right: 30px; }
.itemHNO .txt { margin-right: 30px; }
.itemHNO img { height: 390px!important; }
.itemHNO .tituloitem { margin-top: 30px; font-size: 27px; font-family: Exo; font-weight: bold; }
.itemHNO>a { text-decoration: none; color:#fff; }


a.scroll-to-top { text-decoration: none; text-transform: uppercase; }
a .fa-lg {
    font-size: 40px;
    display: block;
    margin-bottom:5px;
}


.itemHAS { background: #fff; }
	.itemHAS>div {
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #fff;
	}
	.itemHAS a { text-decoration: none; }
	.itemHAS-titulo { color:#13c9ac!important; text-transform: uppercase; }

	#HAgenda {}
		#Hagenda>.row { /* margenes segun media */}

	#HSocial {}
		#HSocial>.row { /* margenes segun media */ }

.itemHAL { margin-right:1px; }
	.itemHAL>div {
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: #fff;
	}
	.itemHAL a { text-decoration: none; }
	.itemHAL-titulo { color:#fff!important; text-transform: uppercase; }

	.itemHAL-imagen img { max-width:176px; width: 100%; }
	.itemHAL-descripcion { margin-top:0px; }
		.itemHAL-descripcion b, .itemHAL-descripcion strong { font-family:"Exo"; font-size: 1.3em; }

.fb-page, .fb-page iframe[style], .fb-page span, ._2p3a, ._2zfr {
    width: 100% !important;
}
#facebookWin { text-align:center; }

#agenda-calendario {
	font-weight: bold;
	font-size:16px;
	color:#000;
	margin:14px 0px;
}
	#agenda-calendario .month {	margin-top:20px; }
		#agenda-calendario .month .d {
			width: 13.28%;
			float: left;
			display: block;
			position: relative;
			min-height: 1px;
			padding-right: 10px;
			padding-left: 10px;
			min-height: 40px;
			text-align: center;
		}
			#agenda-calendario .month .d:hover {
				cursor: pointer;
				color:#959595;
			}
			#agenda-calendario a:hover {
				cursor: pointer;
				color:#959595;
			}
			.tipoevento {
				line-height: 1px;
			}
				.tipoevento img {
				    height: 4px!important;
				    width: 100%;
				}
.itemEVE { color:#000; }

#novedades-carousel {
	background-image: url(transparent-blue.png);
}
	#novedades-carousel .carousel-inner {
		z-index: 20;
	}

	#novedades-carousel .carousel-indicators {
	    top: -30px;
			margin-left:-20%!important;
			width:40%!important;
	}
		#novedades-carousel .carousel-indicators li {
			margin-left: 10px;
			border: 2px solid #fff;
			width: 12px;
			height: 12px;
		}
			.itemHNO { padding-left:10px; }

#social-carousel {}
	#social-carousel .tituloitem { text-align: center; }
	#social-carousel .tituloitem img { width:85%; }
	#social-carousel .carousel-inner {
		height: 315px;
	}
	#social-carousel .carousel-indicators {
		top: inherit;
		position: inherit;
		left: inherit;
		bottom: inherit;
		width: 100%;
		margin-left: 0px;
	}
		#social-carousel .carousel-indicators li { border: 1px solid #000; }
			#social-carousel .carousel-indicators li.active { background-color: #000; }

#otros-carousel {}
	#otros-carousel .carousel-indicators {
		background-color: red;
		bottom: -15px;
		top: inherit;
	}

.twitterWin,
.facebookWin {
	margin-top: 10px;
}

.listadoitems-LISTAENL { padding-top: 0px; }
.listadoitems-LISTAENL .item { margin-top: 5px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px; border-bottom:1px solid #959595; }
.listadoitems-LISTAENL .item a:hover { color:#959595; }
@media (max-width: 767px) {
	.listadoitems-LISTAENL .item { margin-top: 10px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; border-bottom:1px solid #959595; }
}

.piedepagina-enlaces { margin:0px; }
	.piedepagina-enlaces a { display:block; }
@media (max-width: 767px) {
.piedepagina-enlaces { margin:20px 0px; }
	.piedepagina-enlaces a { padding:5px; }
}

/***********************************************************************************************************************/
/***********************************************************************************************************************/
#mapaweb { }
#mapaweb tr td { vertical-align:top; border-bottom:1px solid #e8e8e8; /*padding:10px 20px;*/}
#mapaweb tr td a { text-decoration:none; color:#000;}
#mapaweb .extranivel0 { background:url(transparent-gray0.png);  /*width:190px;*/ }
#mapaweb .extranivel1 { background:url(transparent-gray1.png);  /*width:190px;*/ }
#mapaweb .extranivel2 { background:url(transparent-gray2.png);  /*width:190px;*/ }
#mapaweb .extranivel3 { background:url(transparent-gray3.png);  /*width:190px;*/ }
@media (max-width: 767px) {
	#mapaweb tr td { display: block; }
	#mapaweb .extranivel0 { padding-left:10px; }
	#mapaweb .extranivel1 { padding-left:20px; }
	#mapaweb .extranivel2 { padding-left:30px; }
	#mapaweb .extranivel3 { padding-left:40px; }
}
/***********************************************************************************************************************/



/***********************************************************************************************************************/
/***********************************************************************************************************************/
#listadobusqueda { }
	#listadobusqueda .grupo .titulogrupo {
		color:#000!important;
		text-decoration:none!important;
		text-transform: uppercase;
		font-weight:bold;
		font-size:18px;
		font-family:exo;
		margin-top:20px;
		margin-bottom:0px;
		padding:4px;
		background-color:#e8e8e8;
	}
		#listadobusqueda .grupo .titulogrupo a {
			color:#000!important;
			text-decoration:none!important;
		}

	#listadobusqueda .grupo .itemsgrupo {
		color:#000;
		text-decoration:none;
		padding:10px 0px 20px 0px;
	}

		#listadobusqueda .grupo .itemsgrupo .item-categoria {
			padding-top:10px;
		}
		#listadobusqueda .grupo .itemsgrupo .item-categoria a {
			color:#6a6a6a;
			/* esto solo si se quiere que se comporte como .titulogrupo */
			text-decoration:none;
			text-transform: uppercase;
			color: #000;
			padding: 4px;
			background-color: #e8e8e8;
			display: block;
			font-size: 17px;
			font-family: Exo;

			/* esto es para darle un toque distintivo */
			font-size: 16px;
			background-color: transparent;

		}

		#listadobusqueda .grupo .itemsgrupo .item-item {
			padding:10px 0px 20px 5px;
			border-bottom:1px solid #ccc;
		}
		#listadobusqueda .grupo .itemsgrupo .item-item:hover { background-color:#13c9ac; }

		#listadobusqueda .grupo .itemsgrupo .item-item a {
			color:#000;
			text-decoration:none;
			font-weight: normal;
		}
		#listadobusqueda .grupo .itemsgrupo .item-item a:hover {
			text-decoration:underline;
		}

		#listadobusqueda .grupo .itemsgrupo .item-item .tituloitem {
			font-weight:bold;
			padding-bottom:10px;
		}
		#listadobusqueda .grupo .itemsgrupo .item-item .datositem {
			padding-left: 10px;
		}
		#listadobusqueda .grupo .itemsgrupo .item-item b { color: #109f89 }

	.visible-inline-xs { display:none!important; }
	.item-ficha-cabecera { font-weight: bold; }
	.item-ficha-cabecera>div,
	.item-ficha>div { text-align: center; }

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


/***********************************************************************************************************************/
/***********************************************************************************************************************/
#formulario {
    min-height: 300px;
}
/***********************************************************************************************************************/


/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ----- CSS-MEDIA --------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------- */
/* Móviles en vertical (XS) ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
/* (min-width: 320px) */
	body, #nivel-fondoprincipal, #nivel-fondoimagen, #nivel-fondosemiazul, #novedades-carousel { background-color:#fff; background-image:none; }

	select { background-color:#e8e8e8!important;  }

	#cabecera .grupo-idiomas a {
		color: #d1c9c9;
	}

	#cabecera-scroll-xs {
		background-color: #959595;
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
		z-index: 100;
		box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
	}

	.visible-inline-xs { display:inline!important; }
	.item-ficha { margin-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:5px; line-height: 30px; }
	.item-ficha span {  }
	.item-ficha-cabecera>div,
	.item-ficha>div { text-align: left; }

	#menuizquierda { background-color: #fff; color:#000; }
		#opcionesmenuizquierda { margin: 0px 0px; padding: 20px 0px; background-color: #fff; }
			#opcionesmenuizquierda a {
				background-color: transparent!important;
				color: #333;
				font-family: "Verdana";
				font-size: 15px;
				font-weight: normal;
				text-decoration:none;
			}
			#opcionesmenuizquierda a:hover {
				background-color: transparent!important;
				color: #999!important;
			}
			#opcionesmenuizquierda>li {
				font-family: "Exo";
				font-weight: 800;
				font-size: 18px;
				color: #333;
				line-height: 17px!important;
				padding: 8px 20px 5px 10px;
			}
				#opcionesmenuizquierda>li>ul>li {
					padding: 8px 20px 5px 10px;
					font-size: 15px;
					font-family: Verdana;
					font-weight: normal;
					color: #333;
				}
					#opcionesmenuizquierda>li>ul>li>a {
						font-size: 15px;
					}
					#opcionesmenuizquierda>li>ul>li>ul>li {
						font-size: 14px;
						padding: 6px 20px 4px 10px;
						}
						#opcionesmenuizquierda>li>ul>li>ul>li>a {
							font-size: 14px;
						}
		#opcionesmenuizquierda li.itemmenu-hover {
			cursor: pointer;
			background-color: #ffffff;
			color: #999;
		}
		#opcionesmenuizquierda>li.sel { background-color:#ffffff; }
		#opcionesmenuizquierda li.itemmenu-seleccionado>a,
		#opcionesmenuizquierda li.sel { font-weight: bold; }

		#opcionesmenuizquierda li.itemmenu-nivel-0 { border-top:1px solid #ccc; }
			#opcionesmenuizquierda li.itemmenu-nivel-0>a { font-weight: bold; font-family: "Exo"; font-size: 18px;  }
		#opcionesmenuizquierda li.itemmenu-nivel-0:first-child { border-top:0px; }

	#nivel-fondoimagen {
		background-image: none!important;
	}
	.contenidocategoria { background-color: #fff; color:#000; padding: 0px 7px 0px 7px; }
		.contenidocategoria-contenido {
			padding-left:14px;
			padding-right:8px;
		}
			.titulocategoria {
				padding-top: 48px;
			}

		.grupodeitems row { padding: 0px; }
		.itemcelda { padding-top:5px!important; padding-bottom:5px!important; /*display: table-cell;*/ width: 100%; }
		.item-fondogris { background-color: #e8e8e8; }

	#piedepagina { text-align: center; }
	#piedepagina .row>div { margin-bottom:20px; }

	.itemHAL-titulo { background-color: #959595; }
	.itemHAL-imagen { text-align: center; }
	.itemHAL-descripcion {  text-align: center; margin-top:10px; }

	#HAgenda {}
		#HAgenda .itemHAS-titulo { background-color: #fff!important; text-align: center; }
		#Hagenda>.row { }

	#HSocial {}
		#HSocial .itemHAS-titulo { background-color: #fff!important; text-align: center; }
		#HSocial>.row { }

	#lotr {}
		#lotr .itemHAL-titulo { text-align: center; }
		#lotr>.row { }

	/************* NOVEDADES CAROUSEL XS **************************************/
	#novedades-carousel {
		background-color: #fff;
		/*height: 750px;*/
		height: 650px;										/* 600 para cambiar las dimensiones */
		margin-bottom:50px;
	}
		#novedades-carousel .carousel-indicators {
			/*top:400px!important;*/
			top:300px!important;							/* 250 para cambiar las dimensiones */
			left:0px;
			margin: 5px auto;
			width:100%;
		}
			#novedades-carousel .carousel-indicators li {
				border-color:#000;
			}
				#novedades-carousel .carousel-indicators li.active {
					background-color:#000;
				}
				.itemHNO {
					padding-top: 10px;
					padding-left: 30px;
				}
					.itemHNO .tituloitem {
						/*font-size:25px;*/				/* tamaño del título ( 600 -> 25 ) */
					}
					.itemHNO>a {
						color:#000;
					}
		div#video-player {
			text-align: center;
			background-color: #000;
			/*height: 400px;*/
			height:300px;							/* 250 para cambiar las dimensiones */

				/*padding-left: 25%; margin-left: -25%;*/
		}
			div#video-player img {
				/*max-height: 456px;
				width: auto;*/
				width: auto;
				height: 100%;
				margin:0px auto;
			}

	/************* SOCIAL CAROUSEL XS **************************************/
	#social-carousel .carousel-indicators li {
		border: 1px solid #000;
		margin-right: 10px;
		width: 15px;
		height: 15px;
	}


	/* MEDIA QUERIES CAROUSEL */

	div#video-player {
    	height: initial;
	}

	div#video-player img {
    	width: 100%;
    	height: initial;
    	margin: 0px auto;
    	margin-left: 0px!important
	}

	#novedades-carousel .carousel-indicators { top:60vw!important; z-index:1000;}
	#novedades-carousel .carousel-indicators li {}
}

/* ------------------------------------------------------------------------------------------------------------- */
/* EXCEPTO MÓVILES...  ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
	.item-ficha { padding-top:5px; padding-bottom:10px; }

	#nivel-fondoimagen {
		//background-image: url('bg-02.jpg');
		//background-image: url('quaderns.jpg');
	}
	#nivel-fondosemiazul {
		/*background-image: url(/img/transparent-blue3.png);*/
		padding-top:20px;
	}

	.margensuperiorcontenido {  padding-top: 40px!important; }

	#opcionesmenuizquierda { margin: 0px 0px; padding: 0px 0px; }
		#opcionesmenuizquierda a {
			background-color: transparent!important;
			color: #333;
			font-family: "Verdana";
			font-size: 15px;
			font-weight: normal;
			text-decoration:none;
		}
		#opcionesmenuizquierda a:hover {
			background-color: transparent!important;
			color: #999!important;
		}
		#opcionesmenuizquierda>li {
			font-family: "Exo";
			font-weight: 800;
			font-size: 18px;
			color: #333;
			line-height: 17px!important;
			padding: 8px 20px 5px 10px;
		}
			#opcionesmenuizquierda>li>ul>li {
				padding: 8px 20px 5px 10px;
				font-size: 15px;
				font-family: Verdana;
				font-weight: normal;
				color: #333;
			}
				#opcionesmenuizquierda>li>ul>li>a {
					font-size: 15px;
				}
				#opcionesmenuizquierda>li>ul>li>ul>li {
					font-size: 14px;
					padding: 6px 20px 4px 10px;
					}
					#opcionesmenuizquierda>li>ul>li>ul>li>a {
						font-size: 14px;
					}
	#opcionesmenuizquierda li.itemmenu-hover {
		cursor: pointer;
		background-color: #ffffff;
		color: #999;
    }
    #opcionesmenuizquierda>li.sel { background-color:#ffffff; }
    #opcionesmenuizquierda li.itemmenu-seleccionado>a,
    #opcionesmenuizquierda li.sel { font-weight: bold; }

	/* Menu de secci?n
	#opcionesmenuizquierda ul li ul.submenu { margin-top:10px; }
	#opcionesmenuizquierda li ul.submenu li { margin:0px; font-weight:normal; padding:2px 2px 2px 20px; border:0px; }
	#opcionesmenuizquierda li { margin:0px; }
	#opcionesmenuizquierda li.sel { background-color:#ffffff; }
	#opcionesmenuizquierda li.hover { cursor:pointer; background-color:#ffffff; color:#999; }
	#opcionesmenuizquierda li ul li { color:#000000; }
	#opcionesmenuizquierda li ul li.sel { font-weight:bold; }
	#opcionesmenuizquierda li ul li.hover {  }
	#opcionesmenuizquierda li ul li ul li { color:#000000; }
	#opcionesmenuizquierda li ul li ul li.sel { font-weight:bold; }
	#opcionesmenuizquierda li ul li ul li.hover { background-color:#f3f3f3; }

	.itemmenu>a:hover { background-color: transparent!important; color: #999!important; }
	li.itemmenu-hover {
		cursor: pointer;
		background-color: #ffffff;
		color: #999;
    }
	ul.section-nav{
		margin: 0px 0;
		padding: 0;
	}
		ul.section-nav li{
			padding: 10px 30px 5px 10px;
			font-family: "Exo";
			font-weight: 800;
			color: #333;
			font-size: 18px;
			border-bottom: 1px #bbb solid;
			line-height: 17px !important;
		}
			ul.section-nav li a{
				color: #333;
				text-decoration: none;
			}
				ul.section-nav>li>a:hover{
					color: #13c9ac;
				}
				ul.section-nav li li a:hover{
					background: #63f1da;
				}

			ul.section-nav li li{
				padding: 8px 20px 5px 10px;
				font-size: 15px;
				font-family: Verdana, Arial, sans-serif;
				font-weight: normal;
				border-bottom: 0;
			}
				ul.section-nav li li li{
					font-size: 14px;
					padding-top: 10px;
					padding-bottom: 0px;
				}


		ul.section-nav li.active{
			background: #fff;
		}
		ul.section-nav li.active a{
			color: #13c9ac;
		}
		ul.section-nav li.active li a{
			color: #333;
		}
		ul.section-nav li.active li.active a{
			color: #13c9ac;
		}

		ul.section-nav li.active li.active li a{
			color: #333;
		}

		ul.section-nav li.active li.active li.active a{
			color: #13c9ac;
		}
	*/

}

/* ------------------------------------------------------------------------------------------------------------- */
/* Móviles en horizontal o tablets en vertical (SM) ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 991px) and (min-width: 768px) {
/* (min-width: 768px) */
	#nivel-fondosemiopaco {
   		background-color: #fff;
	}
	ul.section-nav li {
		padding: 0px 10px 20px 5px;
		border-bottom: none;
	}

	.titulosupercategoria { text-transform: uppercase; }
	#menuizquierda { background-color: #fff; color:#000; }
		#opcionesmenuizquierda>li {
			padding-left: 5px;
			padding-right: 5px;
		}
			#opcionesmenuizquierda>li>ul>li {
				padding-left: 5px;
				padding-right: 5px;
			}
				#opcionesmenuizquierda>li>ul>li>ul>li {
					padding-left: 5px;
					padding-right: 5px;
				}
	.contenidocategoria { background-color: #fff; color:#000; }
	.contenidocategoria-contenido {
		padding-left:14px;
		padding-right:8px;
	}

	#HAgenda {}
		#Hagenda>.row { }

	#HSocial {}
		#HSocial>.row { }

	#lotr { background-color:#959595; }
		#lotr .itemHAL-titulo>div { padding-left:15px; }


	/************* NOVEDADES CAROUSEL XS **************************************/
	#novedades-carousel {
		height: 390px;
	}
		#novedades-carousel .carousel-indicators {
		}
			#novedades-carousel .carousel-indicators li {
			}
				#novedades-carousel .carousel-indicators li.active {
				}
				.itemHNO {
				}
					.itemHNO>a {
					}
		div#video-player {
			text-align: center;
			background-color: #000;
			height: 390px;
			width: 425px;
    		overflow-x: hidden;
		}
			div#video-player img {
				width: auto;
				height: 100%;
				margin:0px auto;
			}
}

/* ------------------------------------------------------------------------------------------------------------- */
/* EXCEPTO MÓVILES Y TABLETS VERTICALES...  ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {
	#nivel-fondoprincipal {
		background-color: #000;
	}
	#nivel-fondosemiopaco {
		background: url(transparent-gray.png);
	}

	.margensuperiorcontenido { padding-top:40px!important; }
	.contenidocategoria-contenido {
		padding-left:0px;
		padding-right:30px;
	}
	#menuizquierda { background-color: transparent; color:#000; padding-left:0px;  }

	#HAgenda {}
		#Hagenda>.row { margin-right: 0px; }

	#HSocial {}
		#HSocial>.row { margin-left: 0px; }
}

/* ------------------------------------------------------------------------------------------------------------- */
/* Tablets en horizonal y escritorios normales (MD) ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1200px) and (min-width: 992px) {
/* (min-width: 1024px) */

	.listadoitems-LISTAENL, .contenidocategoria-contenido, .contenidousuario-contenido { min-height: 270px;}
	.contenidocategoria, .contenidousuario { background-color: transparent; color:#000; }
}

/* ------------------------------------------------------------------------------------------------------------- */
/* Escritorios muy anchos  (LG) ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
@media (min-width: 1201px) {
	.listadoitems-LISTAENL, .contenidocategoria-contenido, .contenidousuario-contenido { min-height: 570px;}
}


/*********************************************************************************************************************/
/*********************************************************************************************************************/
/******  no-more-tables				**********************************************************************************/
/*********************************************************************************************************************/
/*********************************************************************************************************************/
@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

 	#no-more-tables table, #no-more-tables tbody { margin: 0px; padding: 0px; }

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { /*border: 1px solid #ccc;*/ }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee;*/
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 4px;	/* 6px */
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

/*********************************************************************************************************************/
/*********************************************************************************************************************/
/******  Styling the Popup Window	**********************************************************************************/
/*********************************************************************************************************************/
/*********************************************************************************************************************/
.popup-trigger {
	display: block; margin: 0 auto; padding: 20px; max-width: 260px;
	background: #4EBD79; color: #fff;
 	font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 24px;
 	cursor: pointer;
}
.popup {
	display: none; position: absolute; top: 100px; left: 50%; width: 700px; margin-left: -350px; padding: 50px 30px;
	background: #fff; color: #333;
	/*font-size: 19px; line-height: 30px; border: 10px solid #150E2D;*/
	border: 2px solid #333;
	z-index: 9999;
}
.popup-mobile {
	position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;
}
.contenidopopup .row {
    margin-bottom: 10px;
}

.popup-btn-close {
	position: absolute; top: 8px; right: 14px;
	color: #333; font-size: 14px; font-weight: bold; text-transform: uppercase;
	cursor: pointer;
}


/*********************************************************************************************************************/
/*********************************************************************************************************************/
/******  Usuarios	**************************************************************************************************/
/*********************************************************************************************************************/
/*********************************************************************************************************************/

	#xusuopciones li { cursor:pointer; font-weight:bold; color:#13c9ac; background-color:#fff; margin:2px; width:200px; padding:4px; }
	#xusuopciones li.seleccionado { background-color:#000; color:#fff; }
/*
	#usuopciones {
		position:relative;
		top:-50px;
		left:-50px;
		border-bottom:1px solid #bbb;
	}

	#usuopciones li {
		cursor: pointer;
		color: #000;
		margin: 2px;
		width: 200px;
		padding: 4px;
		font-size: 11pt;
	}

	#usuopciones li.seleccionado {
	font-size: 12pt;
	font-weight: bold;
	}

	#usuopciones li.hover {
	font-weight: bold;
	}

	form label { font-weight:bold; }
	form a { font-weight:bold; color:#13c9ac; }

*/

	#usuopciones {

	}
		#usuopciones li {
			cursor: pointer;
			color: #000;
			padding:4px 4px 4px 20px;
		}
		#usuopciones li:first-child { padding-top:40px; }
		#usuopciones li.seleccionado { background-color:#fff; font-weight: bold; }
		#usuopciones li:hover {  background-color:#fff; color:#959595; }


/********************************/
.usuarios h1 { display:none; }
.usuarios form,.inscripcion form { margin-top:20px; margin-bottom:40px; }
.usuarios label,.inscripcion label { display:block; padding-top:10px;}
.usuarios input,.inscripcion input,
.usuarios select,.inscripcion select,
.usuarios textarea,.inscripcion textarea {
	background-color: #f1f1f1; border:0px; padding:4px; width:100%;
}

.usuarios input[type=radio],.inscripcion input[type=radio],
.usuarios input[type=checkbox],.inscripcion input[type=checkbox] {
	width:auto; }

.usuarios button,.inscripcion button { background-color:#aaa; color:#000; padding:5px 15px; }

.modal-container {
	padding: 30px;
	width: 100% !important;
	background-color: #f0f0f0;
	margin: 0 auto;
	border-radius: 2px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
@media (min-width: 992px) {
	.modal-container { max-width: 550px; }
}

#modalidaddepago ul {
    list-style-type: circle;
    margin-left: 20px;
}
	#modalidaddepago .modalidaddepago-descripcion { margin-top:20px;}
	#modalidaddepago .modalidaddepago-opciones { margin-left:10px; }


.modal-open-sinpadding { padding-right:0px!important; }

/****** LOGIN MODAL *****

.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
}

.loginmodal-submit {
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
}

.loginmodal-submit:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
}

.login-help{
  font-size: 12px;
}
*/

.descargafichero th { line-height:10pt; text-align:center; height:40px; vertical-align:top; }
.descargafichero td { line-height:10pt; text-align:center; height:40px; vertical-align:middle; }

/**************************/
/*** Preguntas sondeo *****/
/**************************/
	#prscat { margin:0px 0px 20px 4px; }
	#prscat li { cursor:pointer; text-decoration:underline; }
	#prscat li.sel { font-weight:bold; }
	#prsdiv { width:920px; overflow:auto; height: 400px; margin:0px 0px 20px 4px; }
	/*#prs {  width:1800px; margin-bottom:40px; border-spacing:1px; background-color:#000; display:none; }
	#prs td, #prs th { padding:1px; text-align:center; background-color:#e8e8e8; font-size:9px; }
	#prs td.p , #prs th.p { swhite-space:nowrap; width:450px; text-align:left; }
	#prs td.v , #prs th.v { width:50px; text-align:center; }
	*/
	#prs { background-color:#000; }
	#prs th { font-size:9px; font-weight:bold; background-color:#999; color:#fff; }
	#prs td { font-size:9px; background-color:#e8e8e8; color: #000; }
	#prs td.v , #prs th.v { width:50px; text-align:center; }
	#prs a.PRStexto { color: #000; }
	#prs td:first-child { width:100px!important; }
/*************************/

.modal-content { color:#000; }
.modal-header h4 { font-family: "Exo"; font-size: 17px; font-weight:bold; }

#tiposevento .row {
    margin-bottom: 10px;
}

.itemAGE {  }
	.itemAGE .cabecera { font-weight: bold; }
@media (max-width: 767px) {
	.itemAGE { padding-top:10px; border-top:1px solid #ccc; }
}

.contenidocategoria-contenido ul {
	margin:12px;
	padding: 12px;
	list-style: initial;
}

.contenidocategoria-contenido li {
	margin: initial;
	margin-bottom: 5px;

}

em {
	font-style: italic;
}