/****** Colores de plantilla ******/
:root {
--color1: #404040;
--color2: #de0b14;
--color3: #404040;
--color4: #ff6559;
--color5: #e8eff9;
--color7: aqua;	
--color8: #fff;	
}
.P1_fondo1 {background-color: white; color:#404040;}
.P1_fondo2 {background-color: #de0b14; color:#fff;}
.P1_fondo2 h4 {height: 28px }
.P1_fondo3 {background-color: #404040; color:white;}
.P1_fondo4 {background-color: #ff6559; color:white;}
.P1_fondo5 {background-color: #203a8e; color:white;}
.P1_fondo6 {background-color: #f7f5f7; color:white;}
.P1_text1, #menu_nav button:hover, a {color:#de0b14;}
.P1_text2, .card_back a:hover, .card_details p:hover {color:aqua;}
.P1_text3, a:hover, a:active, a:focus {color:#6ee6e6;}
.P1_text4, .card_back a, .card_details p {color:#fff; /*text-shadow: 2px 3px 3px gray;*/}

.title_modu {
	font-size: 20px;
	font-weight: 600;
}
#mancha {background-image: url(../../img/mancha.png); background-size: contain; background-repeat: no-repeat; padding: 16%; 
         background-position: center;}
#mancha2,
.mancha2{background-image: url(../../img/mancha2.png); background-size: contain; background-repeat: no-repeat; padding: 10%;}

.dropdown-item:hover, .dropdown-item:focus {background-color: #6ee6e6;}
#myModal .btn-default:hover {background-color: #6ee6e6; color:black;}
#table_color tr:nth-child(even) {background-color: #FFF;}
#table_color thead tr {background-color: #203a8e; color: white; font-weight:bold;}
.card-header {background-color:#203a8e; color:#fff; font-weight: bold;}
.card-link:hover, .card-link:focus {color:aqua;}
.table-1 tr:nth-child(1) {
    background-color: #6ee6e6;
    color: #fff;
    font-weight: bold;
}
.table-1 tr:nth-child(1) p {
    color: #fff;
    font-weight: bold;
}


/****** General ******/
body {background: #fff; color: #000; }
a {transition: 0.5s;}
a:hover,a:active,a:focus {outline: none; text-decoration: none;}
p {color:#404040; padding: 0; margin: 0 0 10px 0;}
.wow {visibility: hidden;}
.note {border: 2px dashed #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 15px;
 background-color: #d9d9d9;	margin-bottom: 20px;}
.modal-dialog{width: 80%; padding: 5px; position: relative; transition: all 5s ease-in-out; margin: 3% auto; background-color: white;}
.img-responsive {display: block; max-width: 100%; height: auto;}
.img-izq {margin-right: 10px; margin-bottom: 10px; border-radius: 5px; background-color: #F9F9F9; padding: 4px; border: #CCC 1px solid;
    float: left; max-width: 50%; height: auto;}
.img-der {margin-left: 10px; margin-bottom: 10px; border-radius: 5px; background-color: #F9F9F9; padding: 4px; border: #CCC 1px solid;
    float: right; max-width: 50%; height: auto;}
.img-center {margin: auto; border-radius: 5px; background-color: #F9F9F9; padding: 4px; border: #CCC 1px solid;	max-width: 50%;
    height: auto;}
.mx-auto{margin-left:auto; margin-right:auto;}
.my-auto{margin-top:auto; margin-bottom:auto;}
.d-flex {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;}


/****** boton subir ******/
.back-to-top {position: fixed; display: none; background: gray; color: #fff; width: 40px; height: 40px; text-align: center;
    border-radius: 50px; right: 15px; bottom: 65px; transition: background 0.5s ease-in-out;}
.back-to-top img {font-size: 24px; padding-top: 10px;}
.back-to-top:focus {background: #404040; color: #fff; outline: none;}
.back-to-top:hover {background: #404040; color: #fff;}


/****** menu ******/
#menu {height: 63px; position: fixed; left: 0; top: 0; right: 0; transition: all 0.5s; z-index: 997;}
.menu_nav {width: 100%; height: 100%;}
/* logo */
#logo {margin-top: 2px;}
#menu #logo img {padding: 0; margin: 0; max-height: 60px;}
/* sub-menu */
#menu_nav {float: right; font-weight: bold;	margin-top: 8px; font-size: 20px;}
#menu_nav button{background-color: transparent; font-size: 20px; color: inherit;}
#menu_nav .dropdown-item {cursor:pointer; margin:0px;}
/* barra */
#barra_menu, .barra_menu {padding: 5px;}

#myModal .modal-dialog{
	margin-top:73px;
}
/****** competencia ******/
#compe {width: 100%; height: max-content; background: url(../../img/intro-bg.jpg) bottom center; background-size: cover; 
  overflow: hidden; position: relative; padding-top: 50px;}
#compe:before {content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0;}
#compe h1 {color: white; font-size: 60px; font-weight: 600;}
#compe h4 {font-size: 25px; font-weight: 600; margin: 5px;}
#compe p {font-size: 20px; font-weight: 600; margin: 5px;}
.title-container {position: relative; flex-direction: column; height: max-content; border-radius: 15px; overflow: hidden;
    margin: 10% auto 9%; text-align: center; text-shadow: 2px 3px 3px black;  width: 50%; z-index: 100;}
.compe {position: relative;}
.compe-container {width: 60%; margin: 0% auto 0%; padding: 2% 1% 3% 1%; text-align: center; height: max-content;}
canvas {position: absolute; top: 0px; opacity: 0.5;}

/****** bienvenida ******/
.bien {background-color: whitesmoke; padding: 4% 0% 4% 0%;}
/* bienvenida izquierda */
#bien_izq h2 {margin: 10px 0px 10px 0px; text-transform: uppercase;}
/* bienvenida derecha */
#bien_der img {width: 100%;}
.tarjeta_bien {display: flex; flex-flow: row; align-items: center; justify-content: center; position: relative; margin: auto;}

/****** informacion general ******/
.info {overflow: hidden; position: relative; padding: 3% 0 2% 0;}
.info:before {content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0;}
.info h3 {font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; text-align: center;}
.info .info_g {text-align: center;}
.info_g img:hover {-webkit-filter: contrast(200%); filter: contrast(200%);}


/****** modulos ******/
.modu {background-color: whitesmoke; padding-bottom: 3%; padding-top: 1%;}
.title_modu {width: 60%; margin: 0% auto 0%; padding: 1%; text-align: center; height: max-content;}
.title_modu h2 {margin: 10px 0px 10px 0px; text-transform: uppercase;}
.title_modu p {color: gray;}
/* tarjetas de modulos */
.tarjeta {display: flex; flex-flow: row; align-items: center; justify-content: center; height: 470px;
 position: relative; width:340px; margin: auto;}
.card2 {flex: initial; position: relative; height: 100%; width: 100%; perspective: 200rem;}
.card_content {height: 100%; transition: all 0.8s ease; position: absolute; top: 0; left: 0; width: 100%;
 -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 3px; overflow: hidden;}
.card_details {text-align: center; font-size: 120%; padding: 10%; font-weight: 700; height: 100%; display: table-cell;
    vertical-align: middle;}
.card_details p {cursor:pointer;}
.card_back {transform: rotateY(180deg); display: table;}
.card2:hover .card_back {transform: rotateY(0);}
.card2:hover .card_front {transform: rotateY(-180deg);}
.card_front h3 {text-align: center; margin: 0px; padding: 4%;font-size: 20px;}
#modulo1 {background: url(../../img/modulos/m1.jpg) bottom center; background-size: cover; overflow: hidden; height: 80%;}
#modulo2 {background: url(../../img/modulos/m2.jpg) bottom center; background-size: cover; overflow: hidden; height: 80%;}
#modulo3 {background: url(../../img/modulos/m3.jpg) bottom center; background-size: cover; overflow: hidden; height: 80%;}
#modulo4 {background: url(../../img/modulos/m4.jpg) bottom center; background-size: cover; overflow: hidden; height: 80%;}



/****** bibliografia y twitter ******/
.bi_tw {padding-bottom: 2%; padding-top: 2%;}
#biblio h2 {padding-bottom:4%; text-transform: uppercase;}


/****** footer ******/
.footer {padding: 0 0 1px 0; font-size: 14px; overflow: hidden; text-align:center; font-weight: 700; padding-top: 1%;}


/****** Autores ******/
:root {--d: 700ms; --e: cubic-bezier(0.19, 1, 0.22, 1); --font-sans: "Rubik", sans-serif; --font-serif: "Cardo", serif;}
.card_autor {position: relative; display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; overflow: hidden;
  padding: 1rem; width: 100%; text-align: center; color: whitesmoke; background-color: whitesmoke;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
  background-size: cover; background-position: center;border: 5px solid #fff;}
@media (min-width: 600px) {
  .card_autor {height: 160px;}
}
.card_autor:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 110%; background-size: cover;
  background-position: 0 0; -webkit-transition: -webkit-transform calc(var(--d) * 1.5) var(--e);
  transition: -webkit-transform calc(var(--d) * 1.5) var(--e); transition: transform calc(var(--d) * 1.5) var(--e);
  transition: transform calc(var(--d) * 1.5) var(--e), -webkit-transform calc(var(--d) * 1.5) var(--e); pointer-events: none;}
.card_autor:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 200%; pointer-events: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(11.7%, rgba(0, 0, 0, 0.009)), color-stop(22.1%, rgba(0, 0, 0, 0.034)), color-stop(31.2%, rgba(0, 0, 0, 0.072)), color-stop(39.4%, rgba(0, 0, 0, 0.123)), color-stop(46.6%, rgba(0, 0, 0, 0.182)), color-stop(53.1%, rgba(0, 0, 0, 0.249)), color-stop(58.9%, rgba(0, 0, 0, 0.32)), color-stop(64.3%, rgba(0, 0, 0, 0.394)), color-stop(69.3%, rgba(0, 0, 0, 0.468)), color-stop(74.1%, rgba(0, 0, 0, 0.54)), color-stop(78.8%, rgba(0, 0, 0, 0.607)), color-stop(83.6%, rgba(0, 0, 0, 0.668)), color-stop(88.7%, rgba(0, 0, 0, 0.721)), color-stop(94.1%, rgba(0, 0, 0, 0.762)), to(rgba(0, 0, 0, 0.79)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100%);
  -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform calc(var(--d) * 2) var(--e);
  transition: -webkit-transform calc(var(--d) * 2) var(--e); transition: transform calc(var(--d) * 2) var(--e);
  transition: transform calc(var(--d) * 2) var(--e), -webkit-transform calc(var(--d) * 2) var(--e);}
  
/*#autor_x1 {background-image: url(../../img/autores/autor1.jpg);}
#autor_x2 {background-image: url(../../img/autores/autor2.jpg);}
#autor_x3 {background-image: url(../../img/autores/autor3.jpg);}
#autor_x4 {background-image: url(../../img/autores/autor4.jpg);}
#autor_x5 {background-image: url(../../img/autores/autor5.jpg);}
#autor_x6 {background-image: url(../../img/autores/autor6.jpg);}
#autor_x7 {background-image: url(../../img/autores/autor7.jpg);}
#autor_x8 {background-image: url(../../img/autores/autor8.jpg);}
*/
.content_autor {position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
  flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; padding: 1rem;
  -webkit-transition: -webkit-transform var(--d) var(--e); transition: -webkit-transform var(--d) var(--e);
  transition: transform var(--d) var(--e); transition: transform var(--d) var(--e), -webkit-transform var(--d) var(--e);
  z-index: 1;}
.content_autor > * + * {margin-top: 1rem;}
.title_autor {font-size: 1.3rem; font-weight: bold; line-height: 1.2; text-shadow: 2px 2px 2px black;}
.text_autor {font-family: var(--font-serif); font-size: 1.125rem; font-style: italic; line-height: 1.35; color: white;}
.content_autor img {
    display: block;
    max-width: 100%;
    height: auto;
}
@media (hover: hover) and (min-width: 600px) {
  .card_autor:after {-webkit-transform: translateY(0); transform: translateY(0);}
  .content_autor {-webkit-transform: translateY(calc(100% - 5.5rem)); transform: translateY(calc(100% - 5.5rem));}
  .content_autor > *:not(.title_autor) {opacity: 0; -webkit-transform: translateY(1rem); transform: translateY(1rem);
    -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
    transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);
    transition: transform var(--d) var(--e), opacity var(--d) var(--e);
	transition: transform var(--d) var(--e), opacity var(--d) var(--e), -webkit-transform var(--d) var(--e);}
  .card_autor:hover, .card_autor:focus-within {-webkit-box-align: center; align-items: center;}
  .card_autor:hover:before, .card_autor:focus-within:before {-webkit-transform: translateY(-4%); transform: translateY(-4%);}
  .card_autor:hover:after, .card_autor:focus-within:after {-webkit-transform: translateY(-50%); transform: translateY(-50%);}
  .card_autor:hover .content_autor, .card_autor:focus-within .content_autor {-webkit-transform: translateY(0); 
     transform: translateY(0);}
  .card_autor:hover .content_autor > *:not(.title_autor), .card_autor:focus-within .content_autor > *:not(.title_autor) {
    opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: calc(var(--d) / 8);
    transition-delay: calc(var(--d) / 8);}
  .card_autor:focus-within:before, .card_autor:focus-within:after, .card_autor:focus-within .content_autor,
  .card_autor:focus-within .content_autor > *:not(.title_autor) {-webkit-transition-duration: 0s; transition-duration: 0s;}
}

/****** Autores Segunda versión******/
.card-autor-v2 {
	overflow: hidden;
	width: 100%;
	text-align: center;
	color: whitesmoke;
	background-color: whitesmoke;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1);
}		
.card-autor-v2 img {
    display: block;
    max-width: 100%;
    height: auto;
}
.card-autor-v2 .title_autor {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    text-shadow: 2px 2px 2px lightgrey;
    color: #000;
}
.card-autor-v2 p{
	margin:0;
}



/****** Evaluacion ******/
#table_color {text-align: center; width: 100%;}
#table_color tr {background-color: #ffffff;}


/****** Metodologia ******/
.card-link {color:white;}
.table-1{border: 1px solid #000;border-collapse: collapse;width:100%;}
.table-1 tr, .table-1 td {border: 1px solid #000;padding:5px;}







ul.check li{
	list-style-image: url(../img/check2.png);
}
.caja-simple{
	background-color:#203a8e;
	padding:15px;
	color:#fff;
	text-align: center;
}
.caja-simple p {
	color:#fff;
}
.video-box {
    background-color: #f2f2f2;
    padding: 15px 15px 0px 15px;
    border: 1px solid #6c509a;
    margin-bottom: 29px;
    margin-top: 20px;
}
.video-box img {margin:auto;display:block;}
.bg-legend {
    background-color: #28384c;
    color: #fff;
    margin-top: 6px;
    padding-top: 10px;
	}
.apa-video{
	margin:auto;
min-height:100px;
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tema-menu{
	margin-top:73px;
}
.tema-menu #mancha {
    background-image: url(../../img/mancha-tema.png);
}
#tema-intro-img .tarjeta_bien img {
	max-height: 220px;
	object-fit: cover;
} 
.box-apartados {
	background-color:#9e6381;
	width:100%;
	min-height: 90px;
	color:#fff;
	cursor: pointer;
}
.box-apartados:hover {
	background-color:#033f63;
}
#tema-intro-menu {
	padding-top: 4%;
}
body.temas, body.screen {
	background:#f2f2f2;
}



#actividad,
#significado,
#recursos,
#ejercicio,
#tarea,
#demostracion,
#saber{
	display:none;
}
.subtema{
	background-color:#fff;
	margin-bottom:20px;
}
.titulo {
	border-bottom: 4px solid #203a8e;
	background-color: #f2f2f2;
	color:#fff;
}
.titulo span{
	background-color:#203a8e;
	border-radius: 0px 10px 0px 0px;
	padding: 0px 7px 0px 7px;
}
.titulo span img{
	display: inline;
	width: 17px;
}
.referencias-checkpoint .titulo {
	border-bottom: 4px solid #de0b14;
}
.referencias-checkpoint .titulo span{
	background-color:#de0b14;
}
.margin-0 {
	margin:0;
}
.img-left {
	float:left;
	margin: 0px 10px 10px 0px;
	padding: 4px;
	border-radius: 5px; 
	background-color: #F9F9F9;  
	border: #CCC 1px solid;
    margin-bottom: 20px;
}
.img-right {
	float:right;
	margin: 0px 0px 10px 10px;
	padding: 4px;
	border-radius: 5px; 
	background-color: #F9F9F9; 
	border: #CCC 1px solid;
    margin-bottom: 20px;
}
.img-style {
    border: 9px solid white;
    outline: 1px solid #eaeaea;
    box-shadow: 7px 7px 0px 0 rgb(223, 223, 223);
    margin-bottom: 20px;
}
.subtema-contenido {
	padding: 15px;
}
.temas img {
    display: block;
    max-width: 100%;
    height: auto;
}
.temas img.img-left,
.temas img.img-right {
	width:300px;
}
.temas .referencias-checkpoint img.img-right {
	width:200px;
}

.screen img {
    display: block;
    max-width: 100%;
    height: auto;
}
.screen img.img-left,
.screen img.img-right {
	width:300px;
}
.screen .referencias-checkpoint img.img-right {
	width:200px;
}

.bg-legend p {
	color:#fff;
}

.back-to-top img{
	display: inline;
}
.instruccion, 
.instru{
    color: #6DAD3A;
    text-align: center;
    font-weight: bold;
    padding-bottom: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
	font-size: 15px;
}

.banner {
    width: 100%;
    height: max-content;
    background: url(../../img/intro-bg.jpg) bottom center;
    background-size: cover !important;
	background-repeat: no-repeat !important;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
	margin-top: 73px;
}
#m1_tema1 .banner{
	background: url(../../img/banners/m1_tema1.jpg);
}
#m1_tema2 .banner{
	background: url(../../img/banners/m1_tema2.jpg);
}
#m1_tema3 .banner{
	background: url(../../img/banners/m1_tema3.jpg);
}
#m1_tema4 .banner{
	background: url(../../img/banners/m1_tema4.jpg);
}
#m1_tema5 .banner{
	background: url(../../img/banners/m1_tema5.jpg);
}
#m2_tema1 .banner{
	background: url(../../img/banners/m2_tema1.jpg);
}
#m2_tema2 .banner{
	background: url(../../img/banners/m2_tema2.jpg);
}
#m2_tema3 .banner{
	background: url(../../img/banners/m2_tema3.jpg);
}
#m2_tema4 .banner{
	background: url(../../img/banners/m2_tema4.jpg);
}
#m2_tema5 .banner{
	background: url(../../img/banners/m2_tema5.jpg);
}
#m3_tema1 .banner{
	background: url(../../img/banners/m3_tema1.jpg);
}
#m3_tema2 .banner{
	background: url(../../img/banners/m3_tema2.jpg);
}
#m3_tema3 .banner{
	background: url(../../img/banners/m3_tema3.jpg);
}
#m3_tema4 .banner{
	background: url(../../img/banners/m3_tema4.jpg);
}
#m3_tema5 .banner{
	background: url(../../img/banners/m3_tema5.jpg);
}
#m4_tema1 .banner{
	background: url(../../img/banners/m4_tema1.jpg);
}
#m4_tema2 .banner{
	background: url(../../img/banners/m4_tema2.jpg);
}
#m4_tema3 .banner{
	background: url(../../img/banners/m4_tema3.jpg);
}
#m4_tema4 .banner{
	background: url(../../img/banners/m4_tema4.jpg);
}
#m4_tema5 .banner{
	background: url(../../img/banners/m4_tema5.jpg);
}
#m4_tema6 .banner{
	background: url(../../img/banners/m4_tema6.jpg);
}
#m4_tema7 .banner{
	background: url(../../img/banners/m4_tema7.jpg);
}
.banner .title-container {
	width:auto;
}
.banner h1 {
	color:#fff;
}
.banner h4,
.banner h4 span {
	color:#fff;
}
.banner h4 span:hover,
.banner h4 span.active{
	color:aqua;
}
.botones-especiales {
    position: relative;
    float: right;
    margin-top: -127px;
    width: 85px;
}

.letra_blanco {
	color:#fff}

.controles {
	display:none;
	background-color: transparent;
    border: none;
	width:40px;
	height: 40px;
	cursor: pointer;
}
#speak.controles,
#pdf.controles{
	display:block;
}
#speak,
#resume {
	background-image: url(../../img/speak.png);
	float: left;
}
#pause {
	background-image: url(../../img/pause.png);
	float: left;
}
#pdf {
	background-image: url(../../img/pdf.png);
	float: right;
}
#pdf a {
	width:100%;
	height: 100%;
	display: block;
}
.submenu {
	cursor:pointer;
}
.txt-img {
	width:1px;
	height: 1px;
	color: transparent;
	display: inline-flex;
	overflow: hidden;
}
.fixed {
    position: fixed;
    top: 73px;
    margin-top: 0px;
	background-color: #203a8e;
	padding: 5px;
	width: 96px;
	right:15px;
	z-index: 999;
}
#intro_m1 img {
    display: block;
    max-width: 100%;
    height: auto;
}
#myModal{
	top:0px;
}
.accordion {
	margin-bottom: 20px;
}
.accordion-group {
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.accordion-heading {
	border-bottom: 0;
}
.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px;
}

.accordion-toggle {
	cursor: pointer;
}

.accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}
.accordion {
	margin-bottom: 20px;
}
.accordion-group {
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.accordion-heading {
	border-bottom: 0;
}
.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px;
}

.accordion-toggle {
	cursor: pointer;
}

.accordion-inner {
	padding: 9px 15px;
	border-top: 1px solid #e5e5e5;
}
.panel-default{
	border-color:#ddd;
	background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.panel-default>.panel-heading{
	color:#333;
	color:#FFFFFF;
	background-color:lightgray;
	border-color:#ddd;
	padding:10px 15px 10px}	
	
.panel-heading1{
	color:#333;
	background-color:#80B833;
	border-color:#ddd;
	padding:10px 15px 10px}	
		
.panel-heading2{
	color:#333;
	background-color:#95C940;
	border-color:#ddd;
	padding:10px 15px 10px}	
	
.panel-heading3{
	color:#333;
	background-color:#B4D763;
	border-color:#ddd;
	padding:10px 15px 10px;
	}
h4.panel-title {
	font-size: 1rem;
}	
.panel-title a{
	color:black;
}	
.panel-title a:hover,
.panel-title a:focus {
	color: #9d6380;
}	
	.panel-default>.panel-heading+.panel-collapse .panel-body{
	border-top-color:#ddd;
	padding: 15px;}
		
	.panel-default>.panel-footer+.panel-collapse .panel-body{
		border-bottom-color:#ddd}

.embed-container { position: relative; padding-bottom: 56.25%;  overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.referencia{
	font-size: 11px;
    text-align: center;
}
.nav-tabs.interactivo-img>li {
	min-height: 53px;
}
.nav-tabs.interactivo-img>li.active{
	border:1px solid #000;
}
.nav-tabs.interactivo-img>li>a span{
	width:100%;
	text-align: center;
	color:#fff;
}
.tab-content.interactivo-img>.active{
    display: block;
    border: 1px solid #ccc;
	padding:10px;
}
.nav.interactivo-img>li>a>img{
	max-width:100%;
}
.nav.interactivo-img>li>a>p{
	text-align: center;
	color:#fff;
	margin-top:5px;
	min-height: 43px;
}
.nav-tabs.interactivo-img>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0;
}
.nav.interactivo-img>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs.interactivo-img>li>a.active {
    border: 2px solid #000;
}
.nav.item-02 li {
	width: 50%;
}
.nav.item-03 li {
	width: 33.3333333%;
}
.nav.item-04 li {
	width: 25%;
}
.nav.item-05 li {
	width: 20%;
}
.Letrablanca {
    color: #fff;
}
/****** Responsive Media Queries ******/

@media (min-width: 1024px) {
 
}

@media (max-width: 1130px) {
  
}

@media (max-width: 1015px) {
	
}

@media (max-width: 991px) {
  	
}

@media (max-width: 768px) {
  #menu #logo img {
    padding: 0;
    margin: 0;
    max-height: 60px;
   	width: 93px;
    margin-top: 11px;
}
	#menu_nav button  {
    font-size: 14px;
}
	.banner h4.submenu {
		font-size: 13px;
		text-align: center;
	}
	.botones-especiales {
    background-color: #6ee6e6;
	padding: 5px;
    margin-top: -74px;
	width: 96px;
}
	.fixed {
    top: 146px;
}
	#compe h1 {
    font-size: 50px;
}
	
	.title-container {
    width: 90%;
}
	canvas {
    height: 100%;
}
	
}

@media (max-width: 321px) {
  #menu #logo img {
   	width: 75px; 
}
	#menu_nav button  {
    font-size: 10px;
}
	.banner h4.submenu {
		font-size: 10px;
}
	#compe h1 {
    font-size: 50px;
}


	
}


.fila-roja{
 background-color: #DE0B14;
    color: #FFFFFF!important;
}
.fila-roja p{
    color: #FFFFFF!important;
}
.fila-azul{
 background-color: #203a8e;
    color: #FFFFFF!important;
}
.fila-azul p{
    color: #FFFFFF!important;
}
.copyright{
	display: none;
}
.screen #opciones,
.screen .botones-especiales,
.screen .saber-mas,
.screen .back-to-top,
.screen #footer{
	display: none !important;
}
.screen .P1_fondo2 h4 {
	height: 0px
}
.screen .copyright{
	display: block !important;
}
.subtema-contenido{
	word-wrap: break-word;
}
.bold {
	font-weight: 900;
}
.card_details span {
	cursor: pointer;
}
.card_details span:hover {
	color: var(--color7);
}
.go {
	margin-bottom:10px;
}
.cuadro-temas {
    z-index: 1;
    background-color: var(--color2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	display: none;
}
.cuadro-temas .cerrar{
    position: absolute;
    right: 19px;
    top: 10px;
	cursor: pointer;
}
.go {
	text-align: left;
}
.go.section {
	color:var(--color7);
}
.go.section:hover {
	color:var(--color8);
}
.cuadro-temas .go{
	margin:auto;
	width: 90%;
}
.cuadro-temas .go .nombre{
	text-align: left;
	margin-bottom:10px;
}
.cuadro-temas .go .nombre.sincronica{
	text-align: center;
}
.card_details .cuadro-temas .go .nombre {
	font-size: 95%;
}
.cita{
	margin: 20px;
    line-height: 40px;
}