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

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

body{
	font-family: "Open Sans",sans-serif;
	font-size: 12px;
	color: #999898;
}

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

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

img{
	border:none;
}

h1{
	color: #979696;
	font-size:30px;
	font-weight: 400;
}

img{
	border:none;
}

.spin{
	display:none;
}

input.generar{
	cursor:pointer;
}

input.generarm{
	cursor:pointer;
}	

.container,
#contenedor{
	width:970px;
	margin:0 auto;
}

#header{

}

#header .logo{
	float:left;
	margin-right:10px;
	max-width: 220px;
	padding: 10px 0px;
}

#header .logo img{
	width: 100%;
}

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

#header-top{
	margin:0 auto;
	padding: 15px 10px;
	border-bottom: 1px solid #D6D6D6;
}

#header-top,
#header-top a{
	color: #888;
}

#header-top a.activo{
	color: #000;
}

#header-top i{
	color: #333;
	margin-right: 3px;
}

#header-top span{
	margin-right: 15px;
	font-weight: 400;
	font-size: 12px;
}

#header-top .info-header{
	float: left;
}

#header-top .language{
	float: right;
}

#header-top .language ul li{
	float: left;
	list-style: none;
	margin-left: 15px;
}

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

.menu{
	background: #F7F7F7;
}

#header .menu{
	background: none;
	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: #979696;

	font-size: 15px;
	font-family: "Lato",sans-serif;
	font-weight: 400;
	padding: 40px 22px;
	display: block;
}

.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: #000;
}

.menu .opciones{
	text-align: center;
}

.menu .tit{
	font-size:14px;
	color:#302F2F;
	display: inline-block;
	padding: 20px 0px;
}

.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: #fff;
	text-transform: uppercase;
	background-color: #BBB;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 20px;
	text-align: center;
}

.lema{
	text-align: center;
	color: #979696;
	position: relative;
}

.instruc{
	position: absolute;
	right: 0px;
	top: 8px;
}

.expli{
	background: #b7b7b7;
	color: #fff;
	padding: 30px 0px;
	display: none;
}

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

.expli-cont{
	position: relative;
}

.expli-close{
	position: absolute;
	top: 0px;
	right: 0px;
}

.expli-open span{
	cursor: pointer;
	border: 1px solid;
	color: #000;
	padding: 3px 10px;
	margin-left: 5px;
	font-size: 19px;
	font-weight: bold;
}

.expli-open span:hover{
	color: #fff;
	background: #000;
}

.expli-close span{
	background: #000 none repeat scroll 0% 0%;
	color: #FFF;
	border-radius: 50%;
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}

.super{
	margin-top: 20px;
}

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


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

.bread{
	background: #F7F7F7;
	padding: 40px 0;
}

#juego{
	width:970px;
	margin-bottom:70px;
}

#juego #generador{
	margin:20px 0px;
}


#juego #generador #calc{
	float:left;
	width:485px;
	padding-top:15px;
}

/*Standar*/
#juego #generador #c_malla{
	float:right;
	/*height:485px;
	margin-right:20px;
	width:337px;*/
	position:relative;
	padding-top: 17px;
}

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

#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{
	width: 38px;
	height: 38px;
	background-color:#FFF;
	text-align:center;
	vertical-align:middle;
}


/****/

/*Degradados*/
#juego #generador.degra{
	/*height:610px;*/
	position: relative;
}


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

#juego #generador.degra .explim{
	bottom: 9px;
	left: 500px;
	position: absolute;
}

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

}

#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: 238px;	
}

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

#loading_malla_degra{
	width:84px;
	height: 672px;
	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: 672px;
	position:absolute;
	display:none;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	z-index:9999;
	left: 234px;
	top: 67px;
}


/****/

/*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;
	border-bottom: 1px solid #CCC;
	padding: 8px 0px;
	width: 433px;
}

#juego #generador.degra #calc .fila{
	width: 480px;
}

#juego #generador #calc .fila.rejunte{
	border: none;
	height: 60px;
	margin-bottom: 20px;
}

#juego #generador #calc .fila.last{
	border: none;
	margin-bottom: 0px;
}

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

#juego #generador #calc .fila .color,
#juego #generador #calc .fila .junta{
	width: 390px;
	margin-right:7px;
	background-color:#FFF;
	float:left;
	
	padding:5px 0px;
	
	/*
	-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.degra #calc .fila .color,
#juego #generador.degra #calc .fila .junta{
	width: 436px;
}

.porc_actual h3,
#juego #generador #calc .fila .junta h3{
	color: #302f2f;
	font-weight: normal;
	font-size: 13px;
}

#juego #generador #calc .fila .junta h3{
	margin-bottom: 3px;
}

#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:30px;
	height:30px;
	padding:2px;
	background-color:#FFF;
	float:left;

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

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

#juego #generador #calc .fila.select_num_color .color table{
	font-weight: initial;
}

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

#juego #generador #calc .fila .color table td.lasttd{
	padding-left: 7px;
	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:10px;
	width: 220px;
	border: 1px solid #8c8b8b;
	padding: 2px;
}

#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;
}
*/

.acciones input,
#juego #generador #calc .fila .color table td input.button{
  color: #ffffff;
  font-size: 12px;
  background: #bebdbd;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

#juego #generador #calc .fila .color table td input.button{
  border: 2px solid #FFF;

  background: #b1afb0;

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

.acciones input:hover,
#juego #generador #calc .fila .color table td input.button:hover {
  background: #bebdbd;
  text-decoration: none;
}

.acciones input{
  background: #797777;
  padding: 8px 10px 8px 10px;
  font-size: 13px;
  margin-right: 13px;
}

#juego #generador #calc .fila .color table td input.button:disabled,
.acciones input:disabled {
    background: #dbdada;
    cursor: inherit;
} 

#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;

	width: 30px;
	margin-right: 10px;
}

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

#juego #generador #calc .acciones div{

}

#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;
}

div.cont-porc span{
	color: #000000;
	font-size:17px;
	padding: 0 25px;
	border: 1px solid #000;
	background: #fff;
	font-weight: normal;
}

.porc_actual{
	padding: 10px;
	background: #eae8e9;
	color: #000;
	font-weight: bold;
	width: 413px;
}

.degra .porc_actual{
	width: 460px;
	background: none;
	padding: 0px;
	margin-top: 20px;
}

.porc_actual h3{
	font-weight: bold;
	color: #000;
}


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




/*Pared*/

#pared{
	margin-top: 40px;
	background:#f7f7f7;
	padding: 30px 50px 50px;
	position:relative;
}

#pared h2{
	margin-left: 111px;
	margin-bottom: 10px;
	color: #302f2f;
	font-weight: normal;
}

#pared.degra h2{
	margin-left: 0px;
	text-align: center;
}

#pared div.muro{
	border: 1px solid #989898;
	width:588px;
	margin:0 auto;
	height:588px;
	background: #fff;
}

#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;
	width:8px;
	height:8px;
	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: 649px;
	height: 432px;
	left: 161px;
	background: #FFF url("../img/ajax_loader.gif") no-repeat scroll center center;
	z-index: 9999;
	top: 68px;
	display: none;
}

/*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;
	height: 673px;
	margin: 0px auto;
}

#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{
		width:700px;
		margin-top:40px;
		/*height:280px;*/
		position:absolute;
		left:55px;		
	}
	
	.mcolec .panel img{
		max-width:55px;
	}
	
	.mcolec .panel .img_col{
		float:left;
		margin-right:0px;
		margin-bottom:10px;
		cursor:pointer;
		padding:5px;
		text-align:center;
		width:60px;
		height: 113px;
	}

	.mcolec .panel .img_col:hover{
		border:2px solid #000;
		width:56px;
		height: 109px;		
	}
	
	.mcolec .panel .img_col p{
		margin-top:5px;
	}


/*Acciones*/
div.warning{
	display: none;
	width: 470px;
}

div.print,
div.send,
div.warning{

}

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;
}

div.print,
div.send{
	border: 1px solid #333333;
	padding: 5px;
	width: 22px;
	height: 22px;
	text-align: center;
}

div.send,
div.print a{
	color: #333333;
	font-size: 22px;
}

/* 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 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;	
}

.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:469px;
	height:469px;
	background:#fff url(../img/ajax_loader.gif) center center no-repeat;
	top: 1px;
	left: 1px;
}


/*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;
}

.info-panel{
	margin: 0px 10px 20px;
}

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;
}

footer {
    background: #2f3032;
    color: #d4d4d4;
}

footer a{
	color: #bebdbd;	
}

footer .row{
	padding: 50px 0 40px;
}

footer h2{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0 0 18px;
    color: #ffffff;
    margin-bottom: 20px;
}

footer p{
	line-height: 18px;
	margin-bottom: 5px;
	font-size: 13px;
}

footer .col1,
footer .col2,
footer .col3,
footer .col4{
	float: left;
	width: 23%;
	padding: 0 9px;
}

footer .col1 img{
    width: 100%;
	max-width: 200px;
}

footer .footer-line{
	padding: 20px 0;
    background: #1f2021;
    border-top: 1px solid #535353;
}

footer .footer-line p{
	margin-bottom: 0px;
}

footer .footer-line img{
	width: 144px;
}

footer .col11,
footer .col12{
	width: 50%;
	float: left;
}

footer .col12{
	width: 50%;
	float: right;
	text-align: right;
}