@charset "utf-8";
/* CSS Document */
.cazul{color:#68A5DC!important;}.crojo{color:#C04C42!important;}.cverde{color:#88B33D!important;}.camarillo{color:#E6AF40!important;}.cvioleta{color:#592A7E!important;}.cblanco{color:#fff !important;}
.gris{background: #E1DFDF !important;}.rojo{background-color:#C04C42!important;}.verde{background-color:#88b33d!important;}.azul{background-color:#68A5DC!important;}.naranja{background-color:#E6AF40!important;}.amarillo{ background-color:#E6AF40!important;}.violeta{background-color:#592A7E!important;}.magenta{background-color:#C6F;}.bmagenta{border-color:#C6F!important;}
.brojo{border-color:#C04C42 !important;}.bverde{border-color:#88B33D !important;}.bazul{border-color:#68A5DC !important;}.bamarillo{border-color:#E6AF40 !important;}.bvioleta{border-color:#592A7E !important;} .blanco{background-color:#FFF !important;} .cnegro{color:#000 !important;}
#contenedor{position: absolute;top: 60px;left:50px;right: 50px;bottom: 23px;/* z-index: -1; */border-radius: 16px; text-align:center;}
.contenedor_int{position: relative;height: 72%;border-radius: 3ex;}
.border{position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;border: 4px dashed #fff;border-radius: 23px;padding:10px 20px;}
#videoem {margin: auto;text-align: center;}
#video{	background: #001C24;text-align: center;overflow: hidden;color: #001C24;font-size: 3em;line-height: 900px;cursor: pointer;transition: all 0.5s ease;background-image:url(../../../skins/L_GGD/img/play_boton.png);background-position: center;background-repeat: no-repeat;margin: auto;position: absolute;top: 30px;left: 30px;right: 30px;bottom: 30px;}
#video:hover{line-height: 100px;color: #FFF;}
.texto1{font-size: 2.2em;text-align: left;padding: 0px 0px 10px 0px;;margin-bottom: 10px;text-align:justify;}
.boton{position: absolute;font-size: 2em;color: #fff;padding: 3px 40px;border-radius: 10px;box-shadow: 3px 3px rgba(0,0,0,0.4);}
.boton:active{margin-left: 3px; margin-top:3px; margin-right:-3px; margin-bottom:-3px;box-shadow: none;}
.tshadow{text-shadow:4px 4px rgba(0,0,0,0.5)}

.pop{position: absolute;height: 600px;width: 600px;z-index: 100;background: #fff;left: 356px;top: -22px; box-shadow:3px 3px 30px #000; border-radius:15px;}
.pop .border .p{ font-size:1em;}
#close{height: 50px;width: 50px;background-image: url(../../../skins/S_GGD/img/b_cerrar.png);background-size: contain;position: absolute;right: -25px;top: -25px;z-index:2;}
#close:hover{background-image: url(../../../skins/S_GGD/img/b_cerrar_h.png);}
#close:active{background-image: url(../../../skins/S_GGD/img/b_cerrar_a.png);}

.deactivate{ opacity:0.6; cursor:default;}.deactivate:hover{transform:scale(1,1);}
.ggd_flechaVolver_h, .ggd_flechaAvanzar_h{ bottom:0px;}

.respuesta{border: 4px dashed;font-size: 3em;position: absolute;padding: 15px;border-radius: 20px;background: #fff;}

.titulo{font-size: 2em;color: #fff;height: 80px;position: absolute;border-radius: 40px;width: 589px;text-align: center;line-height: 80px;padding-left: 31px;box-shadow: 3px 3px rgba(0,0,0,0.4);}
.titulo:active{margin-left: 3px; margin-top:3px; margin-right:-3px; margin-bottom:-3px;box-shadow: none;}
.titulo_de{font-size: 2em;color: #fff;height: 80px;position: absolute;border-radius: 40px;width: 589px;text-align: center;line-height: 80px;padding-left: 31px;}
.num{height: 80px;width: 80px;border: 4px solid;border-radius: 46px;position: absolute;left: -21px;top: -4px;display: inline-block;font-size: 1.6em;line-height: 80px;margin-right: -7px;}
.titulo1{font-family: cabinbold;}
.link{ color:#000; text-decoration:underline; font-style:italic;font-family: cabin;}
.importante{ font-style:italic; font-weight:bold;fontl-family: cabin;}

.pop:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: -1;}
.pop:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: -1;}
.pop:after{background: #fff;height: 100%;width: 100%;position: absolute;content: "";top: 0;left: 0;z-index: -1;border-radius: 23px;}
.pop:after{background: #fff;height: 100%;width: 100%;position: absolute;content: "";top: 0;left: 0;z-index: -1;border-radius: 23px;}
 
ul li{ font-size:1.5em;margin-bottom:10px;} ul{list-style-image:url(../img/list.png); margin:10px; text-align:left;}
.cc{font-size: 0.43em;color: #999;padding: 10px;text-align: left; display:block;line-height: normal;}

.stack {height: 100%;width: 40%;position: absolute;display: block;overflow: hidden;}
.stack p{margin: 0;font-size: 0.8em;word-break: break-all;padding: 10px;background: rgba(0,0,0,0.7);color: rgba(255,255,255,0.8);text-shadow: 1px 1px #000;text-align:left;position:absolute;bottom:-100px; transition:all 0.5s ease;width: 90%;left: 9px}
.stack img{width: 80%;margin: 25px;}
.stack:hover p{bottom:0px;}
.stack p:hover{bottom:0px;}
.texto {display: table;width: 720px;position: absolute;right: 0px;height: 100%;font-size: 0.7em;line-height: normal;text-align: justify;padding:5px 43px;}
.texto p{display: table-cell;vertical-align: middle;line-height: normal;}

/*radio custom*/
input[type=radio].check2 {display:none;}
input[type=radio].check2 + label.label2 {padding-left:44px;display:inline-block;line-height:34px;background-repeat:no-repeat;cursor:pointer;}
input[type=radio].check2:checked + label.label2 {background-position: 0 -34px;}
label.label2{background-image:url(../../../skins/L_GGD/img/check.png);} 
.bien{background-color:#3CF; color:#FFF; transition: all ease 0.3s;border: 1px solid #000;}
.mal{background-color:#FFF; color:#000;border: 1px solid #000;}

/*lista de botones*/
.list_boton{ list-style: none;position: absolute;margin: 0px;padding: 0px;}
.list_boton li{color: #fff;font-size: 2em;border-radius: 10px;box-shadow: 0px 3px rgba(0,0,0,0.4);text-align: center;padding: 3px 40px;width: 210px;margin:0.5em;position: relative;}
.list_boton li:active{left: 3px;top: 3px;box-shadow: none;}
.list_boton li:nth-child(1){background-color:#C04C42;}
.list_boton li:nth-child(2){background-color:#68A5DC;}
.list_boton li:nth-child(3){background-color:#BCCB45;}
.list_boton li:nth-child(4){background-color:#E6AF40;}
.list_boton li:nth-child(5){background-color:#592A7E;}
/*home buttom*/
.btn_h{height: 50px;width: 50px;background: #88B33D;border: 4px solid #fff;border-radius: 100%;box-shadow: 3px 3px rgba(0,0,0,0.4);position: absolute;text-align: center;}
.btn_h img{height: 70%;margin: 5px auto;width: auto;}
.btn_h:hover{background: #E6AF40;border: 4px solid #fff;}
.btn_h:active{margin-left: 3px; margin-top:3px; margin-right:-3px; margin-bottom:-3px;box-shadow: none;}
