#splash {
	width:618px;
	height:511px;
	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;	
}



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

#panel2{
	background:url(../img/monitos.png) bottom left no-repeat;
	width: 789px;
	}

.close{
	background:url(../img/close.png) no-repeat;
	width:32px;
	height:31px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	}


.btn{
	position:absolute;
	background-position:center center;
	cursor:pointer !important;
	}

#autoconcepto{
	width:233px;
	height:248px;
	background:url(../img/autoconcepto.png);
	top:10px;
	left:510px;
	}
#conocimiento{
	width:281px;
	height:254px;
	top:300px;
	left:60px;
	background:url(../img/conocimiento.png);

	}


#autorespeto{
	width:213px;
	height:226px;
	top:10px;
	left:80px;
	background:url(../img/autorespeto.png);
		

	}


#conocimiento2{
	width:201px;
	height:240px;
	top:10px;
	left:60px;
	background:url(../img/conocimiento2.png);

	}

#autoconcepto2{
	width:199px;
	height:202px;
	top:10px;
	left:580px;
	background:url(../img/autoconcepto2.png);
		
	}
#autorespeto2{
	width:181px;
	height:202px;
	top:10px;
	left:300px;
	background:url(../img/autorespeto2.png);
		

	}

#cambio{
	background-position:center center;
	width:212px;
	height:410px;
	margin:0px auto;
	padding-top:180px;
	}
.hombre{ background:url(../img/hombre.png) center center no-repeat}
.mujer{	background:url(../img/mujer.png) center center no-repeat}


#botones {
display: block;
float: right;
margin-top: 400px;
margin-right: 60px;
	
	}

.col-2{
	width:340px;
	display:block;
	float:left;
	margin-top:120px;
	}
.box{
	display:none;
	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:200px;
	border-radius:5px;
	border:1px solid #ccc;
	box-shadow:0px 0px 3px #666666;
	background-size:cover;
	color:#fff !important;
	font-size:12px;
	}
.box p{
	color:#fff !important;
	}
.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{
	-moz-border-radius:10px !important;
    -webkit-border-radius:10px !important;
    border-radius:10px !important;
    color:  white !important;
}
.end_dialog{
	background:#fff;
	-moz-border-radius:10px !important;
    -webkit-border-radius:10px !important;
    border-radius:10px !important;
}

#dialog_autorespeto{
	width:310px !important;
	}
#dialog_conocimiento{
	width:280px !important;

	}

#formulario{
	 
	background: url("../img/hoja.png");	
	background-repeat: no-repeat;

}

	#formulario_in{
		margin-left: 80px;
		line-height: 22px;
		margin-top: 65px;
	}


.textAreaFormulario{
	background: transparent;
	width: 400px;
	min-height:60px;
	margin-bottom:15px;
	-moz-user-select: auto;
	-khtml-user-select: auto;
	-webkit-user-select: auto;
	-o-user-select: auto;
	color: black;
}



#div_table{
	display: none;
}

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