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

body { background-color:#fff; padding:30px 50px 50px 50px !important; }
.titulo { font-size:2em; margin: 30px 0 20px 0; clear:both; line-height:1.2}
.titulo-seccion { font-size:2em; margin: 0 0 10px 0; color:#9fc331;}
.negrita { font-weight:bold}
.subtitulo { font-size:1.5em; margin: 0 0 30px 0px; line-height:1.3; padding:50px 0 0 390px;}
.subtitulo-tut { font-size:1.2em; margin: 10px 0 30px 0; line-height:1.3; }
p {line-height:1.2;}


#cabecera img { float:left; width:345px; margin: 0 20px 0 0; height:137px; display:block; margin-bottom:20px;}

#lista-correo { padding:30px; background: #9fc331; color:#fff ;margin-bottom:30px; clear:both;}
#lista-correo p { margin-bottom:10px;}
.derecha { display:block; width:80px; float: left; margin-left:10px; text-align:right;  }
.izquierda { display:block; width:210px; float: left; text-align: left;}
p#otra-web { font-size:1.35em; clear:both; background-color:#e2f1b4; color:#333; padding:15px; margin-top:15px;}
#lista-disfraces li { margin: 0 0 5px 0; background:#ccc; padding:7px 5px 7px 30px; }
.claim-rojo { color:#ed3f52; font-size: 2.5em;}
.claim-blanco { color:#fff; font-size: 2em;}
.rojo { color:#e53a64;}
.verde-claro { color:#9fc331;}
.verde-oscuro { color:#9fc331;}
.email { font-size:1.2em; margin-bottom:5px;}

.linea { border:#999 2px  dotted; margin: 20px 0 20px 0; clear:both;}

#pasos-tutorial { margin: 60px 0 20px 0; clear:both;}
#pasos-tutorial  li { margin: 0 0 15px 0;}
#materiales-tutorial li { list-style:circle; margin: 5px 0 0 13px;}

.b-descarga-tut { display:block; width:40%; float:left; margin: 20px 0 30px 0px;  background:#e2f1b4; padding:15px;}
.b-compartir { display:block; width:40%; float:left; margin: 0px 0 30px 0px; background:#e2f1b4; padding:15px;}


p.historia { margin: 10px 0 10px 0px;}
p.video { margin: 10px 0 20px 0px; }

#caja-disfraces {
	width:40%;
	float:left;
	}

#caja-tutorial {
	width:55%;
	float: right;
	/*background:url(../images/fondo-tutorial.jpg) no-repeat top left;*/
	}
#fotos-disfraces ul { margin:10px 0 30px 0; clear:both;}
#fotos-disfraces li { display: inline; margin:10px 15px 10px 0;}
#fotos-disfraces img { width:135px; height:135px;}
.aviso { font-size:1em; margin: 25px 0 30px 0px; line-height:1.2; padding:18px 60px 0 40px ;background:url(../images/fondo-aviso.jpg) top right no-repeat; display:block; float:right; width:420px; height:84px;}
.aviso a:hover { color:#a2091a;}
.blanco { color:#FFF;}
.blanco a { color:#FFF; }
.blanco a:hover { color:#a2091a;}

.gris-fuerte { color:#333;}
.facebook { background: url(../images/icono-facebook.jpg) top left no-repeat; display: inline-block; padding: 0 0 0 35px; margin: 0 15px 0 15px; }
.twitter { background: url(../images/icono-twitter.jpg) top left no-repeat; display:inline-block; padding: 0 0 0 35px; }

#lista-juegos li { margin: 0 0 15px 0;}

#lista-bajo li {display:inline-block;}

UL.lista-bajo
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 15px 0px;
WIDTH: 100%;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
font-size:11px;
}

UL.lista-bajo LI
{
PADDING-RIGHT: 2px;
DISPLAY: inline;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 20%;
PADDING-TOP: 2px
} 
.negro { color:#333;}

#contacto-der { float:left; width:440px; padding-right:25px; margin-right:25px;margin-bottom:20px; }
#tv-izq { border-left: dotted 4px #CCC;  padding-left:25px; float:left; width:380px; padding-bottom:15px; margin-bottom:20px;}

#banner-halloween { padding:30px; background: #d93636; color:#fff ;margin-bottom:30px; clear:both;}
#banner-halloween p { margin-bottom:10px;}

#banner-halloween a:hover { color:#e06a66;}