@charset "utf-8";

/* CARGA DE FUENTES */
/*
@font-face{
	font-family:font_regular;
	src:url(../fonts/OpenSans/OpenSans-Regular.ttf);
}

@font-face{
	font-family:font_bold;
	font-weight: 600;
	src:url(../fonts/OpenSans/OpenSans-Bold.ttf);
}
*/

* {
	padding:0;
	margin:0;
	box-sizing:border-box; /* Truco para que el padding no incremente el ancho */
	/*font-family: font_regular;*/font-family: "Open Sans", Arial, sans-serif;
}

.fondooscuro {
	display: none;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	height: 100%;
    padding: 0.625em;
    overflow-x: hidden;
}

body{
	margin:auto;
}
	
img{
	border:0;	
}

img.imagen-ancha {
	float: left;
	width: 100%;
}

img.aniversario50 {
	float: left;
	width: 80%;
	margin: 0 10% 20px 10%;
}

p {
	font-size: 0.9em;
	float: left;
	width: 100%;
	text-align: left;
}

b, strong {
	font-weight: bold !important;
}


div.parrafo > ul.lista {
	font-size: 0.9em;
	float: left;
	clear: both;
}

div.parrafo > ul.lista_espaciada {
	font-size: 0.9em;
	float: left;
	clear: both;
}
ul.lista_espaciada li {
	margin:10px 0;
	width:100%;
	float:left;
	text-align: left;
}

p.destacado {
	font-size: 1.1em;
	margin-top: 20px;
}

.derecha {
	text-align: right;
}

hr {
	float: left;
	clear: both;
	width: 100%;
}

.mitad {
	float: left;
	width: 50%;
	padding: 10px;
}

section {
	margin-top: 20px;
}

.tabla {
	width: 100%;
	margin:20px 0;
}

.tabla td{
	margin: 0;
	border-bottom: 1px dotted #ccc;
	padding: 10px;
}
.tabla td.center { text-align:center; }

.tabla th  {
	text-align: left;
	padding: 10px;
}

#btn-back-to-top {
	position: fixed;
	bottom: 20px;
	left: 20px;
	display: none;
  }
  
input.grande {
	float:left;
	font-size:1.2em;
	padding:5px;
	width:200px;
	margin:0 10px 10px 0;
}

.formGris {
	float: left;
	clear: both;
	width: 100%;
	background-color: #f8f8f8;
	padding: 20px;
}

.formGris label {
	font-size: 0.9em;
}

.formGris input[type=checkbox]{
	display: none; /*solo se esconde para tener un campo personalisado*/
  }
  
.formGris input[type=checkbox] + label.lcheck{
	cursor:pointer;
  }/*esta linea significa esto + el siguiente elemento*/
  
  .formGris label.lcheck:before{
	content:'';
	background:transparent;
	border: 1px solid black;
	border-radius: 2px;
	display: inline-block;
	height: 20px;
	width: 20px;
	text-align:center;
	text-shadow:4px -2px 3px gray;
	vertical-align:middle;
	width;95px;
  }
  .formGris  input[type=checkbox]:checked + label.lcheck:before{
	
	--padding: 2px;
    box-shadow: inset 0 0 0 var(--padding) white;
    padding: var(--padding);
	background-color: #cf2034;
  }

.centrado {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}  

.destacados {
	float: left;
	clear: both;
	width: 100%;
}  

.destacados img {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
}

.parrafoPeque {
	font-size: 0.7em;
	text-align: justify;
}

.tabulado {
	float: left;
	clear: both;
	width: 100%;
	padding-left: 10px;
	font-size: 0.9em;
}
b.tabulado {
	margin-top: 15px;
}

.botonRojo {
	background-color: #cf2034;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 200px;
	border: 0;
	margin: 10px auto;	
	text-align: center;
}

.botonRojo:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

.botonBlanco {
	background-color: white;
	color: #cf2034;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 200px;
	border: 1px solid #cf2034;
	margin: 10px auto;	
}

.botonBlanco:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

.botonAmarillo {
	background-color: #fff001;
	color: black;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 200px;
	border: 0;
	margin: 10px auto;	
}

.botonAmarillo:hover {
	cursor: pointer;
	background-color: #d8cd19;
	color: black;
}

.botonConImagen {
	float: left;
	clear: both;
	width: 100%;
	padding: 15px ;
	/*font-family: font_bold;*/font-weight: bold;
	display:table;
	min-height: 75px;
}

.botonConImagen img {
	float: left;
	margin-right: 10px;
	height: 100%;
	display:table-cell;
	vertical-align:middle;
}

.botonConImagen span {
	width: 75%;
	display:table-cell;
	vertical-align:middle;
}

ul.listado, ol.listado {
	float:left;
	margin-left:20px;
	padding-right:20px;	
	width:100%;
}
ul.listado li, ol.listado li {
	margin:10px 0;
	width:100%;
	float:left;
	text-align: left;
}

.amarillo { background-color:#FF0; }
.rojo { color:#e32b22; }
.verde { color:#090; }

span.informacion {
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0;
	margin: 20px 0;
	text-align: center;
}

span.error {
	float: left;
	clear: both;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	text-align: center;
	color: #e32b22;
	font-size: 0.9em !important;
}

span.popup_error {
	float: left;
	clear: both;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	text-align: center;
	color: #e32b22;
	font-size: 1.2em;
}

span.popup_info {
	float: left;
	clear: both;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	text-align: center;
	font-size: 1.2em;
}

span.popup_mensaje {
	float: left;
	clear: both;
	width: 100%;
	padding: 2px 0;
	margin: 0;
	text-align: center;
	color: #090;
	font-size: 1.2em;
}

.enlace{
	color:#d51e18 !important;
	text-decoration:none;
}

.enlace:hover{
	color:#e83;
	text-decoration:underline;
	cursor:pointer;
}

.enlace_rojo{
	color:#d51e18 !important;
	text-decoration:none;
	float: left;
	padding: 5px 15px;
	border: 1px solid #d51e18;
	border-radius: 25px;
	font-weight: bold;
	font-size: 0.8em;
	margin-right: 10px;
	margin-bottom: 10px;
}

.enlace_rojo:hover{
	color:white !important;
	background-color: #d51e18;
	cursor:pointer;
}

.enlace_basico_rojo{
	color:#d51e18 !important;
	text-decoration:none;
	float: left;
	font-weight: bold;
	font-size: 0.8em;
	margin-right: 5px;
}

.enlace_basico_rojo:hover{
	text-decoration: underline;
	cursor:pointer;
}

.enlace_titulo_rojo{
	color:#d51e18 !important;
	text-decoration:none;
	float: left;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1em;
	margin:10px 0;
}

.enlace_titulo_rojo:hover{
	text-decoration: underline;
	cursor:pointer;
}

.only-mobile { display: none; }
@media screen and (max-width:1000px) { 
	.no-mobile {
		display:none !important;
	}
	.only-mobile {
		display: inline;
	}
}

.cuadroRojo {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	padding: 20px;
	font-size: 0.8em;
	background-color: #fef2f4;
}

h1.cabecera {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.3em;
	border-bottom: 1px solid #cf2034;
}

h2.cabecera {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.1em;
}

.base_contenido {
	margin:auto;
	max-width:1200px;
	padding: 0 5px;
	/*border:1px solid;*/ /*para ver los limites del mal*/
}

.base_contenido_gestion {
	margin:auto;
	max-width:800px;
	padding: 0 5px;
}

.base_contenido_gestion_ancho {
	margin:auto;
	max-width:1000px;
	padding: 0 5px;
}

.base_contenido_relative{
	margin:auto;
	max-width:1200px;
	padding: 0 5px;
	position: relative;
}

.colFiltros {
	float: left;
	width: 200px;
	padding: 0 5px 5px 0;
}

.colFiltros span.intro {
	float: left;
	clear: both;
	margin: 10px 0;
	font-size: 0.8em;
}

.colFiltros .cuadroInfo h1 { font-size: 1em; }
.colFiltros .cuadroInfo span { text-align: left; }

.colFiltros a.boton {
	background-color: white;
	color: #cf2034;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #cf2034;
	margin: 20px 0 0 0;
	width: 100%;
	float: left;
	text-align: center;
}
.colFiltros a.boton:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

.colInforme {
	float: left;
	width: 33%;
	padding: 10px;
}

table.tablaInforme {
	width: 100%;
	border: 1px solid;
	border-collapse: collapse;
}

table.tablaInforme th {
	padding: 10px;
	background-color: #d3bdd0;
}

table.tablaInforme td {
	padding: 10px;
}

table.tablaInforme tbody tr:nth-child(even){
	background-color: #eee;
  }

h1.tituloColumna {
	float: left;
    clear: both;
    width: 100%;
    background-color: #6e2364;
    color: white;
    padding: 10px;
    font-size: 1em;
    font-weight: bold;
}

.youtube-link {
	float: left;
    width: 33%;
    border-radius: 10px;
    overflow: hidden;
}

.youtube-link:hover {
	cursor: pointer;
}

.youtube-link img {
	float: left;
    width: 100%;
}

.colIzquierda {
	float: left;
	width: calc(100% - 275px);
	padding: 5px 30px 5px 5px;
}

.completa .colIzquierda { 
	width: 100% !important; 
	padding: 0 !important; 
}

.agenda .colIzquierda,
.indice .colIzquierda {
	width: calc(100% - 275px - 200px);
	padding: 0 30px;
}

.zonausuario .colIzquierda {
	width: calc(100% - 200px);
	padding: 0 30px;
}

.zonagestion .colIzquierda {
	width: 100% !important; 
	padding: 0 !important; 
}


.noticias .colIzquierda {
	padding: 0 30px;
}

.articulo .colIzquierda {
	width: 200px;
}

.colDerecha {
	float: right;
	width: 275px;
	padding: 0 0 5px 5px;
}

.articulo .colDerecha {
	width: calc(100% - 200px);
}

@media screen and (max-width:1000px) { 
	.colIzquierda { width: 100%; }
}

/* INICIO: ENVIO CONTACTA **************************************************************************************/

.contacta input[type='text'],
.contacta input[type='email'],
.contacta select,
.contacta textarea
{
	width:97% !important;
    float: left;
	margin: 10px;
}

/* INICIO: ENVIO MANUSCRITO **************************************************************************************/

.manuscrito{
	text-align:left;
}

.manuscrito ul {
	font-size: 0.9em;
}

.manuscrito input.mini{
	width: calc(25% - 20px) !important;
    float: left;
}

.manuscrito input.peque{
	width: calc(33.3% - 20px) !important;
    float: left;
}

.manuscrito input.medio{
	width: calc(66.6% - 20px) !important;
    float: left;
}

.manuscrito input.mitad{
	width: calc(50% - 20px) !important;
    float: left;
}

.manuscrito input.largo{
	width: calc(100% - 20px) !important;
    float: left;
}

.manuscrito span.maximos_num {
    width: 22%;
    float: left;
    text-align: left;
    font-size: 0.8em;
    padding-left: 5px;
    margin: -2px 10px 20px 10px;
    color: #5D5D5D;
    display: none;
}

.info_error{
    color:#b30; 
    border: 3px solid #b30 !important;
}
.info_ok{
    color:#3ABD35; 
    border: 3px solid #3ABD35 !important;
}
.manuscrito_error {
    float: left;
    width: 100%;
    color: red;
    margin: auto;
    text-align: center;
	margin-bottom: 20px;
}

.manuscrito span.etiqueta {
	float: left;
	clear: left;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.9em;
	width: 150px;
	text-align: right;
	padding: 15px;
}

.manuscrito .filaNuevoMunicipio {
	float: left;
	width: 100%;
	margin-left: 100px;
	height: unset !important;
}

/* FIN: ENVIO MANUSCRITO *****************************************************************************************/


/* CABECERA DE LA PAGINA */
header{
	text-align:center;
	width:100%;
	background-color: white;
	border-bottom: 1px solid #999;
}

header img{
	height: 76px;
}

header .menu a.mayuscula {
	text-transform:uppercase;
}

header .nav-item {
	position: relative;
}

header .nav-item strong {
	font-weight: bold;
    border-bottom: 1px solid #cf2034;
    margin-bottom: 5px;
    color: #cf2034;
}

header .navbar {
	background-color: #fff !important;
	z-index: 1000;
}

header .menu a.nav-link {
	color:#CF2034 !important;
	font-size:0.8em;
	font-weight: bold;
	text-decoration:none;
	padding: 15px 10px;
	margin: 0 5px;
	text-align: center;
	height: 100%;
	vertical-align:bottom;
	
}

header .menu a.nav-link:hover, header .menu a.nav-link.active{
	background-color: #CF2034;
	color: white !important;
	cursor: pointer;
}

header .menu a.nav-link i {
	font-size: 1.5em;
}


header .menu a.grisaceo {
	background-color: #666666 !important;
	color: white !important;
}

header .menu a.grisaceo:hover {
	background-color: #000 !important;
}

header .menu .megamenu {
    width: 100%;
	background-clip: unset;
	border-radius: unset;
}

header .menu .megamenu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 1px;
}

header .menu .menu-usuario[data-bs-popper] {
	top: 100%;
    right: 14px;
    left: unset;
    margin-top: -28px;
}

header .menu .menu-usuario  {
	position: relative;
}

header .menu .menu-usuario img.logo {
	position: absolute;
    height: 50px;
	max-width: 50px;
    left: 10px;
} 

header .menu .menu-usuario span.nombre {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 1em;
	/*font-family: font_bold;*/font-weight: bold;
	padding: 2px 10px 2px 60px;
}

header .menu .menu-usuario span.email {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	padding: 2px 10px 2px 60px;
}

header .menu .menu-usuario a.dropdown-item {
	font-size: 0.9em;
	height: 40px;
	display: flex;
   	align-items: center;
}

header .menu .menu-usuario a.dropdown-item:hover {
	background-color: #e32b22;
	color: white;
}

header .menu .menu-usuario a.dropdown-item i {
	margin-right: 10px;
    font-size: 1.5em;
}

header .menu .menu-usuario a.dropdown-item span.icono {
	width: 40px;
	text-align: center;
}


header .menu h5 {
	font-size: 0.9em;
	text-align: center;
	/*font-family: font_bold;*/font-weight: bold;
}

header .menu .card {
	border: 0;
	text-align: center;
}

header .menu .img-fluid {
    max-height: 300px;
}

header .menu .list-group {
	margin-top: 25px;
}

header .menu .list-group-item {
	border: 0;
	font-size: 0.9em;
	/*font-family: font_bold;*/font-weight: bold;
}

header .menu .list-group-item:hover {
	color: #e32b22;
}

header .menu .list-group-item .fa-solid {
	color: #e32b22;
}

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

	header .menu a.nav-link {
		border-bottom: 1px solid #ccc;
		border-radius: 0;
	}
	header .menu a.nav-link:hover, header .menu a.nav-link.active {
		background-color: #fff;
		color:#CF2034 !important;
	 }
	 header .menu a.grisaceo {
		background-color: white !important;
		color: #4B4B4B !important;
	 }
	 header .menu a.grisaceo:hover {
		 background-color: white !important;
		 color: #4B4B4B !important;
	 }

	 header img{  width: 100%; height: auto;}
	 .navbar-brand { width: 80% !important; } 

	 header .menu .img-fluid {
		max-width: 50%;
	}
	header .menu .list-group {
		margin-top: 0;
	}

	header .menu .menu-usuario[data-bs-popper] {
		margin-top: 0px;
	}

	header .col-sm-4 { width: 100%; }
	header .menu .img-fluid { max-height: unset;}

	main { padding: 0 10px; }

	main .articulo .compartir { float: left; clear: both; width: 100%;}

	.articulo .colDerecha,
	.agenda .colIzquierda,
	.indice .colIzquierda,
	.zonausuario .colIzquierda,
	.colFiltros,
	.zonausuario input.inputMedio { width: 100% !important; }

	.comite-persona { width: 48% !important;}
}

/* FIN: CABECERA */



/* FOOTER */
footer{
	margin:auto;
	width:100%;
	float: left;
	clear: both;
}

footer .logos {
	float:left;
	margin-top: 10px;
}

footer .logo {
	float:left;
}

footer .logo span {
	float:left;
	clear:both; 
	margin-bottom:8px; 
	font-size:.8em;
	width: 100%;
}

footer .logo img {
	float:left;  
	max-width:140px; 
	width:90%; 
	height: auto; 
	align-self: center; 
	margin: 5px;
	margin-right: 50px;
}

footer .enlaces {
	float:right;
	margin-top: 10px;
}

footer .enlaces .seccion {
	float: right;
	margin-left:20px;
}

footer .enlaces .seccion a{
	float:left;
	clear: both;
	color:#d51e18;
	font-size:0.9em;
	text-decoration:none;
	margin: 5px;
}

footer .enlaces .seccion a:hover{
	text-decoration: underline;
}

footer .redes {
	background-color: #d51e18;
	padding: 5px;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
}

footer .redes span {
	float: left;
	margin: 2px 0 0 10px;
	color: white;
	font-size:0.9em;
}

footer .redes a.social {
	float: left;
	margin-left: 10px;
}

footer .redes .copy {
	float:right;
	text-align: right;
	font-size:0.9em;
	color: white;
}
@media screen and (max-width:1000px) { 
	footer .redes .copy { float:  left; clear: both; margin-top: 10px;}
}
/* FIN: FOOTER */



main{
	float: left;
	clear: both;
	width:100%;
	display:block;
	margin-bottom: 50px;
}

main .slider {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	background-color: white;
	max-height: 500px;
}

main .slider img.imagen {
	width: 100%;
	
}

main .slider .info {
	position: absolute;
    top: 0;
	max-width: 600px;
    left: 0;
	background-color: #fff002;
	padding: 20px;
	height: 100%;
}

main .slider .info .datos {
	float: left;
}

main .slider .info .datos h1 {
	color: #cf2034;
	padding: 0;
	margin: 10px 0;
	text-align: left;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.9em;
	float: left;
	clear: both;
	width: 100%;
}

main .slider .info .datos span.destacado {
	float: left;
    font-size: 1em;
    width: 100%;
    /*font-family: font_bold;*/font-weight: bold;
    text-align: left;
}

main .slider .info .datos span.presentacion {
	float: left;
    font-size: 1em;
    width: 100%;
    text-align: left;
}

main .slider .info .datos span.fecha {
	float: left;
    font-size: 0.8em;
    width: 100%;
    text-align: left;
	margin-top: 10px;
}


main .slider .info .datos img.viguera {
	max-width: 150px;
	float: left;
	clear: both;
	margin-top: 25px;
}

main .slider .info .datos img.universidad {
	float: left;
	clear: both;
	height: 80px;
    max-width: 100%;
    object-fit: cover;
    margin: 10px;
    background-color: white;
    padding: 10px;
    border-radius: 20px;
}

main .slider .inferior {
	float: left;
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 10px;
	/*padding: 10px 30px 10px 10px;*/
	display: flex;
	justify-content: center;
}

main .slider .inferior .item {
	float: left;
	padding: 10px;
	width: 50%;
}

main .slider .inferior .item span {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.8em;
}

main .slider .info .datos a.blanco {
	position: absolute;
    bottom: 10px;
    left: 15px;
	border: 1px solid #999;
	background-color: white;
	color: #d51e18;
	padding: 10px 20px;
	text-decoration: none;
	/*font-family: font_bold;*/font-weight: bold;
	font-weight: bold;
	font-size: 0.9em;
}

main .slider .info .datos a.blanco:hover {
	background-color: #d51e18;
	color: white;
}

main .articulo {
	position: relative;
}

main .articulo h1 {
	float: left;
	clear: both;
	width: 100%;
	color: white;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 2.3em;
}

@media screen and (max-width:1000px) { 
	main .articulo h1 { font-size: 1.7em; }
}

main .articulo h2 {
	float: left;
	clear: both;
	width: 100%;
	color: white;
	font-size: 1.1em;
	padding-top: 20px;
}

main .articulo span.autores {
	float: left;
	clear: both;
	width: 100%;
	font-size: 1.2em;
	margin: 10px 0 50px 0;
	color: white;
}

main .articulo span.autores a.autor {
	color: white;
	text-decoration: none;
}

main .articulo span.autores a.autor:hover {
	text-decoration: underline;
} 

main .articulo span.info {
	float: left;
	width: 60%;
	font-size: 0.8em;
	margin: 0;
	color: white;
}

main .articulo span.info a {
	color: white;
	text-decoration: none;
}

main .articulo span.info a:hover {
	text-decoration: underline;
} 

main .articulo span.openaccess {
	float: right;
	width: 30%;
	font-size: 0.8em;
	margin: 0;
	color: white;
	text-align: right;
}

main .articulo span.openaccess img {
	width: 15px;
	margin: -5px 5px 0 0;
}

main .articulo hr {
	color: white;
	opacity: 1;
}

main .articulo span.datos {
	float: left;
	width: 100%;
	font-size: 0.8em;
	margin: 0 0 10px 0;
	color: white;
}

main .articulo .idiomas {
	position: absolute;
	top: 0;
	right: 0;
}

main .articulo .idiomas .botonIdioma {
	float: right;
	color: white;
	padding: 4px 10px;
	font-size: 0.8em;
	text-decoration: none;
	min-width: 50px;
	margin: 10px 5px;	
	text-align: center;
}

main .articulo .idiomas .botonIdioma:hover {
	cursor: pointer;
	background-color: white;
	color: black;
}

main .articulo .idiomas .botonIdioma img {
	float: left;
    margin-right: 5px;
    border-radius: 20px;
    height: 20px;
}

main .articulo .opciones {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 10px;
	background: opac;
	opacity: 0.5;
}

main .articulo a.opcion {
	float: left;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 100px;
	border-right: 1px solid;
	margin: 0;	
	font-size: 0.8em;
	text-align: center;
	height: 55px;
	display: flex;
   	align-items: center;
	justify-content: center;
}



main .articulo a.opcion:hover {
	cursor: pointer;
	background-color: #d51e18;
	color: white !important;
}

main .articulo a.opcion:first-of-type {
	border-left: 1px solid;
}

main .articulo a.opcion svg {
	margin-right: 10px;
}

main .articulo a.opcion:hover svg path,
main .articulo a.opcion:hover svg polygon {
	fill:white
}

main .articulo .compartir {
	float: right;
	padding: 5px;
	margin-top: 5px;
}

main .articulo .compartir span {
	font-size: 0.8em;
}

main .articulo .compartir img {
	height: 30px;
	margin: 0 2px;
}

#fijame {
    position: relative;
	width:200px;
	float:left;
	
}
#fijame.fixed {
    position: fixed;
	top:5px;
	width:200px;
	float:left;
	
}

.articulo .colIzquierda span.otro {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.7em;
	margin: 10px 0 2px 0;
	/*font-family: font_bold;*/font-weight: bold;
}

.articulo .colIzquierda select {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.8em;
}

.articulo .html_indice {
	float:left;
	background-color: #f2f2f2;
	padding: 15px;
}

.articulo .html_indice .html_indice_principal {
	float:left;
	clear:both;
	font-weight:bold;
	font-size:0.8em;
	margin:5px 0;
	width:100%;
	text-decoration:none;
	color:#000;
}
.articulo .html_indice .html_indice_principal:hover {
	text-decoration:underline;
}
.articulo .html_indice .html_indice_secundario {
	float:left;
	clear:both;
	font-size:0.8em;
	margin:5px 5px;
	text-decoration:none;
	color:#000;
}
.articulo .html_indice .html_indice_secundario:hover {
	text-decoration:underline;
}

.articulo span.resumen,
.noticia span.resumen {float: left; text-align: left;}
.articulo span.resumen h2 { /*font-family: font_bold;*/font-weight: bold; font-size: 1.5em; }
.articulo span.resumen h3 { /*font-family: font_bold;*/font-weight: bold; font-size: 1.2em; }

.articulo span.resumen .tablaHTML {
	float:left;
	clear:both;
	width:100% !important;
	max-width:100%;
	margin:10px 0;
	/*table-layout:fixed;*/
	font-size:80%;	
}
.tablaHTML td {
	border: 1px solid #aaa;
	padding:4px;
}


.articulo span.resumen b.titulo {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 1.3em;
}

.articulo span.palabras,
.noticia span.palabras,
.entrevista span.palabras,
.agenda span.palabras {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 10px 0;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.9em;
}

.entrevista img.foto {
	float:left;
	border-radius: 80px;
	width:15%;
	margin:10px 0;
}

.entrevista span.entrevistado {
	float:left;
	font-weight:bold;
	color:#e32b22;
	width:80%;
	margin:10px 0 10px 20px;
}

.entrevista span.descripcion {
	float:left;
	width:80%;
	margin:0 0 10px 20px;
	font-size:0.8em;
	text-align:justify;
}

.entrevista span.pregunta {
	float:left;
	clear:both;
	font-weight:bold;
	width:100%;
	margin:10px 0 10px 0;
	text-align:justify;
}

.entrevista span.respuesta {
	float:left;
	clear:both;
	width:100%;
	margin:10px 0 10px 0;
	text-align:justify;
}

.entrevista span.entrevistador {
	float:left;
	clear:both;
	width:100%;
	margin:50px 0 30px 0;
}

.agenda img.principal_logo {
	max-width:100%; 
	height:auto;
	float:left;
	margin:0 0 20px 0;
}

.agenda span.info {
	float:left;
	clear:both;
	font-size:0.9em;
	
}

.agenda a.pdf {
	float:left;
	clear:both;
	width:100%;
	margin:20px 0;
	font-size:0.8em;
	padding:10px 5px;
	color:#e32b22;
	text-decoration:none;
}
.agenda a.pdf:hover {
	cursor:pointer;
	text-decoration: underline;
}

.agenda img.imagen {
	float:left;
	clear:both;
	width:100%;
	margin:20px 0;
}


input.buscador {
	float: left;
	width: 79%;
	padding: 10px;
	font-size: 2em;
}
a.buscador {
	float: right;
    width: 20%;
    height: 100%;
    padding: 20px 2px;
	margin: 0 !important;
	min-width: unset;
	text-align: center;
}

.nav-item input.buscador {
    font-size: 1.2em;
    height: 50px;
}

.nav-item a.buscador {
    width: 19%;
    padding: 13px 2px;
    margin: 0 10px !important;
}



.divBuscador {
	float: left;
	clear: both;
	width: 100%;
}

.divBuscador input.buscador {
	width: 80%;
	padding: 7px;
	font-size: 1.5em;
}

.divBuscador a.buscador {
	padding: 15px 2px;
}

.divResultados {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
}

.divResultados .totales {
	float: left;
	clear: both;
	width: 100%;
}

.divResultados .totales span.titulo {
	float: left;
	width: 20%;
	background-color: #e32b22;
	color: white;
	padding: 10px;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1em;
	text-align: center;
}

.divResultados .totales a {
	float: left;
	width: 20%;
	background-color: #f2f2f2;
	color: black;
	padding: 10px;
	/*font-family: font_regular;*/font-family: "Open Sans", Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
}

.divResultados .totales a:hover, .divResultados .totales a.seleccionado {
	background-color: #fae8ea;
	color: #e32b22;
	cursor: pointer;
} 


.divResultados .totales span.desactivado {
	float: left;
	width: 20%;
	background-color: #f2f2f2;
	color: black;
	padding: 10px;
	/*font-family: font_regular;*/font-family: "Open Sans", Arial, sans-serif;
	font-size: 1em;
	text-align: center;
}

.divResultados .filtros {
	float: left;
	clear: both;
	width: 100%;
	background-color: #f2f2f2;
}

.divResultados .filtros .filtro {
	float: left;
	padding: 5px;
	margin: 10px 10px;
}

.divResultados .filtros .filtro span {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.8em;
	margin-bottom: 2px;
}

.divResultados .filtros .filtro select {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.8em;
}

.divResultados .filtros span.info {
	float: left;
	clear: both;
	width: 100%;
	padding: 5px;
	text-align: center;
	font-size: 0.7em;
	font-style: italic;
}

.divResultados .filtros a.boton {
	float: right;
	background-color: white;
	color: #cf2034;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #cf2034;
	margin: 20px;
	width: 150px;
	text-align: center;
}
.divResultados .filtros a.boton:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

.login,
.registro,
.matricula {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px;
	margin-top: 30px;
	background-color: white;
}

.login img.logo,
.registro img.logo {
	width: 100%;
}
.login img.logoPeque {
	width: 50%;
}

registro img.logoPeque  {
	width: 30%;
}

.login span,
.registro span {
	float: left;
	width: 100%;
	text-align: center;
	/*font-family: font_bold;*/font-weight: bold;
	margin: 10px 0;
	font-size: 1.2em;
}

.login input[type='text'],
.login input[type='password'] {
	width: 80%;
	margin-top: 10px;
	margin: auto;
	padding: 7px;
	font-size: 1.0em;
}

.registro input[type='text'] {
	width: 100%;
	margin-top: 5px;
	margin: auto;
	padding: 7px;
	font-size: 1.0em;
}

.registro select {
	width: 100%;
	margin-top: 5px;
	margin: auto;
	padding: 7px;
	font-size: 1.0em;
}

.login a.enlace  {
	float: left;
	clear: both;
	width: 100%;
	margin: 5px 0;
}

.registro .bloque {
	float: left;
	width: 50%;
	padding: 5px;
}

@media screen and (max-width:1000px) { 
	.registro .bloque { width: 100%; }
}

.registro .bloque span {
	text-align: left;
}

.registro .bloque p.info {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.7em;
	text-align: left;
}

.registro input[type='checkbox'] {
	float: left;
	width: 20px;
	margin-top: 10px;
}

.registro span.txt_acepto {
	float: left;
	width: calc(100% - 30px);
	margin: 9px 0 0 5px;
	text-align: left;
	font-size: 0.7em;
}

.matricula img.logo { width: 100%;}

.matricula h1 {
	float: left;
	clear: both;
	width: 100%;
	font-size: 1.3em;
	padding: 5px 0;
	/*font-family: font_bold;*/font-weight: bold;;
	text-align: left;
}

.matricula p {
	margin: 0 !important;
}

.matricula .codigo input[type='text'] {
	width: 60px;
	margin: 0;
	padding: 7px;
	font-size: 1.2em;
	display: inline-block;
}

.matricula .codigo button[type=submit]{
	margin-left: 20px;
}

.matricula .compra {
	float: left;
	clear: both;
	width: 80%;
	background-color: #e3c3c3;
	margin: 20px 10%;
	padding: 20px;
}

.matricula .compra h1 {
	font-size: 1.7em;
}

.matricula .compra h2 {
	font-size: 1.7em;
	text-align: left;
}

.matricula .compra h2 label {
	font-size: 0.6em;
}

.matricula .compra .botones {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	float: left;
    margin-top: 10px;
}

.matricula .compra .botones p {
	margin: 10px 0 !important;
}

.matricula .compra a.botonRojo {
	float: left;
    width: 45%;
    margin: 0 5px;
	min-width: unset !important;
	background-color: #f1e4e4;
	position: relative;
}

@media screen and (max-width:1000px) { 
	.matricula .compra a.botonRojo {
		width: 100%;
		margin: 10px 5px;
	}
}

.matricula .compra a.botonRojo:hover {
	background-color: #cf2034;
}

.matricula .compra a.botonRojo:hover span {
	color: white;
}

.matricula .compra a.botonRojo img {
	float: left;
	clear: both;
	margin: 20px 0;
	width: 100%;
}

@media screen and (max-width:1000px) { 
	.matricula .compra a.botonRojo img { margin: 0; }
}

.matricula .compra a.botonRojo span {
	position: absolute;
	bottom: 5px;
	left: 0;
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.8em;
	color: black;
}

.cuadroInfo {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
	padding: 20px;
}

.cuadroInfo_grisOscuro { 
	background-color: #888888; 
	color: white; 
	/*font-family: font_bold;*/font-weight: bold;
}
.cuadroInfo_grisMedio { 
	background-color: #f2f2f2; 
}
.cuadroInfo_grisFlojo { 
	background-color: #f8f8f8; 
}

.cuadroInfo h1 {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	/*font-family: font_bold;*/font-weight: bold;
}

.cuadroInfo_grisMedio h1 {
	color: #d51e18;	
	font-size: 1.2em;
	/*font-family: font_bold;*/font-weight: bold;
}

.cuadroInfo_grisMedio h2 {
	font-size: 1.2em;
	width: 100%;
	text-align: center;
	/*font-family: font_bold;*/font-weight: bold;
}

.cuadroInfo_grisMedio h2::before {
	display:block;
	clear:both;
	content : "";
	position: relative;
	left    : 0;
	bottom  : 0;
	max-width:150px;
	height  : 1px;
	width   : 33%;  /* or 100px */
	border-bottom:1px solid #666;
	margin:10px auto;
	padding:4px 0px;
}

.cuadroInfo span {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
}

.indice .cuadroInfo span.filtro {
    float: unset;
    clear: unset;
    width: unset;
    text-align: center;
    font-size: 0.9em;
    margin-left: 5px;
}

.cuadroInfo_grisMedio span::before {
	display:block;
	clear:both;
	content : "";
	position: relative;
	left    : 0;
	bottom  : 0;
	max-width:150px;
	height  : 1px;
	width   : 33%;  /* or 100px */
	border-bottom:1px solid #666;
	margin:0 auto 10px auto;
	padding:4px 0px;
}

.cuadroInfo select {
	font-size: 0.9em;
	float: left;
	margin-bottom: 10px;
	width: 100% !important;
}

.apartado-home {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	position: relative;
}

.apartado-home:not(:first-of-type) {
	margin-top: 30px;
}

.apartado-home h1 {
	float: left;
	font-size: 1.4em;
	/*font-family: font_bold;*/font-weight: bold;
}

.apartado-home h2 {
	float: left;
	clear: left;
	font-size: 1em;
	/*font-family: font_bold;*/font-weight: bold;
}

.apartado-home span {
	float: left;
	clear: both;
	width: 100%;
}

.apartado-home a {
	float: right;
	color:#d51e18 !important;
	text-decoration:none;
	/*font-family: font_bold;*/font-weight: bold;
}

.apartado-home a:hover{
	color:#e83;
	text-decoration:underline;
	cursor:pointer;
}

@media screen and (max-width:1000px) { 
	.apartado-home a { float: left; clear: both; margin: 10px 0;}
	.apartado-home h1 { clear: both;}
}

.apartado-home .derecha {
	float: right;
}

.apartado-home .derecha font {
	float: right;
}

.apartado-articulo {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.apartado-articulo img,
.apartado-articulo svg {
	float: left;
	height: 20px;
	margin-right: 10px;
}


.apartado-articulo span {
	float: left;
	font-size: 0.9em;
	margin-right: 10px;
}


.controlesCarrusel {
	float: left;
	clear: both;
	width: 100%;
}

.controlesCarrusel .carousel-control-prev, 
.controlesCarrusel .carousel-control-next {
	position: unset;
	float: right;
	width: 50px;
}

.carousel-indicators { 
	margin-right: 45% !important;
	margin-left: 45% !important;
}

.carousel {
	float: left;
	width: 100%;
}

/* Zona Usuario */

.zonausuario input[type='checkbox'] {
	float: left;
	width: 20px;
	margin-top: 10px;
}

.zonausuario span.check {
	float: left;
	width: calc(100% - 35px);
	margin: 5px 0 0 10px;
	text-align: left;
	font-size: 1em;
}

.zonausuario input.inputMedio {
	width: 50%;
	margin: 10px 0;
}

.zonausuario input.inputGrande {
	width: 80%;
	margin: 10px 0;
}

.zonausuario label {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	margin: 5px 0;
}

.zonausuario select {
	margin: 0 0 10px 0;
	width: 50%;
	padding: 7px;
	font-size: 1.0em;
}

.zonausuario .idiomas {
	position: absolute;
	top: 0;
	right: 0;
}

/* Zona Gestión */

.zonagestion .bloque {
	float: left;
	clear: both;
	width: 100%;
	border: 1px solid #aaa;
	margin-bottom: 10px;
}
.zonagestion .bloque .contenido {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px;
}

.zonagestion .seccion {
	float: left;
	clear: both;
	width: 100%;
}

.zonagestion .seccion .contenido {
	float: left;
	clear: both;
	width: 100%;
	padding: 10px;
}



.zonagestion span.check {
	float: left;
	width: calc(100% - 30px);
	margin: 5px 0 0 5px;
	text-align: left;
	font-size: 1em;
}

.zonagestion input.inputMedio {
	width: 50%;
	margin: 10px 0;
}

.zonagestion input.inputGrande {
	width: 80%;
	margin: 10px 0;
}

.zonagestion select {
	float: left;
	margin: 10px;
	width: calc(50% - 20px);
	padding: 6px;
	font-size: 1.0em;
	border: 1px solid #bbb;
}

.zonagestion .idiomas {
	position: absolute;
	top: 0;
	right: 0;
}

.zonagestion h2{
	clear:both;
	color:#e32b22;
	font-size:1em;
	margin:20px;
}

.zonagestion h3{
	clear:both;
	font-size:1em;
}

.zonagestion input {
	height:36px;
	border-radius: 5px;
	border: 1px solid #bbb;
	margin:10px;
	padding-left:10px;
    float: left;
}


.zonagestion textarea{
    width:calc(100% - 20px);
	height:144px;
	padding: 10px;
    margin: 10px;
	border: 1px solid #bbb;
}

.zonagestion label {
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
    background-color: #F08D8F;
	padding: 10px;
	/*font-family: font_bold;*/font-weight: bold;
}

.zonagestion input[type=file]{
	padding: 4px;
    width: 44%;
    height: 40px;
}

.zonagestion .revisores input[type=file] {
	width: 95%;
}

.zonagestion input[type=submit],
.zonagestion input.confirmar {
	width:calc(100% - 20px);
    border:#e32b22 1px solid;
	background:transparent;
	color:#e32b22;
	margin-bottom: 50px;
	/*font-family: font_bold;*/font-weight: bold;
	
}
.zonagestion input[type=submit]:hover,
.zonagestion input.confirmar:hover {
	cursor:pointer;
    background:#F08D8F;
    color: white;

}

.zonagestion input.peque {
	width:35%;
    float: left;
}

.zonagestion input.mediano {
	width:60%;
    float: left;
}



.zonagestion input[type=checkbox]{
	padding:6px;
    float: left;
    width: 20px;
    margin-top: 10px;
}

.zonagestion input[type="radio"] {
	padding:6px; 
    float: left;
    width: 50px !important;
    margin-top: 5px;
}

.zonagestion span.radio {
    float: left;
    margin: 15px 0;
    text-align: left;
}

.zonagestion span.checkbox {
    float: left;
    margin: 15px 0;
    width: 85%;
    text-align: left;
}

.zonagestion span.importe {
    float: right;
    margin-right: 10px;
}

.zonagestion .autor p {
	font-size: 0.8em;
	margin: 0;
}

.zonagestion .autor p.grande {
	font-size: 1em;
	margin: 0;
	/*font-family: font_bold;*/font-weight: bold;
}

.zonagestion .autor p.peque {
	font-size: 0.7em;
	margin: 3px 0;
}

.zonagestion .autor .personales {
	float: left;
	width: 48%;
	margin: 0 5px;
}

.zonagestion .autor .direcciones {
	float: right;
	width: 48%;
	margin: 0 5px;
}

.zonagestion .autor .personales input[type="text"],
.zonagestion .autor .personales select,
.zonagestion .autor .direcciones input[type="text"],
.zonagestion .autor .direcciones select {
	clear: both;
	font-size: 0.8em;
    margin: 2px !important;
    width: 100% !important;
}

.zonagestion .autor .personales  input[type=checkbox]{
	margin: 0 !important;
}

.zonagestion a.editar{
	background-color: #cf2034;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 100px;
	border: 0;
	margin: 10px 0;
	clear: both;
	float: left;
	font-size: 0.8em;
	text-align: center;
	
}
.zonagestion a.editar:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

.zonagestion a.aceptar,
.zonagestion input.aceptar {
	background-color: green;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 100px;
	border: 0;
	margin: 10px 0;
	float: left;
	font-size: 0.8em;
	text-align: center;
	width: 48%;
	border-radius: 0;
	
}
.zonagestion a.aceptar:hover,
.zonagestion input.aceptar:hover {
	cursor: pointer;
	background-color: rgb(106, 146, 45);
	color: white;
}

.zonagestion a.cancelar{
	background-color: #cf2034;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 100px;
	border: 0;
	margin: 10px 0;
	float: right;
	font-size: 0.8em;
	text-align: center;
	width: 48%;
	
}
.zonagestion a.cancelar:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

.zonagestion .autor .cuadroDireccion {
	float: left;
	clear: both;
	width: 100%;
	margin: 5px 0;
	background-color: #eaeaea;
	padding: 5px;
}

.zonagestion .autor a.opcion {
	float: right;
	font-size: 0.9em;
	text-decoration: none;
	margin: 5px 10px;
	/*font-family: font_bold;*/font-weight: bold;
}

.zonagestion .autor a.eliminar {
	float: left;
	font-size: 0.9em;
	text-decoration: none;
	margin: 5px 10px;
	/*font-family: font_bold;*/font-weight: bold;
	color: red;
}

.zonagestion .autor a.opcion:hover,
.zonagestion .autor a.eliminar:hover {
	cursor: pointer;
	text-decoration: underline;
}

/* Comite **********************************************/

.comite-cientifico {
	display: flex;
    flex-wrap: wrap;
	
}
.comite-cientifico h1 {
	float: left;
	width: 100%;
	clear: both;
	font-size: 1em;
	color: #c23e3f;
	font-weight: normal;
	border-bottom: 1px solid #c23e3f;
	margin: 20px 0 10px 0;
}

.comite-persona {
	position: relative;
	float: left;
	width: 32%;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 5px;
	margin: 70px 4px 10px 4px;
	color: #444;
	text-align: center;


}

.comite-persona img {
	width: 100px;
	height: 100px;
	border: 4px solid #c23e3f;
	border-radius: 50%;
	margin: auto;
	margin-top: -50px;

}

.comite-persona span.nombre {
	float: left;
	width: 100%;
	clear: both;
	color: #c23e3f;
	font-weight: bold;
	font-size: 1.2em;
	margin: 8px 0px;
}

.comite-persona span.detalle {
	float: left;
	width: 100%;
	height: 25px;
	clear: both;
	font-size: 0.9em;
	margin: 2px 0px 15px 0;
}

.comite-persona span.apartado {
    float: left;
    width: 100%;
    color: #c23e3f;
    clear: both;
    font-size: 0.8em;
    margin: 10px 0 0 0;
}

.comite-persona span.ciudad {
	float: left;
	width: 100%;
	clear: both;
	color: #999;
	font-size: 0.8em;
	margin: 2px 0px 10px 0;
	font-style: italic;
}

.comite-persona a {

	float: left;
	width: 100%;
	clear: both;
	width: 80%;
	padding: 5px 10px;

	
	color: #c23e3f !important;
	font-size: 0.9em;
	font-weight: bold;
	
	margin: 5px 20px;
	
	border: 1px solid #c23e3f;
	border-radius: 20px;
	text-decoration: none;
}



.comite-persona a:hover {
	background-color: #c23e3f;
	color: white !important;
	cursor: pointer;
}

/* FIN: Comite *****************************************/

/* WIDGETS */
.widget {
	float:left;
	background-color:#fff;
	width: 47%;
	margin: 0 0 25px 0;
	border:1px solid #eee;
	padding:15px 15px 15px 20px;
}

.widget:nth-child(odd) {
	margin-right: 35px;
}

.widget:nth-child(even) {
	float: right;
}


@media screen and (max-width:800px) { 
	.widget { 
		width: 100%;
	}
}

.widget label.seccion {
	float:left;
	font-size:1em;
	color:#d51e18;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	text-align: left;
}

.widget div.info {
	width:100%;
	position:absolute;
	left:5px;
	bottom:5px;
}

.widget div.info span.info {
	float: left;
	clear: both;
	width: 100%;
	padding: 5px ;
	/*font-family: font_bold;*/font-weight: bold;
}

.widget div.info span.info img {
	float: left;
	margin: 10px 10px;
	vertical-align:middle;
	max-width: 20px;
}

.widget div.info span.info span {
	float: right;
	width: calc(100% - 45px);
	font-size: 0.9em;
	text-align: left;
}

.widget div.info span.info span.peque {
	font-size: 0.8em;
	margin-top: 5px;
}

.widget span.titulo {
	float:left;
	clear:both;
	width: 100%;
	margin:5px 0;
	/*font-family: font_bold;*/font-weight: bold;
	text-align: left;
}

#w_articulo {
	/*min-height:200px;*/
	height:400px;
	position:relative;
	padding-bottom:40px;
	border-left:10px solid #eee;
}

#w_articulo .idiomas {
	position: absolute;
	top: 10px;
	right: 10px;
	margin-bottom:10px;
	text-align:right;
}

#w_articulo span.autores {
	float:left;
	clear:both;
	margin:5px 0;
	font-size:0.9em;
}
#w_articulo span.autores a {
	color:#000;
	text-decoration:none;
}
#w_articulo span.autores a:hover {
	text-decoration:underline;
}

.widget a.leer {

	position:absolute;
	right:0;
	bottom:0;
	background-color: #fff001;
	color: black;
	padding: 10px 20px;
	text-decoration: none;
	/*font-family: font_bold;*/font-weight: bold;
	width: 150px;
	border: 0;
	font-size: 0.9em;
	margin: 10px auto;	
}

.widget a.leer:hover {
	cursor: pointer;
	background-color: #d8cd19;
	color: black;
}

#w_entrevista a.leer {
	width: 170px;
}

#w_noticia {
	/*min-height:200px;*/
	height:200px;
	position:relative;
	padding-bottom:40px;
	border-left:10px solid #ccc;
}
#w_noticia:hover {
	cursor: pointer;
	border-color: #e32b22;
}

#w_noticia div.info span.info span {
	float: left;
	width: 100%;
	margin-left: 10px;
}

img.idioma {
	float:right;

	margin-left:5px;
	margin-top:-5px;
	border-radius:20px;
}

#w_agenda {
	padding:0;
	overflow:hidden;
	position: relative;
}
#w_agenda:hover {
	cursor: pointer;
	border-color: #e32b22;
}

#w_agenda .izquierda { 
	width:35%; 
	float:left; 
}
#w_agenda .derecha { 
	width:65%; 
	float:right; 
	padding: 10px; 
}

#w_agenda span.mes {
	float:left;
	clear:both;
	width:100%;
	background-color:#efefef;
	padding:10px 0;
	text-align:center;
	font-size:1.1em;
	color:#666;
}

#w_agenda span.anyo {
	float:left;
	clear:both;
	width:100%;
	background-color:#efefef;
	padding:10px 0;
	text-align:center;
	font-size: 1.2em;
	/*font-family: font_bold;*/font-weight: bold;
	color:#888;
}

#w_agenda span.dia {
	float:left;
	clear:both;
	width:100%;
	background-color:#d51e18;
	padding:10px;
	text-align:center;
	/*font-family: font_bold;*/font-weight: bold;
	font-size:3em;
	color:#FFF;
}
#w_agenda span.rojo { background-color:#e32b22; }

#w_agenda h1 {
	/*font-family: font_bold;*/font-weight: bold;
	font-size:1em;
	margin: 10px;
}

#w_agenda h2 {
	font-size:1em;
	color:#e32b22;
	/*font-family: font_bold;*/font-weight: bold;
	margin: 10px;
	/*
	position: absolute;
	bottom: 10px;
	left: calc(35% + 20px);
	*/
}

#w_entrevista {
	/*min-height:200px;*/
	height:400px;
	position:relative;
	padding-bottom:40px;
	border-left:10px solid #eee;
	text-align: center;
}

#w_entrevista .idiomas {
	position: absolute;
	top: 10px;
	right: 10px;
	margin-bottom:10px;
	text-align:right;
}

#w_entrevista img.foto {
	border-radius: 80px;
	width:30%;
	margin:10px auto;
}

#w_formacion_modulo {
	padding: 0;
	width: 24%;
	margin: 0 4px;
}
#w_formacion_modulo:odd {
	margin-right: 4px !important;
}

#w_formacion_modulo:nth-child(even) {
	float: left;
}

@media screen and (max-width:1000px) { 
	#w_formacion_modulo { width: 48%; margin: 5px 4px;}
	#w_formacion_modulo .footer { height: 75px;}
}

#w_formacion_modulo .cabecera {
	float: left;
	clear: both;
	width: 100%;
	background-color: #fff001;
	color: #e32b22;
	padding: 10px 10px 10px 20px;
	/*font-family: font_bold;*/font-weight: bold;
}

#w_formacion_modulo h1 {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	color: #e32b22;
	font-size: 1.1em;
	margin: 20px 20px 10px 20px;
	text-align: left;
}

#w_formacion_modulo span.txtNormal {
	float:left;
	clear:both;
	margin:5px 20px 0 20px;
	font-size:0.9em;
}

#w_formacion_modulo span.txtPeque {
	float:left;
	clear:both;
	margin:1px 20px 10px 20px;
	font-size:0.7em;
}

#w_formacion_modulo .botonRojo {
	background-color: #cf2034;
	color: white;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	min-width: 200px;
	border: 0;
	margin: 10px 10%;
	clear: both;
	float: left;
	width: 80%;
	font-size: 0.8em;
	text-align: center;
}

#w_formacion_modulo .botonRojo:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

#w_formacion_modulo .footer {
	float: left;
	clear: both;
	width: 100%;
	background-color: #f7f7f7;
	padding: 10px 20px;
	font-size: 0.7em;
}

/* CAJAS BUSQUEDA */

.cajaBusqueda {
	float:left;
	background-color:#fff;
	width: 100%;
	margin: 0 0 25px 0;
	border:1px solid #eee;
	padding:15px 15px 15px 20px;
}

.cajaBusqueda:hover {
	border-color: #d51e18;
	cursor: pointer;
	background-color: #fae8ea;
}

.cajaBusqueda a.titulo {
	float:left;
	clear:both;
	margin:5px 0;
	/*font-family: font_bold;*/font-weight: bold;
	color: black;
	text-decoration: none;
}

.cajaBusqueda a.titulo:hover {
	cursor: pointer;
	color: #d51e18;
	text-decoration: underline;
}

.cajaBusqueda label.seccion {
	float:left;
	font-size:1em;
	color:#d51e18;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
}

.cajaBusqueda div.info {
	width:100%;
	float: left;
	clear: both;
	margin: 5px 0;
}

.cajaBusqueda div.info span {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.8em;
}

#caja_articulo {
	position:relative;
	border-left:10px solid #eee;
}

#caja_articulo .idiomas {
	position: absolute;
	top: 10px;
	right: 10px;
	margin-bottom:10px;
	text-align:right;
}

#caja_articulo span.autores {
	float:left;
	clear:both;
	margin:5px 0;
	font-size:0.9em;
}
#caja_articulo span.autores a {
	color:#000;
	text-decoration:none;
}
#caja_articulo span.autores a:hover {
	text-decoration:underline;
}


.cajaBusqueda .categorias {
	float:left;
	clear:both;
	margin:5px 0;
	font-size:0.9em;
	width: 100%;
}

.cajaBusqueda .categorias span {
	float: left;
	font-size: 0.8em;
	/*font-family: font_bold;*/font-weight: bold;
	margin-right: 5px;
}

.cajaBusqueda .categorias font {
	float: left;
	/*font-size: 0.8em;*/
	margin-right: 5px;
}



.cabecera-revista {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

.cabecera-revista h1 {
	float: left;
	font-size: 1.2em;
	/*font-family: font_regular;*/font-family: "Open Sans", Arial, sans-serif;
}

.cabecera-revista span {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.8em;
}

.cabecera-revista .derecha {
	float: right;
}

.cabecera-revista .derecha font {
	float: right;
}

@media screen and (max-width:1000px) { 
	.cabecera-revista .derecha,
	.cabecera-revista h1  {
		float: left;
		clear: both;
		margin: 5px 0;
	}
}

.cabecera-revista a {
	float: right;
	color:#d51e18 !important;
	text-decoration:none;
	/*font-family: font_bold;*/font-weight: bold;
	margin: 0 10px;
}

.cabecera-revista a:hover{
	color:#e83;
	text-decoration:underline;
	cursor:pointer;
}

.indice a.volumen {
	position: relative;
    display: block;
	float: left;
	clear: both;
	width:100%;
	margin:0;
	background-color:#f1f1f1;
	padding:15px;
	font-size:0.9em;
	color:#666;
	text-decoration: none;
}

.indice a.volumen:not(:first-of-type) {
	margin-top: 15px;
}

.indice a.volumen:hover { cursor:pointer; background-color:#f8dee1; }

.indice a.volumen.open {
	background-color:#d51e18;
	color:#fff;
}

.indice a.volumen b {
	color:#d51e18;
}

.indice a.volumen.open b {
	color:#fff;
}

.indice a.volumen span.volumen-icono:before {
    content:"+";
}

.indice a.volumen.open span.volumen-icono:before {
    content:"-";
	color:#fff;
}

.indice a.volumen span.volumen-icono {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 2.5em;
    /*font-family: font_bold;*/font-weight: bold;
	color: #d51e18;
}

.indice a.numero {
	display:block;
	float: left;
	clear: both;
	width: 100%;
	margin: 1px 0;
	background-color:#f8f8f8;
	padding:15px;
	font-size:0.8em;
	color:#555;
	text-decoration:none;
}

.indice a.numero:hover {
	cursor:pointer;
	background-color:#f8dee1;
}

.indice a.numero span.nombre {
	float:left;
	width:calc(100% - 200px);
}
.indice a.numero span.idiomas {
	float:right;
	width:200px;
}

.indice #numeros {
	display: none;
}

.paginacion {
	float: right;
	clear: both;
	width: 100%;
	margin-top: 10px;
	text-align: right;
}

.paginacion .hidden {
	display: none;
}

.paginacion span.info {
	float: right;
	clear: both;
	width: 100%;
	font-size: 0.8em;
	margin-bottom: 5px;
}

.paginacion .enlace img {
	opacity: 0.5;
	margin-left: 5px;
}
.paginacion .enlace img:hover {
	opacity: 1;
}

.pubmed {
	float:right;
	width:100%;
	clear:both;
	border:1px solid #ddd;
	padding:10px;
	margin-bottom: 20px;
}

.pubmed h1 {
	font-size:1em;
	text-align:center;
	width:100%;
}

.pubmed h2 {
	width:100%;
	float:left;
	clear:both;
	border-top:1px solid #eee;
	margin:10px 0 5px 0;
	padding-top:10px;
	color:#999;
	font-size:0.9em;	
}

.pubmed a {
	font-size:0.9em;
	margin-top:5px;
	clear:both;
	width:100%;
	float: left;
}

/* FORMACION */

main.sin-bottom {
	margin-bottom: 0;
}

main .formacion {
	height: 350px;
	margin:auto;
	max-width:1300px;
	padding: 0 5px;
}

main .formacion img.imagen {
	max-height: 350px !important;
    float: right;
	width: unset !important;
}

main .formacion .info {
    width: 55% !important;
    height: 60% !important;
    max-width: unset;
}

main .formacion .info .datos span {
	font-size: 0.9em;
}

main .formacion .director {
	position: absolute;
    bottom: 0;
    width: 55%;
    left: 0;
    background-color: #fffaa7;
    padding: 20px;
    height: 40%;
}

main .formacion .director img {
	max-width: 80px;
    float: left;
}


main .formacion .director  h1 {
	color: #cf2034;
    margin: 5px 10px;
    text-align: left;
    /*font-family: font_bold;*/font-weight: bold;
    font-size: 1.2em;
    float: right;
    width: calc(100% - 110px);
}

main .formacion .director  span {
	font-size: 1em;
    float: right;
    width: calc(100% - 110px);
    margin: 5px 10px;
    font-size: 0.8em;
}


.franja-gris {
	float: left;
	clear: both;
	background-color: #f2f2f2;
	width:100%;
	display:block;
	text-align: center;
	padding: 10px 0;
	margin: 15px 0;
}

.franja-gris h1 {
	font-weight: bold;
	margin: 10px 0;
	font-size: 1.3em;
}

.franja-gris h2 {
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
	width: 70% !important;
}

.franja-gris p {
	width: 70% !important;
}

.franja-gris img.ineurocampus {
	float: right;
	width: 25%;
}

.franja-gris .slidingMasters {
	float: left;
	clear: both;
	width: 100%;
	display: flex;
   	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.franja-gris .slidingMasters img {
	width: 100%;
    padding: 0 10px;
}

@media screen and (max-width:1000px) { 
	.franja-gris .slidingMasters { display: block;}
	.franja-gris .slidingMasters img { width: 80%; margin: 10px;}
}

.franja-gris span.elemento {
	font-size: 0.9em;
	margin: 20px;
}

.div-amarillo {
	float: left;
	clear: both;
	background-color: #fffbc0;
	width:100%;
	display:block;
	text-align: left;
	padding: 20px;
	margin: 15px 0;
}

.franja-amarilla {
	float: left;
	clear: both;
	background-color: #fffbc0;
	width:100%;
	display:block;
	text-align: left;
	padding: 10px 0;
	margin: 15px 0;
}

.franja-amarilla-strong {
	float: left;
	clear: both;
	background-color: yellow;
	width:100%;
	display:block;
	text-align: left;
	padding: 10px 0;
	margin: 15px 0;
}

.formacion h1.titulo{
	float:left;
	width: 100%;
	text-align: center;
	color: #d51e18;
	margin: 15px 0;
	font-size: 1.7em;
	font-weight: bold;
}
.formacion h1.titulo::after {
	display:block;
	clear:both;
	content : "";
	position: relative;
	left    : 0;
	bottom  : 0;
	max-width:150px;
	height  : 2px;
	width   : 50%;  /* or 100px */
	border-bottom:4px solid #666;
	margin:10px auto;
	padding:4px 0px;
}

.formacion h1.modulo{
	float:left;
	width: 100%;
	text-align: center;
	color: black;
	margin: 15px 0;
	font-size: 1.4em;
	font-weight: bold;
}

.formacion h1.modulo-evaluacion {
	float:left;
	width: 100%;
	text-align: left;
	color: black;
	margin: 5px 0;
	font-size: 1.2em;
	padding-left: 70px;
}

.formacion h2 {
	float:left;
	width: 100%;
	color: #d51e18;
	margin: 15px 0;
	font-size: 1.1em;
	font-weight: bold;
}


.formacion ul.listado li {
	margin:2px 0;
	font-size: 0.9em;
	list-style-type: disc;
    color: #f00;
}

.formacion ul.listado  li > span {
    color: #000;
}

.formacion ul.listado span.matriculado {
	float: left;
	margin-top: 5px;
	font-size: 0.9em;
}

.formacion ul.listado span.matriculado img {
	max-height: 20px;
	margin-right: 5px;
}

.formacion .vmap {
	width: 100%;
	height: 700px;
	position: relative;
}

.formacion .vmap .leyenda {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.formacion .vmap span.bola {
	position: absolute;
	top: -33px;
	left: 0;
	background: red;
	 border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	display: inline-block;
	font-weight: bold;
	line-height: 1.6em;
	margin-right: 15px;
	text-align: center;
	width: 1.6em; 
}

.formacion .vmap span.bola_red { background: red; color: #ffffff; }
.formacion .vmap span.bola_green { background: green; color: #ffffff; }
.formacion .vmap span.bola_yellow { background: yellow; color: black; }

.formacion .info-comite {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.formacion .info-comite img {
	width: 100px;
	margin-bottom: 10px;
}

.formacion .info-comite h1 {
	color: #cf2034;
	font-size: 1em;
	/*font-family: font_bold;*/font-weight: bold;
}

.formacion .franja-amarilla { margin: 0 !important; }
.formacion .franja-amarilla-strong { 
	margin: 0 !important; 
	text-align: center !important; 
	padding: 10px 0 0 0;
	margin-bottom: 20px;
}

.formacion a.patras {
	position: absolute;
	left: 20px;
	color: #cf2034;
	font-size: 2em;
	text-decoration: none;
}

.formacion span.intento {
	margin: 0 10px;
	display: inline-block;
	font-size: 1.1em;
}

.formacion span.activo::after {
	display:block;
	clear:both;
	content : "";
	position: relative;
	left    : 0;
	bottom  : 0;
	max-width:250px;
	height  : 2px;
	width   : 100%;  /* or 100px */
	border-bottom:4px solid #666;
	margin:1px auto;
	padding:8px 0 0 0;
}

.formacion .cuadro-centrado {
	width: 50%;
    margin: 30px 25%;
    float: left;
}



.formacion .cuadro-centrado h1 {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.1em;
}

.formacion .cuadro-centrado ul.listado li {
	color: black;
}

.formacion .widget_articulo {
	float:left;
	position: relative;
	background-color:#d69393;
	width: 24%;
	margin: 5px;
	border:1px solid #eee;
	padding:15px 15px 0px 15px;
	border-radius: 10px;
}

@media screen and (max-width:1000px) { 
	.formacion .cuadro-centrado { width: 90%; margin: 30px 5%; }
	.formacion .widget_articulo { width: 100%;}
}

.formacion .widget_completada {
	background-color:#e3032e !important;
}

.formacion .widget_articulo span.contador {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #d69393;
	color: white;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1em;
	padding: 10px;
	border-radius: 10px;
}

.formacion .widget_completada span.contador {
	background-color:#e3032e !important;
}

.formacion .widget_articulo span.estado {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #d69393;
	color: white;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 2em;
	padding: 3px 10px;
	border-radius: 10px;
}

.formacion .widget_completada span.estado {
	background-color:#e3032e !important;
}

.formacion .widget_articulo .info {
	float: left;
	width: 100%;
	background-color: white;
	padding: 45px 15px 15px 15px;
}

.formacion .widget_articulo .info span.numero {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.8em;
	margin: 10px 0;
}

.formacion .widget_articulo .info label {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.8em;
	margin: 2px 0;
}

.formacion .widget_articulo .info span.titulo {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.8em;
	margin: 2px 0;
}

.formacion .widget_articulo .info a {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.9em;
	margin: 5px 0;
	text-align: center;
	color: #e3032e;
	text-decoration: none;
}

.formacion .widget_articulo .botones {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	display: flex;
   	align-items: center;
	justify-content: center;
}

.formacion .widget_articulo .info a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.formacion .widget_articulo a.oscuro {
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.7em;
	margin: 5px 2px;
	text-align: center;
	color: white;
	background-color: #53606b;
	text-decoration: none;
	padding: 8px;
	border-radius: 5px;
}

.formacion .widget_articulo a.oscuro:hover {
	cursor: pointer;
	background-color: #e3032e;
	text-decoration: none;
}

.formacion .widget_articulo .info .resultados {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
	font-size: 0.8em;
}

.formacion .widget_articulo .info .resultados i.fa-circle-rojo,
.formacion .progreso i.fa-circle-rojo
 { color: red; margin: 0 2px; }
.formacion .widget_articulo .info .resultados i.fa-circle-verde,
.formacion .progreso i.fa-circle-verde
 { color: green; margin: 0 2px; }
.formacion .widget_articulo .info .resultados i.fa-circle-gris,
.formacion .progreso i.fa-circle-gris
 { color: gray; margin: 0 2px; }

 .formacion .progreso span {
	width: 100%;
    float: left;
    margin: 10px 0;
 }

.formacion .widget_articulo span.informacion {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 0.9em;
	margin: 2px 0;
	color: white;
	text-align: center;
}

.formacion .correctas {
	float: left;
	width: 250px;
	margin: 20px 0 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 0.8em;
	background-color: #f7f8f8;
	display: flex;
   	align-items: center;
	justify-content: center;
}

.formacion .correctas span {
	font-size: 1.2em;
}

.formacion .progreso {
	float: right;
	width: 150px;
	margin: 20px 0 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 0.8em;
	background-color: #f7f8f8;
}

.formacion .progreso span {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.9em;
	text-align: left;
	margin: 0 !important;
}

.formacion .progreso .barras {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	height: 60px;
}

.formacion .progreso .barras label {
	position: absolute;
	left: -5px;
	bottom: 2px;
	/*font-family: font_bold;*/font-weight: bold;
}

.formacion .progreso .barras .progress{
	position: absolute;
	width: 9px;
	height: 100%;
	filter: alpha(opacity=80);
	right: 10px;
	bottom: 5px;
	border-radius: 0 !important;
	height: 60% !important;
	background-color: #fafafa;
	margin: 0 !important;
}

.formacion .progreso .barras .progress-bar{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 50%;
}

.barra_alineada {
	display: flex; 
    flex-wrap: wrap; 
	float: left;
    width: 100%;
	justify-content: center;
}

.formacion h1.pregunta {
	float: left;
	clear: both;
	width: calc(100% - 160px);
	background-color: yellow;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.2em;
	padding: 20px;
	margin: 20px 10px 10px 0;
}

@media screen and (max-width:1000px) { 
	.formacion h1.pregunta { width: 100%; margin: 10px 0;}
}

.formacion h1.pregunta label {
	/*font-family: font_bold;*/font-weight: bold;
	color: #cf2034;
	font-size: 0.8em;
}

.formacion .respuestas .respuesta {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	font-size: 1.2em;
	margin: 10px 0;
	border: 1px solid grey;
}

.formacion .respuestas .respuesta:hover {
	cursor: pointer;
	border-color: #ffae00;
}

.formacion .respuestas .respuesta span.letra {
	width: 50px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    object-fit: cover;
    z-index: 1;
    text-align: center;
    background-color: yellow;
	color: #e3032e;
    padding-top: 25px;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.5em;
}

.formacion .respuestas .respuesta span.texto {
	float: left;
	width: calc(100% - 70px);
	font-size: 1em;
	text-align: left;
	height: 100%;
	padding: 30px 10px;
	margin-left: 70px;
}

.formacion .respuestas .respuesta span.check {
	display: none;
	width: 70px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    right: auto;
    object-fit: cover;
    z-index: 1;
    text-align: center;
    background-color: #ffae00;
	color: yellow;
    padding-top: 25px;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.5em;
}

.formacion a.continuar {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	font-size: 1.2em;
	margin: 10px 0;
	background-color: #e3032e;
	color: white;
	text-align: center;
	padding: 10px;
	text-decoration: none;
}

.formacion a.continuar:hover {
	cursor: pointer;
}

.formacion .resultados {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
}

.formacion .resultados h1 {
	float: left;
	clear: both;
	width: 100%;
	/*font-family: font_bold;*/font-weight: bold;
	background-color: #f3f3f3;
	padding: 10px;
	font-size: 1.2em;
	margin-bottom: 0;
}

.formacion .resultados .elemento {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}

.formacion .resultados .pregunta {
	border-top: 1px solid #000;
}

.formacion .resultados .elemento  span.letra {
	width: 50px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    text-align: center;
    background-color: yellow;
	color: #e3032e;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.5em;

	   display: flex;
   	align-items: center;
	justify-content: center;
}

.formacion .resultados .elemento  span.check {
	width: 50px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    object-fit: cover;
    z-index: 1;
    text-align: center;
    padding-top: 15px;
	/*font-family: font_bold;*/font-weight: bold;
	font-size: 1.5em;
}

.formacion .resultados .elemento span.texto {
	float: left;
	width: calc(100% - 70px);
	font-size: 1em;
	text-align: left;
	height: 100%;
	padding: 20px 10px;
	margin-left: 70px;
}



.formacion .progress {
	margin: 10px 0;
    height: 30px;
    border-radius: 25px;
}

.formacion .progress .bg-danger {
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.formacion span.info-progreso {
	float: left;
	width: 33%;
	text-align: center;
	font-size: 0.9em;
	/*font-family: font_bold;*/font-weight: bold;
}

.formacion .cuadro-resultado {
	float: left;
	clear: both;
	width: 100%;
	margin: 30px 0 10px 0;
	background-color: #f3f3f3;
	text-align: center;
}

.formacion .cuadro-resultado span {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	text-align: center;
	font-size: 1em;
	padding: 10px;
}

.formacion a.boton,
.formacion a.boton_inactivo {
	background-color: #d69393;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    font-weight: bold;
    border: 0;
    margin: 10px 2px;
    display: inline-block;
    width: 45%;
    font-size: 0.8em;
    text-align: center;
}


.formacion a.boton:hover {
	cursor: pointer;
	background-color: #cf2034;
	color: white;
}


.formacion a.boton img,
.formacion a.boton_inactivo img {
	height: 20px;
}

.formacion a.grande {
	width: 90%;
	font-size: 1em;
}

.formacion_mensaje {
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
}

.formacion_mensaje span {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
}

.formacion_mensaje p {
	font-size: 1em;
}

.formacion_mensaje label {
	float: left;
	clear: both;
	width: 100%;
	margin: 2px 0;
	/*font-family: font_bold;*/font-weight: bold;
}

.formacion .encuesta {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	border-bottom: 1px solid #e32b22;
}

.formacion .encuesta span.pregunta {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	font-size: 0.9em;
	/*font-family: font_bold;*/font-weight: bold;
}

.formacion .encuesta .respuesta {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	padding-left: 50px;
	font-size: 0.9em;
}

.formacion .encuesta .respuesta input[type=text] {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.9em;
	padding: 5px;
}

.swal2-html-container {
    text-align: center
}

.swal2-styled.swal2-confirm {
	background-color: #cf2034 !important ;
}

.widget_zonausuario_formacion {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	border:2px solid #eee;
	display: flex; /*Establecemos la flex al contenedor*/
    flex-wrap: wrap; /*wrap para que los ítems sobrantes se desplacen a otra fila*/
}

.widget_zonausuario_formacion .modulo {
	float: left;
	width: 175px;
	background-color: yellow;
	color: #e3032e;
	padding: 10px 10px 10px 15px;
	display: flex;
   	align-items: center;
	/*font-family: font_bold;*/font-weight: bold;
}



.widget_zonausuario_formacion .columna1 {
	float: left;
	width: calc(50% - 185px);
	padding: 20px 10px 10px 20px;
	font-size: 0.9em;
	position: relative;
	min-height: 250px;
}

.widget_zonausuario_formacion .columna2 {
	float: left;
	width: calc(50% - 110px);
	padding: 20px 10px 10px 10px;
	font-size: 0.9em;
	position: relative;
}

.widget_zonausuario_formacion .info {
	float: left;
	width: 120px;
	padding: 10px;
	display: flex;
   	align-items: center;
	justify-content: center;
}

.widget_zonausuario_formacion .columna1 a.acceder {
	background-color: #cf2034;
	color: white;
	padding: 15px 40px;
	text-decoration: none;
	border: 0;
	margin: 20px 15px;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.widget_zonausuario_formacion .columna1 a.acceder:hover {
	cursor: pointer;
	background-color: #861F1B;
	color: white;
}

.widget_zonausuario_formacion .columna2 a.diploma {
	background-color: #53606b;
	color: white;
	padding: 15px 40px;
	text-decoration: none;
	border: 0;
	margin: 20px 15px;
	text-align: center;
	position: absolute;
	bottom: 0;
}

.widget_zonausuario_formacion .columna2 a.diploma:hover {
	cursor: pointer;
	background-color: #415c74;
	color: white;
}

.widget_zonausuario_formacion .c100 > span {
	color: black;
}

@media screen and (max-width:1000px) { 
	.widget_zonausuario_formacion .modulo,
	.widget_zonausuario_formacion .columna1,
	.widget_zonausuario_formacion .columna2
	 { width: 100%; min-height: unset;}

	 .widget_zonausuario_formacion .columna1 a.acceder,
	 .widget_zonausuario_formacion .columna2 a.diploma {
		position: unset;
		float: left;
		margin: 0;
	 }
}

.completa h1 {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0;
	color: #cf2034;
	font-size: 1.2em;
	/*font-family: font_bold;*/font-weight: bold;
}