@charset "utf-8";
/* CSS Document */
body{position:fixed;}
#contenedor{
	position: absolute;
	background: #fff;
	top: 60px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	text-align:justify;
	font-family:'cabinregular';
}
.grid_container{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 45px;
	right: 45px;
	}

.grid-box{ position: relative; border-radius: 10px; overflow: hidden;  z-index: 10; padding: 20px;}
.grid-box:after {  content: "";
   position: absolute;
   display: inline;
   z-index: -1;
   border: 3px dashed;
   border-radius: 10px; border-color: rgba(255,255,255,0.3);top: 10px; left: 10px; bottom: 10px; right: 10px; 
}

/*NORMALIZE*/
p{padding:0;margin: 0 0 10px 0;}
video{}
/*video{height:450px;width:850px;}*/
/*END NORMALIZE*/
/*ICONS*/
.click:after{background: url(../../../skins/L_GGD/img/click_icon.svg) no-repeat;}
.click_tab:after{background:url(../../../skins/L_GGD/img/tab_icon.svg) no-repeat;}
.icon:after{content: "";width: 40px;height: 40px;background-size: contain;position: relative;display: inline-block;margin-left: 6px;top: 17px;margin-top: -20px;}
/*END ICONS*/
.texto1{font-size:36px;	}
.texto2{font-size:28px;}

.texto30{font-size:30px;}
.texto32{font-size:32px;}
.texto34{font-size:34px;}

.contenido{min-height: 50px;border-radius: 10px;padding:10px;}
.contenido img{width: 100%;}
.border{border: 3px dashed;border-radius: 10px;border-color: rgba(255,255,255,0.3);padding: 10px;height: 100%;}
textarea{width: 100%;resize: none;border: none;font-size: 36px;}
button{padding: 5px 30px;font-size: 36px;border: none;border-radius: 10px;box-shadow: 3px 3px rgba(0,0,0,0.3);position: absolute;color: #fff;outline: none;}
button:active{box-shadow: none;margin-top: 3px;margin-left: 3px;margin-right: -3px;margin-bottom: -3px;}

.stack {height: 100%;position: relative;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: 100%;}
.stack:hover p{bottom:0px;}
.stack p:hover{bottom:0px;}

/*colores*/

.cblanco{color:#fff;}.cazul{color:#76a9da;}.crojo{color:#c04c42;}.cnegro{color:#000;}.cnaranja{color:#e6af40;}.cverde{color:#93b535;}.cvioleta{color:#592A7E!important;}
.blanco{background-color: #fff;}.azul{background-color:#76a9da;}.naranja{background-color:#e6af40;}.verde{background-color:#93b535;}.rojo{background-color:#c04c42;}.gris{background-color: #E1DFDF !important;}.violeta{background-color:#592A7E!important;}

.bblanco{border-color:#fff !important;}.bazul{border-color:#76a9da !important;}.brojo{border-color:#c04c42 !important;}.bgris{border-color: #E1DFDF !important;}.bvioleta{border-color:#592A7E!important;}


.pop{max-height: 501px;overflow: auto;padding: 0 15px;}


[data-sg-id="item-popup"]{background:#fff;padding:10px;width:1000px;font-family:'cabinregular';text-align:justify;max-height:680px;border-radius:20px;box-shadow: 0 0 50px rgba(0,0,0,0.5);}
[data-sg-id="item-popup"] h1{background:#bfcb59;position:absolute;top:0;left:0;right:0;padding:23px 39px;color:#fff;margin: 0;border-radius:20px 20px 0 0;font-size: 40px;}
[data-sg-id="btn-popup-close"]{position:absolute;z-index:1;background:#fff;height:50px;width:50px;border-radius:25px;line-height:40px;text-align:center;font-size:100px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top:25px;right:25px;color:#7987b9;}
[data-sg-id="item-popup"] .content{	overflow: auto;	position: relative;	max-height: 560px;	margin: 100px 10px 10px 10px;}
[class*='col-'] img{width:100%;}
[data-sg-id="item-popup"].solution{padding:0;}
[data-sg-id="item-popup"].solution h1 {background:#bfbfbf;}
[data-sg-id="item-popup"].solution p {font-size:50px;}
[data-sg-id="item-popup"].solution img{position: absolute;top: 0;right: 0;border-radius: 0 0 20px 0;}
[data-sg-id="item-popup"].solution .content{overflow: hidden;margin: 97px 0 0 0;height: 209px;}
[data-sg-id="item-popup"].solution.incorrecto p {color: #e65040;font-size: 100px;margin-top: 30px;margin-left: 170px;}
[data-sg-id="item-popup"].solution.correcto .validacion p{color: #fff;font-size: 30px;margin: 0;padding: 10px 20px;border-top: 4px solid #ccc;margin-top: 10px;background: #97be13;}
[data-sg-id="item-popup"].solution.correcto p {color: #97be13;font-size: 100px;margin-top: 30px;margin-left: 170px;}
[data-sg-id="btn-popup"]{display: inline;}
[data-sg-id="item-popup"].solution.correcto .validacion img{}

