@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:#BCCB45!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: 40px;right: 37px;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;}
#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 #999;}

.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/L_GGD/img/b_cerrar.png);background-size: contain;position: absolute;right: -25px;top: -25px;z-index:2;}

.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;}
.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;padding:10px;}
.link{ color:#000; text-decoration:underline; font-style:italic;font-family: cabin;}
.importante{ font-style:italic; font-weight:bold;font-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;} 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;}

.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;}