#splash {
	width:696px;
	height:490px;
	margin:0 auto;
}

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

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

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

}


/*---Estilos PlastiK----*/


#panel1{
	background:url(../img/BG.jpg);
	}
#panel2{
	background:url(../img/bg2.png);
	}

#panel2 table{
	position:absolute;
	top:189px;
	left:218px;
	}
#panel2 table tr{
	width:85px !important;
	}
#panel2 table tr td input{
	width:85px;
	height:36px;
	background:none;
	text-align:center;
	color:#fff !important;
	font-family:'EraserRegular',"Comic Sans MS", cursive;
	font-size:18px;
	}
#panel3{
	background:url(../img/bg2.jpg);
	}
#ejercicio3{
	position:absolute;
	top:120px;
	left:60px;
		font-family:'EraserRegular',"Comic Sans MS", cursive;

	}
#ejercicio3 p{
	color:#fff !important;
	}
#ejercicio3 p input{
	background:none !important;
	border-bottom:1px solid white;
	margin-left:15px;
	width:460px;
	font-family:"Comic Sans MS", cursive;
	color:#fff !important;
	}
select{
	font-family:"Comic Sans MS", cursive;
	background:#6b8b6b !important;
	color:#fff !important;
	}
select option{
	font-family:"Comic Sans MS", cursive;
	background:#6b8b6b !important;
		color:#fff !important;

	}
.oculto{
	display:none;
	}

.box ul{
	list-style-position:inside;
	}
.box ul li ul li{
	text-indent:10px;
	margin-left:40px;
	}


.puerta{
	position:absolute;
	bottom:88px;
	background:url(../img/puerta.png);
	width:166px;
	height:287px;
	cursor:pointer;
	}
.uno{
	left:100px;}
.dos{
	left:325px;
	}
.tres{left:530px;}

.mexfam{ background:url(../img/mexfam.png)}
.provictima{ background:url(../img/provictima.png)}
.juventud{ background:url(../img/juventud.png)}
.dif{ background:url(../img/dif.png)}
.conadic{ background:url(../img/conadic.png)}
.cndh{ background:url(../img/cndh.png)}
.centro{ background:url(../img/cu.png)}

.box{
	background:#F1F2F2;
	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%);
	position:relative;
	padding:10px;
	width:168px;
	border-radius:5px;
	border:1px solid #ccc;
	box-shadow:0px 0px 3px #666666;
	background-size:cover;
	color:#039;
	display:block;
	float:left;
	margin-left:5px;
	font-weight: bolder;
	}

.box p{
	color:#333;
	}
.short{
	width:200px;
	float:left;
	margin-left:15px;
	
}
.small{
	width:120px;
	float:left;
	margin-left:10px;
}
.centered{
	text-align:center;
	position:absolute;
	top:50px;
	right:100px;
	color:#fff;
}
.h-col{
	display:block;
	width:240px;
	height:300px;
	position:relative;
	float:left;
	padding-top:130px;
	margin:10px;
}

.box input{
	border-radius:4px;
	padding:5px;
	box-shadow:0px 0px 5px inset;
	}
.box h2{
	font-size:12px;
	color: #fff !important;
	
	}
.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;
	}
.verde p{
	color:#FFF;
	text-align:center;
	text-shadow:0px 1px 0px  #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;
	}
.naranja p{
	color:#fff;
	text-align:center;
	text-shadow:0px 1px 0px  #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;
	}

.derechos{
	position:absolute;
	top:-40px;
	right:10px;
	text-decoration:underline;
	text-align:center;
	cursor:pointer;
	font-size:12px;
	}
.hotspot{
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
	background:rgba(255,0,0,0.5);
	border-radius:100%;
	transition:all 600ms ease;


	font-size: 10px;
	color: white !important;
	text-align: center;

	}
.hotspot:hover{
	position:absolute;
	width:20px;
	height:20px;
	cursor:pointer;
	background:rgba(255,0,0,9.0);

	border-radius:100%;
	}



#caja1{
	top:199px;
	left:205px;
	
	}
#caja2{
	top:192px;
	left:402px;
	}
#caja3{
	top:406px;
	left:220px;
	}
#caja4{
	
	top:110px;
	left:513px;
	}
	
#caja5{
	top:310px;
	left:564px;
	}
#caja6{
	top:300px;
	left:406px;
	
	
	}

.dialog1{
	padding:8px;
	background:#fff;
	width:260px;
	position:absolute;
	z-index:10;
	top:70px;
	left:275px;

	}
.dialog2{
	position:absolute;
	padding:8px;
	background:#fff;
	width:260px;
	z-index:10;
	top:70px;
	left:270px;
	display:none;
	}
.dialog3{
	padding:8px;
	background:#fff;
	width:420px;
	position:absolute;
	z-index:10;
	top:110px;
	left:177px;
	display:none;
	}
.dialog4{
	padding:8px;
	background:#fff;
	width:260px;
	position:absolute;
	z-index:10;
	top:160px;
	left:270px;
		display:none;

	}

.dialog5{
	padding:8px;
	padding-top:4px;
	background:#fff;
	width:260px;
	position:absolute;
	z-index:10;
	top:90px;
	left:262px;
			display:none;
			color:#fff;

	}

.dialog6{
	padding:8px;
	background:#fff;
	width:260px;
	position:absolute;
	z-index:10;
	top:150px;
	left:270px;
		display:none;

	}

.modal p{color:#fff !important;}
#respuestas{
	position:absolute;
	bottom:10px;
	left:0px;
	z-index:400
	}
.box textarea{
	box-shadow:0px 0px 5px inset;
	padding:2px;
	resize:none;
	width:100%;
	height:70px;
	}
#dialog{
	width: 200px;
	height: 200px;
	display:none;
}
#dialog_option{
	text-align: center;
    font-size:15pt;
    margin: 0 auto;
	color:white !important;
}
.dialog{
	-moz-border-radius:10px !important;
    -webkit-border-radius:10px !important;
    border-radius:10px !important;
}
.end_dialog{
	-moz-border-radius:10px !important;
    -webkit-border-radius:10px !important;
    border-radius:10px !important;
}
#end_dialog_option{
	text-align: center;
    font-size:25pt;
    margin: 0 auto;
}
#endDialog{
	display:none;
}
.end_dialog .ui-dialog-titlebar {
	display: none;
}

#img_left{
	float:left;
}

#img_right{
	float:right;
	display:none;
}

#end_blank{
	width: 100%;
	height: 10%;
}

.fotos{
	border:4px solid #fff;
	border-radius:5px;
	display:block;
	width:300px;
	min-height:200px;
	position:absolute;
	bottom:100px;
	right:20px;
	z-index:1000;
}
a{
	text-decoration:none;
}

.button-list{
  margin-bottom:30px;	
}
.button-list:last-child{
	margin-bottom:0px;
}
/*CHECK BOX*/
input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#f2f2f2;
    
}

input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url('../check_radio_sheet.png') -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url('../check_radio_sheet.png') -57px top no-repeat;
}

#derechosLink{
	cursor: pointer;
}

.printable, .printable *{
	display: none;
}

.ui-dialog,.ui-dialog-titlebar{
	background: #2174B2;
}
