/*
Theme Name: Producciones Zoom
Theme URI: http://nerv.es/
Description: Diseño web de Producciones Zoom
Version: 0.1
Author: Nerv
Author URI: http://nerv.es/
*/


*{	margin: 0;	padding: 0;}
a {	outline:none;}
.sin_estilos {	display:none; }

body {background-color: #2D2E31;}

#web { width: 987px; margin: auto;	}

#cabecera {
	background: url('images/cabecera.jpg') no-repeat;
	height: 149px;	width: 987px;
	position:relative;	
	}
#cabecera a.logo{
	width: 200px;
	height: 70px;
	position:absolute; top:80px; left: 40px;
	}

/* Menus */
ul.nav_sup{	margin: 47px 50px 0 0;	float:right; display:inline;		}
ul.nav_sup li{	float:left; display:inline;	margin-left: 10px;	font: 11px Verdana; color: #2D2E31;		}
ul.nav_sup li a{		color: #2D2E31;		}
ul.nav_sup li a:hover{		text-decoration:none;	}

ul.menu{	margin: 45px 50px 0 0;	float:right; display:inline;	clear:right; text-align: center;}
ul.menu li{	float:left; display:inline;  margin-left: 10px;	font: bold 11px Arial; color: #fff;}
ul.menu li a{	display: block; color: #fff;	text-decoration:none;}
ul.menu li a:hover{	color: #ccc;}

ul.menu li.tipo1 a,
ul.menu li.tipo4 a, 
ul.menu li.tipo5 a,
ul.menu li.tipo6 a {	padding: 9px 10px 9px 10px;}

ul.menu li.tipo2 a, 
ul.menu li.tipo3 a {	padding: 2px 10px 2px 10px;}

ul.menu li.tipo1 { background: url(images/tab1.jpg) no-repeat; }
ul.menu li.tipo2 { background: url(images/tab2.jpg) no-repeat; }
ul.menu li.tipo3 { background: url(images/tab3.jpg) no-repeat; }
ul.menu li.tipo4 { background: url(images/tab4.jpg) no-repeat; }
ul.menu li.tipo5 { background: url(images/tab5.jpg) no-repeat; }
ul.menu li.tipo6 { background: url(images/tab6.jpg) no-repeat; }

ul.menu li.tipo2 { width: 145px; }
ul.menu li.tipo3 { width: 93px; }

#pagina { 
	background: url('images/fondo_pagina.jpg') no-repeat;
	width: 987px; height: 409px;
}

#pagina .columna_izq {
	margin: 20px 0 0 53px; 
	width: 341px;
	float: left; display: inline;
}
#pagina .columna_izq h2 {
	font: bold 24px Arial; color: #FFF;
}
#pagina .columna_izq p {
	font:12px Verdana; color: #383838;
	line-height: 17px;
	margin-top: 10px;
}
#pagina .columna_izq a {
	color: #2556AF;
}
#pagina .columna_izq a:hover {
	text-decoration: none;
}

#pagina .columna_der {
	margin: 48px 0 0 25px; 
	width: 524px;
	float: left; display: inline;
	height: 341px;
}
#pagina .columna_der p.contacto{
	text-align: right;
	font:12px Verdana; color: #666;
	margin-top: 15px;
}

.transicion_cabecera {
	background: url(images/transicion.jpg) no-repeat;
	width: 987px; height: 44px;
}
.transicion_pie {
	background: url(images/transicion_pie.jpg) no-repeat;
	width: 987px; height: 18px;
	float: left; display: inline;
	background-color: red;
	font-size:0px;
}
#blog{ 
	background: url(images/fondo_blog.jpg) repeat-y #F9F9F9;
	float: left; display: inline;
	width: 987px;
}

.posts{ 
	float: left; display: inline;
	width: 678px;
}
.post{ 
	width: 630px;
	float: left; display: inline;
	margin-left: 48px;
	font: 12px Verdana; color: #383838;
}
.post h2 a{
	font: bold 24px Arial; color: #383838; text-decoration: none;
}
.post p {
	margin-top: 20px;
	line-height: 17px;
}

.post a {	font: bold 12px Verdana; color: #0000FE;}
.post a:hover { text-decoration: none; }

.post span.fecha {
   background: url(images/reloj.jpg) no-repeat 0px 1px;
	padding-left: 14px;
	font:10px Verdana; color: #999;
	}
	
.post ul {
	margin: 10px 0 20px 20px;
	list-style: none;
	width: 490px;
}
.post ul li {
	background: url(images/lista.jpg) no-repeat 0 4px;
	padding-left: 19px;
	margin-top: 5px;
	line-height: 19px;
}
	
.postinfo {
	width: 615px;
	background-color: #E9EBEB;
	font: 11px Verdana;
	color: #666;
	margin: 17px 0 30px 0;
	padding: 12px 15px 12px 0px;
	line-height: 17px;
	text-align:right;
	}
.postinfo a{
    color: #666;
	 font-weight: normal;
	}
.postinfo a:visited{
    color: #666;
	}
.postinfo a:hover{
    color: #666;
    text-decoration:none;
	}
.postinfo span.categoria{
	background-image: url(images/categoria.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 18px;
	line-height:15px;
	}
.postinfo span.enlace{
	background-image: url(images/enlace.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 18px;
	}
.postinfo span.comentarios{
	background-image: url(images/comentarios.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 17px;
	}
.postinfo span.autor{
	background-image: url(images/autor.jpg);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 15px;
	}
	
.postinfo_index {
	width: 460px;
	background: #F2F2F2;
	font-size: 11px;
	color: #333333;
	margin: 0px 0px 25px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	line-height: 10px;
	}
	
	
/*CSS DE MODULOS ESPECIFICO*/
/*Modulo comentarios*/
.comentarios {}
.comentarios h4 { font: bold 14px Arial; color: #383838;  margin-bottom: 20px;}
.comentarios .autor { float: left; display: inline; width: 610px; padding: 3px 10px 3px 10px; background-color: #666; font: bold 12px Arial; color: #FFF; text-transform: uppercase;}
.comentarios .autor a{ color: #fff; text-decoration:none;}
.comentarios .autor span{ margin-left: 10px; font: 10px Verdana; text-transform: lowercase; color: #D1D1D1;}

.comentarios .comentario {	background-color: #E9EBEB;	float: left; display: inline;	width: 630px;	margin: 1px 0 25px 0; padding-bottom: 10px;}
.comentarios .comentario img  {	margin: 10px 0 0 10px;	float: left; display: inline; border: 1px solid #6B6B6B;}
.comentarios .comentario p	{	float: left; display: inline; width: 520px; margin: 10px 0 0 10px;}


.comentarios .formulario	{	background-color: #E9EBEB; margin-top: 0px; padding: 5px 10px 12px 10px;	position: relative;	float: left; display: inline;}
.comentarios .formulario	label{ font: bold 10px Verdana; color:#666;	text-transform: uppercase;  margin-left: 5px;}
.comentarios .formulario	label span{ font: normal 10px Verdana; color:#999;	text-transform: none; }
.comentarios .formulario	input{ border: 1px solid #B7B7B7; padding:3px 5px 3px 5px; font: 11px Verdana; color:#666; width: 250px; margin-top: 8px; }
.comentarios .formulario	input.submit{ background-color: #017F01; border:none; font: bold 10px Verdana; color:#FFF; width: 70px; float:right; cursor:pointer; margin-right:5px; }
.comentarios .formulario	textarea{ border: 1px solid #B7B7B7;  padding:3px 5px 3px 5px; font: 11px Verdana; color:#666; overflow: auto; width: 593px; height: 115px; margin-top: 8px; } 


#blog #sidebar {
	background-color: #E9EBEB;
	width: 220px;
	padding: 0 20px 20px 20px;
	margin-left: 35px;
	float: left; display: inline;
	font: 13px Arial;
}
#blog #sidebar ul {
	list-style: none;
}

/*Formulario de b?squeda*/
#blog #sidebar input.s {	margin-top: 15px; background: #FDFDFD;	color: #BBB;	width: 190px;	border: 1px solid #B4B4B4; padding: 2px 0 2px 5px;}
#blog #sidebar input.busqueda{	padding:3px  0 3px 0; margin-top: 8px; width: 71px; border:none; cursor:pointer;	background-color: #017F01;font: bolder 11px Verdana; color: #fff;	}

#blog #sidebar h3{ margin-top: 20px; font: bold 16px Arial; color: #383838;}

/*Listas de categorias*/
#blog #sidebar ul.categorias { margin-top:10px;}
#blog #sidebar ul.categorias  li{	background: url(images/bandera.jpg) no-repeat 0 2px;	padding-left: 18px;	line-height: 18px;	font-weight: bold; color:#448817;}
#blog #sidebar ul.categorias  li a{	font: 13px Arial; color: #383838; text-decoration: none;}

/*Lista de comentarios*/
#blog #sidebar ul.comentarios {	list-style: none; margin: 10px 0 0 0;}
#blog #sidebar ul.comentarios li {	background: url(images/bocadillo.jpg) no-repeat 0 3px; margin-top:10px; padding-left: 15px; line-height: 13px;}
#blog #sidebar ul.comentarios li a { text-decoration:none; color:#2556AF; font-weight: bold;}
#blog #sidebar ul.comentarios li a:hover {	color:#999; }

/*Lista de enlaces*/
#blog #sidebar ul.enlaces {	list-style: none; margin: 10px 0 0 3px;}
#blog #sidebar ul.enlaces li {	background: url(images/enlace.jpg) no-repeat 0 7px;	padding-left: 20px; line-height: 20px;}
#blog #sidebar ul.enlaces li a { text-decoration:none; color:#666;}
#blog #sidebar ul.enlaces li a:hover {	color:#999; }

#footer {
	background: url('images/pie.jpg') no-repeat;	
	padding: 0;
	margin: 0 auto;
	width: 987px; height:48px;
	clear: both;
	}

ul.nav_inf{	margin: 15px 0 0 25px;	float:left; display:inline;		}
ul.nav_inf li{	float:left; display:inline;	margin-left: 10px;	font: 11px Verdana; color: #2D2E31;		}
ul.nav_inf li a{		color: #2D2E31;		}
ul.nav_inf li a:hover{		text-decoration:none;	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */