.contenedorDuelo {
	position: relative;
	width: 350px;
	height: 350px;
	border: 0px;
}

.imagenDuelo {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ajusta la imagen manteniendo la proporción */
}

.textoDuelo {
	position: absolute;
	top: 245px;
	left: 175px;
	transform: translate(-50%, -50%);
	text-align: center;
	color: white;
	font-family: 'Arial Black', sans-serif;
	font-size: 24px;
	color: #E43808; 
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #FFFFFF;
}

.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #FFFFFF;
}

.imagen{
	margin:auto;
	width:auto;
	max-width:70%;
	display:block;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

.der{
	text-align:right;	
}

.izq{
	text-align:left;	
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}



/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #FFFFFF;
	}

/* Styling the links */
nav a {
	display:block;
	padding:10px 20px;	
	color:#000000;
	font-size:17px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #000000; color:#FFFFFF; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #000000; 
	color:#FFFFFF;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 40px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
	background-color:#EEEEEE;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' '; }
li > a:only-child:after { content: ''; }
	

.crojo{
	color:#CC0000;
}

.login {
	width: 320px;
	padding: 5px;
	margin:auto;
	
}

.login__field {
	padding: 20px 0px;	
	position: relative;	
}

.login__icon {
	position: absolute;
	top: 30px;
	color: #033651;
}



.calc__input {
	-webkit-appearance: none;
	border: none;
	border-bottom: 2px solid #033651;
	background: none;
	padding: 10px;
	padding-left: 24px;
	font-weight: 700;
	width: 300px;
	
	margin:auto;
	font-size:20px;
}

.calc__input:active,
.calc__input:focus,
.calc__input:hover {
	outline: none;
	border-bottom-color: #033651;
}


.login__input {
	-webkit-appearance: none;
	border: none;
	border-bottom: 2px solid #033651;
	background: none;
	padding: 10px;
	padding-left: 24px;
	font-weight: 700;
	width: 75%;
	transition: .2s;
	margin:auto;
	font-size:20px;
}

.login__input:active,
.login__input:focus,
.login__input:hover {
	outline: none;
	border-bottom-color: #033651;
}

.login__submit {
	background: #fff;
	font-size: 14px;
	margin:auto;
	padding: 16px 20px;
	border-radius: 26px;
	border: 1px solid #033651;
	text-transform: uppercase;
	font-weight: 700;
	
	width: 300px;
	color: #4C489D;
	box-shadow: 0px 2px 2px #033651;
	cursor: pointer;
}

.login__submit:active,
.login__submit:focus,
.login__submit:hover {
	border-color: #033651;
	outline: none;
}

.button__icon {
	font-size: 24px;
	margin-left: auto;
	color: #033651;
}

.textoBloqueTxT{
			background-color: #033651;
		border-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding:10px;
		font-family: arial;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		text-align:center;
		vertical-align:middle;
		display:block;
		height:40px;
}

.textoBloqueTxTRed{
			background-color: #630000;
		border-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding:10px;
		font-family: arial;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		text-align:center;
		vertical-align:middle;
		display:block;
		height:40px;
}

.textoBloqueTxTSocial{
			background-color: #256F47;
		border-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding:10px;
		font-family: arial;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		text-align:center;
		vertical-align:middle;
		display:block;
		height:40px;
}

.textoBloqueTxTTecnico{
			background-color: #753005;
		border-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding:10px;
		font-family: arial;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		text-align:center;
		display:block;
		height:40px;
}

.textoBloqueBanner{
		background-color: #033651;
		border-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding:10px;
		font-family: arial;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		text-align:center;
		display:block;
	}
	
	.textoBloqueBannerSim{
		background-color: #EA7806;
		border-radius: 10px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding:10px;
		font-family: arial;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		text-align:center;
		display:block;
	}


.inputFisicas{
	
  border: 2px solid #003351;
  padding: 5px;
  border-radius: 4px;
  font-family: arial;
  font-size: 16px;
  color: #003351;
  font-weight: bold;
  height: 34px;
}

#pruebasHombre{
	display: none;
}
#pruebasMujer{
	display:none;
}

#hombreCircuito{
	display:none;
	border-radius: 15px;
	padding: 20px;
	
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	margin:auto;
	text-align:center;
}
#hombreDominadas{
	display:none;
	border-radius: 15px;
	padding: 20px;
	
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	margin:auto;
	text-align:center;
}
#hombreCarrera{
	display:none;
	border-radius: 15px;
	padding: 20px;
	
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	margin:auto;
	text-align:center;
}

#mujerCircuito{
	display:none;
	border-radius: 15px;
	padding: 20px;
	
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	margin:auto;
	text-align:center;
}
#mujerDominadas{
	display:none;
	border-radius: 15px;
	padding: 20px;
	
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	margin:auto;
	text-align:center;
}
#mujerCarrera{
	display:none;
	border-radius: 15px;
	padding: 20px;
	
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	margin:auto;
	text-align:center;
}

.botonFisicasm{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #CC0000;
	width: 100%;
	background-color: white;
	color: #CC0000;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonFisicas{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 100%;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonFisicasActivo{

	background-color: #003351;
	
	color: white;
}

.botonFisicas:hover{
	
	color: #000000;
	border: 2px solid #000000;
	 
}

.botonFisicasActivo:hover{
	
	color: #000000;
	border: 2px solid #000000;
	 
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
   opacity: 0.7;
}

.fa:hover {
    opacity: 1;
	color:white;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-whatsapp{
  background: #44a867;
  color: white;
  font-size:40px;
}

.fa-instagram {
  background: #c032aa;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}


.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}

#tindexSim{
	background: url("images/tindexSim.jpg") no-repeat;
	background-position: center;
	width:50%;
	vertical-align:middle;
	border-radius: 15px;
	
	
	
}

#tindex{
	background: url("images/tindex.jpg") no-repeat;
	background-position: center;
	width:50%;
	vertical-align:middle;
	border-radius: 15px;
	
	
	
}

.dindextitulo{
	
	width:90%;
	margin:auto;
	background-color:rgba(255, 255, 255, 0.8);
	
	
	padding: 15px;
	color: #003351;
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	border-radius: 15px;
	
	
}
#navegador{
	
	
	background-color:#ffffff;
	text-align: center;
	padding: 5px;
	border-radius: 15px;
	z-index:10500;
	width:500px;
	margin:auto;
	position:relative;
	top:10px;
	border-radius: 15px;
	border: 2px solid #003351;
}

.textoPopup{
	padding: 5px;
	border-radius: 10px;
	font-family: arial;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-align:center;
	
}

.textoPopupder{
	padding: 5px;
	border-radius: 10px;
	font-family: arial;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-align:right;
	vertical-align: middle;
	
}

.textoPopupizq{
	padding: 5px;
	border-radius: 10px;
	font-family: arial;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	text-align:left;
	vertical-align: middle;
	
}
#cronometro{
	text-align: center;
	
	
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 30px;
	font-weight: bold;
	padding: 15px;
}

.relojtest table{
	
	width:69%;
	text-align:center;
}
.relojtest td{
	text-align:center;
	
}

.tablaPopup {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tablaPopup  td, .tablaPopup  th {
  border: 0px solid #ddd;
  
  text-align: center;
  padding: 8px;
}



.tablaPopup  th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #003351;
  color: white;
}

.botoGrupo:active{
	background-color:#000000;
	color: white;
}

.botonGrupo{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}

.botonGrupo:hover{
	background-color:#003351;
	color: white;
}

#grupos2 {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 70%;
	margin:auto;
	text-align:center;
	
  overflow-x: visible; /* scroll horizontal */
  overflow-y: visible; /* scroll vertical */
}

#grupos2 td, #grupos2 th {
  border: 1px solid #ddd;
  
  text-align: center;
  padding: 8px;
}

#grupos2 tr:nth-child(even){background-color: #f2f2f2;}

#grupos2 tr:hover {background-color: #dff1fc;}

#grupos2 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #003351;
  color: white;
}

#grupos {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  
}

#grupos td, #grupos th {
  border: 1px solid #ddd;
  
  text-align: center;
  padding: 8px;
  
  
}

#grupos tr:nth-child(even){background-color: #f2f2f2;}

#grupos tr:hover {background-color: #dff1fc;}

#grupos th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #003351;
  color: white;
}


#gruposAlumnos {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 90%;
  
}

#gruposAlumnos td, #gruposAlumnos th {
  border: 1px solid #ddd;
  
  text-align: center;
  padding: 8px;
  
  
}

#gruposAlumnos tr:nth-child(even){background-color: #f2f2f2;}

#gruposAlumnos tr:hover {background-color: #dff1fc;}

#gruposAlumnos th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #003351;
  color: white;
}

#gruposAlumnos td:nth-child(9), #gruposAlumnos td:nth-child(5),#gruposAlumnos td:nth-child(6),#gruposAlumnos td:nth-child(7),#gruposAlumnos td:nth-child(8),#gruposAlumnos td:nth-child(11), #gruposAlumnos td:nth-child(12)      {
  display: visible;
}

#gruposAlumnos th:nth-child(9), #gruposAlumnos th:nth-child(5),#gruposAlumnos th:nth-child(6),#gruposAlumnos th:nth-child(7),#gruposAlumnos th:nth-child(8),#gruposAlumnos th:nth-child(11), #gruposAlumnos th:nth-child(12)      {
  display: visible;
}


.grupoMal{
	
	
	font-family: arial;
	font-size: 20px;
	color: #CC0000;
	font-weight: bold;
	text-align:center;

}

.grupoBien{
	
	
	font-family: arial;
	font-size: 20px;
	color: #036F42;
	font-weight: bold;
	text-align:center;

}

.grupo{
	
	
	font-family: arial;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-align:center;

}

.overlay { 
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom:0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 100ms;
  visibility: hidden;
  opacity: 0;
  z-index: 1501;
}


#popupCalendario{

width: 80%;
padding: 2%;

border-radius: 15px;
box-shadow: 0 0 5px #CCC;
background: #FFF;
position: absolute;
top:20px;
left:10%;
margin: auto;
transition: all 1s ease-in-out;
  z-index: 1001;

}

#popupDuelo{

width: 80%;
padding: 2%;

border-radius: 15px;
box-shadow: 0 0 5px #CCC;
background: #FFF;
position: absolute;
top:20px;
left:10%;
margin: auto;
transition: all 1s ease-in-out;
  z-index: 1001;

}


#popupBody{

width: 70%;
padding: 2%;

border-radius: 15px;
box-shadow: 0 0 5px #CCC;
background: #FFF;
position: relative;
margin: 20% auto;
transition: all 1s ease-in-out;
  z-index: 1001;

}

#popupBodyCalendario{

width: 70%;
padding: 2%;

border-radius: 15px;
box-shadow: 0 0 5px #CCC;
background: #FFF;
position: relative;
margin: 20% auto;
transition: all 1s ease-in-out;
  z-index: 1001;

}

.popupContent{
	margin:auto;
	text-align:center;
	
}

#cerrar{

position: absolute;
top: 20px;
right: 30px;

font-size: 30px;
fotn-weight: bold;
text-decoration: none;
color: #F00;

transition: all 1ms;
  z-index: 1002;

}

#servicios {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 80%;
  margin:auto;
}

#servicios td, #servicios th {
  border: 1px solid #ddd;
  text-align: center;
  padding: 8px;
}

#servicios tr:nth-child(even){background-color: #f2f2f2;}

#servicios tr:hover {}

#servicios th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #003351;
  color: white;
}

.serviciosResaltado{
  text-align:center;
  font-weight:bold;
  color:#000000;
  font-size:24px;
  border-radius: 50px;
  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}

.textoDorado{
	color:#FDDA88;
	font-size:20px;
}

 .fondoBarra { 
        background-color: rgb(50, 50, 50); 
        width: 90%; 
        border-radius: 15px; 
		margin:auto;
		text-align:center;
		margin:5px;
    } 
  
    .barra { 
        
        color: white; 
        padding: 1%; 
        text-align: right; 
        font-size: 20px; 
        border-radius: 15px; 
		border: 3px solid rgb(50, 50, 50);
    } 
	
.tituloSeccion{
	 background-color:#FFFFFF;
	  color:#003351;
	 border-radius: 5px;
	 
	 text-align:justify;
	 margin:auto;
	 padding:7px;
	  font-family: arial;
	font-size: 30px;
	font-weight: bold;
}

.tituloSeccionCentrado{
	 background-color:#FFFFFF;
	  color:#003351;
	 border-radius: 5px;
	 
	 text-align:center;
	 margin:auto;
	 padding:7px;
	  font-family: arial;
	font-size: 30px;
	font-weight: bold;
}


.numTemaRegistro{
	 background-color:#FFFFFF;
	  color:#003351;
	 border-radius: 100px;
	 text-align:center;
	 margin:auto;
	 padding:7px;
	 border: 5px solid #000;
	  font-family: arial;
	font-size: 48px;
	font-weight: bold;
}
.descripRegistro{
	 background-color:#FFFFFF;
	  color:#003351;
	 border-radius: 5px;
	 font-style: italic;
	 text-align:justify;
	 margin:auto;
	 padding:7px;
	  font-family: arial;
	font-size: 18px;
	font-weight: bold;
}
.descripRegistro2{
	 background-color:#FFFFFF;
	  color:#003351;
	 border-radius: 5px;
	 font-style: italic;
	 text-align:center;
	 margin:auto;
	 padding:7px;
	  font-family: arial;
	font-size: 18px;
	font-weight: bold;
}
.letraActivada{
	
	 background-color:#FFFFFF;
	  color:#003351;
	 border: 2px #003351;
	 border-radius: 25px;
	 text-align:center;
	 margin:auto;
	 padding:7px;
	 border: 2px solid #000;
	  font-family: arial;
	font-size: 15px;
	font-weight: bold;
}

.letraActivada:hover{
	 background-color:#003351;
	 color:#FFFFFF;
	 bborder: 2px solid #FFFFFF;
}

.letraDesactivada{
	opacity:0.5;
	 background-color:#FFFFFF;
	  color:#003351;
	 border: 2px #003351;
	 border-radius: 25px;
	 text-align:center;
	 margin:auto;
	 padding:7px;
	 border: 2px solid #000;
	  font-family: arial;
	font-size: 15px;
	font-weight: bold;
}

.botonFavorito{
	opacity:0.75;
	 background-color:transparent;
	 border: none;
}

.botonFavorito:hover{
	opacity:1;
}

.botonBorrarPalabra{
	opacity:0.5;
	background: url("images/favoritodelete.png") no-repeat scroll 0 0 transparent;
	background-position: center; 
	text-shadow: 2px 2px #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 50px;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}
.botonBorrarPalabra:hover{
	opacity:1;
	background: url("images/favoritodelete.png") no-repeat scroll 0 0 transparent;
	background-position: center; 
	text-shadow: 2px 2px #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 50px;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonComprar{
	background: url("images/pdfdown3.png") no-repeat scroll 0 0 transparent;
	background-position: center; 
	text-shadow: 2px 2px #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 100%;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonComprar:hover{

	background-color: #003351;
	text-shadow: 0px 0px #FFFFFF;
	color: white;
}

.botonDescargables{
	background: url("images/pdfdown3.png") no-repeat scroll 0 0 transparent;
	background-position: center; 
	text-shadow: 2px 2px #FFFFFF;
	text-align: center;
	vertical-align: middle;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 100%;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonDescargables:hover{

	background-color: #003351;
	text-shadow: 0px 0px #FFFFFF;
	color: white;
}


.suspenso{
  color:#CC0000;

}

.notaRev-buena{
  text-align:center;
  font-weight:bold;
  color:#D6FFC9;
  font-size:24px;
  border-radius: 50px;
  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}

.notaRev-suspenso{
  text-align:center;
  font-weight:bold;
  color:#FFD2C9;
  font-size:24px;
  border-radius: 50px;
  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}

.notaRev{
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  font-size:24px;
  border-radius: 50px;
  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}

.nota{
  text-align:center;
  font-weight:bold;
  color:#000000;
  font-size:24px;
  border-radius: 50px;
  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}

.psa{
  text-align:center;
  font-weight:bold;
  color:#000000;
  font-size:24px;

  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}


.titBloque{
     
        border-radius: 50%;
        width: 30px;
        height: 30px;
        padding: 5px;
        
        border: 8px solid;
       display:inline-block;
        text-align: center;
        font: 32px Arial, sans-serif;
      

}

.titPsico{
	position:relative;
	display:inline-block;
	vertical-align:middle;
}


.blI{
  border-color:#006207;
   color: #006207;
   width:30px;

}

.blII{
  border-color:#033651;
   color:#033651;
   width:30px;

}

.blIII{
  border-color:#530062;
   color: #530062;
   width:30px;

}

.blIV{
  border-color:#621000;
   color: #621000;
   width:30px;

}

.nota-buena{
  text-align:center;
  font-weight:bold;
  color:#08760F;
  font-size:24px;
  border-radius: 50px;
  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}

.nota-suspenso{
  text-align:center;
  font-weight:bold;
  color:#CC0000;
  font-size:24px;
  border-radius: 50px;
  width:100px;
  height:50px;
  box-shadow: 0px;
  border:none;

}

.nota:hover, .nota-hover:focus, .nota-buena:hover, .nota:focus, .nota-suspenso:focus, .nota-buena:focus{
  color:#ffffff;
  background-color:#0348A0;
  

}

.svg-item {
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
}
#tablaResumenActividades {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border:0;
  width: 100%;
}

#tablaResumenActividades td, #tablaResumenActividades th {
  border: 0px solid #ddd;
  padding: 8px;
}

#tablaResumenActividades tr:nth-child(even){}

#tablaResumenActividades tr:hover {}

#tablaResumenActividades th {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  background-color: #033651;
  color: white;
}

#detallesActividad{
		visibility:hidden;
		vertical-align: middle;
}

@keyframes donutfade {
  /* this applies to the whole svg item wrapper */
    0% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}


.donut-ring {
    stroke: #EBEBEB;
}

.donut-segment {
    transform-origin: center;
    stroke: #FF6200;
}

.donut-segment-2 {
    stroke: var(--fill);
    animation: donut1 3s;
}


.segment-1{fill:#ccc;}
.segment-2{fill:aqua;}


.donut-percent {
    animation: donutfadelong 1s;
}

@keyframes donutfadelong {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: var(--tam1), var(--tam2);
    }
}

@keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 30, 70;
    }
}

@keyframes donut3{
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 1, 99;
    }
}

.donut-text {
    font-family: Arial, Helvetica, sans-serif;
    fill: #FF6200;
}
.donut-text-1 {
    fill: var(--fill);
}

.donut-label {
    font-size: 0.28em;
    font-weight: 700;
    line-height: 1;
    fill: #000;
    transform: translateY(0.25em);
}

.donut-percent2 {
    font-size: 0.25em;
    line-height: 1;
    transform: translateY(0.5em);
    font-weight: bold;
}

.donut-percent {
    font-size: 0.5em;
    line-height: 1;
    transform: translateY(0.5em);
    font-weight: bold;
}

.donut-data {
    font-size: 0.2em;
    line-height: 1;
    transform: translateY(0.5em);
    text-align: center;
    text-anchor: middle;
    color:#666;
    fill: #666;
    animation: donutfadelong 1s;
}




/* ---------- */
/* just for this presentation */
html { text-align:center; }
.svg-item {
  max-width:220px;
  display:inline-block;
  position:relative;
}


.wrapper {
  padding: 50px 0;
  border-bottom: 1px solid rgba(0,0,0,.1);
  background: #fff;
}

#canvas {
  display: block;
  margin: 0 auto;
}

.leyenda{
	width:30px;
	height:30px;
	border-radius: 4px;
	background:var(--fill);
	color: #fff;
	font-size: 22px;
	
}

.leyendaPos1{
	width:150px;
	height:150px;
	
	text-align:center;
	border-radius: 10px;
	
	color: #a56a03;
	font-size: 55px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos1.png");
	background-repeat: no-repeat;
	
}
.leyendaPos2{
	width:150px;
	height:150px;
	
	text-align:center;
	border-radius: 10px;
	
	color: #333333;
	font-size: 55px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos2.png");
	background-repeat: no-repeat;
	
}
.leyendaPos3{
	width:150px;
	height:150px;
	
	text-align:center;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 55px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos3.png");
	background-repeat: no-repeat;
	
}
.leyendaPos15{
	width:150px;
	height:150px;
	
	text-align:center;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 55px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos15.png");
	background-repeat: no-repeat;
	
}

.leyendaPos{
	width:150px;
	height:150px;
	
	text-align:center;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 55px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPosGen.png");
	background-repeat: no-repeat;
	
}
.leyendaPosMini1{
	width:120px;
	height:120px;
	background-size: 120px 120px;
	text-align:center;
	border-radius: 10px;
	
	color: #a56a03;
	font-size: 45px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos1.png");
	background-repeat: no-repeat;
	
}
.leyendaPosMini2{
	width:120px;
	height:120px;
	background-size: 120px 120px;
	text-align:center;
	border-radius: 10px;
	
	color: #333333;
	font-size: 45px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos2.png");
	background-repeat: no-repeat;
	
}
.leyendaPosMini3{
	width:120px;
	height:120px;
	background-size: 120px 120px;
	text-align:center;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 45px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos3.png");
	background-repeat: no-repeat;
	
}
.leyendaPosMini15{
	width:120px;
	height:120px;
	background-size: 120px 120px;
	text-align:center;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 45px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPos15.png");
	background-repeat: no-repeat;
	
}

.leyendaPosMini{
	width:120px;
	height:120px;
	background-size: 120px 120px;
	text-align:center;
	border-radius: 10px;
	
	color: #ffffff;
	font-size: 45px;
	 display: table-cell;
	vertical-align: middle;
	background-image: url("images/fondoPosGen.png");
	background-repeat: no-repeat;
	
}




.ortoStats{
	width:150px;
	height:150px;
	
	text-align:center;
	border-radius: 10px;
	background:var(--fill);
	color: #fff;
	font-size: 55px;
	 display: table-cell;
	vertical-align: middle
	
}

.ortoStatsMeta{
	width:100px;
	height:100px;
	
	text-align:center;
	border-radius: 10px;
	background:var(--fill);
	color: #fff;
	font-size: 40px;
	 display: table-cell;
	vertical-align: middle
	
}

.leyendaTexto{
	
	color: #000000;
	
	font-size: 18px;
	display:inline;
}

.multi-graph{
  width: 100px;
  height: 50px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  box-sizing : border-box;
  z-index: 4;
}
  .multi-graph:before{
    content: '';
    width: 100px;
    height: 50px;
    border:50px solid rgba(0,0,0,.15);
    border-bottom: none;
    position: absolute;
    box-sizing : border-box;
    transform-origin: 50%  0%;
    border-radius: 300px 300px 0 0 ;
    left: 0;
    top: 0;
  }
  .graph{
    width: 100px;
    height: 50px;
    border:50px solid var(--fill);
    border-top: none;
    position: absolute;
    transform-origin :50%  0% 0;
    border-radius: 0 0 300px 300px ;
    left: 0;
    top: 100%;
    z-index: 5;
    animation : 1s fillGraphAnimation ease-in;
    transform: rotate( calc( 1deg * ( var(--percentage) * 1.8 ) ) );
    box-sizing : border-box;
    cursor: pointer;
}

    
.multi-graphos{
  width: 300px;
  height: 150px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  box-sizing : border-box;
  z-index: 4;
}
  .multi-graphos:before{
    content: '';
    width: 300px;
    height: 150px;
    border:50px solid rgba(0,0,0,.15);
    border-bottom: none;
    position: absolute;
    box-sizing : border-box;
    transform-origin: 50%  0%;
    border-radius: 300px 300px 0 0 ;
    left: 0;
    top: 0;
  }
  .graphos{
    width: 300px;
    height: 150px;
    border:50px solid var(--fill);
    border-top: none;
    position: absolute;
    transform-origin :50%  0% 0;
    border-radius: 0 0 300px 300px ;
    left: 0;
    top: 100%;
    z-index: 5;
    animation : 1s fillGraphAnimation ease-in;
    transform: rotate( calc( 1deg * ( var(--percentage) * 1.8 ) ) );
    box-sizing : border-box;
    cursor: pointer;
}


@keyframes fillAnimation{
  0%{transform : rotate(-45deg);}
  50%{transform: rotate(135deg);}
}

@keyframes fillGraphAnimation{
  0%{transform: rotate(0deg);}
  50%{transform: rotate(180deg);}
}

#file_input
{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 178px;
    font-family: Arial;
    margin: 0 auto;
    transform: translateY(-50%);
    cursor: pointer;
}

#file_button
{
    display: none;
}

#file_button_label
{
    display: block;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    padding: 10px;
    margin-right: 36px;
    background-color:  #003351;
    border-radius: 3px 0 0 3px #003351;
    cursor: pointer;
}

#file_button_label:hover
{
    
    background-color: #000000;
	color: #f4df51;
    
}

#file_button_label i
{
    margin-right: 8px;
}

  
#myImg0, #myImg1, #myImg2, #myImg3, #myImg4, #myImg5, #myImg6, #myImg7, #myImg8, #myImg9, #myImg10, #myImg11, #myImg12, #myImg13, #myImg14, #myImg15  {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg0:hover, #myImg1:hover, #myImg2:hover, #myImg3:hover, #myImg4:hover, #myImg5:hover, #myImg6:hover, #myImg7:hover, #myImg8:hover, #myImg9:hover, #myImg10:hover, #myImg11:hover, #myImg12:hover, #myImg13:hover, #myImg14:hover, #myImg15:hover {opacity: 0.7;}

.modal {
    display: none; 
    position: fixed; 
    z-index: 101; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.9); 
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1000px;
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modal-content, #caption { 
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.botonFinTest{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #CC0000;
	width: 200px;
	background-color: white;
	color: #CC0000;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonFinTest:hover{
	background-color:#CC0000;
	color: white;
}


.botonLiga{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width:200px;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	margin:10px;
}

 .botonesLiga{
	position:relative;
	display:inline-block;
 }

.botonLiga:hover{
	background-color:#003351;
	color: #FFFFFF;
}

.botonLigaSelected{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #000000;
	
	background-color: #FCFFC9;
	color: #000000;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	margin:10px;
}

.botonLigaSelected:hover{
	background-color:#003351;
	color: #FFFFFF;
}




.botonForo{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 200px;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	margin:10px;
}

.botonForo:hover{
	background-color:#003351;
	color: white;
}
.botonPaginaActivo{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 40px;
	background-color: #000000;
	color: white;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}

.botonPaginaActivo:hover{
	background-color:#000000;
	color: white;
}

.botonPaginaActivo:active{
	background-color:#000000;
	color: white;
}

.botonPagina{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 40px;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}

.botonPagina:hover{
	background-color:#003351;
	color: white;
}



.botonPaginaActivo2{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 50px;
	background-color: #000000;
	color: white;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	margin:5px;
}

.botonPaginaActivo2:hover{
	background-color:#000000;
	color: white;
}

.botonPaginaActivo2:active{
	background-color:#000000;
	color: white;
}

.botonPagina2{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 50px;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	margin:5px;
}

.botonPagina2:hover{
	background-color:#003351;
	color: white;
}

.ntemaBoton{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 200px;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.ntemaBoton:hover{
	background-color:#003351;
	color: white;
	
}

.ntemaTexto{
	border: 2px solid #003351;
	border-radius: 16px;
	width: 100%;
	height:300px;
	padding: 10px;
	font-family: arial;
	font-size: 15px;
}


.ntemaTitulo{
	border: 2px solid #003351;
	border-radius: 16px;
	width: 100%;
	padding: 10px;
	font-family: arial;
	font-size: 15px;
}

.tablaPerfilForo {
  
  
  width: 80%;
  
  margin: auto;
  font-size: 14px;
  

	vertical-align: text-top;
	text-align:center;
	 font-family: arial;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	border: 1px solid #fff;
}

.tablaPerfilForo td {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #ffffff;
  color: #2a6d98;
  text-align:center;
  border: 1px solid #fff;
}

.tablaPerfilForo tr:nth-child(even){background-color: #white; }

.tablaPerfilForo tr:hover {background-color: #white; }


.tablaPerfilForo th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #2a6d98;
  color: #ffffff;
  text-align:center;
  border: 1px solid #fff;
}




#foro {
  
  border-collapse: collapse;
  width: 80%;
  
  margin: auto;
  font-size: 14px;
  

	vertical-align: text-top;
	text-align:justify;
	 font-family: arial;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
 
}

.contenedorPerfil{
	text-align:center;
	vertical-align:top;
	margin:auto;
}
#foro td {
  border: 1px solid #ddd;
  padding: 8px;


  
}

#foro tr:nth-child(even){background-color: #f2f2f2;}

#foro tr:hover {}

#foro th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #2a6d98;
  color: #ffffff;
  text-align:center;
}

.tdTop-right2{
	vertical-align:top;
	width:50%;
	margin:auto;
	
	}

	.tdTop-left2{
		vertical-align:top;
		width:50%;
		margin:auto;
		
	}
.tablaPerfil{
	margin:auto;
	
	width:150px;
	
}	
.tablaCentrada2{
	margin:auto;
	width:100%;
	
}

.tablaCentrada3{
	margin:auto;
	width:80%;
	
}

#bibliografia {
  font-family: arial;
  border-collapse: collapse;
  width: 100%;
  text-align:center;
  
 
}

#bibliografia td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#bibliografia tr:nth-child(even){background-color: #f2f2f2;}

#bibliografia tr:hover {background-color: #ddd;}

#bibliografia th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #2a6d98;
  color: #ffffff;
  text-align:center;
}

.tituloBibliografia{
 font-family: arial;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #033651;
  color: #ffffff;
  text-align:center;
  
}

.tituloBibliografia2{
 font-family: arial;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  width: 50%;
  background-color: #033651;
  color: #ffc000;
  text-align:center;
  
}

.tituloBibliografia3{
 font-family: arial;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: right;
  width: 20%;
  background-color: #033651;
  color: #ffffff;
  
}

.tituloBibliografia4{
 font-family: arial;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  width: 50%;
  background-color: #a2c6da;
  color: #033651;
  
}

.tituloBibliografiaPrueba{
 font-family: arial;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  width: 50%;
  background-color: #f4bfbf;
  color: #510303;
  
}

.textoNoticias{
	padding: 5px;
	background-color: #ffffff;
	box-shadow: 2px 3px 3px #888888;
	border-radius: 10px;
	font-family: arial;
	color: #000;
	text-align:center;
	font-style:italic;
	
}


.tablaCentradaBOE{
		visibility:hidden;
		margin:auto;
		width:1px;
	}

.tdTop-right{
	vertical-align:top;
	padding:1px;
	width:1px;
}

.tdTop-left{
	vertical-align:top;
	width:90%;
	padding:1px;
}
.tablaCentradaNoticias{
	margin:auto;
	width:100%;
}

.tablaCentradaInicio{
	margin:auto;
	width:80%;
}

.minic_cabeceradia{
		 background-color:#FFFFFF;
	  color:#003351;
	 border-radius: 200px;
	 text-align:center;
	 margin:auto;
	 padding:7px;
	 border: 5px solid #000;
	  font-family: arial;
	font-size: 30px;
	font-weight: bold;
	width:50px;
}

.minic_cabecerames{
			 
	  color:#003351;
	 text-align:center;
	 margin:auto;
	  font-family: arial;
	font-size: 30px;
	font-weight: bold;
	 border-bottom: 1px solid black;

}

.minic_cabeceradetalles{
	text-align:justify;
	 font-style: italic;
}

.minic_diasinactividad{
	text-align:center;
	width:50px;
	vertical-align:middle;
	font-family: arial;
	font-size: 16px;
	border-radius:5px;
	background-color: #CCCCCC;
	color:#003351;
		
}
.minic_diaorto{
	text-align:center;
	width:50px;
	vertical-align:middle;
	font-family: arial;
	font-size: 16px;
	border-radius:5px;
	background-color: #007E5A;
	color:#FFFFFF;
}

.minic_diaconocimientos{
	text-align:center;
	width:50px;
	vertical-align:middle;
	font-family: arial;
	font-size: 16px;
	border-radius:5px;
	background-color: #003D9C;
	color:#FFFFFF;	
}

.minic_diacurso{
	text-align:center;
	width:50px;
	vertical-align:middle;
	font-family: arial;
	font-size: 16px;
	border-radius:5px;
	background-color: #5F009C;
	color:#FFFFFF;
}

.minic_diaactual{
	text-align:center;
	width:50px;
	vertical-align:middle;
	font-family: arial;
	font-size: 16px;
	border-radius:5px;
	background-color: #FFB601;
	color:#003351;	
}



.fondoTabla{	
	text-align: left;
	font-family: arial;
	text-align:center;
	color: #FFF;
	background-color:#033651;
	padding: 5px;	
	border-radius: 5px;
		
}

.imagenForo{
	visibility: visible;
	margin:auto;
	width:auto;
	height:auto;
	text-align:center;
	max-width:800px;
}

.imagenOcultaNoticias{
	visibility: visible;
	margin:auto;
	width:auto;
	height:auto;
	max-width:150px;
}


.enlaceblanco, .enlaceblanco:active, .enlaceblanco:visited{
	font-family: arial;
	font-size: 14px;
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
	
	padding: 5px;	
	border-radius: 5px;
}

.enlaceblanco:hover{
	color: #FFB601;
}
.enlaceForo, .enlaceForo:active, .enlaceForo:visited{
	
	font-family: arial;
	font-size: 18px;
	text-decoration:none;
	font-weight:bold;
	color: #033651;
	
	padding: 5px;	
	border-radius: 5px;
}

.enlaceForo:hover{
	
	font-family: arial;
	
	text-decoration:none;
	font-weight:bold;
	color: #000000;
	
	padding: 5px;	
	border: 1px solid #033651;
	border-radius: 5px;
}


.enlace, .enlace:active, .enlace:visited{
	
	font-family: arial;
	
	text-decoration:none;
	font-weight:bold;
	color: #033651;
	background-color:#ffffff;
	padding: 2px;	
	border-radius: 5px;
}

.enlace:hover{
	
	font-family: arial;
	
	text-decoration:none;
	font-weight:bold;
	color: #FFF;
	background-color:#033651;
	padding: 2px;	
	border-radius: 5px;
}


.selectBiblio {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.selectBiblio select {
  background-color: #033651;
  color: white;
  padding: 12px;
  width: 500px;
  border: none;
  font-size: 18px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  -webkit-appearance: button;
  appearance: button;
  outline: none;
}


.selectBiblio:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: #033651;
}

.selectBiblio select option {
  padding: 30px;
}

.clasifYo{
	background-color: #ffc955;
	font-family: arial;
	font-size: 18px;
}
.clasif{
    /* Todas las filas blancas */
    background-color: white;
	font-family: arial;
	font-size: 18px;
  }
.clasif:nth-child(2n+1){
    /* Filas impares grises */
    background-color: #e5f4fc;
  }
.clasif:hover {
    /* Filas celeste al pasar el mouse */
    background-color: #033651;
	color:white;
  }
  
.bibliotr{
    /* Todas las filas blancas */
    background-color: white;
	font-family: arial;
	font-size: 18px;
  }
.bibliotr:nth-child(2n+1){
    /* Filas impares grises */
    background-color: #e5f4fc;
  }
  
.biblio {
  width: 80%;
  
  border: none;
  color:#033651;
  padding: 16px 8px;
  align: center;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 1;
  transition: 0.4s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.biblio:focus{
	color:white;
}

.biblio:visited{
	color:#033651;
}

.bibliotable{
	border-collapse: collapse;
	width:100%;
}
  
.biblio:hover {
	opacity: 1;
	color: #ffc955;
	background-color: #033651;
	}

  
a, a:hover, a:focus {
	color: #033651;
	text-decoration: none;
}

body{
	background-color:#EEE;	
	
   

	margin:0;
}


#imagenCabecera2{
	width:169px;
	height:169px;
	background-image:url("images/cnp_170_promocion_xl3.png");	
	position:absolute;
	top:10px;
	left:30px;
	
}
#fondoCabecera2{
	width:100%;
	height:140px;
	background-color:#033651;	
	position:absolute;
	top:0px;
	left:0px;
	
}

#imagenCabecera{
	width:169px;
	height:169px;
	background-image:url("images/cnp_170_promocion_xl3.png");	
	position:absolute;
	top:10px;
	left:30px;
	
}
#fondoCabecera{
	width:100%;
	height:140px;
	background-color:#033651;	
	position:absolute;
	top:0px;
	left:0px;
	
}

#imagenCabecera3{
	width:169px;
	height:169px;
	background-image:url("images/cnp-logo-170-global-formacion2.png");	
	position:absolute;
	top:10px;
	left:30px;
	
}

#fondoCabecera3{
	width:100%;
	height:140px;
	background-color:#033651;	
	position:absolute;
	top:0px;
	left:0px;
	
}

#imagenCabecera{
	width:169px;
	height:169px;
	background-image:url("images/cnp_170_promocion_xl3.png");	
	position:absolute;
	top:10px;
	left:30px;
	
}

#fondoBlancoCabecera{
	width:100%;
	height:40px;
	background-color:#FFF;	
	position:absolute;
	top:141px;
	left:0px;
	
}





#textoCabecera{
	width: 300px;
	height: 140px;
	position: absolute;
	top: 50px;
	left: 210px;
	text-align: left;
	font-family: arial;
	font-size: 18px;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	text-shadow: 1px 1px #000000;
}

#textoCabeceraExplica{
	width: 300px;
	height: 140px;
	position: absolute;
	top: 80px;
	left: 210px;
	text-align: justify;
	font-family: arial;
	font-size: 14px;
	color: #FFF;
	font-style: normal;
	
}

.textoPeque{

	text-align: left;
	font-family: arial;
	font-size: 12px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	
}

.textoNormal{

	text-align: left;
	font-family: arial;
	font-size: 16px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	
}


#fondoAutenti{
	width: 100%;
	display:block;
	margin:auto;
	position:absolute;
	top:200px;
	
	
	
	

}

#fondoAutenti3{
	display:block;
	width: 100%;
	
	margin-left:auto;
	position:relative;
	top:15px;
	
	
	background-color: #FFF;
	border-radius: 10px;
	
		font-family: arial;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-align:center;

}

#fondoAutenti2{
	width: 100%;
display:block;
	margin:auto;
	position:relative;
	top:35px;
	
	background-color: #FFF;
	border-radius: 10px;
	
		font-family: arial;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align:center;

}

.palabraNormal{
	
	
	font-family: arial;
	height:80px;
	font-size: 50px;
	color: #000000;
	font-weight: bold;
	text-align:center;

}

.palabraCursiva{
	
	font-style: italic;
	font-family: arial;
	font-size: 50px;
	color: #000000;
	font-weight: bold;
	text-align:center;

}

.palabraMalNormal{
	
	
	font-family: arial;
	font-size: 50px;
	color: #CC0000;
	font-weight: bold;
	text-align:center;

}

.palabraMalNormal:visited, palabraMalCursiva:visited{
	color: #CC0000;
}

.palabraMalNormal:active, palabraMalCursiva:active{
		color: #CC0000;
}

.palabraMalNormal:hover, palabraMalCursiva:hover{
		color: #111111;
}

.palabraMalCursiva{
	
	font-style: italic;
	font-family: arial;
	font-size: 50px;
	color: #CC0000;
	font-weight: bold;
	text-align:center;

}

#textoLibre{
	
	width: 90%;
	padding-top:50px;
	padding-bottom:50px;
	margin:auto;
	position:relative;
	top:200px;
	vertical-align:top;
	background-color: #FFF;
	border-radius: 10px;
	font-family: arial;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align:center;

}

#simulacrosSelect{
width: 90%;
	padding:50px;
	margin:auto;
	position:relative;
	top:200px;
	vertical-align:top;
	background-color: #FFF;
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align:left;

}

#simulacrosSelectTexto{
	width: 70%;
	padding:50px;
	margin:auto;
	position:relative;
	top:200px;
	vertical-align:top;
	background-color: #FFF;
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	color: #003351;
	font-weight: normal;
	text-align: justify;

}

#simulacrosSelectFijo{
	
	width: 90%;
	padding:50px;
	margin:auto;
	position:relative;
	top:200px;
	vertical-align:top;
	background-color: #FFF;
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align:left;

}

#simulacrosPrepol{
	z-index:-1;
	width: 98%;
	padding-top:50px;
	padding-left:auto;
	padding-bottom:50px;
	
	position:absolute;
	top:200px;
	
	background-color: #FFF;
	border-radius: 10px;
	font-family: arial;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-align:left;

}

.izqCalendario{
	vertical-align: middle;
	font-family: arial;
	font-size: 18px;
	color: #000;
	text-align: center;
	font-weight: bold;
	
	
}

.celdaCalendario{
	vertical-align: top;
	font-family: arial;
	font-size: 14px;
	color: #000;
	background-color:#EEE;
	font-weight: bold;
	border-radius: 10px;
	height: 90px;
	width: 90px;
	border : 3px solid #FFFFFF;
	
}

.celdaCalendarioActividad{
	vertical-align: top;
	font-family: arial;
	font-size: 14px;
	color: #FFF;
	background-color:#033651;
	font-weight: bold;
	border-radius: 10px;
	height: 90px;
	width: 90px;
	border : 3px solid #FFFFFF;
	background-image: url('images/logo-examen2.png'); /* Ruta de tu imagen de fondo */
  background-size: cover; /* Ajusta el tamaño de la imagen para cubrir completamente el contenedor */
  background-position: center; /* Centra la imagen en el contenedor */
  background-repeat: no-repeat
	
}


.celdaCalendarioAnterior{
	vertical-align: top;
	font-family: arial;
	font-size: 14px;
	color: #000;
	background-color: #FABFB2;
	font-weight: bold;
	border-radius: 10px;
	height: 90px;
	width: 90px;
	border : 3px solid #FFFFFF;
	
}

.celdaCalendarioActividadAnterior{
	vertical-align: top;
	font-family: arial;
	font-size: 14px;
	color: #FFF;
	background-color: #A1331B;
	font-weight: bold;
	border-radius: 10px;
	height: 90px;
	width: 90px;
	border : 3px solid #FFFFFF;
	background-image: url('images/logo-examen2.png'); /* Ruta de tu imagen de fondo */
  background-size: cover; /* Ajusta el tamaño de la imagen para cubrir completamente el contenedor */
  background-position: center; /* Centra la imagen en el contenedor */
  background-repeat: no-repeat
	
}
.registroRespuestas{
	font-family: arial;
	font-size: 16px;
	color: #222222;
	font-weight: bold;
	vertical-align:middle;
	text-align:justify;

}
.registroPreguntas{
	font-family: arial;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	vertical-align:middle;
	text-align:justify;

}

.tnormalcentrada{
	font-family: arial;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	height:35px;
	vertical-align:middle;
	text-align:center;

}

.cursivacentrada{
	font-family: arial;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	font-style: oblique;
	
	text-align:left;
	height:35px;
	vertical-align:middle;
	
	text-align:center;

}

.tnormal{
	font-family: arial;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	height:35px;
	vertical-align:middle;
	text-align:left;

}

.cursiva{
	font-family: arial;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-style: oblique;
	
	text-align:left;
	height:35px;
	vertical-align:middle;

}

.textoBloque{
	background-color: #033651;
	border-radius: 10px;
	font-family: arial;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-align:center;
}

.resueltaSi{
	background-color: #033651;
	border-radius: 10px;
	font-family: arial;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-align:center;
}

.avisoRojo{
	background-color: #CC0000;
	border-radius: 10px;
	font-family: arial;
	font-size: 24px;
	color: #FFF;
	font-weight: bold;
	text-align:center;
	width: 1100px;
	padding: 10px;
	margin:auto;
}
.resueltaNo{
	background-color: #CC0000;
	border-radius: 10px;
	font-family: arial;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-align:center;
}

.textoNotaDuelo{
	
	font-family: arial;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	text-align:center;	  
 	 background-color: white; /* Color de fondo */
	  border: 3px solid #000000; /* Borde rojo de 3px de grosor */
	  border-radius: 5px; /* Bordes redondeados */
  	padding: 5px; 
	width:120px;
}

.textoNotaDueloSuspenso{
	
	font-family: arial;
	font-size: 24px;
	color: #CC0000;
	font-weight: bold;
	text-align:center;	  
 	 background-color: white; /* Color de fondo */
	  border: 3px solid #CC0000; /* Borde rojo de 3px de grosor */
	  border-radius: 5px; /* Bordes redondeados */
  	padding: 5px; 
	width:120px;
}

.textoNota{
	
	font-family: arial;
	font-size: 24px;
	color: #000;
	font-weight: bold;
	text-align:center;
}

.textoNotaSuspenso{
	
	font-family: arial;
	font-size: 24px;
	color: #cc0000;
	font-weight: bold;
	text-align:center;
}

.bordeTablaBiodata{
	align:center;
	border: 2px solid #003351;
	margin-left:auto; 
	margin-right:auto;
  padding: 25px;
  border-radius: 15px;
  background-color: #fef1b6;
}

.botonAmpliar{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
}

.botonAmpliar:hover{

	background-color: #003351;
	
	color: #FFFFFF;
}



#botonMLiga {
	
	
	top: 0;
	left: 0;
	width: 100%;
	vertical-align : middle;
	height: 20px;
	text-align: center;
	background: #FFFFFF;
	-moz-box-shadow: 10px 10px 10px #cfd8de;
	-webkit-box-shadow: 10px 10px 10px #cfd8de;
	-ms-box-shadow: 10px 10px 10px #cfd8de;
	-o-box-shadow: 10px 10px 10px #cfd8de;
	box-shadow: 10px 10px 10px #cfd8de;
}

#botonMLiga a {
	display: block;
	color: #000;
	text-decoration: none;
}

#botonMLiga a:hover {
	color: #FFF;
	background:  #003351;
	text-decoration: none;
}

#botonMLiga a.selected {
	color: #000;
	background: #fef1b6;
	text-decoration: none;
}

.botonDescargarBiodata{
	text-align: center;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 100%;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonDescargarBiodata:hover{

	background-color: #003351;
	
	color: white;
}

.botonBloqueBiodata{
	text-align: left;
	vertical-align: middle;
	border-radius: 15px;
	border: 2px solid #003351;
	width: 100%;
	background-color: white;
	color: #003351;
	 font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
}

.botonBloqueBiodata:hover{

	background-color: #003351;
	
	color: white;
}

.tituloSeccionBiodata{
	border-radius: 15px;
  text-align:center;
  
  
  padding: 15px;
  background-color: #003351;
  font-family: arial;
  font-size: 14px;
  color: white;
  font-weight: bold;
  
}

.cook {
  
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}


.flotante  {
	width: 100%;
	  height: 70px;
	  background: #1C6E83;
	  color: #fff;
	  position: fixed;
	  bottom: 0; /*Flotante arriba: top: 0; Flotante abajo: bottom:0;*/
	  text-align: center;
	  line-height: 39px;
	  border-top: 1px solid #003586;
	  font-family: sans-serif;
	  opacity: 0.9;
	  z-index: 100;
}
.flotante a {
	color:#ffffff;
	background-color: #033651;
	padding: 6px;
	border-radius:4px;
	font-weight:bold;
	font-size: 16px;
}

.flotante a:hover{
	background-color: #000000;
}

.celdaTablaBrexit{
	border-radius: 2px;
  text-align:center;
  
  
  padding: 15px;
  background-color: #003351;
  font-family: arial;
  font-size: 14px;
  color: white;
  font-weight: bold;
  
}

.celdaTablaBrexitBlanca{
	border-radius: 2px;
  text-align:center;
  
  
  padding: 15px;
  background-color: #FFFFFF;
  font-family: arial;
  font-size: 14px;
  color: #003351;
 
  
}

.celdaTablaBrexitColor{
	border-radius: 2px;
  text-align:center;
  
  
  padding: 15px;
  background-color: #9ac1e1;
  font-family: arial;
  font-size: 14px;
  color: #003351;
  font-weight: bold;
  
}

.tituloInscripcionBiodata{
	border-radius: 15px;
  text-align:center;
  width:10%;
  padding: 15px;
  background-color: #003351;
  font-family: arial;
  font-size: 18px;
  color: white;
  font-weight: bold;
  
}

.textoInscripcionBiodata{
	
  text-align:right;
  width:10%;
  padding: 5px;
  
  font-family: arial;
  font-size: 14px;
  color: #5a431e;
  font-weight: bold;
  
}

.textoPrivacidad{
	
 
  
  padding: 80px;
  
  font-family: arial;
  font-size: 14px;
  
  font-weight: bold;
  
}

.inputBiodata{
	
  border: 2px solid #003351;
  padding: 5px;
  border-radius: 4px;
  font-family: arial;
  font-size: 16px;
  color: #003351;
  font-weight: bold;
  height: 24px;
}

.columnaBloquesActividades{
	width:50%;
	vertical-align: text-top;
	
	
}

.zonaIntroBiodata{
	
	width:50%;
	vertical-align: text-top;
	text-align:justify;
	 font-family: arial;
	font-size: 16px;
	color: #003351;
	font-weight: normal;
	
}

.zonaIzquierdaInscripcion{
	width:50%;
	vertical-align: text-top;
	
	 font-family: arial;
	font-size: 18px;
	color: #003351;
	font-weight: normal;
	
}

.celdaVertical{
	
	vertical-align: text-top;
	
	
}
.justificarTextoNormal{
	text-align:justify;
	margin: 25px;
	padding: 25px;
	vertical-align: text-top;
	
	 font-family: arial;
	font-size: 18px;
	color: #003351;
	font-weight: normal;
}

.justificarTexto{
	text-align:justify;
}

.tablacentrada{
	width:95%;
	margin-left:auto; 
	margin-right:auto;
}
.zonaInscripcionBiodata{
	padding: 20px;
	width:95%;
	margin-left:auto; 
	margin-right:auto;
	
	
	border-radius: 10px;
	font-family: arial;
	font-size: 14px;
	color: #000;
	
	text-align:center;
	font-style:italic;
}

.minic_diatitulo{
		text-align:center;
		width:50px;
		vertical-align:middle;
		font-family: arial;
		font-size: 16px;
		border-radius:5px;
		background-color: #003351;
		color:#FFFFFF;
		
		
}
.textoExplicaRegistro{
	padding: 20px;
	background-color: #fef1b6;
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	color: #000;
	
	text-align:justify;
	font-style:italic;
}

.textoExplicaRojo{
	padding: 20px;
	background-color: #a70000;
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	color: #FFFFFF;
	
	text-align:center;
	font-style:italic;
}

.textoExplicaVerde{
	padding: 20px;
	background-color: #089501;
	border-radius: 10px;
	font-family: arial;
	font-size: 16px;
	color: #FFFFFF;
	
	text-align:center;
	font-style:italic;
}

.textoExplica{
	padding: 20px;
	background-color: #fef1b6;
	border-radius: 10px;
	font-family: arial;
	font-size: 14px;
	color: #000;
	
	font-weight:normal;
	
	text-align:center;
}


#camposAutenti{
	display:block;
	width: 100%;
	background-color:#FFF;
	
	margin:auto;
	position:static;
	top:50px;
	font-family: arial;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align:center;
	border-radius: 10px;
	
}

.textoErrorLogin{

	
	font-family: arial;
	font-size: 14px;
	color: #cc0000;
	font-weight: bold;
	text-align:center;
	

}

#zonaMenu{
	z-index:10;
	height: 28px;
	position: absolute;
	top: 140px;
	left: 199px;
	text-align: justify;
	font-family: arial;
	font-size: 14px;
	color: #000;
	font-style: normal;
	font-weight:bold;
	
}

.tMenu:link, .tMenu:visited {
    background-color: white;
    color: #033651;
    padding: 12px 8px;
    text-align: center;
    text-decoration: none;
	font-weight:bold;
	font-size: 16px;
}

.tMenu:hover, .tMenu:active {
    background-color: #033651;
    color: white;
	font-weight:bold;
	font-size: 16px;
}

.submitBlock {
    background-color: #6e6e6e;
    background: -webkit-linear-gradient(top, #6e6e6e, #333333);
    background: -moz-linear-gradient(top, #6e6e6e, #333333);
    background: -ms-linear-gradient(top, #6e6e6e, #333333);
    background: -o-linear-gradient(top, #6e6e6e, #333333);
    background: linear-gradient(top, #6e6e6e, #333333);
    border: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #111111 inset ;
    -moz-box-shadow: 0 1px 0 0 #111111 inset;
    -ms-box-shadow: 0 1px 0 0 #111111 inset;
    -o-box-shadow: 0 1px 0 0 #111111 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #111111;
}

.submit {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#033651));
    background: -webkit-linear-gradient(top, #146189, #033651);
    background: -moz-linear-gradient(top, #146189, #033651);
    background: -ms-linear-gradient(top, #146189, #033651);
    background: -o-linear-gradient(top, #146189, #033651);
    background: linear-gradient(top, #146189, #033651);
    border: 1px solid #033651;
    border-bottom: 1px solid #033651;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #a2c1f8 inset ;
    -moz-box-shadow: 0 1px 0 0 #a2c1f8 inset;
    -ms-box-shadow: 0 1px 0 0 #a2c1f8 inset;
    -o-box-shadow: 0 1px 0 0 #a2c1f8 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
.submit:hover {
    opacity:.85;
    cursor: pointer; 
}

.cajaMarcador {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 2px solid #a9baf3;
	
	padding: 5px;
	
	
	position: relative;
	font-family: arial;
	font-size: 14px;
	color: #033651;
	font-weight: bold;
	text-align:center;
	
}





.cajaMarcador:checked:after {
	content: '\2714';
	font-size: 20px;
	position: absolute;
	border: 0px solid #a9baf3;
	top: -12px;
	left: 0px;
	color: #033651;
}


.navSimBlanco {
    background-color: #d8f7fc;
    background: -webkit-gradient(linear, left top, left bottom, from(##fff), to(#d8f7fc));
    background: -webkit-linear-gradient(top, #fff, #d8f7fc);
    background: -moz-linear-gradient(top, #fff, #d8f7fc);
    background: -ms-linear-gradient(top, #fff, #d8f7fc);
    background: -o-linear-gradient(top, #fff, #d8f7fc);
    background: linear-gradient(top, #fff, #d8f7fc);
    border: 1px solid #033651;
    border-bottom: 1px solid #033651;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #b3c4e0;
    -webkit-box-shadow: 0 1px 0 0 #f4f8ff inset ;
    -moz-box-shadow: 0 1px 0 0 #f4f8ff inset;
    -ms-box-shadow: 0 1px 0 0 #f4f8ff inset;
    -o-box-shadow: 0 1px 0 0 #f4f8ff inset;
    color: #033651;
    font-weight: bold;
    padding: 10px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #b3c4e0;
	margin: 5px;
}
.navSimBlanco:hover {
    opacity:.85;
    cursor: pointer; 
}

.navSimContestada {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#033651));
    background: -webkit-linear-gradient(top, #146189, #033651);
    background: -moz-linear-gradient(top, #146189, #033651);
    background: -ms-linear-gradient(top, #146189, #033651);
    background: -o-linear-gradient(top, #146189, #033651);
    background: linear-gradient(top, #146189, #033651);
    border: 1px solid #033651;
    border-bottom: 1px solid #033651;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #a2c1f8 inset ;
    -moz-box-shadow: 0 1px 0 0 #a2c1f8 inset;
    -ms-box-shadow: 0 1px 0 0 #a2c1f8 inset;
    -o-box-shadow: 0 1px 0 0 #a2c1f8 inset;
    color: white;
    font-weight: bold;
    padding: 10px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
	margin: 5px;
}
.navSimContestada:hover {
    opacity:.85;
    cursor: pointer; 
}

.navSimActual {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#033651));
    background: -webkit-linear-gradient(top, #111, #000);
    background: -moz-linear-gradient(top, #111, #000);
    background: -ms-linear-gradient(top, #111, #000);
    background: -o-linear-gradient(top, #111, #000);
    background: linear-gradient(top, #111, #000);
    border: 1px solid #033651;
    border-bottom: 1px solid #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #9fd574;
    -webkit-box-shadow: 0 1px 0 0 #000 inset ;
    -moz-box-shadow: 0 1px 0 0 #000 inset;
    -ms-box-shadow: 0 1px 0 0 #000 inset;
    -o-box-shadow: 0 1px 0 0 #000 inset;
    color: white;
    font-weight: bold;
    padding: 10px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
	margin: 5px;
}
.navSimActual:hover {
    opacity:.85;
    cursor: pointer; 
}

.navSimBien {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#033651));
    background: -webkit-linear-gradient(top, #75d570, #1e7919);
    background: -moz-linear-gradient(top, #75d570, #1e7919);
    background: -ms-linear-gradient(top, #75d570, #1e7919);
    background: -o-linear-gradient(top, #75d570, #1e7919);
    background: linear-gradient(top, #75d570, #1e7919);
    border: 1px solid #033651;
    border-bottom: 1px solid #033651;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #1e7919;
    -webkit-box-shadow: 0 1px 0 0 #1e7919 inset ;
    -moz-box-shadow: 0 1px 0 0 #1e7919 inset;
    -ms-box-shadow: 0 1px 0 0 #1e7919 inset;
    -o-box-shadow: 0 1px 0 0 #1e7919 inset;
    color: white;
    font-weight: bold;
    padding: 10px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
	margin: 5px;
}
.navSimBien:hover {
    opacity:.85;
    cursor: pointer; 
}

.navSimMal {
    background-color: #68b12f;
    background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#033651));
    background: -webkit-linear-gradient(top, #ea4949, #941717);
    background: -moz-linear-gradient(top, #ea4949, #941717);
    background: -ms-linear-gradient(top, #ea4949, #941717);
    background: -o-linear-gradient(top, #ea4949, #941717);
    background: linear-gradient(top, #ea4949, #941717);
    border: 1px solid #033651;
    border-bottom: 1px solid #941717;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #941717;
    -webkit-box-shadow: 0 1px 0 0 #941717 inset ;
    -moz-box-shadow: 0 1px 0 0 #941717 inset;
    -ms-box-shadow: 0 1px 0 0 #941717 inset;
    -o-box-shadow: 0 1px 0 0 #941717 inset;
    color: white;
    font-weight: bold;
    padding: 10px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
	margin: 5px;
}
.navSimMal:hover {
    opacity:.85;
    cursor: pointer; 
}


.barraEstadistica{
	vertical-align:bottom;
	color: #033651;
    text-align: center;
	font-family: arial;
	font-size: 10px;
}

.bannerAcademia{
	
	display:inline-block;
	vertical-align:top;
	
	width:40%;
}

.bloqueTest{
	
	display:inline-block;
	vertical-align:top;
	
	width:30%;
}

.contenedorDestacado{
	width:100%;
	
	margin:auto;
	text-align:justify;
}

.contenedorBloques{
	width:100%;
	
	margin:auto;
	text-align:center;
}

.tablaPregunta1x1psicos{
	width:95%;
	text-align:justify;
	text-size:14px;
	line-height : 25px;
	vertical-align:top;
}

.tablaPregunta1x1psicos td{
	vertical-align:top;
}

.tablaPregunta1x1{
	width:95%;
	text-align:justify;
	text-size:14px;
	line-height : 25px;
	vertical-align:top;
}

.tablaPregunta1x1 td{
	vertical-align:top;
}

.contenedorPregunta1x1{
	margin:auto;
	width:100%;
	text-align:center;
}
.textoCeldaCalendario{
	font-size:14px;
	text-align:center;
	
	
}

.contenedorNavegacion{
		margin:auto;
		margin-bottom:20px;
		position:relative;
		text-align:center;
		
			padding: 5px;
	border-radius: 10px;
	font-family: arial;
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

.contenedorNavegacionBloques{
		margin:auto;
		margin-bottom:20px;
		position:relative;
		text-align:center;
		
			padding: 5px;
	border-radius: 10px;
	font-family: arial;
	color: #000;
	font-size: 20px;
	font-weight: bold;
}

	
		.imagenFisicas{
		display:none;
	}

.grupos2container {
	width:100%;
	margin:auto;
	position:relative;
  overflow-x: visible; /* Habilita el scroll horizontal */
  overflow-y: visible; /* Deshabilita el scroll vertical */
}

#grupos2{
	width:100%;
}

.video{
	width:640;
	height:480;	
}

.bloqueTxt{
	width:300px;
	vertical-align:top;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}

.bloqueTxtSim{
	width:300px;
	vertical-align:top;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
	
	background-image: url("images/fnd-vistot.png");
	background-repeat: no-repeat;
	

  background-position: 20px calc(100% - 20px); /* 20px desde la izquierda y centrado verticalmente */
  
  
}

.bloqueTxtDuelo{
	width:300px;
	vertical-align:top;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
	
	background-image: url("images/trofeodiv.png");
	background-repeat: no-repeat;
	

  background-position: 20px calc(100% - 20px); /* 20px desde la izquierda y centrado verticalmente */
  
  
}

.nombreOpo{
line-height: 40px;
    text-align: center;
	height:40px;
}

.bgrx2{
	
	background-image: url("images/x2puntos.png");
	background-repeat: no-repeat;
  	 background-position: 10px calc(100% - 10px);
}

.bgr0{
	
	background-image: url("images/lr-peques/0.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr1{
	
	background-image: url("images/lr-peques/1.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr2{
	
	background-image: url("images/lr-peques/2.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr3{
	
	background-image: url("images/lr-peques/3.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr4{
	
	background-image: url("images/lr-peques/4.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr5{
	
	background-image: url("images/lr-peques/5.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr6{
	
	background-image: url("images/lr-peques/6.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr7{
	
	background-image: url("images/lr-peques/7.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr8{
	
	background-image: url("images/lr-peques/8.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr9{
	
	background-image: url("images/lr-peques/9.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr10{
	
	background-image: url("images/lr-peques/10.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr11{
	
	background-image: url("images/lr-peques/11.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr12{
	
	background-image: url("images/lr-peques/12.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr13{
	
	background-image: url("images/lr-peques/13.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr14{
	
	background-image: url("images/lr-peques/14.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr15{
	
	background-image: url("images/lr-peques/15.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr16{
	
	background-image: url("images/lr-peques/16.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}

.bgr17{
	
	background-image: url("images/lr-peques/17.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}
.bgr18{
	
	background-image: url("images/lr-peques/18.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}
.bgr19{
	
	background-image: url("images/lr-peques/19.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}
.bgr20{
	
	background-image: url("images/lr-peques/20.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}
.bgr21{
	
	background-image: url("images/lr-peques/21.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}
.bgr22{
	
	background-image: url("images/lr-peques/22.png");
	background-repeat: no-repeat;
  	background-position: auto; 
}
.bloqueTxtSimNo{
	width:300px;
	vertical-align:top;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
	
	background-image: url("images/fnd-novistot.png");
	background-repeat: no-repeat;
	

  background-position: 20px calc(100% - 20px); /* 20px desde la izquierda y centrado verticalmente */
  
  
}




.bloqueTxtPerfil{
	width:200px;
	vertical-align:top;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}


.bloqueTxtSuspenso{
	width:300px;
	
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#F3F3F3;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}

.bloqueTxtApto{
	width:300px;
	
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#CCFFB4;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}

.bloqueFav{
	
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	
}

.bloqueFavcen{
	
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	
}

.imagenAjustada{
	width:auto;
	max-width:auto;
}

.metas{
	margin:auto;
	width:80%;
}

@media only screen and (max-width: 960px) {
	
	.metas{
		
	margin:auto;
	width:100%;
}

	.modal-content {
        width: 100%;
    }

.login__submit {

	
	width: 100%;

}

.contenedorDestacado{
	width:90%;
	
	margin:auto;
	text-align:justify;
}

.calc__input {
	-webkit-appearance: none;
	border: none;
	border-bottom: 2px solid #033651;
	background: none;
	padding: 10px;
	padding-left: 24px;
	font-weight: 700;
	width: 75%;
	transition: .2s;
	margin:auto;
	font-size:20px;
}



.leyendaPos1{
	width:75px;
	height:75px;
	font-size: 24px;

	  background-size: 75px auto;
}
.leyendaPos2{
	width:75px;
	height:75px;
	font-size: 24px;
  background-size: 75px auto;
	
}
.leyendaPos3{
	width:75px;
	height:75px;
	font-size: 24px;

	  background-size: 75px auto;
}
.leyendaPos15{
	width:75px;
	height:75px;
	font-size: 24px;

	  background-size: 75px auto;
}

.leyendaPos{
	width:75px;
	height:75px;
	font-size: 24px;

	  background-size: 75% auto;
}


.ortoStats{
	width: 75px;
	height:75px;
	
	text-align:center;
	border-radius: 10px;
	background:var(--fill);
	color: #fff;
	font-size: 24px;
	 display: table-cell;
	vertical-align: middle
	
}

.ortoStatsMeta{
	width: 50px;
	height:50px;
	
	text-align:center;
	border-radius: 10px;
	background:var(--fill);
	color: #fff;
	font-size: 15px;
	 display: table-cell;
	vertical-align: middle
	
}

#gruposAlumnos{
		width:100%;
}

#gruposAlumnos td:nth-child(9), #gruposAlumnos td:nth-child(5),#gruposAlumnos td:nth-child(6),#gruposAlumnos td:nth-child(7),#gruposAlumnos td:nth-child(8),#gruposAlumnos td:nth-child(11), #gruposAlumnos td:nth-child(12)      {
  display: none;
}

#gruposAlumnos th:nth-child(9), #gruposAlumnos th:nth-child(5),#gruposAlumnos th:nth-child(6),#gruposAlumnos th:nth-child(7),#gruposAlumnos th:nth-child(8),#gruposAlumnos th:nth-child(11), #gruposAlumnos th:nth-child(12)      {
  display: none;
}

.video{
	width:100%;
	
}

.imagen{
	margin:auto;
	width:auto;
	max-width:100%;
	display:block;
}

.imagenAjustada{
	max-width: 100%;
  height: auto;
}

.tablaPregunta1x1psicos{
	overflow-x:auto;
}

	
.textoDorado{
	color:#FDDA88;
	font-size:22px;
}

	.textoErrorLogin{
			font-size:20px;
	}

 .botonesLiga{
	position:relative;
	display:inline-block;
	width:45%;
 }
 
 .selectBiblio select {
 
  width: 95%;
}



 .botonLiga{
	 width:100%;
 }
 
  .botonLigaSelected{
	 width:100%;
 }

 .botonesLigaSelected{
	position:relative;
	display:inline-block;
	width:45%;
 }


.notaRev{
		border-radius:0px;


}

.notaRev-buena{

  border-radius: 0px;
	


}

.notaRev-suspenso{

  border-radius: 0px;
 

}	

	
.nota{
		border-radius:0px;
}

.nota-buena{

  border-radius: 0px;


}

.nota-suspenso{

  border-radius: 0px;

}	

.bloqueTxt{
	width:100%;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}
	
.bloqueTxtDuelo{
	width:100%;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}

.bloqueTxtSim{
	width:100%;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}

.bloqueTxtSimNo{
	width:100%;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}

.bloqueTxtPerfil{
	width:45%;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}
.bloqueFav{
	
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	
}

.bloqueTxtSuspenso{
	width:100%;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#F3F3F3;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}

.bloqueTxtApto{
	width:100%;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	background-color:#CCFFB4;
	border-radius:10px;
	box-shadow: 0 0 5px #000;
}



     
.grupos2container {
	width:100%;
  overflow-x: auto; /* Habilita el scroll horizontal */
  overflow-y: hidden; /* Deshabilita el scroll vertical */
}


	.imagenFisicas{
		display:visible;
	}

	#fondoAutenti{
		width: 100%;
		
		margin:auto;
		position:absolute;
		top:200px;
		left:0;
		border-radius: 10px;

	}
	#textoCabecera{
		display:none;
	}
	#textoCabeceraExplica{
		display:none;
	}
	.bannerAcademia{
		display:block;
		width:100%;
	}
	
	.bloqueTest{
		display:block;
		width:100%;
	}

	#textoLibre{
		width: 100%;
		padding-top:50px;
		padding-bottom:50px;
		margin:auto;
		position:absolute;
		
		
		background-color: #FFF;
		border-radius: 10px;
		font-family: arial;
		font-size: 14px;
		color: #000;
		font-weight: bold;
		text-align:center;

	}
	
	#simulacrosSelect{
		width: 100%;
		
		margin:auto;
		position:absolute;
		top:200px;
		padding-left:0px;
		padding-top:10px;
	padding-right:0px;
	padding-bottom:50px;
	margin-left:0;
		left:0;

		background-color: #FFF;
		border-radius: 10px;
		font-family: arial;
		font-size: 16px;
		color: #000;
		font-weight: bold;
		text-align:center;

	}
	
		#simulacrosSelectFijo{
		width: 100%;
		
		margin:auto;
		position:absolute;
		top:200px;
		padding-left:0px;
		padding-top:10px;
	padding-right:0px;
	padding-bottom:50px;
	margin-left:0;
		left:0;

		background-color: #FFF;
		border-radius: 10px;
		font-family: arial;
		font-size: 16px;
		color: #000;
		font-weight: bold;
		text-align:center;

	}

	.cajaMarcador {
		-webkit-appearance: none;
		background-color: #fafafa;
		border: 2px solid #a9baf3;
		
		padding: 10px;
		
		
		position: relative;
		font-family: arial;
		font-size: 20px;
		color: #033651;
		font-weight: bold;
		text-align:center;
		vertical-align:middle;
		
	}





	.cajaMarcador:checked:after {
		content: '\2714';
		font-size: 30px;
		position: absolute;
		border: 0px solid #a9baf3;
		top: -12px;
		left: 0px;
		color: #033651;
	}

.submit {
	font-size:20px;
}

.tablaPregunta1x1{
	width:95%;
	text-align:justify;
	font-size:18px;
	line-height : 30px;
	vertical-align:middle;
}

.contenedorPregunta1x1{
	margin:auto;
	width:98%;
	text-align:center;
}

.textoExplica{
	padding: 20px;
	background-color: #fef1b6;
	border-radius: 10px;
	font-family: arial;
	font-size: 18px;
	line-height:30px;
	color: #000;
	font-weight:normal;
	
	text-align:justify;
}


.celdaCalendario{
	
	height: 50px;
	width: 50px;
	
}
.celdaCalendarioActividad{
	
	height: 50px;
	width: 50px;
	
}


.celdaCalendarioAnterior{
	
	height: 50px;
	width: 50px;
	
}

.celdaCalendarioActividadAnterior{
	
	height: 50px;
	width: 50px;
	
}

.textoCeldaCalendario{
	font-size:10px;
	
	
}

#cerrar{

position: absolute;
top: 20px;
right: 20px;

font-size: 40px;
fotn-weight: bold;
text-decoration: none;
color: #F00;

transition: all 1ms;
  z-index: 1002;

}

#popupBody{

width: 90%;
}
#popupBodyCalendario{

width: 90%;
padding: 2%;

border-radius: 15px;
box-shadow: 0 0 5px #CCC;
background: #FFF;
position: relative;
margin: 20% auto;
transition: all 1s ease-in-out;
  z-index: 1001;

}


.textoNormal{

	
	font-size: 18px;

	
}

.registroRespuestas{
	font-family: arial;
	font-size: 18px;
	color: #222222;
	font-weight: bold;
	vertical-align:middle;
	text-align:justify;

}
.registroPreguntas{
	font-family: arial;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	vertical-align:middle;
	text-align:justify;

}


}


@media all and (max-width : 1366px){

#simulacrosSelectTexto{
	width: 100%;
		
		margin:auto;
		position:absolute;
		top:200px;
		padding-left:0px;
		padding-top:10px;
	padding-right:0px;
	padding-bottom:50px;
	margin-left:0;
		left:0;

		background-color: #FFF;
		border-radius: 10px;
		font-family: arial;
		font-size: 18px;
		color: #003351;
		font-weight: normal;
		text-align:justify;

}

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #FFFFFF;
		padding:10px 20px;	
		color:#000000;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
		color:#FFFFFF;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #033651;
		color:#FFFFFF;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #555555; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}
	
	#popupDuelo{

		width: 100%;
		padding: 2%;

		border-radius: 15px;
		box-shadow: 0 0 5px #CCC;
		background: #FFF;
		position: absolute;
		top:100px;
		left:0%;
		margin: auto;
		transition: all 1s ease-in-out;
		  z-index: 1001;

		}


}