/*--------------------------------------*/
/*
 * Café Claro	CAFE	#f1c678
 * Café Oscuro	MARRON	#a63f21
 * Azul Oscuro		#2c2c82
 * Blanco		#ffffff
 */
/*--------------------------------------*/
#LOGOTIPO,
.MENU_PQ {
	display:				none;
}
/*--------------------------------------------------------*/
/* REGLAS PARA LOS MENÚS DROPDOWN                         */
/*--------------------------------------------------------*/
nav .BOTONERA {
	display:				block;
	text-align:				center;
}
nav .ACTIVADOR {
	cursor:					pointer;
}
nav .SECCION {
	position:				relative;
	display:				inline-block;
}
nav .SUBMENU {
	display:				none;
	position:				absolute;
	text-align:				left;
	z-index:				1;
}
nav .SUBMENU a {
	display:				block;
}
nav .SECCION:hover .SUBMENU {
	display:				block;
}
/*--------------------------------------------------------*/
/* DECORACIÓN PARA LOS MENÚS DROPDOWN                     */
/*--------------------------------------------------------*/
nav .BOTONERA {
	background:				#f1c678;
	background-image:			url('../../img/DegradeCafe.png');
	background-size:			100% 100%;
	text-align:				center;
}
nav .ACTIVADOR {
	background:				none;
	color:					white;
	border:					none;
	padding:				5px 10px;
	cursor:					pointer;
	font-family:				fuente_delgada;
	font-size:				1.1em;
	text-shadow:				 1px  1px 3px #555
	,					-1px -1px 3px #555
	,					 1px -1px 3px #555
	,					-1px  1px 3px #555;
}
nav .ACTIVO {
	background:				rgba(255,255,255,.3);
}
nav .SUBMENU {
	padding:				0px;
}
nav .SUBMENU button {
	width:					200px;
	background:				#f1c678;
	border:					none;
	padding:				5px 20px;
	text-align:				left;
	cursor:					pointer;
}
nav .SUBMENU a:last-child button {
	border-radius:				0px 0px 15px 15px;
	padding-bottom:				10px;
}
nav button img {
	display:				inline;
	vertical-align:				middle;
	height:					10px;
}
/*--------------------------------------------------------*/
/* DECORACIÓN DEL CONTENIDO PRINCIPAL                     */
/*--------------------------------------------------------*/
#MODULO {
	margin:					auto;
	margin-bottom:				40px;
	text-align:				center;
}
#MODULO * {
	max-width:				800px;
	margin:					auto;
}
#MODULO .TODOELANCHO {
	max-width:				100% !important;
}
#MODULO .TODOELANCHO * {
}
#MODULO .TODOELANCHO a img {
	max-height:				unset;
	height:					auto;
}
#MODULO h1 {
	margin:					50px auto;
}
#MODULO p {
	background:				white;
	margin:					auto;
	padding:				10px;
	text-align:				justify;
}
#MODULO .GRAN_BOTON_CAFE {
	display:				inline-block;
	font-size:				1.4em;
	vertical-align:				middle;
	text-align:				center;
	margin:					10px;
	max-width:				150px;
	background:				#a63f21;
	color:					white;
	border-radius:				10px;
	padding:				15px;
	box-shadow:				2px 2px 5px black;
	text-shadow:				1px 1px 3px #000
						, -1px -1px 3px #000
						, 1px -1px 3px #000
						, -1px 1px 3px #000;
}
#REDESSOCIALES_TOP {
	background:				#f1c678;
	background-image:			url('../../img/DegradeCafe.png');
	background-size:			100% 100%;
	width:					100%;
	margin:					40px auto;
	padding:				0px 0px;
	text-align:				center;
}
#REDESSOCIALES_TOP table {
}
#REDESSOCIALES_TOP h3 {
	margin:					30px auto 10px auto;
}
#REDESSOCIALES_TOP td a {
	display:				block;
	margin:					20px 6px 40px 6px;
	background:				rgba(255,255,255,.6);
	padding:				15px;
	border:					1px solid #000;
	border-radius:				50%;
	box-shadow:				4px 4px 5px #222222;
}
#REDESSOCIALES_TOP td a img {
	display:				block;
}
#MODULO .TODOELANCHO {
	width:					100%;
	left:					0px;
	right:					0px;
}
#CONT_BTNREDES {
	max-width:				800px;
	margin:					50px auto;
	text-align:				center;
}
#CONT_BTNREDES div ,
#CONT_BTNREDES iframe {
	vertical-align:				middle;
}
/*============================================================*/
/* COLORES CORPORATIVOS SKINA
 * Café Claro	CAFE	#f1c678
 * Café Oscuro	MARRON	#a63f21
 * Azul Oscuro		#2c2c82
 * Blanco		#ffffff
 * */
#MODULO .BPRINCIPAL {
	display:		inline-block;
	margin:			30px 0px 0px 50px;
	border-radius:		50%;
	padding:		5px;
	font-size:		1.5em;
	vertical-align:		middle;
	text-align:		center;
	box-shadow:		4px 4px 5px #222222;
}
#MODULO .BPRINCIPAL h1 {
	border:			none;
	margin:			0px;
	padding:		0px;
	font-size:		1em;
	font-weight:		normal;
}
#MODULO .BPRINCIPAL h2 {
	border:			none;
	margin:			0px;
	padding:		0px;
	font-size:		1em;
	font-weight:		normal;
}
#MODULO .BPRINCIPAL div.DENTROBOTON {
	display:		table-cell;
	position:		relative;
	top:			0px;
	left:			0px;
	width:			240px;
	height:			140px;
	vertical-align:		middle;
	overflow:		hidden;
}
#MODULO .BPRINCIPAL p {
        background:		none;
	vertical-align:		middle;
	text-align:		center;
	margin:			0px;
	padding:		0px;
}
#MODULO .BPRINCIPAL img {
	height:			50px;
}
#MODULO .BSECUNDARIO {
	display:		inline-block;
	margin:			30px 0px 0px 50px;
	border-radius:		50%;
	padding:		5px;
	font-size:		1.1em;
	vertical-align:		middle;
	text-align:		center;
	box-shadow:		4px 4px 5px #222222;
}
#MODULO .BSECUNDARIO h2 {
	border:			none;
	margin:			0px;
	padding:		0px;
	font-size:		1em;
	font-weight:		normal;
}
#MODULO .BSECUNDARIO div.DENTROBOTON {
	display:		table-cell;
	position:		relative;
	top:			0px;
	left:			0px;
	width:			140px;
	height:			140px;
	vertical-align:		middle;
	overflow:		hidden;
}
#MODULO .BSECUNDARIO p {
        background:		none;
	vertical-align:		middle;
	text-align:		center;
	margin:			0px;
	padding:		0px;
}
#MODULO .BPR_MARRON {
	background:		#a63f21;
	color:			white;
	text-shadow:		1px 1px 3px #222222;
}
#MODULO a div.BPR_MARRON h1, 
#MODULO a div.BPR_MARRON h2,
#MODULO a div.BPR_MARRON p {
	color:			white;
}
#MODULO .BPR_CAFE {
	background:		#f1c678;
	color:			black;
	text-shadow:		1px 1px 3px #ffffff;
}
#MODULO a div.BPR_CAFE h2,
#MODULO a div.BPR_CAFE h1,
#MODULO a div.BPR_CAFE p {
	color:			black;
}
#MODULO .BPR_AZUL {
	background:		#2c2c82;
	color:			white;
	text-shadow:		1px 1px 3px #222222;
}
#MODULO .BPR_MARRON h1 a ,
#MODULO .BPR_MARRON h2 a ,
#MODULO .BPR_MARRON h3 a ,
#MODULO .BPR_MARRON p  a ,
#MODULO .BPR_AZUL h1 a ,
#MODULO .BPR_AZUL h2 a ,
#MODULO .BPR_AZUL h3 a ,
#MODULO .BPR_AZUL p  a {
	color:			white;
	text-shadow:		 1px  1px 1px #000,
				-1px -1px 1px #000,
				 1px -1px 1px #000,
				-1px  1px 1px #000;
}
#MODULO a div.BPR_AZUL h1, 
#MODULO a div.BPR_AZUL h2,
#MODULO a div.BPR_AZUL p {
	color:			white;
}
#MODULO .BPRINCIPAL ,
#MODULO .BPR_CAFE ,
#MODULO .BPR_AZUL ,
#MODULO .BPR_MARRON {
	margin:				20px 50px;
}
#MODULO .DERECHO {
	margin-left:		0px;
	border-radius:		0px 50% 50% 0px;
	text-align:		left;
}
#MODULO .IZQUIERDO p {
	text-align:		left;
}
#MODULO .IZQUIERDO {
	margin-right:		-5px;
	border-radius:		50% 0px 0px 50%;
	text-align:		right;
}
#MODULO .IZQUIERDO p {
	text-align:		right;
}
#MODULO .CONT_BPRI {
	display:		inline-block;
	vertical-align:		middle;
}
#MODULO .RR_HH {
	padding:		40px;
	padding-top:		0px;
}
#MODULO .RR_HH p {
	background:		#2c2c82;
	color:			white;
	padding:		50px;
	text-align:		center;
	border-radius:		15px;
	font-size:		1.1em;
	box-shadow:		2px 2px 5px #000;
}
#MODULO .CONT_PREZI {
	padding:		10px;
	background:		#f1c678;
	text-align:		center;
	font-size:		1.1em;
	box-shadow:		2px 2px 5px #000;
}
#MODULO .CONT_PREZI p {
	background:		none;
}
#MODULO .ENLACES_EXTERNOS {
	padding-top:		30px;
	padding-bottom:		30px;
}
#MODULO .ENLACES_EXTERNOS p{
	display:		inline-block;
	width:			200px;
	text-align:		center;
	vertical-align:		middle;
}
#MODULO .ENLACES_EXTERNOS a {
	display:		block;
	background:		#a63f21;
	color:			white;
	padding:		4px;
	border-radius:		8px;
	box-shadow:		2px 2px 5px #000;
}
/*============================================================*/
/*
 * Café Claro	CAFE	#f1c678
 * Café Oscuro	MARRON	#a63f21
 * Azul Oscuro		#2c2c82
 * Blanco		#ffffff
 */
footer {
	background:		#f1c678;
	color:			black;
	margin-top:		130px;
	padding:		5px;
	font-weight:		bold;
	font-size:		.7em;
	text-align:		center;
	box-shadow:		0px 0px 5px #000;
}
footer p {
	margin:			20px 10px;
	vertical-align:		middle;
}
footer a {
	display:		inline-block;
	width:			150px;
	background:		#2c2c82;
	color:			white;
	border-radius:		3px;
	padding:		4px;
	text-align:		center;
	vertical-align:		middle;
}
footer .LEGALES ,
footer .UBICACION {
	display:		inline-block;
	width:			250px;
	text-align:		center;
	vertical-align:		middle;
}
footer .UBICACION p {
	margin:			0px;
	padding:		4px 10px;
	text-align:		center;
}
/*============================================================*/
#BIBLIOGRAFIA * {
	font-family:		'Trebuchet MS';
	text-align:		center;
}
#BIBLIOGRAFIA ,
#BIBLIOGRAFIA div.SECCION {
	max-width:		none !important;
}
#BIBLIOGRAFIA .CONT_BOTONERA {
	text-align:		center;
	background:		white;
	border:			5px solid #ff9900;
	border-radius:		10px;
	padding:		5px;
	margin:			5px auto;
}
#BIBLIOGRAFIA .CONT_BOTONERA button {
	background:		navy;
	color:			yellow;
	margin:			2px 30px 2px auto;
	border:			0px;
	border-radius:		10px;
	padding:		5px;
}
#BIBLIOGRAFIA .CONT_BOTONERA button.ACTIVO {
	background:		black;
	color:			white;
	font-weight:		bold;
	font-size:		1.1em;
}
#BIBLIOGRAFIA .SECCION {
	display:		inline-block;
}
#BIBLIOGRAFIA .SECCION h2 {
	display:		block;
}
#BIBLIOGRAFIA .ENLACE_EXTERNO {
	display:		inline-block;
	width:			350px;
	border:			5px solid #555;
	border-radius:		17px;
	padding:		0px;
	margin:			15px;
	vertical-align:		top;
}
#BIBLIOGRAFIA .AVANZADO .ENLACE_EXTERNO {
	border:			5px solid #999;
}
#BIBLIOGRAFIA .UEREELE {
	background:		#555;
	border-radius:		10px 10px 0px 0px;
	padding:		8px;
	margin-bottom:		10px;
	cursor:			pointer;
	text-align:		center;
}
#BIBLIOGRAFIA .AVANZADO .UEREELE {
	background:		#999;
}
#BIBLIOGRAFIA .UEREELE a {
	color:			white;
	font-weight:		bold;
	text-decoration:	none;
	text-align:		center;
}
#BIBLIOGRAFIA .DESCRIPTOR {
	padding:		8px;
	padding-top:		0px;
	text-align:		justify;
    overflow:       hidden;
}
#BIBLIOGRAFIA #BTN_CERRAR_INDICE {
	background:		#ff9900;
	color:			navy;
	display:		block;
	margin:			auto;
}
/*------------------------------------------------------------*/
.CONT_VIDEO {
    display:            inline-block;
    width:              350px;
    height:             300px;
    margin:             15px !important;
    vertical-align:     top;
    border:             3px solid #ff9900;
    border-radius:      8px;
    padding:            8px;
    overflow:           auto;
    box-shadow:         5px 5px 10px #555555;
}
.CONT_VIDEO h1 {
    font-size:          1.4em;
}
.CONT_VIDEO p {
    text-align:         center;
    font-size:          .9em;
}
.CONT_VIDEO div {
    vertical-align:     top;
}
.CONT_VIDEO button {
    font-size:          1em;
    font-weight:        bold;
    padding:            10px auto;
    width:              150px;
    height:             50px;
    vertical-align:     middle;
}
/*============================================================*/
@media screen and (max-width: 768px) {
	#BIBLIOGRAFIA .CONT_BOTONERA {
		top:				150px;
	}
	#MODULO .CONT_PREZI {
	}
	#MODULO .RR_HH {
		padding:			3px;
		border-radius:			6px;
	}
	#MODULO .RR_HH p {
		padding:			10px;
	}
	#MODULO .CONT_PREZI {
		margin:				50px 0px;
		overflow:			auto;
	}
	#MODULO .CONT_PREZI p {
		padding:			0px;
	}
	#MODULO .CONT_PREZI iframe {
		height:				250px !important;
		width:				250px !important;
	}
	#REDESSOCIALES_TOP td a {
		padding:			5px !important;
	}
	#REDESSOCIALES_TOP td a img {
		height:				15px !important;
		width:				15px !important;
	}
}
@media screen and (max-width: 400px) {
	#BIBLIOGRAFIA .CONT_BOTONERA {
		position:			relative;
		width:				300px;
		margin:				auto;
		border-radius:			15px;
	}
	#BIBLIOGRAFIA .ENLACE_EXTERNO {
		width:				290px;
	}
}