@charset "utf-8";
/*  
Theme Name: Nivel Zero
Theme URI: http://willowmanblogs.com/
Description: Tema Nivel Zero
Version: 1.0
Author: Willowman
Author URI: http://willowmanblogs.com/
*/

/*-----------------------------------
----------Estilos Globales-----------
------------------------------------*/
*{
margin:0;
padding:0;
}
* ul, li{
list-style:none;
}
body{
border:0; /*remueve los bordes en ie viejo*/
font:12px/140% Arial, Helvetica, sans-serif;
padding:0;
margin:0;
background-color:#F2F2F2;
}
h1{}
h2{
font:22px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:27px;
}
h3{
}
h4{}
h5{}
h6{}
p{
color:#333333;
font:13/140% Arial, Helvetica, sans-serif;

}
a{}
/*------------------------------------
--------Imagenes en post--------------
------------------------------------*/
p img {
	padding: 0;
	max-width: 100%;
	border:0;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 10px;
	margin: 0 0 0px 7px;
	display: inline;
	}

img.alignleft {
	padding: 10px;
	margin: 0 7px 0px 0;
	display: inline;
	}

.alignright {
	float: right;
margin-right:35px;
	}
	
.alignleft {
	float: left
	}
/*----------------------------------
---------Maqueta--------------------
-----------------------------------*/
#wrap{
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:20px;

}
#header{
width:960px;
height:243px;
position:relative;
background:url(images/banner-nivelzerojpg.jpg) no-repeat;
}
#menu{
width:931px;
height:44px;
position:absolute;
top:190px;
left:15px;
background:url(images/menu-background.gif) no-repeat;
padding-left:20px;
}

#menu ul li{
display:inline;
float:left;
font:16px Arial, Helvetica, sans-serif;
}
#menu ul li a{
color:#FFF;
text-decoration:none;
display:block;
margin-top:10px;
margin-left:10px;
font-weight:bold;
}
#menu ul li a:hover{
color:#FFFFCC;
}
#menu ul{
float:left;
overflow:auto;
}
#buscador{
position:absolute;
top:5px;
left:680px;
}
#searchsubmit{
background-image:url(images/buscar-button.gif);
width:73px;
height:29px;
border:0px;
background-color:transparent;
margin-left:5px;
font-weight:bold;
color:#333333;
}
#searchsubmit:hover{
background-image:url(images/buscar-button-hover.gif);
width:73px;
height:29px;
border:0px;
color:#FFFFFF;
cursor:pointer;
}
#shadow{
width:960px;
height:7px;
background:url(images/sombra-banner.png) repeat-x;
position:absolute;
top:242px;

}
#background-oscuro{
/*border:1px solid #0000CC;*/
width:960px;
background-color:#CEC9D0;
float:left;
clear:both;
}
#background-claro{
width:750px;
background-color:#F2F1F3;
float:left;
clear:both;
}
#central{
width:960px;
height:auto;
}
.bloque1{

background-color:#FFFFFF;
width:560px;
min-height:1000px;
float:left;

}

.bloque2{
width:150px;
height:150px;

float:left;
}
.bloque3{
width:150px;

float:right;

}
#footer{
background:url(images/footer.jpg) no-repeat;
width:960px;
height:88px;
clear:both;
position:relative;
}
#footer p{
color:#CCCCCC;
position:absolute;
top:40px;
left:200px;
font-size:10px;
line-height:120%;
}

/*---------------------------------
----------Maqueta post-------------
-----------------------------------*/
.content{
width:500px;
margin-left:auto;
margin-right:auto;

}
.entrada {
width:500px;
margin-top:50px;
}
.entrada h2 a{
color:#3888AF;
text-decoration:none;
}
.contenido{
width:500px;
text-align:justify;
word-spacing:normal;
}
.contenido p{
font-size:13px;
line-height:150%;
}
.contenido a{
color:#0066CC;
text-decoration:none;
}
.contenido a:hover{
color:#0066CC;
text-decoration:underline;
}
.datos{}

/*---------------------------------
---------Maqueta sidebar-----------
----------------------------------*/
.titulo-ultimos{
background:url(images/ultimos-articulos.gif);
width:148px;
height:46px;
margin-left:10px;
margin-top:50px;
margin-bottom:15px;
}
.ultimos-datos{
width:180px;
margin-left:5px;
margin-bottom:5px;
}
.ultimos-datos a{
color:#616061;
padding-left:15px;
background:url(images/icono-ultimos.gif) left no-repeat;
text-decoration:none;
font-size:12px;
}
.ultimos-datos a:hover, .titulo-secciones a:hover, .titulo-ult-comentarios ul li a:hover{
color:#FF6600;
}
.titulo-secciones{
background:url(images/secciones.gif) no-repeat;
width:180px;

padding-top:50px;
margin-top:50px;
margin-left:10px;
float:left;
}
.titulo-secciones li{
background:url(images/icono-secciones.gif) left no-repeat;
padding-left:10px;
margin-left:5px;
}
.titulo-secciones li a{
text-decoration:none;
color:#616061;
}
.titulo-ult-comentarios{
background:url(images/ultimos-comentarios.gif);
width:170px;
height:46px;
margin-top:50px;
margin-left:10px;
float:left;
}
.titulo-ult-comentarios ul{
float:left;
margin-top:50px;
}

.titulo-ult-comentarios ul li{
margin-top:5px;
border-bottom:1px solid #CCCCCC;
}
.titulo-ult-comentarios ul li a{
color:#616061;
}

/*------2da sidebar---------------*/
.feed-background{
background-image:url(images/feed-background.jpg);
width:150px;
height:251px;
float:right;
margin-right:30px;
margin-top:50px;
margin-left:-30px;
}
.titulo-publicidad{
background:url(images/publicidad.gif) no-repeat;
width:150px;
float:right;
margin-right:30px;
margin-top:20px;
margin-bottom:20px;
margin-left:-30px;
}
.publia{
width:125px;
height:125px;
background:url(images/bloque-publicidad.gif) no-repeat;
float:right;
margin-right:10px;
margin-top:40px;
}
.publib{
width:125px;
height:125px;
background:url(images/bloque-publicidad.gif) no-repeat;
float:right;
margin-right:10px;
margin-top:10px;
}
.titulo-sociales{
background:url(images/sociales.gif);
width:150px;
height:46px;
float:right;
margin-right:30px;
margin-left:-30px;
}
.titulo-enlaces{
background:url(images/enlaces-interes.gif) no-repeat;
width:150px;
height:46px;
float:right;
margin-top:7px;
margin-right:30px;
padding-top:25px;
margin-left:-30px;
}
.titulo-enlaces li{


}
.titulo-enlaces li a{
text-decoration:none;
color:#616061;
}
/*--------------------------------
--------Maqueta footer------------
---------------------------------*/
.cita{}
.logo-willowman{}
/*-------------------------------
-----------Titulos---------------*/

.categoria{
background:url(images/icono-categoria.gif) no-repeat;
background-position:0px 1px;
padding-left:20px;
margin-bottom:3px;
}
.categoria li{
display:inline;
}
.categoria a{
text-decoration:none;
color:#666666;
font-size:12px;
font-weight:normal;
}
.opinion{
background:url(images/icono-queopinas.gif) no-repeat;
background-position:right;
display:block;
width:130px;
height:26px;
margin-top:20px;
padding-top:5px;
}
.opinion a{
color:#E88833;
text-decoration:none;
font-size:14px;
font-weight:bold;
}
.contenido span.more{
font-size:14px;
font-weight:bold;
color:#E88833;
text-decoration:none;

}
.contenido span.more:hover{
color:#006699;
}
/*--------------------------------
---------Busqueda-----------------
---------------------------------*/


/*--------------------------------
--------Feedburner----------------
---------------------------------*/


/*--------------------------------
---------Publicidad---------------
---------------------------------*/

/*--------------------------------
--------Comentarios---------------
---------------------------------*/
#campos{
background:url(images/comentarios-background.jpg) no-repeat;
width:447px;
height:444px;
padding:21px 0 0 26px;
}
#campos input{
width:380px;
height:25px;
font-size:20px;
margin-bottom:10px;
margin-top:5px;
color:#37508A;
padding-top:2px;
}
#campos #submit{
background-image:url(images/boton-comentar-hover.gif);
width:111px;
height:34px;
font-size:20px;
color:#FFFFFF;
background-color:transparent;
border:0;
}
#campos #submit:hover{
background:url(images/boton-comentar.gif) no-repeat;
cursor:pointer;
}
#comment{
width:380px;
height:165px;
color:#37508A;
font-size:20px;
}
#campos input:focus, #comment:focus{
background-color:#F9F9F9;
border-style:solid;
border-color:#0099CC;
}
.titulo-comentarios{
font-size:18px;
color:#666666;
}
#titulo-repuestas{
background:url(images/icono-comentarios.gif) no-repeat;
height:24px;
padding-left:20px;
margin:50px 0 40px 0;
font-size:18px;
color:#666666;
}
.lista-comentarios{
width:445px;
}
.autor, .texto-comentario{
display:block;
width:445px;


}
.autor{
background-color:#FBFBA0;
position:relative;
}

.autor a{
color:#333333;
text-decoration:none;
font-weight:bold;
margin-left:5px;
}
.texto-comentario{
background-color:#F9F9FA;
width:425px;
height:auto;
padding:10px;
margin-bottom:10px;
}
.fecha-comentario{
position:absolute;
left:260px;
}
.fecha-comentario a{
text-decoration:none;
color:#999999;
}
#titulo-formulario{
display:block;
font-size:18px;
color:#666666;
margin:60px 0 20px 0;
}
/*----------------------
---------Relacionadas----
-----------------------*/
.relacionadas{
width:500px;
padding:10px;
margin-top:30px;
}
.relacionadas ul{
margin-top:15px;
}
.relacionadas ul li{
padding-left:12px;
background:url(images/icono-leertambien-chico.gif) no-repeat left;
}
.relacionadas ul li a{
color:#003333;
font-size:13px;
}
.relacionadas ul li a:hover{
color:#006699;
}
.leer{
background:url(images/icono-leertambien.gif) no-repeat left;
padding-left:20px;
font-size:16px;
}
/* The Navigation */

#navigation{	
	width:500px;
	margin:50px 0px 30px 0px;
	padding:2px 15px 10px 12px;


	}