@charset "UTF-8";
/* CSS Document */

*{ margin:0px; padding:0px; }

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

a,
a:link,
a:visited {
	text-decoration:none;
}

a:hover,
a:focus,
a:active{
	text-decoration:none;
}

img{
	border:none;
}

h1{
	font-family:"Times New Roman", Times, serif;
	font-size:38px;
}

img{
	border:none;
}

.spin{
	display:none;
}

input.generar{
	cursor:pointer;
}

input.generarm{
	cursor:pointer;
}	

#contenedor{
	width:990px;
	margin:0 auto;
}

#header{
	padding-top:30px;
	
}

#header .logo{
	float:right;
	margin-right:10px;
}

#header .logo img{
	width: 150px;
	padding: 1rem;
}

#header .lema{
	float:left;
	margin-bottom:40px;
	margin-left:10px;	
}

.menus{
	width:100%;
	height:30px;
	
}

.menu{
	width:700px;
	padding:10px 10px;
	background-color:#000;
	height:auto;
	font-weight:bold;
	float:right;
}

.menu_cam{
	width:210px;
	padding:2px 20px;
	background-color:#000;
	height:31px;
	font-weight:bold;
	float:left;
}

.cam{
	float:left;
	color:#FFF;
	padding:0px 10px;
	font-size:11px;
	padding-left:12px;
}

.cam span{
	font-size:17px;
	
}

.menu a,
.menu a:link,
.menu a:visited,

.menu_cam a,
.menu_cam a:link,
.menu_cam a:visited {
	color:#FFF;
}

.menu a:hover,
.menu a:focus,
.menu a:active,
.menu a.activo,

.menu_cam a:hover,
.menu_cam a:focus,
.menu_cam a:active,
.menu_cam a.activo{

	color:#afaeae;
}

.menu .opciones{
	float:left
}

.mcolec .menu .opciones{
	display: grid;
	grid-template-columns: repeat(auto-fit, 75px);
	gap: 0.5rem;
	align-items: center;
	float: none;
}

.menu .tit{
	float:left;
	font-size:18px;
	margin-top:-5px;
	margin-right:55px;
	color:#FFF;
}

.menu .idiomas{
	float:right;
	color:#afaeae;
}

.menu .opcion,
.menu .idioma{
	float:left;
	margin-right:5px;	
}

.menu .opcion{
	margin-right:15px;
}

#header .expli{
	margin-top:20px;
	margin-bottom:20px;
	color:#525353;
	margin-left:10px;	
}

.nombre-coleccion{
	color:#000;
	text-transform:uppercase;
	background-color:#bbbbbb;
	padding-top:3px;
	padding-bottom:3px;
	font-size:27px;
	text-align:center;
	font-weight:bold;	
}


#header .expli p{
	margin-bottom:3px;
}


#header .expli p.tit,
#header .expli span{
	color:#000;
	font-weight:bold;	
}


#juego{
	width:970px;
	padding:10px;
	background-color:#f0eeee;
	margin-bottom:70px;
}

#juego #generador{
	margin:38px;
	height: 465px;
}

#juego.hexagono #generador{
	height: 460px;
}


#juego #generador #calc{
	float:right;
	width:505px;
	height:410px;
	padding-top:15px;
}

/*Standar*/
#juego #generador #c_malla{
	float:left;
	height:410px;
	margin-right:20px;
	width:337px;
	position:relative;
}

#juego #generador #c_malla .explim{
	font-size:11px;
	color:#555656;
	margin-top:25px;
	
}

#juego #generador #c_malla #malla{
	border:1px solid #989898;	
	width:337px;
	height:337px;
}

#juego #generador #c_malla #malla table{
	width:337px;
	height:337px;
}

#juego #generador #c_malla #malla td{
	
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}


/*Degradados*/
#juego.hexagono.shell #generador #c_malla{
	width: 350px;
	height: 338px;
}
#juego.hexagono.circulo #generador #c_malla{
	width: 301px;
	height: 281px;
}

#juego.hexagono.shell #generador #c_malla #malla{
	width:349px;
	height:336px;
}
#juego.hexagono.circulo #generador #c_malla #malla{
	width: 300px;
	height: 280px;
}


#juego.hexagono #generador #c_malla{
	width: 349px;
	height: 367px;
}

#juego.hexagono #generador #c_malla #malla{
	width:348px;
	height:365px;
}

#juego.hexagono #generador #c_malla #malla canvas{
	background: #fff;
}

#juego #generador #calc {
	padding-top: 0px;
}

#juego #generador #calc .colecciones{
	list-style: none;
}

#juego #generador #calc .colecciones li{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}

#juego #generador #calc .colecciones li a{
	display: block;
}

#juego #generador #calc .colecciones li a img{
	width: 50px;
}

/*
#juego #generador #calc .colecciones li a.active,
#juego #generador #calc .colecciones li a:hover{
	background: #000;
	color: #fff;
}
*/

/****/

/*Degradados*/
#juego #generador.degra{
	margin:38px;
	height: 622px;
	margin-top:20px;
}


#juego #generador #c_malla.degra{
	float:left;
	height: 603px;
	margin-right:20px;
	margin-left:120px;
	width:85px;
	padding:10px;
	background:#FFF;
}

#juego #generador.degra .explim{
	font-size:11px;
	color:#555656;
	margin-top:195px;
	height:67px;
}

#juego #generador #c_malla.degra #malla{
	border:1px solid #989898;	
	width:85px;
	height: 601px;

}

#juego #generador #c_malla.degra #malla table{
	width: 85px;
	height: 43px;
	margin-top:-1px;
}

#juego #generador #c_malla.degra #malla table.sup1{
	width: 85px;
	height: 43px;
	margin-top:0px;
}


#juego #generador #c_malla.degra #malla td{
	width:6px;
	height:6px;
	background-color:#FFF;
		text-align:center;
	vertical-align:middle;

}

#juego #generador.degra #calc .fila .color table td.ref{
	color:#8c8b8b;
	padding-right:0px;
	width:65px;	
}

#juego #generador.degra #calc .fila .color table td{
	vertical-align:middle;
	padding-right:5px;	
}

#loading_malla_degra{
	width:84px;
	height:588px;
	position:absolute;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	z-index:9999;
	left:11px;
	top:11px;
	display:none;
	
}

#loading_muro_degra{
	width:504px;
	height:504px;
	position:absolute;
	display:none;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	z-index:9999;
	left:236px;
	top:21px;
}


/****/

/*Plantillas*/
#juego.plant #generador #c_malla #malla table.malla{
	width: auto; 
	height: auto;
	float:left;
}

#juego.plant #generador #c_malla #malla table.p1{
	margin-bottom:-1px;
	margin-right:-1px;
}

#juego.plant #generador #c_malla #malla table.p2{
	margin-bottom:-1px;
}

#juego.plant #generador #c_malla #malla table.p3{
	margin-bottom:-1px;
	margin-right:-1px;
}


#juego.plant #generador #c_malla #malla td{
	width:13px;
	height:13px;
	background-color:#FFF
}

/***/

#juego #generador #calc .fila{
	height:40px;
	margin-bottom:5px;
	width:500px;
}

#juego #generador #calc .fila .acciones{
}

#juego #generador #calc .fila .color,
#juego #generador #calc .fila .junta{
	width:433px;
	height:29px;
	margin-right:7px;
	background-color:#FFF;
	float:left;
	
	padding:5px 10px;
	
	-moz-box-shadow:    -1px 2px 3px 1px #999;
	-webkit-box-shadow: -1px 2px 3px 1px #999;
	box-shadow:         -1px 2px 3px 1px #999;
}

#juego.plant #generador #calc .fila .color,
#juego.plant #generador #calc .fila .junta{
	width:414px;
}



#juego #generador #calc .fila .plantillas{
	width:459px;
	height:90px;
	margin-right:7px;
	background-color:#FFF;
	float:left;
	
	padding:5px 10px;
	
	-moz-box-shadow:    -1px 2px 3px 1px #999;
	-webkit-box-shadow: -1px 2px 3px 1px #999;
	box-shadow:         -1px 2px 3px 1px #999;
}

#juego #generador #calc .fila .plantillas div{
	float:left;
	padding:4px;
	margin-left:18px;
	cursor:pointer;
}

#juego #generador #calc .fila .plantillas div:hover,
#juego #generador #calc .fila .plantillas div.activo{
	background-color:#000;	
}

#juego #generador #calc .fila .color_sel{
	width:35px;
	height:35px;
	padding:2px;
	background-color:#FFF;
	float:left;

	-moz-box-shadow:    -1px 2px 3px 1px #999;
	-webkit-box-shadow: -1px 2px 3px 1px #999;
	box-shadow:         -1px 2px 3px 1px #999;
}

#juego #generador #calc .fila .color table{
	height:100%;
	font-weight:bold
}

#juego #generador #calc .fila .color table td{
	vertical-align:middle;
	padding-right:25px;
}

#juego #generador #calc .fila .color table td.lasttd{
	padding-right:0px;
}

#juego #generador #calc .fila .color table td button{
	padding:5px;
}

#juego #generador #calc .fila .color table td.ref{
	color:#8c8b8b;
    padding-right: 5px;
    max-width: 72px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#juego.hexagono #generador.dibujo #calc .fila .color table td.ref{
	width:101px;	
}

#juego #generador #calc .fila .color table td input.porc{
	width:20px;
	float:left;
	height:16px;
}

#juego #generador #calc .fila .color table td input.button{
	cursor:pointer;
}

#juego #generador #calc .fila .junta table{
	height: 100%;
	font-weight: bold;
}
#juego #generador #calc .fila .junta td{
	padding-right:10px;
	vertical-align: middle;
}

#juego #generador #calc .fila .junta td.cj{
	width:19px;
	
}

#juego #generador #calc .fila .junta img{
	-moz-box-shadow:    -1px 2px 3px 1px #999;
	-webkit-box-shadow: -1px 2px 3px 1px #999;
	box-shadow:         -1px 2px 3px 1px #999;
	cursor:pointer;
}

.fila .junta img.activo,
.fila .junta img:hover{
	border:1px solid #000;
	padding:2px;
}

#juego #generador #calc .acciones div{
	width:505px;
	text-align:center;
	margin-top:60px;
}

#juego #generador #calc .accionesp div{
	width:505px;
	margin-top:15px;
}

#juego #generador #calc .accionesp div.acc-pos.p{
	margin-bottom:5px;
}


#juego #generador #calc .acciones div.cont-porc{
	width:505px;
	text-align:center;
	margin-top:30px;
	color:#717171;
}

#juego #generador #calc .acciones div.cont-porc span{
	color: #000;
	font-weight:bold;
	font-size:17px;
}


#juego #generador #calc .acciones div.g-porcen{
	margin-top:20px;
}


/*Pared*/
#pared{
	height:545px;
	margin:10px;
	background:#FFF;
	padding:30px 50px;
	position:relative;
}

#juego.hexagono #pared {
	height: 665px;
}

#pared h2{
	float:left;
}

#pared.pared_dibu p{
	float: left;
	margin-top: 20px;
}

#pared.pared_dibu p a{
	color: #000;
}

#pared div.muro{
	border: 1px solid #989898;
	width:588px;
	margin:0 auto;
	float:left;
	margin-left:80px;
	height:588px;
}

#juego.hexagono #pared div.muro{
	margin-left:60px;
}

#juego.hexagono #pared.pared_dibu div.muro{
	position: relative;
	float: right;
    margin-right: 100px;
    margin-left: 20px
}

#juego.hexagono.shell #pared.pared_dibu div.muro{
    margin-right: 50px;
}

#juego.hexagono #pared.pared_dibu div.muro .canvas-muro{
	position: absolute;
	top: 0;
	left: 0;	
}

#pared .muro table{
	/*width:133px;
	height:133px;*/
	float:left;
	border:none;
}

#pared .muro table{
	margin-top:-1px;
	margin-left:-1px;
}

#pared .muro table.muro00{
	margin:0px;
}

#pared .muro table.muro01,
#pared .muro table.muro02,
#pared .muro table.muro03,
#pared .muro table.muro04,
#pared .muro table.muro05{
	margin-top:0px;
}

#pared .muro table.muro10,
#pared .muro table.muro20,
#pared .muro table.muro30,
#pared .muro table.muro40,
#pared .muro table.muro50{
	margin-left:0px;
}

#pared .muro table td{
	background-color:#FFF;
	text-align:center;
	vertical-align:middle;
}

#pared.plant .muro table td{
	background-color:#FFF;
	width:7px;
	height:7px;
	text-align:center;
	vertical-align:middle;
}

#pared.plant .muro div.tabla{
	width:84px;
	height:84px;
	float:left;
}
#pared.plant div.muro{
	/*padding-top:1px;
	padding-left:1px;*/

}


#pared #loader_muro{
	position:absolute;
	width:588px;
	height:588px;
	left:196px;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	z-index:9999;
	top:21px;
	display:none;
}

#juego.hexagono #pared #loader_muro{
    width: 602px;
    height: 674px;
    left: 194px;
}


/*Pared degradados*/
#pared.degra{
	height:590px;
	margin:10px;
	background:#FFF;
	padding:20px 30px;
	position:relative;
}

#pared.degra .muro{
	border: 1px solid #989898;
	width:505px;
	margin:0 auto;
	float:left;
	margin-left:120px;
	height:589px;
}

#pared.degra .muro table{
	float:none;
}

#pared.degra .muro div.col1 table {
	margin-left:0px;
}

#pared.degra .muro div.col1 table.sup1,
#pared.degra .muro div.col2 table.sup1,
#pared.degra .muro div.col3 table.sup1,
#pared.degra .muro div.col4 table.sup1,
#pared.degra .muro div.col5 table.sup1,
#pared.degra .muro div.col6 table.sup1
 {
	margin-top:0px;
}


#pared.degra .muro div{
	/*width:133px;
	height:133px;*/
	border:none;
	float:left;
}

#pared.degra .muro table td{
	background-color:#FFF;
	width:6px;
	height:6px;
		text-align:center;
	vertical-align:middle;

}


/*COLECCIONES*/


	.mcolec .opcion{
		color: #AFAEAE;
		cursor:pointer;
	}
	
	.mcolec .opcion:hover,
	.mcolec .opcion.activo{
		color: white;
	}
	
	.mcolec .panel{
		display: grid;
		grid-template-columns: repeat(auto-fit, 75px);
		gap: 0.5rem;
		padding: 1rem;
	}
	
	.mcolec .panel img{
		width:55px;
	}
	
	.mcolec .panel .img_col{
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding:2px;
		border: 1px solid transparent;
	}

	.mcolec .panel .img_col:hover{
		border:1px solid #000;

	}
	
	.mcolec .panel.impressions .img_col{
		height: 107px;
	}

	.mcolec .panel.impressions .img_col:hover{
		height:103px;		
	}

	.mcolec .panel .img_col p{
		margin-top: 5px;
	}

	.mcolec .panel.impressions .img_col p{
		line-height: 100%;
		font-size: 11px;
	}


/*Acciones*/
div.print{
	padding-top:10px;
	float:left;
	margin-right:10px;
	cursor:pointer;
	display:none;
}

div.print .topdf button{
	background:none;
	border:none;
	cursor:pointer;	
}

div.send{
	padding-top:10px;
	float:left;
	cursor:pointer;
	display:none;
}


/* FORMULARIO DE ENVIO */
#send{
	color:#525353;
	padding:20px;
}

#send input, #send textarea {
	margin-bottom:15px;
}

#send p{
	margin-bottom:5px;
}

#send input.std_input, #send textarea{
	width:310px;
}

#send input.std_amigo{
	width:170px;
}

#send .formulario, #send .exito, #send .error, #send .loading{
	position:absolute;
}

#send .exito, #send .error, #send .loading{
	padding-top:130px;
	width: 330px;
}

#send .exito p, #send .error p{
	text-align:center;
}

#send .loading{
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	height:200px;	
}


/*Dibujo libre*/
#generador.dibujo .malla,
#generador.dibujo table.malla td{
	cursor:crosshair;
}

.acc-pos table td{
	width:15px;
	height:15px;
	background-color:#FFF;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
}

.acc-pos table td.activo, .acc-pos table td.activo_t{
	background-color: #000;	
}
	
.d{
	width:106px;
	height:106px;
	float:left;
	border:1px dashed #000;	
}

#juego.hexagono.shell .d{
	width: 160px;
    height: 147px;
}

#juego.hexagono .d{
    width: 118px;
    height: 131px;
    background: transparent;
    border:none;
}

#juego.hexagono .d.dotted{
	border:1px dashed #000;	
}

#juego.hexagono .d.activo,
#juego.hexagono .d.activo_t,
.d.activo, .d.activo_t{
	background-color:#000000;
	color:#ffffff;
}


#c_malla #cont_malla{
	position:relative;	
}

#c_malla #cont_malla #loader_malla{
	display:none;
	position:absolute;
	width:337px;
	height:337px;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
}

#juego.hexagono #c_malla #cont_malla #loader_malla{
	width:348px;
	height:365px;
}


/*CENEFAS*/
#juego.cen #generador {
	height:auto;
	margin:10px;
}

#c_cenefa #cenefa{
	width:948px;
	background-color:#FFF;
	border:1px solid #000;
	position:relative;
}

#cenefa table.base{
	width:100%;
	height:400px;
}

#cenefa table.cenefa{
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

#cenefa table.cenefa.regla{
	-moz-box-shadow:    none;
	  -webkit-box-shadow: none;
		box-shadow:         none;
	  box-shadow:none;
	  margin-bottom:12px;
	  margin-top:12px;
}

#cenefa table.cenefa.regla{
	text-align:center;
}

#cenefa table.cenefa.medium td{
	width:15px;
	height:15px;	
}



#cenefa table.cenefa.big td{
	width:22px;
	height:22px;	
}

#cenefa table.cenefa.small td{
	width:8px;
	height:8px;	
}


#cenefa table.cenefa td.c1{ background-color: #f9f7f8}
#cenefa table.cenefa td.c2{ background-color: #d5d3d4}
#cenefa table.cenefa td.c3{ background-color: #b6b6b6}
#cenefa table.cenefa td.c4{ background-color: #999999}
#cenefa table.cenefa td.c5{ background-color: #777777}
#cenefa table.cenefa td.c6{ background-color: #555555}
#cenefa table.cenefa td.c7{ background-color: #333333}
#cenefa table.cenefa td.c8{ background-color: #000000}



#cenefa table.cenefa td.seleccionado{
	background-color:#F00;
}


#cenefa table.cenefa td.oculto img,
#cenefa table.cenefa td.seleccionado img{
	display:none;	
}

#cenefa table.cenefa.seleccionado{
}


#juego.cen #generador #calc {
	float:none;
	height:auto;
	width:auto;
}


#juego.cen #calc .filascolores{
	width:100%;	
}

#juego.cen #generador #calc .fila {
	float:left;
	width:430px;
	margin-left:29px;	
}

#juego.cen #generador #calc .fila.clear{
	clear:both;
	float:none;
	padding-top:20px;
}

#juego.cen #generador #calc .fila .color{
	width:360px;
}


#juego.cen #generador .explim{
	width:100%;
	height:40px;
}

#loading_cenefa{
	width:900px;
	height:400px;
	position:absolute;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	z-index:9999;
	left:0px;
	top:0px;
	display:none;	
}

#loading_cenefa_muro{
	width:504px;
	height:504px;
	position:absolute;
	display:none;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	z-index:9999;
	left:236px;
	top:21px;
}

#juego.cen #generador #calc .acciones{
	clear:both;	
}

#juego.cen #generador #calc .acciones div {
	width:100%;
	padding-top:20px;
	clear:both;
	margin-top:0px;
	margin-bottom:60px;
}


#juego.cen #pared{
	border: 1px solid black;
	height:505px;
}

#juego.cen #pared h2{
	float:none;
	margin-bottom:20px;
}

#juego.cen #pared div.muro {
	width: 840px;
	margin: 0 auto;
	height: 340px;
	overflow-x: hidden;
	background:#81b9d8;
	
	-moz-box-shadow:    3px 3px 5px 6px #ccc;
	  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
	  box-shadow:         3px 3px 5px 6px #ccc;
	  border:none;
	  margin-top:60px;
}

#juego.cen #pared #loader_muro{
	position:absolute;
	width: 840px;
	height: 340px;
	left:51px;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	z-index:9999;
	top:171px;
	display: none;
}

#juego.cen #pared table.cenefa_m td{
	width:5px;
	height:5px;	
}

#juego.cen #pared .muro table{
	
}

#juego.cen #pared .muro table {
	margin-left:-1px;
	margin-top:0px;
}

#juego.cen #pared .muro .cenefa_muro{
	width:2000px;
}

#juego.cen #pared .alto{
	position:absolute;
	height:200px;
	width:40px;
	left:3px;
	top:173px;
	text-align:center;
	border-right:2px solid #000;
	display:none;
}

#juego.cen #pared .alto .text_alt{
	  -webkit-transform: rotate(-90deg);
	  -moz-transform: rotate(-90deg);
	  -ms-transform: rotate(-90deg);
	  -o-transform: rotate(-90deg);
	  transform: rotate(-90deg);
	
	  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	  -webkit-transform-origin: 50% 50%;
	  -moz-transform-origin: 50% 50%;
	  -ms-transform-origin: 50% 50%;
	  -o-transform-origin: 50% 50%;
	  transform-origin: 50% 50%;
	
	  /* Should be unset in IE9+ I think. */
	  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	  
	  text-align:center;
}

#juego.cen #pared .ancho{
	position:absolute;
	height:20px;
	width:200px;
	left:50px;
	top:145px;
	text-align:center;
	border-bottom:2px solid #000;
	display:none;
	
}


#juego.cen #pared .junta {
	width: 275px;
	height: 29px;
	margin-right: 7px;
	background-color: white;
	float: left;
	padding: 5px 10px;
	-moz-box-shadow: -1px 2px 3px 1px #999;
	-webkit-box-shadow: -1px 2px 3px 1px #999;
	box-shadow: -1px 2px 3px 1px #999;
}

#juego.cen #pared .junta table{
	height: 100%;
	font-weight: bold;
}

#juego.cen #pared .junta td{
	padding-right:10px;
	vertical-align: middle;
}

#juego.cen #pared .junta td.cj{
	width:19px;
}

#juego.cen #pared .junta img{
	-moz-box-shadow:    -1px 2px 3px 1px #999;
	-webkit-box-shadow: -1px 2px 3px 1px #999;
	box-shadow:         -1px 2px 3px 1px #999;
	cursor:pointer;
}

#juego.cen #pared .junta img:hover{
	border:1px solid #000;
	padding:2px;
}

#juego.cen table.plantilla{
	padding-left:40px;
	padding-right:40px;
	width: 970px;
	margin-bottom:60px;
}

#juego.cen table.plantilla td{
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
}

#juego.cen table.plantilla.primera td{
	width:238px;
}

#juego.cen table.plantilla.primera td.last{
	width:170px;
}

#juego.cen table.plantilla td div{
}


#juego.cen table.plantilla td img{
	margin-bottom:10PX;
}

#juego.cen table.plantilla td a{
	color:#000;
	font-weight:bold;
}

#juego.cen table.plantilla.larga td{
	width:25%;
}

#juego.cen table.plantilla.larga td{
	width:33%;
}

#juego.cen .explim .informacion{
	float:left;
	padding-top:5px;
}

#juego.cen .explim .informacion span{
	font-weight:bold;	
}

#juego.cen .explim .funciones{
	float:right;	
}


#juego.cen .explim .informacion span{
	text-transform:uppercase;	
}

#juego.cen .hueco_plan{
	float:left;
	margin:10px;
	margin-left:5px;
	height:90px;
	padding:10px;
	text-align:center;
}

#juego.cen .hueco_plan:hover{
	background:#FFF;
}

#juego.cen .hueco_plan p{
	padding-top:3px;
	font-weight:bold;
	text-align:center;
}

#juego.cen .hueco_plan p.piezas{
	font-size:10px;
}


div.ayuda ul{
	margin-top:10px;
	margin-bottom:10px;
	list-style:decimal;
}

div.ayuda ul li{
	padding-left:20px;
	margin-bottom:5px;
	list-style:circle;
}

div.ayuda span{
	font-weight:bold;
}

div.notaHexa{
	font-size: 11px;
	display:none;
	color: #717171;
}