@font-face{
	font-family: 'cabin-regular'; /*a name to be used later*/
    src: url('../../../common/fonts/cabin-regular-webfont.ttf'); /*URL to font*/
}

.ggb_contenidoInterno{
	background-color:white;
	background-image:url("../img/background_arboles.png");
	background-repeat:repeat-x;
	background-position:bottom;
	background-size:50%;
}

#contenedor_opciones{
	width:97%;
	top:14.3%;
	position:absolute;
	height:7%;
	border-radius:10px 10px 0 0;
}

.opcion{
	background:#333333;
	width:24.79%;
	height:100%;
	display:inline-block;
}

.opcion:hover{
	cursor:pointer;
	opacity:0.85;
}
.opcion:first-of-type{
	border-radius:0 0 0 10px;
	margin-left:11%;
}

.opcion:last-of-type{
	border-radius:0 0 10px 0;
}

.opcion p{
	color:white;
	text-align:center;
	font-size:1.6em;
	line-height:2em;
	margin:0;
	padding:0;
}

.custom_btn{
	position:absolute;
	z-index:10;
	width:4%;
	height:6%;
	background:white;
	border-radius:10px;
	border:solid 3px #ED3879;
}

.custom_btn i{
	color:#ED3879;
	font-size:2.5em;
	margin:0 0 0 23%;
	line-height:1.2em;
}

#btn_ayuda{
	bottom:6%;
	left:4%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}

#btn_ayuda:hover{
	cursor:pointer;
	opacity:0.85;
}

#ayuda{
	position:absolute;
	bottom:5%;
	height:16%;
	background:white;
	width:88%;
	left:9%;
	border-radius:10px;
	border: solid 3px #ED3879;
	display:none;
	z-index:10;
}

#ayuda p{
	margin:0.5% 1% 0 4%;
	font-size:1.6em;
	font-family:cabin-regular;

}

.tab{
	width:97%;
	position:absolute;
	height:75.6%;
	top:21.6%;
	display:none;
}

#yt_player_1{
	position:absolute;
	top:4% !important;
	left:15% !important;
	width:70%;
	height:80%;
	display:none;
}


.pregunta{
	position:absolute;
	width:100%;
	height:100%;
}

.contenedor_preguntas, .contenedor_descripcion{
	position:absolute;
	width:85%;
	height:auto;
	left:9%;
	top:3%;
	background:rgba(255, 255, 255, 0.85);
}

.encabezado{
	position:absolute;
	width:85%;
	left:9%;
	top:3#;
	background:rgba(237, 56, 121, 0.8);
	color:white;
	font-size:2em;
	text-align:center;
}

.contenedor_preguntas p, .contenedor_descripcion p{
	font-size:1.7em;
	magin:0;
	font-style:100;
	font-family:'cabin-regular';
}

#contenedor_descripcion_1 p, .contenedor_descripcion h3{
	background:rgba(237, 56, 121, 0.6);
	padding:0 2% 0 2%;
	text-align:justify;
}

#contenedor_descripcion_2, #contenedor_descripcion_3{
	top:15%;
	padding:0 0 2% 0;
	border-radius:10px;
}

#contenedor_descripcion_2 p, #contenedor_descripcion_3 p{
	padding: 0 2.4%;
}

#contenedor_descripcion_3{
	padding:2%;	
}
.contenedor_descripcion h3{
	text-align:center;
	font-size:2em;
	margin:0;
}

.contenedor_respuestas{
	width:100%;
	height: 74%;
	margin-top:0.7%;
	left:0;
}

.contenedor_respuestas div{
	height:48%;
	width:49%;
	margin-right:0.5%;
	margin-bottom:0.8%;
	background:#FF7BAC;
	border-radius:10px;
	display:inline-block;
	vertical-align:middle;
}

.contenedor_respuestas div:first-of-type, .contenedor_respuestas div:nth-child(3){

}


.strong{
	margin-top:20% !important;
	font-size:2em !important;
}

.checkbox{
	margin:-2.5% 0 0 3%;
	z-index:3;
	width:3%;
	height:20%;
	display:inline-block;
	position:absolute;
}

.checkbox:before{
	content:'';
    display: inline-block;   
    width: 100%;  
    height: 29%;  
    top:34%;
    position:absolute;     
    background-color: white;  
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
} 

.checkbox:checked:before {  
    content: "\2713";  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 2.2em;  
    color: #333333;  
    text-align: center;  
    line-height:0.9em; 
}  

.correct_checkbox:before{
	background-color:#8CC63F;
}

.incorrect_checkbox:before{
	background-color:red;
}

.pregunta{
	display:none;
}

.nav_btn{
	position:absolute;
	width:5.5%;
	height:10%;
	background:#ED3879;
	bottom:0%;
	border-bottom:solid 0.3em #DB0079;
}

.nav_btn:hover{
	cursor:pointer;
	opacity:0.85;
}

.nav_btn:active{
	transform: scaleY(0.9);
}

.right{
	left:87%;
	border-radius:0 10px 0 0;
}

.left{
	left:81.4%;
	border-radius:10px 0 0 0;
}

.last{
	border-radius:10px 10px 0 0 !important;
}

.nav_btn i{
	color:white;
	font-size:2.4em !important;
	text-align:center;
	margin:18% 0 0 30%;
}

.fa-circle{
	color:#ED3879;
	position:absolute;
	margin-top:1.2%;
	margin-left:1.5%;
}

.contenedor_botones{
	width:100%;
	height:25%;
}

#contenedor_descripcion_1 p:last-of-type{
	margin:2% 0 1% 0;
}

.contenedor_botones div{
	width:30%;
	height:100%;
	border-radius:10px;
	margin-left:2.3%;
	display:inline-block;
	background: rgb(241,143,178); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(241,143,178,1) 0%, rgba(241,143,178,1) 49%, rgba(239,130,169,1) 50%, rgba(239,130,169,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(241,143,178,1)), color-stop(49%,rgba(241,143,178,1)), color-stop(50%,rgba(239,130,169,1)), color-stop(100%,rgba(239,130,169,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(241,143,178,1) 0%,rgba(241,143,178,1) 49%,rgba(239,130,169,1) 50%,rgba(239,130,169,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(241,143,178,1) 0%,rgba(241,143,178,1) 49%,rgba(239,130,169,1) 50%,rgba(239,130,169,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(241,143,178,1) 0%,rgba(241,143,178,1) 49%,rgba(239,130,169,1) 50%,rgba(239,130,169,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(241,143,178,1) 0%,rgba(241,143,178,1) 49%,rgba(239,130,169,1) 50%,rgba(239,130,169,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f18fb2', endColorstr='#ef82a9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

.contenedor_botones div:hover{
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(237,56,121,0.96);
	-moz-box-shadow: 0px 0px 20px 0px rgba(237,56,121,0.96);
	box-shadow: 0px 0px 20px 0px rgba(237,56,121,0.96);
}

.contenedor_botones p{
	background:none;
	text-align:center;
	color:white;
	font-size:2.4em;
	padding:0% 5%;

}

.popup_parte{
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.7);
	display:none;
}

.popup_parte div{
	width:85%;
	height:auto;
	background:white;
	margin-left:6%;
	margin-top:10%;
	padding:2%;
	border-radius:10px;
	border:solid 2px #ED3879;
	font-size:2em;
}

.btn_cerrar{
	position:absolute;
	left:92%;
	top:15%;
	width:5%;
}

.btn_cerrar:hover{
	cursor:pointer;
	opacity:0.85;
}

.btn_cerrar:active{
	width:4.5%;
}

#tab_6{
	display:block;
}

.yt_play{
	width:15%;
	height:30%;
	position:absolute;
	left:42%;
	top:30%;
}

.yt_play:hover{
	width:15.5%;
	height:31.5%;
	cursor:pointer;
}

#yt_play_1{
	background:rgba(102, 204, 204, 0.2);
	border-radius:10px;
}

#yt_play_1:hover{
	background:rgba(102, 204, 204, 0.4);
}

#yt_play_1 div{
	border-color: transparent transparent transparent #66CCCC;
}

.yt_play div{
	position:absolute;
	width:60%;
	height:80%;
	top:10%;
	left:20%;
	padding:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 70.5px 0 70.5px 140px;
}

#yt_player{
	position:absolute;
	width:85%;
	height:90%;
	left:10%;
	top:5%;
}

.contenedor_actividad{	
	top:4%;
	left:9%;
	width:85%;
	height:87%;
	background:rgba(255, 255, 255, 0.8);
	position:absolute;
	border-radius:10px;
	padding:1% 2% 1% 2%;
}

.contenedor_actividad span{
	font-size:2em;
}

.contenedor_actividad p{
	font-size:1.7em;
	margin:0;
	font-family:arial;
}

.contenedor_respuestas span{
	text-align:center !important;
}

.contenedor_respuestas p{
	font-size:2em;
	padding: 0% 10% 0 10%;
}

.contenedor_respuestas p:last-of-type{
	text-align:justify;
}

.bold{
	text-align:center;
	font-size:2.2em !important;
	margin-top:2% !important;
}

.inner_tab{
	width:100% !important;
	height:100% !important;
	position:absolute;
	top:0;
}

#tab_8 .contenedor_respuestas{
	font-size:0.8em;
}

.small_font{
	font-size:1.7em !important;
}

.small_font_2{
	font-size:1.1em !important;
}

.small_font_3{
	font-size:1.7em !important
}

.small_font_4{
	font-size:1.2em !important;
}

p b{
	font-size:1.1em;
	color: #FF005F;
}

.popup_parte p{
	text-align:justify;
}

.contenedor_actividad p b{
	color:black;
}

.small_font_5{
	font-size:2.5em !important;
}

#contenedor_respuestas_d{
	height:72%;
}

#contenedor_respuestas_d div{
	margin-bottom:2%;
	overflow-y: scroll;
	overflow-x: hidden;
	scrollbar-face-color: #000000;  
    scrollbar-shadow-color: #2D2C4D;  
    scrollbar-highlight-color:#7D7E94;  
    scrollbar-3dlight-color: #7D7E94;  
    scrollbar-darkshadow-color: #2D2C4D;  
    scrollbar-track-color: #7D7E94;  
    scrollbar-arrow-color: #C1C1D1;   
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(237, 56, 121, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(237, 56, 121, 0.85);
}

#ayuda b{
	color:black;
}