@import url("subpantalla.css");
@import url("paper.css");

#splash {
	width:703px;
	height:346px;
	margin:0 auto;
}

#panelReel {
	position: absolute;
	top: 0;
	left: 0;
}

#panelReel > * {
	position:relative;
	display:block;
	width: 790px;
	height:560px;
	}

#activity {
	width: 790px;
	height:560px;
	
	/*Estas propiedades pueden modificarse si llegase a ser necesario*/	
	margin:auto;
	overflow:hidden;
	border: dashed 3px;	
}

h1 em{color:#fff !important}

/*---Estilos PlastiK----*/
.box a{
	color:#06F;
	}

#panel1{
	background:url(../img/fondo.jpg);
	}
#hoja{
	position:absolute;
	bottom:0;
	left:94px;
	z-index:9999999;
	background:url(../img/hoja.png) top center no-repeat;
	width:443px;
	height:500px;
	color:#333;
	padding-left:114px;
	padding-top:47px;
	padding-right:62px;
	
	}
.close{
	background:url(../img/close.png) no-repeat;
	width:32px;
	height:31px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	}

#hoja5{
	background:rgba(0,0,0,.75);
	position:absolute;
	z-index:9999;
	width:790px;
	height:560px;
	}
.btn{
	position:absolute;
	background-position:center center;
	width:48px;
	height:48px;
	cursor:pointer;
	}
#uno{
	top:70px;
	left:170px;
	background:url(../img/uno.png);
	}
#dos{
	top:400px;
	left:210px;
	background:url(../img/dos.png);
	}
#tres{
	top:50px;
	left:540px;
	background:url(../img/tres.png);
	}
#cuatro{
	top:340px;
	left:60px;
	background:url(../img/cuatro.png);
	}
#cinco{
	top:200px;
	left:480px;
	background:url(../img/cinco.png);
	}

.col-2{
	width:340px;
	display:block;
	float:left;
	margin-top:120px;
	}
.box{
	display:block;
	float:left;
	background:#CCC;
		background-image: -ms-linear-gradient(bottom, #D1D3D4 0%, #F1F2F2 100%);
		background-image: -moz-linear-gradient(bottom, #D1D3D4 0%, #F1F2F2 100%);
		background-image: -o-linear-gradient(bottom, #D1D3D4 0%, #F1F2F2 100%);
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D1D3D4), color-stop(1, #F1F2F2));	
		background-image: -webkit-linear-gradient(bottom, #D1D3D4 0%, #F1F2F2 100%);		
		background-image: linear-gradient(to top, #D1D3D4 0%, #F1F2F2 100%);
		margin:10px;
	position:relative;	
	padding:10px;
	width:auto;
	border-radius:5px;
	border:1px solid #ccc;
	box-shadow:0px 0px 3px #666666;
	background-size:cover;
	color:#333 !important;
	font-size:12px;
	}
.box p{
	color:#333;
	}
.box p span{
	display:block;
	margin-right:5px;
	text-shadow:0px 1px 0px #0033CC;
	width:25px;
	height:25px;
	text-align:center;
	line-height:25px;
	float:left;
	background:#6CC;
	border-radius:100%;
	background-image: -ms-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: -moz-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: -o-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #048CF5), color-stop(1, #27AAE1));
background-image: -webkit-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: linear-gradient(to top, #048CF5 0%, #27AAE1 100%);
	
	}



.box input{
	border-radius:4px;
	padding:5px;
	box-shadow:0px 0px 5px inset;
	}
.comprobacion{
	position:absolute;
	top:15px;
	right:-180px;
	}

.azul{
background:#27AAE1;
background-image: -ms-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: -moz-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: -o-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #048CF5), color-stop(1, #27AAE1));
background-image: -webkit-linear-gradient(bottom, #048CF5 0%, #27AAE1 100%);
background-image: linear-gradient(to top, #048CF5 0%, #27AAE1 100%);
box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;	
border:1px solid #0371c5;

	}
.verde{
background:#009447;
background-image: -ms-linear-gradient(bottom, #009447 0%, #3BB54A 100%);
background-image: -moz-linear-gradient(bottom, #009447 0%, #3BB54A 100%);
background-image: -o-linear-gradient(bottom, #009447 0%, #3BB54A 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #009447), color-stop(1, #3BB54A));
background-image: -webkit-linear-gradient(bottom, #009447 0%, #3BB54A 100%);
background-image: linear-gradient(to top, #009447 0%, #3BB54A 100%);
box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;	
border:1px solid #007D3B;
	}
.naranja{
background:#F36E25;		
background-image: -ms-linear-gradient(bottom, #F36E25 0%, #F89924 100%);
background-image: -moz-linear-gradient(bottom, #F36E25 0%, #F89924 100%);
background-image: -o-linear-gradient(bottom, #F36E25 0%, #F89924 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F36E25), color-stop(1, #F89924));
background-image: -webkit-linear-gradient(bottom, #F36E25 0%, #F89924 100%);
background-image: linear-gradient(to top, #F36E25 0%, #F89924 100%);
box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;	
border:1px solid #F36E25;
	}
.morado{
background:#7E53A0;	
background-image: -ms-linear-gradient(bottom, #662F90 0%, #7E53A0 100%);
background-image: -moz-linear-gradient(bottom, #662F90 0%, #7E53A0 100%);
background-image: -o-linear-gradient(bottom, #662F90 0%, #7E53A0 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #662F90), color-stop(1, #7E53A0));
background-image: -webkit-linear-gradient(bottom, #662F90 0%, #7E53A0 100%);
background-image: linear-gradient(to top, #662F90 0%, #7E53A0 100%);	
box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;
border:1px solid #461A70;
	}
.turquesa{
background:#00695F;		
background-image: -ms-linear-gradient(bottom, #00695F 0%, #00A091 100%);
background-image: -moz-linear-gradient(bottom, #00695F 0%, #00A091 100%);
background-image: -o-linear-gradient(bottom, #00695F 0%, #00A091 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00695F), color-stop(1, #00A091));
background-image: -webkit-linear-gradient(bottom, #00695F 0%, #00A091 100%);
background-image: linear-gradient(to top, #00695F 0%, #00A091 100%);
box-shadow:0px 1px 0px rgba(255,255,255,0.5) inset;	
border:1px solid #00A091;
	}

.dialog_in{
	display: none;
}


.btn_questions{
	float:left;
	color:black;
	margin-top: 10px;
}

.p_preguntas{
	float: right;
	color: black;	
	margin-top: 10px;
}



#div_respuestas{
	float: left;
	color:black;


}

#dialog_podcast{

}

#podcast{
	background: white;
	color: black;
	float: left;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	
}

#podcast_in{
	margin-top: 3px;
	margin-left: 12px;
	color: black;
}

#podcast_q{
	background: #0B4FA2;
	color: white;
	margin-top: 15%;
	height: 100px;
	width: 610px;
	margin: 100px auto;
	display: block;
	border-radius:10px;
	padding-top:15px;
	padding-left:5px;
}

#radio1, #radio2{
	float: left;
	clear: left;
	margin-top:7px;
	margin-left: 5px;
}

#podcast_pregunta1, #podcast_pregunta2{
	float:left;
	margin-left: 10px;
	width: 95%;
}

.info_res{
	float:left;
	clear: left;
	margin-left: 80px;
	margin-top: 35px;
	color: black;
	line-height: 20px;

}

#paper_res_in,#podcast_res_in{
	text-align: left;
}

#dialog_info1{
	height: 100% !important;	
}

.ui-widget-content{
	top: 0 !important;
}
.ui-button{ outline:none}