/*------------------------------------------------------------------

/* 1.- Preguntas */
/* 2.- Ex�menes */
/* 3.- Botones e indicadores de pregunta */
/* 4.- Men� */
/* 5.- Carrito */


/* 1.- Preguntas */
/*--------- PREGUNTAS --------------*/
td.pregunta{background-color:#808080;font-weight: bold;}
td.respuesta{background-color:#808080;}
td.miRespuestaCorrecta{background-color:green;}
td.miRespuestaIncorrecta{background-color:red;}
td.respuestaSinContestar{background-color:white;}

.pregunta {
	/*text-align:justify;*/
}

/* Evita que el texto de las preguntas pueda arrastrarse para copiarlo */
.unselectable {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select:none;
    -ms-user-select: none;
    user-select:none;
}

.textoPregunta {
	/*
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select:none;
    -ms-user-select: none;
    user-select:none;
	*/
	
	font: 8pt Helvetica,sans-serif;
	border-style: solid;            
    /*border-radius: 7px 7px 7px 7px;*/
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:5px;
    padding: 4 5;
    background-color: #F8F8F8;
    border-color: #BDB7B6;
    margin:auto;
    margin-top:25px;
    margin-bottom:30px;
}



.listaPreguntasVacia {
	width:80%;
	margin-bottom:60px;
	margin-top:60px;
	font: 16pt Helvetica,sans-serif;
	border-style: solid;            
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:1px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
    text-align:center;
    background-color: #F8F8F8;
    border-color: #BDB7B6;
}

.preguntaDeUsuario {
	background-color: #FDF9F8;
}

.nivelVerde{
	border-left-color: #70B766;
}

.nivelAmarillo{
	border-left-color: #FCD209;
}

.nivelRojo{
	border-left-color: #EC5B4D;
}


div.explicacion{
	font: 11pt Helvetica,sans-serif;
	/*background-color: #EDF7C4;
	color: #0D2003;   */
	padding: 10 10;
	line-height : 25px;
	
	background-color: #FDFFFE;
	color: #5B5351;
    border-style: solid;            
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:1px;
    border-color: #CBC5C4;
 
}


div.opcionPregunta{
	font-weight:bold;
	background: #FAE7A5; 
	border-radius: 50%; height: 20px; width: 20px;
	text-align:center;
	margin-right:5px;
	cursor:pointer;
}

div.respuesta {
	/*text-align:justify;*/
	cursor:pointer;
}

div.respuesta:hover {
  /*color: #BD6511;*/
  /*color: black;*/
}

.respuesta p:first-letter {
    text-transform: uppercase;
}

/* 2.- Ex�menes */
p.opcionMarcada {
	color: #F38C01;
}

table#corrector {
	margin-bottom:50px;
	margin: 0 auto;
}

.tablaCorrector td {
  width: 44px;
  text-align: center;
}

.tablaCorrector td.numPregunta {
  width: 44px;
}

.tablaCorrector a {
	color: #BD6511;
}

.tablaCorrector a:hover {
	color: #FF5D00;
	font-weight: bold;
	font-size:12pt;
}

div .irAlcorrector {
	margin-bottom: 5px;
}

div .irAlcorrector a {
	color: #BD6511;
}

div .irAlcorrector a:hover {
	color: #FF5D00;
	font-weight: bold;
	font-weight: bold;
}

span.rojo {
	color: red;
	font-weight: bold;
}

span.verde {
	color: #04B404;
	font-weight: bold;
}

button a {
	color:white;
}

button a:hover {
	color:white;
}

div.botonCorregir {
	margin-top:20px;
	margin-bottom:40px;
}

div .resultadoExamen {
	font: 16pt Helvetica,sans-serif;
	border-style: solid;            
    border-radius: 7px 7px 7px 7px;
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:1px;
    padding: 25 75;
    margin-bottom:40px;
    background-color: #F8F8F8;
    border-color: #BDB7B6;
}

div .resultadoExamen p {
	padding-bottom:10px;
}

div .resultadoExamen #nota{
	margin-top:10px;
	font: 28pt Helvetica,sans-serif;
}

button#nuevoExamen {
	margin-bottom:60px;
}

div .contReloj {
  display: none;
  /*background-color: black;*/
  color:white;
  position: fixed;
  text-align: center;
  right: 0px;
  bottom: 100px;
  font-size: 9pt;
  z-index: 10000;
  border-radius: 7px 0px 0px 7px;
  background: rgba(0, 0, 0, 0.4) no-repeat center;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear; 
  /*height: 20px;
  width: 130px;*/
  /*line-height: 45px;*/
  }

div .imagenReloj {
	float:left;
	margin-left:3px;
	margin-top:4px;
}

div .reloj {
	float:right;
	margin-left:0px;
	padding: 0 4;
	/*background-color: black;*/
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* Lista de examenes en el aula virtual */
div.list-group-item.examenOculto {
	color: #999999;
	background-color: #F3F3F3;
	/*opacity: 0.8;*/
}


/* 3.- Botones e indicadores de pregunta */
i.boton {
	cursor:pointer;
	margin-left: 4px;
	margin-bottom: 4px;
	text-align: center;
	background: white;
	font-size: 14px;
	border-radius: 50%;
	padding-top:2.5px;
	width: 20px;
	height: 20px;
	border:1px solid #BDBCAF;
}

i.verde {
	color: #579F13;
}

i.amarillo {
	color: #FCD209;
}

i.rojo {
	color: #FF0000;
}

i.azul {
	color: #289EC7;
}

i.grisOscuro {
	color: #545243;
}

i.marcar {
	color: #EC694C;
	transform:rotate(-30deg);
}

i.desmarcar {
	color:#A3A39F;
}

i.explicacion {
	color: #82C63D;
}

i.reportar {
	color: #646662;
}

i.editar {
	color: #bfa27a;
}

i.estrella {
	color: yellow;
	font-size: 20px;
}

i.boton:hover {
	/*color: orange;*/
	background: #F7EC94;
}

i.boton:active {
	/*color: orange;*/
	background: orange;
}

i.indicador {
	/*font-size: 12px;*/
	margin-left:5px;
	margin-right:5px;
}

i.rotar {
	transform:rotate(-30deg);
}

i.mediano {
	font-size:25px;
}

.cabeceraPregunta {
	padding: 0 0 0 0;
}

/*i.boton.fas.fa-layer-group.verde {
	margin-left:12px;
}*/

/* 4.- Men� */
.header {
	/*background-color: #D8490F;*/
	/*background-color: #D13413;*/
	/*background-color: #CA2F0E;*/
	/*background-color: #6F2619;*/
	background-color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}

/*
a.salir {
	right: 20px; 
}
*/
a.notificaciones {
	cursor:hand;
	/*right: 70px;*/
}

.menu > ul > li {
    position: relative;
    padding: 30px 20px;
}

.menu > ul > li > a {
	font-size:16px;	
	color: black !important;
}

.menu li.menu-item.subopcion {
	height:35px;
	color: black;
	margin: 0 0;
}

.menu ul li .sub-menu li a {
    padding: 0px 0px;
    font-size:11pt;
}

.menu li.menu-item.noSeleccionable {
	color: #DCDCCF;
	cursor: not-allowed;
}

.menu li.menu-item:not(.noSeleccionable) {
	color: black;
}

.menu ul li .sub-menu li.noSeleccionable:hover {
    background: white;
}

.menu ul li .sub-menu li.noSeleccionable:hover a {
          color: #DCDCCF;
}


.au-nav-mobile ul li.noSeleccionable a {
        color: #DCDCCF;
        cursor: not-allowed;
 		opacity: 0.5;
  		text-decoration: none; }
  		
.au-nav-mobile ul li.noSeleccionable:hover a {
        color: #DCDCCF;
        cursor: not-allowed;
 		opacity: 0.5;
  		text-decoration: none; }  		

.au-nav-mobile ul li {
      color:white;
      border-bottom: 1px solid #e1e1e1;
}

.au-nav-mobile ul li .sub-menu li {
	padding-left:30px;
}
      
.au-nav-mobile ul li .sub-menu li a:hover {
    /*font-size: 15px;
    padding: 15px 40px;
    border-bottom: 1px solid #e1e1e1;*/
    color: #333;
}   


i.iconoMenuMobil {
	color: #fff;
	font-size: 22px;
	margin-right:15px;
}  

i.iconoMenuMobil.noSeleccionable {
	color: #DCDCCF;
}
      
i.fa.fa-info-circle {
	margin-right:8px;
} 
      
/*      
.au-nav-mobile ul li .sub-menu li.noSeleccionable:hover a {
      color: #98908D;
      cursor: not-allowed;
 	  opacity: 0.5;
}  

.au-nav-mobile ul li .sub-menu li a:hover {
    font-size: 15px;
    padding: 15px 40px;
    border-bottom: 1px solid #e1e1e1;
    color: #333;
} */        
      
/*
.header .fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background: #fff !important;
}
  .header .fixed .menu ul li {position: relative;
    padding: 30px 40px; }
 
    .header .fixed .menu ul li .sub-menu li {
      padding: 5px 20px; }
  .header .fixed .search-box form .search-icon {
    height: 80px; }
    
  .header .fixed .menu ul li:last-child {
    padding-right: 0px;
}
 .header-2 .fixed {
  background: #CA2F0E;
}
*/

i.iconoMenu {
	color: #000;
	font-size: 22px;
	margin-right:5px;
}

i.iconoMenu.noSeleccionable {
	color: #DCDCCF;
}

/* T�tulos */
span.bienvenida {
	font: 28pt Helvetica,sans-serif;
	font-weight:bold;
    color: #ffa037;  
	margin-top:20px;
	/*font-style: italic;*/         
}



span.tituloContenido {
	font-size:28px;
	font-weight:bold;
    color: #ffa037;
    margin-bottom:3px;
}

h2.tituloPagina {
	margin-top:40px;
	font-size:22px;
}

h2.tituloPagina#aulaVirtual {
	margin-top:10px;
	font-size:24px;
}

h2#tituloBienvenida {
	margin-top:100px;
	font-size:30px;
}

.labelTitulo {
	color:#FB7939;
	font-weight:bold;
	font-size: 18px;
	margin-top:30px;
}

a.enlaceInstrucciones {
	font-size:22px;
	color:orange;
	text-decoration:underline;
}

a.enlaceInstrucciones:hover {
  color:#F67E1A!important;
}

/* Botones */

.btn-primary {
    background-color: #ffa037;
    font-size:18px;
    font-weight:bold;
    border-color:#E8DFDF;
}

.btn-primary:hover {
    background-color: #F6A50D;
}

.btn-primary:active {
	background-color: #F67E1A;
}

.btn-primary:visited {
	background-color: #F2AE2D;
}

.btn-primary:link {
	background-color: #F2AE2D;
}

.btn-primary:focus {
	background-color: #F2AE2D;
	
}

.btn-primary:checked {
	background-color: #F2AE2D;
}

.btn.btn-primary.btn-lg:active {
	background-color: #F67E1A;
}

.btn-primary.botonPequeno {
	font-size:8pt;
	border-radius: 10px 10px 10px 10px;
	padding: 2 4 2 4;
	cursor: hand;
}

.btn-primary.botonPequeno:active {
	background-color: #F67E1A !important;
}

.btn-primary.botonMediano {
	font-size:10pt;
	border-radius: 12px 12px 12px 12px;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px; 
    padding-left: 5px;
	cursor: hand;
}

.btn-primary.botonMediano:active {
	background-color: #F67E1A !important;
}

input.btn-primary:active {
	background-color: #F67E1A;
}

input.btn-primary:focus {
	border-color:#E8DFDF;
}

input.btn-primary:checked {
	background-color: #F2AE2D;
}


/* Formularios */
form .form-group input {
	font-size:14px;
}


form .form-group textarea {
	font-size:14px;
}


form .form-group select {
      background: #fff url("../images/icon/icon-dropdown.png") no-repeat scroll;
      background-position: right 10px center;
      color: #666;
      font-size:12px;}
    
div .form-group {
	margin-top:10px;
	margin-bottom:10px;
}

form .form-control:focus {
	border-color:#ffa037;	
}

/* Filtro de busqueda */
div.filtroBusqueda {
	width:150px;
}

input.form-control#busqueda {
	font-size:12px;
	width:120px;
	float:left;
	padding: 1px 5px;
	height:25px;
}

button[type=button].botonBusqueda {
	background-color: #333;
	float:right;
	height: 24px;
	border:0px;
}

/* Usuarios */

#exTab1 .tab-content {
    color: #000;
    background-color: #F8F8F8;
    border-style: solid;            
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:1px;
    padding: 5 5;
    border-color: #BDB7B6;
}


/* Temas y guia */

.panel-primary {
    border-color: transparent;
}

.panel-primary>.panel-heading {
	font-size:28px;
	font-weight:bold;
	text-align:left;
	/*max-width:300px;*/
    color: #ffa037;
    /*background-color: #ffa037;*/
    background-color:white;
    border-radius: 10px 10px 0px 0px;
    margin-left:5px;
    padding: 2 2 2 5;
}

.panel-body {
    background-color: #F8F8F8;
    border-color: #D3CBC9;
    border-style: solid;            
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:1px;
}

.panel-body-guia {
	padding-top: 50px;
}

.panel-group .panel {
    margin-bottom: 50px;
}

.panel-primary>.panel-guia {
	color: #000;
	background-color: #fff;
	font-size:26px;
	padding-left:20px;
	/*font-weight: normal;*/
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    margin-bottom:10px;
}

.panel-primary>.panel-guia-negro {
	color: #fff;
	background-color: #000;
	font-size:26px;
	padding-left:20px;
	/*font-weight: normal;*/
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    height:55px;
}

.panel-funciones {
	background-color: white;
    border-color: #D3CBC9;
    border-style: solid;            
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:1px;
    width:90%;
    margin-left:30px;
    padding: 15px 10px;
}

.panel-info {
	margin-bottom:50px;
	margin-left:20px;
	margin-right:20px;
}

.panel-info>.panel-heading {
	color: white;
	padding:3px;
	background-color: #F07611;
	font-family: 'Roboto Slab', serif;
    font-weight: bold;
    text-align:center;
    font-size:18px;
    width:220px;
}

.panel-info>.panel-body {
	background-color: white;
}


.post-date {
	border-radius: 0px 0px 20px 0px;
}

.guia-nivel {
	width:85%;
	font-size:16px;
	background-color: white;
	padding: 8px 8px;
}

span.correo {
	font-size:17px;
	color: white;
	margin-left:6px;
}

i.exclusivoUsuarios {
	color: #DCDCCF;
	padding-left:8px;
	padding-right:8px;
	font-size:17px;
}

i.iconoTema {
	width:40px;
	text-align: center;
	font-size:20px;
	color: #F07611;
	margin-right:10px;
	/*padding-left:2px;
	padding-right:40px;*/
}

i.iconoTema.cerrado {
	color: #cccccc;
}

span.exclusivoUsuarios {
  position: relative;
  top:0px;
  right:0px;
  float:right;
  margin-top: 5px;
  border-radius: 80px 80px 80px 80px;
  border-color: #000;
  font-size:18px;
  /*border-style: solid;*/   
}
  
    

div.subtitulo {
	font-size:16px;
	color: #F16E40;
	/*margin-left: 30px;*/
	font-weight: bold;
	margin-bottom:10px;
}

input.checkboxTema {
	margin-right:15px;
}

div#crearTema {
	margin-bottom:50px;
}
div.a�adirTema {
	margin-top:10px;
}


/* Aula virtual */

a.botonAulaVirtual {
	cursor:pointer;
    border: none;
    padding: 8px 8px;
    border-radius: 15px 15px 15px 15px;
    color: white;
    font-size: 14px;
    /*font-family: 'Roboto Slab', serif;*/
    font-family: sans-serif!important;
    background: #ffa037;
    width: 180px;
}

a.botonAulaVirtual:hover {
	background: #F77125; 
}

a.botonAulaVirtualMobile {
	cursor:pointer;
    border: none;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left:8px;
    padding-right:8px;
    border-radius: 15px 15px 15px 15px;
    color: white;
    font-size: 14px;
    /*font-family: 'Roboto Slab', serif;*/
    font-family: sans-serif!important;
    background: #ffa037;
}

a.botonAulaVirtualMobile:hover {
	background: #F77125; 
}

span.aulaVirtual.tema {
	font-size:18px;
	color: #ffa037;
	margin-left: 10px;
	font-weight: bold;
	margin-bottom:20px;
}

.botonAulaAtras {
	/*position: absolute;*/
  	text-align: center;
  	float:right;
  	/*margin-right: -15px;*/
  	margin-top: -35px;
	cursor:hand;
    border: none;
    padding: 3px 8px;
    border-radius: 15px 15px 15px 15px;
    /*background: #8E8785;*/
    color: #ffa037;
    font-size: 14px;
}

.botonAulaAtras:hover {
	color: #F77125;
}

/* Formularios para crear y editar preguntas */
fieldset {
	background-color: #F8F8F8;
	border-radius: 5px 5px 5px 5px;
	padding: 15 15 15 15;
	border-color: #F4EEED;
    border-style: solid;            
    border-top-width:0.5px;
    border-bottom-width:0.5px;    
    border-right-width:0.5px;
    border-left-width:0.5px;
}

fieldset.filtro {
	font-weight:normal;
	background-color: #ffa037;
	color:white;
	border-color: #AAAAAA;
    border-style: solid;
    margin-bottom:50px;
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 20px; 
    padding-left: 10px;
}

fieldset .botonFiltro {
	cursor:pointer;
    border: none;
    padding: 3px 8px;
    border-radius: 15px 15px 15px 15px;
    margin-top:30px;
    background: #333;
    color: #fff;
    font-size: 14px;
    float:right;
}

.imagenBotonFiltro {
	margin-right: 5px;
}

.divBotonFiltro {
	cursor:pointer;
    border: none;
    padding: 3px 8px;
    border-radius: 15px 15px 15px 15px;
    margin-top:30px;
    background: #333;
    color: #fff;
    font-size: 12px;
    float:right;
}


/* Examenes */
div .fondoExamen {
	/*
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select:none;
    -ms-user-select: none;
    user-select:none;
	*/
	margin-top: 40px;
	margin-bottom: 40px;
    padding: 10 5;
    border-radius: 5px 5px 5px 5px;
    background-color: #F8F8F8;
    border-color: #D3CBC9;
    border-style: solid;            
    border-top-width:1px;
    border-bottom-width:1px;    
    border-right-width:1px;
    border-left-width:1px;
}

/* Avisos */
div .avisoCabecera {
	/*text-align: justify;*/
	margin-top: 10px;
	border-radius: 5px 5px 5px 5px;
	margin-bottom:40px;
}

i.infoAviso {
	font-size: 18px;
}

div.alert-info {
	color: white;
	background-color: #554F4D;
	border: 0px;
}

div.alert-info.alert-notas {
	color: #F5810C;
	background-color: #2E2A28;
	border: 0px;
	text-align:center;
}

div.alert-info p:first {
	padding-top: 30px;
}

div.alert-info p {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
	font-size: 14px;
}

div.alert-info.alert-notas p {
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 16px;
	font-weight:bold;
	
}

.close {
	background-color: #ffa037;
  /*
  float: right;
  font-size: 1.5rem;
  font-weight: 700;*/
  /*
  line-height: 1;*/
  /*
  color: #fff;
  
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  */
}

.close2 {
	position: absolute; /* Hacemos que la posici�n en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0;
	
  font-size: 1.5rem;
  /*
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;*/
  
}

.close:hover, .close:focus {
  color: #fff;
  text-decoration: none;
  opacity: 0.75;
}

/* Notificaciones */
tr.notificacionNoVista {
	color: red;
}


/* Temas */
div.list-group-item {
	cursor:pointer;
}

div.list-group-item:hover {
	background-color: #F9C872;
}

a.list-group-item {
	cursor:pointer;
}

a.list-group-item:hover {
	background-color: #F9C872;
}

a.list-group-item.temaNoSeleccionable {
	color: #999999;
	cursor: not-allowed;
	background-color: #F3F3F3;
	/*opacity: 0.8;*/
}

a.list-group-item.temaNoSeleccionable:hover {
	color: #999999;
}

a.list-group-item.temaMarcado {
	background-color: #F9ED72;
}

div.panel-heading.temasEspecificos {
	color: #ffa037;
}

div.selecTemas {
	float:right;
	width:200px;
	margin-bottom:10px;
}

/* Crear preguntas */
.form-control {
	border: 1px solid #857D6F;
}

.labelColor {
	color: #F07611;
	font-size: 14px;
	font-weight:bold;
}


.imagenIzquierda {
	margin-right: 15px;
}

/* PACKS */

.fqa#preguntasPacks {
  width: 100%; }

a.contenidoPacks {
	color: #F07611;
	font-size: 20px;
}

/* TABLAS PACKS */
/*
.membership-content .item#packPlatinum {
  background: #EED684;
  }  
  
.membership-content .item#packPremium {
  background: #e3e4e5;
  }  

.membership-content .item#packDemo {
  background: #F8F8F8;
  }  
*/

div.tablaDinamica {
	height:250px;	
}

th {
	background-color: #ffa037;
	color:white;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
}

th#packPlatinum {background: #EED684;color:#ffa037;font-size:11px;}
th#packPremium {background: #e3e4e5;color:#ffa037;font-size:11px;}

td.packPlatinum {background: #EED684;vertical-align:middle;}
td.packPremium {background: #e3e4e5;vertical-align:middle;}
td.packAndalucia {background: #D2F9A1;vertical-align:middle;}

a.enlacePackAndalucia {
	font-size:20px;
	/*
	text-decoration:underline!important;
	color:#64891C!important;
	*/
	background:#64891C;
	color:white!important;
	cursor:pointer;
	padding:10px;
}

a.enlacePackAndalucia:hover {
	/*color: #6BD319!important;*/
	background:#87C122;
}


.preguntasPorTema td#tema {
	padding-left:30px;
	font-size: 16px;
	valign: top;
}

.preguntasPorTema td#numPreguntas {
	width:15%;
	text-align:center;
	valign: middle;
	font-size: 22px;
}

.preguntasPorTema td#total {
	background-color: #F1F1F1;
	valign: middle;
	font-size: 18px;
}
/*
.video-container {
padding-bottom:56.25%;
height:0;
overflow: hidden;
position: relative;
}

.iframe {
position: absolute;
height:100%;
width:100%;
top:0;
left:0;
}
*/
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* CLASES RELACIONADAS CON LA P�GINA INICIAL */
h3.title-comentario {
	color: #ffa037;
}

.modal-header {
	font-family: 'Roboto Slab', serif;
	border-bottom: 2px solid #ffa037;
	font-size:22px;
	font-weight:bold;
	color:black;
	/*text-align: center;*/
	left:50%;
}

.modal-body {
	padding-top:30px;
	padding-bottom:30px;
	font-size:16px;

  }
  
/* Dark mode */
.switch{
    background: #2421C2;
    border-radius: 1000px;
    border: none;
    position: relative;
    cursor: pointer;
    display:flex;
    outline: none;
    align-items: center;
    justify-content: space-between;
}

.switch:focus {
	outline: none;
}

.switch span{
    width:11px;
    height:18px;
    line-height:20px;
    display:block;
    color:#fff;
    background: none;
    margin-top:2px;
}
.switch::after{
    display:block;
    background: #fffbf5;
    width: 23px;
    height: 23px;
    padding-top:0px;
    position: absolute;
    top:0;
    left:0;
    right:unset;
    border-radius: 3rem;
    transition: all .5s ease;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .5);
    content: "";
    
}
.switch.active{
  background: #fdd384;
}
.switch.active::after{
  left:unset;
  right:0;
}


body.dark {
	background: #111111;
} 

body.dark header {
	background-color: #666;
}

body.dark #js-navbar-fixed {
	background-color: #666;
}

body.dark .fixed {
	background-color: #666;
}

body.dark .header .fixed {
  background: #666 !important;
}

body.dark .menu-item {
	background-color: #666;
	color: #eee;
}

body.dark .menu-item a {
	color: #eee;
}


body.dark .menu-item i {
	color: #eee;
}

body.dark .textoPregunta {
	background-color: #121212;
}

body.dark .fondoExamen {
	background-color: #121212;
}

body.dark .pregunta {
	color: #eee;
}

body.dark  .respuesta {
	color: #eee; 
} 

body.dark div.explicacion {
	background: #121212;
	color: #eee;
} 
 
body.dark .preguntaDeUsuario {
	background: #121212;
	color: #eee;
} 

body.dark p.opcionMarcada {
    color: #F38C01;
}

 
body.dark .tituloPagina {
	color: #fff;
}  

body.dark a.list-group-item {
	color: #fff;
	background-color: #111111;
}  

body.dark .form-control {
	color: #fff;
	background-color: #121212;
}  

body.dark fieldset {
	background-color: #444;
}  

body.dark .panel-heading {
	background-color: #121212;
}

body.dark .panel-body {
	background-color: #121212;
}

body.dark .panel-primary {
	background-color: #121212;
	color:#eee;
}

body.dark .panel-guia {
	background-color: #111111;
	color: white;
	border-color:#111111;
}

body.dark .panel-funciones {
	background-color: #111111;
}

body.dark .list-group-item {
	background-color: #121212;
	color:#eee;
}

body.dark .breadcrumb-item a {
	color:#eee;
}

body.dark div.section-title h2 {
	color: #fff;
}



/* Imagen de refrescar cuando se cambian los filtros de las preguntas */

/* Circulo girando
.images-refresh {
  width: 50px;
  height: 50px;
  border: 10px solid #eee;
  border-top: 10px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: fixed;
  z-index: 100001;
  opacity:0.7;
  top:60%;
  left:50%;
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
*/

/* Gesti�n de pagos */

tr.temaMarcado {
	background-color: #E5F4C1;
}
  
/* Mapas */
.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}  

/* 5. Carrito */
.opcionCarrito {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  padding: 37px 60px;
  border: 1px solid #ffa037;
  color: #fff; 
  -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    }

.opcionCarrito.compraTemasSueltos {
	background: #fff url("../images/carrito/carritoTemas.jpg") no-repeat scroll center center;
  	background-size: cover; }
.opcionCarrito.compraActualizacionTemas {
	background: #fff url("../images/carrito/carritoActualizacion.jpg") no-repeat scroll center center;
  	background-size: cover; }
.opcionCarrito.compraSupuestosPracticos {
	background: #fff url("../images/carrito/carritoSupuestos.jpg") no-repeat scroll center center;
  	background-size: cover; }
.opcionCarrito.compraExamenes {
	background: #fff url("../images/carrito/carritoExamenes.jpg") no-repeat scroll center center;
  	background-size: cover; }
.opcionCarrito.compraSimulacros {
	background: #fff url("../images/carrito/carritoSimulacros.jpg") no-repeat scroll center center;
  	background-size: cover; }

  .opcionCarrito .cta-title {
    padding: 7px 20px;
    border-left: 3px solid #ffa037; }
    .opcionCarrito .cta-title h2 {
      margin-bottom: 7px;
      font-size: 25px;
      color: #fff; }

   
/* Tabla de pagos */
#tablaPagos.table-hover tbody tr:hover td {
    background: #ffd09b;
}

    

/* TARJETAS */
.cardBox {
  font-size: 1.2em;
  margin-bottom:15px;
  perspective: 800px;
  transition: all 0.5s ease 0s;
  width: 60%;
  margin: 0 auto;
}

.card {
  background: #F8F8F8;
  cursor: default;
  transform-style: preserve-3d;
  margin: 0 auto;
  transition: transform 0.9s;
  -webkit-animation: giro 2s 1;
  animation: giro 2s 1;
  margin-bottom:15px;
}

.front, .back {
  backface-visibility: hidden;
  font-size: 1.2em;
  padding: 0.8em;
  text-align: center;
  margin: 0 auto;
}

.back {
  transform: rotateY( 180deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.on {
    transform: rotateY( 180deg);
}

.off {
    transform: rotateY( 0);
}
  

/* Cuadrados desplaz�ndose */  
  .images-refresh {
  position: fixed;
  z-index: 100001;
  opacity:0.5;
  width: 2px;
  height: 2px;
  top:70%;
  left:50%;}
  
  .refresh-bounce {
  opacity:0.5;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -10px; }
  
#preloader_2 {
  position: relative; }

#preloader_2 span {
  display: block;
  bottom: 0px;
  width: 9px;
  height: 5px;
  background: #666;
  position: absolute;
  animation: preloader_2 1.5s infinite ease-in-out; }

#preloader_2 span:nth-child(2) {
  left: 11px;
  animation-delay: .2s; }

#preloader_2 span:nth-child(3) {
  left: 22px;
  animation-delay: .4s; }

#preloader_2 span:nth-child(4) {
  left: 33px;
  animation-delay: .6s; }

#preloader_2 span:nth-child(5) {
  left: 44px;
  animation-delay: .8s; }
  
  @keyframes preloader_2 {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #666; }
  25% {
    height: 30px;
    transform: translateY(15px);
    background: #666; }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #666; }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #666; } }