/*  
Theme Name: La Bodeguita de María
Theme URI: http://pixel.st
Description: Tema desarrollado por <a href="http://pixel.st">Pixel Studio</a>.
Version: 1.0
Author: Pixel.ST
Author URI: http://pixel.st/
*/


/*	GENERAL	*/


body {
	background:#000;
	text-align:center;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#808080;
	}
form {
	margin:0;
	padding:0;
	}
input {
	vertical-align:middle;
	}
	a {
		color:#bf1800;
		outline:0;
		text-decoration:none;
		}
		a:hover{
			color:#ff7d0c;
			text-decoration:underline;
			}
	a img{
		border:0;
		}
/*	LAYOUT	*/

#header, #wrapper, #wrapper-inicio, #footer {
	margin:auto;
	overflow:hidden;
	}

#header, #footer {
	width:100%;
	}

	#content {
		width:576px;
		padding:0;
		float:left;
		overflow:hidden;
		}
	#sidebar {
		width:378px;
		overflow:hidden;
		float:right;
		}


/*	HEADER	*/
#header {
	background:url(images/bkg_header.gif) top repeat-x;
	height:78px;
	}
	#navegacion {
		list-style:none;
		overflow:hidden;
		width:647px;
		padding:0 0 0 310px;
		margin:auto;
		height:78px;
		}
		#navegacion li{
			float:left;
			width:70px;
			height:57px;
			padding-left:20px;
			}
			#navegacion li a{
				display:block;
				width:70px;
				height:57px;
				text-indent:-5000px;
				}
				#navegacion li a:hover, #navegacion li .activo {
					background:url(images/bkg_pestanyas.gif) top no-repeat;
					}

		#navegacion .inicio{background:url(images/bkg_nav_inicio.gif) top right no-repeat;}
		#navegacion .contacto{background:url(images/bkg_nav_contacto.gif) top right no-repeat;}
		#navegacion .suscripcion{background:url(images/bkg_nav_suscripcion.gif) top right no-repeat;}
		#navegacion .rss{background:url(images/bkg_nav_rss.gif) top right no-repeat;}
		
		#navegacion .buscador{
			width:250px;
			text-align:right;
			padding-top:15px;}

			#header_input-busqueda {
				border:1px #796226 solid;
				background:#e2d1a7;
				width:150px;
				padding:3px;
				}

/*	SUB HEADER	*/
.sub-header-blog{
	background:url(images/bkg_subheader.gif) repeat-x top;
	overflow:hidden;
	}
body .sub-header-inicio{
	background:url(images/bkg_subheader_inicio.gif) repeat-x top;
	overflow:hidden;
	}
	#sub-header h1, #sub-header p, #sub-header h2{
		margin:0;
		padding:0;
		text-indent:-5000px;
		}
	#sub-header p, #sub-header h2{
		display:none;
		}
	#sub-header h1 a{
		display:block;
		}
		
		#sub-header .blog{ background:url(images/subheader_blog.jpg) top no-repeat;}
		#sub-header .blog h1 a{height:178px;}
		#sub-header .inicio{ background:url(images/subheader_inicio.jpg) top no-repeat;}
		#sub-header .inicio h1 a{height:269px;}		
		
#banners {
	height:145px;
	background:url(images/bkg_banners.jpg) top no-repeat;
	}
	#banners .caja{
		width:957px;
		text-align:left;
		margin:auto;
		overflow:hidden;
		}
		#banners .caja a{
			display:block;
			margin-top:14px;
			margin-left:48px;
			float:left;
			}
/*	CUERPO	*/
#wrapper {
	background:url(images/bkg_wrapper.gif) top repeat-y;
	text-align:left;}
#wrapper-inicio {
	background:url(images/bkg_wrapper_inicio.gif) top repeat-y;
	text-align:left;
	}
#wrapper-inicio .blog {
	background:url(images/bkg_wrapper_blog.gif) top no-repeat;
	}
	
#wrapper .blog {
	background:url(images/bkg_wrapper_blog.gif) top no-repeat;
	}
#wrapper .contacto {
	background:url(images/bkg_wrapper_contacto.gif) top no-repeat;
	}
#wrapper .reservas {
	background:url(images/bkg_wrapper_reservas.gif) top no-repeat;
	}
#wrapper .donde-estamos {
	background:url(images/bkg_wrapper_donde.gif) top no-repeat;
	}
#wrapper .galeria {
	background:url(images/bkg_wrapper_galeria.gif) top no-repeat;
	}
#wrapper .tour {
	background:url(images/bkg_wrapper_tour.gif) top no-repeat;
	}
#wrapper .restaurante {
	background:url(images/bkg_wrapper_restaurante.gif) top no-repeat;
	}
#wrapper .suscripcion {
	background:url(images/bkg_wrapper_suscripcion.gif) top no-repeat;
	}
#wrapper-inicio .inicio {
	background:url(images/bkg_wrapper_inicio.jpg) top no-repeat;
	}
#wrapper .especialidades {
	background:url(images/bkg_wrapper_especialidades.gif) top no-repeat;
	}
/*	PORTADA	*/
.portada {
	height:409px;
	margin:auto;
	width:957px;
	overflow:hidden;
	}
	.content01-portada {
		width:478px;
		height:409px;
		float:left;
		overflow:hidden;
		background:url(images/remate_portada.gif) bottom right no-repeat;
		}
		.content01-portada h2{
			padding:0;
			margin:14px 0 0 40px;
			height:25px;
			text-indent:-5000px;
			background:url(images/tit_especialidades_inicio.gif) top left no-repeat;
			}
			
			.content01-portada .especialidad{
				padding:25px 0 0 30px;
				width:430px;
				overflow:hidden;
				}
				.content01-portada .especialidad .texto-especialidad{
					float:right;
					width:230px;
					}
					.content01-portada .especialidad .texto-especialidad h3{
						font-size:1.17em;
						font-weight:normal;
						margin:0;
						padding:0 0 15px;
						}
						.content01-portada .especialidad .texto-especialidad h3 a{
							color:#ff7d0c;
							text-decoration:none;
							}
							.content01-portada .especialidad .texto-especialidad h3 a:hover{
								color:#fff;
								text-decoration:underline;
								}
					.content01-portada .especialidad .texto-especialidad div{
						font-size:0.92em;
						color:#bca9a7;
						}
						.content01-portada .especialidad .texto-especialidad div a{
							color:#bca9a7;
							}
					.content01-portada .especialidad .texto-especialidad p{
						margin:0;
						padding:0;
						}
					
				.content01-portada .especialidad .foto-especialidad{
					float:left;
					width:190px;
					}
					.content01-portada .especialidad .foto-especialidad img{
						padding:10px;
						background:#1d0402;
						border:1px #722404 solid;
						}
	.sidebar01-portada {
		width:476px;
		float:right;
		overflow:hidden;
		padding-top:80px;
		}

#content-portada{
	width:478px;
	float:left;
	overflow:hidden;
	}
	#content-portada .titulo-pagina{
		margin:0;
		padding:0;
		margin-left:45px;
		margin-top:20px;
		border-bottom:2px #989898 solid;
		text-indent:-5000px;
		height:23px;
		background:url(images/tit_blog_portada.gif) top left no-repeat;
		
		}
	#sidebar-inicio{
		width:476px;
		float:right;
		overflow:hidden;
		padding-top:10px;
		text-align:center;
		}
	#sidebar-inicio a{
		display:block;
		padding-top:20px;
		}
		#sidebar-inicio .empresarios{
			display:block;
			padding-top:0;
			padding-bottom:20px;
			}
			
.wrapper-remate-inicio {
	margin:auto;
	width:957px;
	overflow:hidden;}

.wrapper-remate {
	margin:auto;
	width:957px;
	overflow:hidden;
	background:url(images/bkg_wrapper_remate.jpg) bottom right no-repeat;}
	
#content-portada .post{
	background:url(images/punteado.gif) bottom repeat-x;
	padding-left:45px;
	padding-right:5px;}

#content-portada .post{
	background:url(images/punteado.gif) bottom repeat-x;
	padding-left:45px;
	padding-right:5px;}

/*---------*/
	#content .titulo-pagina{
		background:url(images/punteado.gif) bottom repeat-x;
		margin:35px 0 0 75px;
		height:34px;}
		
		.blog #content .titulo-pagina h1{
			background:url(images/tit_blog.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.contacto #content .titulo-pagina h1{
			background:url(images/tit_contacto.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.reservas #content .titulo-pagina h1{
			background:url(images/tit_reservas.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.donde-estamos #content .titulo-pagina h1{
			background:url(images/tit_donde.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.galeria #content .titulo-pagina h1{
			background:url(images/tit_galeria.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.tour #content .titulo-pagina h1{
			background:url(images/tit_tour.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.restaurante #content .titulo-pagina h1{
			background:url(images/tit_restaurante.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.suscripcion #content .titulo-pagina h1{
			background:url(images/tit_suscripcion.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}
		.especialidades #content .titulo-pagina h1{
			background:url(images/tit_especialidades.gif) top left no-repeat;
			text-indent:-5000px;
			height:26px;
			margin:0;
			padding:0;}

.post {
	margin:15px 0 30px;
	padding-left:75px;
	padding-right:5px;
	background:url(images/bkg_post.gif) bottom repeat-x;}
	.post .fecha{
		color:#626360;
		font-size:0.75em;
		width:125px;
		height:17px;
		text-align:center;
		padding-top:3px;
		background:url(images/bkg_fecha.gif) top left no-repeat;}
	.post .titulo-post{
		font-size:1.50em;
		font-weight:normal;
		margin:15px 0 10px;
		padding:0;
		}
	.post .sub-titulo-post{
		font-size:0.92em;
		}

	.post .texto{
		padding:15px 0;
		}

	.post .pie-post{
		background:#f0efef;
		border-left:2px #FFFFFF solid;
		height:28px;
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden;
		}
		.post .pie-post li{
			float:left;
			margin-top:5px;
			border-right:1px #abaaaa solid;
			padding:0 15px 0 20px;
			margin-left:20px;
			font-size:0.92em;
			height:16px;
			}
			.post .pie-post li a{
				color:#656662;
				text-decoration:underline;
				}
				.post .pie-post li a:hover{
					color:#bf1800;
					}
			.post .pie-post .comentarios{background:url(images/bkg_comentarios.gif) left no-repeat;}
			.post .pie-post .comentar{background:url(images/bkg_comentar.gif) left no-repeat;}
			.post .pie-post .compartir{/*background:url(images/bkg_compartir.gif) left no-repeat;*/
				border:0;
				/*margin-left:25px;*/
				padding:2px 15px 0 0;}
			
			
			.leermas a{
				display:block;
				padding:20px 0 0;
				background:url(images/btn_leermas.gif) no-repeat;
				text-indent:-5000px;
				background-position:0 20px;
				width:57px;
				height:20px;}


/*	ESTILOS DEL POST	*/
.post .texto {
	padding-right:15px;}
.post .texto strong{
	color:#000000;}
.post .texto ul{
	margin:0;
	padding:5px 0 5px 10px;
	list-style:none;}
	.post .texto li{
		margin:5px 0;
		padding-left:10px;
		background:url(images/bullet02.gif) no-repeat;
		background-position: 0 2px;}


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

/*	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.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
 	border:1px #888888 solid;
	border-width:2px 1px 1px;
	padding:2px;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
 	border:1px #888888 solid;
	border-width:2px 1px 1px;
	padding:2px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
 	border:1px #888888 solid;
	border-width:2px 1px 1px;
	padding:2px;
	}

.alignright {
	float: right;
	}

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


/*	SIDEBAR	*/
#sidebar {
	padding-bottom:115px;}

.navegacion {
	margin:0;
	padding:40px 0 0 35px;
	list-style:none;
	height:269px;
	overflow:hidden;
}
#sidebar .navegacion {
	background:url(images/bkg_navegacion.gif) top left no-repeat;}
	
	.navegacion li a{
		height:23px;
		display:block;
		margin-bottom:15px;
		text-indent:-5000px;}
		
		.navegacion .restaurante a{background:url(images/btn_restaurante.gif) top left no-repeat;}
		.navegacion .restaurante a:hover, .navegacion .restaurante .activo{
			background:url(images/btn_restaurante.gif) bottom left no-repeat;}

		.navegacion .especialidades a{background:url(images/btn_especialidades.gif) top left no-repeat;}
		.navegacion .especialidades a:hover, .navegacion .especialidades .activo{
			background:url(images/btn_especialidades.gif) bottom left no-repeat;}

		.navegacion .blog a{background:url(images/btn_blog.gif) top left no-repeat;}
		.navegacion .blog a:hover, .navegacion .blog .activo{
			background:url(images/btn_blog.gif) bottom left no-repeat;}

		.navegacion .donde a{background:url(images/btn_donde.gif) top left no-repeat;}
		.navegacion .donde a:hover, .navegacion .donde .activo{
			background:url(images/btn_donde.gif) bottom left no-repeat;}

		.navegacion .reservas a{background:url(images/btn_reservas.gif) top left no-repeat;}
		.navegacion .reservas a:hover, .navegacion .reservas .activo{
			background:url(images/btn_reservas.gif) bottom left no-repeat;}


		.navegacion .galeria a{background:url(images/btn_galeria.gif) top left no-repeat;}
		.navegacion .galeria a:hover, .navegacion .galeria .activo{
			background:url(images/btn_galeria.gif) bottom left no-repeat;}


#sidebar .sidebar-blog {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	}
	#sidebar .sidebar-blog .modulo{
		background:url(images/bkg_modulo.gif) left repeat-y;
		}
	#sidebar .sidebar-blog .modulo h3{
		text-indent:-5000px;
		margin:0;
		padding:0;
		height:89px;
		}
		#sidebar .sidebar-blog .modulo ul{
			background:url(images/modulo_sidebar_bottom.jpg) bottom left no-repeat;
			margin:0;
			padding:10px 0 30px 70px;
			list-style:none;
			}
		#sidebar .sidebar-blog .modulo li{
			background:url(images/bullet01.gif) no-repeat;
			background-position:0 4px;
			padding-left:10px;
			padding-bottom:10px;
			}
			#sidebar .sidebar-blog .modulo a {
				color:#808080;
				text-decoration:none;}
				#sidebar .sidebar-blog .modulo a:hover {
					color:#b5b5b5;}

	#sidebar .sidebar-blog .categorias h3{background:url(images/tit_sidebar_categorias.gif) top left no-repeat;}
	#sidebar .sidebar-blog .archivos h3{background:url(images/tit_sidebar_archivos.gif) top left no-repeat;}
	#sidebar .sidebar-blog .enlaces h3{background:url(images/tit_sidebar_enlaces.gif) top left no-repeat;}

/*	COMENTARIOS	*/
.listado-comentarios #comments {
	background:url(images/tit_comentarios.gif) top left no-repeat;
	text-indent:-5000px;
	height:26px;
	margin:0;
	padding:0;}

	.commentlist {
		margin:0;
		padding:0;
		width:480px;
		background:#f0f0f0;
		list-style:none;
		margin:15px 0 0 75px;}
		
		.commentlist li{
			padding:14px 0 14px 14px;
			overflow:hidden;
			width:453px;
			}

			.commentlist .cuerpo{
				width:100%;
				overflow:hidden;
				background:#fff url(images/bkg_comments.gif) left repeat-y;
				}
				.commentlist .cuerpo .numero{
					width:80px;
					float:left;
					text-align:center;
					color:#FFFFFF;
					font-size:4.17em;
					padding:30px 0;
					}
				.commentlist .cuerpo .texto{
					width:350px;
					float:right;
					padding:5px 10px 5px 0;
					}

			.commentlist .pie{
				font-size:0.92em;
				padding:4px 0 0 84px;
				height:27px;
				overflow:hidden;
				}
				.commentlist .pie a{
					color:#FFFFFF;
					}
					
			.commentlist .comm-autor{
				background:url(images/bkg_comm_autor.gif) no-repeat;
				background-position:275px 0;
				}
				.commentlist .comm-autor .fecha{
					float:left;
					width:195px;
					text-align:left;
					}
				.commentlist .comm-autor .autor{
					float:right;
					color:#FFFFFF;
					height:17px;
					padding-top:3px;
					width:135px;
					text-align:center;
					background:url(images/bkg_comm_autor_name.gif) top repeat-x;
					}

			.commentlist .comm-user{
				background:url(images/bkg_comm_user.gif) no-repeat;
				background-position:243px 0;
				}
				.commentlist .comm-user .fecha{
					float:right;
					width:195px;
					text-align:right;
					}
				.commentlist .comm-user .autor{
					float:left;
					color:#FFFFFF;
					height:17px;
					padding-top:3px;
					width:135px;
					text-align:center;
					background:url(images/bkg_comm_user_name.gif) top repeat-x;
					}
.formulario-comentarios #respond {
	background:url(images/tit_comentar.gif) top left no-repeat;
	text-indent:-5000px;
	height:26px;
	margin:0;
	padding:0;}


#commentform {
	margin:10px 0 0 75px;}

	#commentform label{
		display:block;
		color:#808080;}
		
		#author, #email, #url, #comment {
			width:480px;
			border:1px #f0f0f0 solid;
			background:#f0f0f0;
			padding:2px;
			}

		.btn_enviar {
			width:480px;
			text-align:right;}

/*	FOOTER	*/
#footer {
	height:175px;
	background:url(images/bkg_footer.gif) top repeat-x;
	overflow:hidden;
	}

.footer-wrapper {
	width:957px;
	padding-top:45px;
	height:130px;
	overflow:hidden;
	text-align:left;
	margin:auto;
	background:url(images/bkg_logo_footer.gif) no-repeat;
	background-position:10px 40px;
	}

	.footer-wrapper .listado{
		list-style:none;
		display:block;
		width:140px;
		border-right:1px #666662 solid;
		border-left:1px #343731 solid;
		float:left;
		margin:0;
		padding:15px 0 0 40px;
		height:90px;
		line-height:17px;
		font-size:0.92em;
		}
		.footer-wrapper .listado a{
			color:#808080;
			text-decoration:underline;
			}
			.footer-wrapper .listado a:hover {
				color:#fff;
				}
	.footer-wrapper .datos{
		width:270px;
		border-right:1px #666662 solid;
		float:left;
		margin:0;
		padding:15px 0 0 125px;
		height:90px;
		line-height:17px;
		}
		.footer-wrapper .datos strong{
			font-weight:normal;
			color:#FFFFFF;
			}
	#footer .final{
		border-right:0;
		background:url(images/logo_pedropuig.gif) bottom right no-repeat;
		}
#footer .pedro a{
	display:block;
	margin-top:10px;
	height:40px;
	text-indent:-5000px;}

/*	FORMULARIOS	*/
.cform li { background:none !important;}
.cform .cf_hidden, .cform .reqtxt, .cform .emailreqtxt, .linklove{display:none;}
.cform ol{
	margin:0;
	padding:0;
	list-style:none;}
.cform label{
	display:block;
	color:#808080;
	font-weight:bold;
	margin-bottom:4px;}

.cform .single, .cform .area{
	width:445px;
	border:1px #f3f3f3 solid;
	background:#f3f3f3;}
.cform .single{
	display:block;
	margin-bottom:20px;}

#li--1 label, #li--2 label, #li--3 label{
	border-left:4px #ff7d0c solid;
	padding-left:9px;}

#li-2-2 label, #li-2-3 label, #li-2-4 label, #li-2-5 label, #li-2-6 label, #li-2-7 label{
	border-left:4px #ff7d0c solid;
	padding-left:9px;}

.cform .cf-sb {
	background:url(images/bkg_req.gif) left no-repeat;
	text-align:right;
	width:445px;}

.sendbutton {
	width:57px;
	height:20px;
	text-indent:-5000px;
	background:url(images/btn_enviar.gif) top no-repeat;
	border:0;
	cursor:pointer;}

#usermessagea {
	width:445px;
	text-align:center;
	padding:10px 0;
	color:#FF0000;}


.reservas .cf-fs1, .reservas .cf-fs1 legend {
	margin:0;
	padding:0;
	border:0;}
	.reservas .cf-fs1 legend {
		font-weight:bold;
		color:#000;
		padding-bottom:15px;}

.reservas .cf-fs1{
	background:#f3f3f3;
	width:430px;
	padding-left:15px;
	padding-bottom:15px;
	overflow:hidden;}

.reservas .cf-fs1 .single, .reservas .cf-fs1 .area{
	border:1px #ffffff solid;
	background:#ffffff;}

.reservas .cf-fs1 .single{
	width:155px;}
.reservas .cf-fs1 .area{
	width:415px;}
.reservas .cf-fs1 #li-2-7 .single{
	width:75px;}	
	
.reservas .cf-fs1 #li-2-8{
	clear:both;}

#li-2-5, #li-2-6, #li-2-7 {
	float:left;}
#li-2-5, #li-2-6 {
	padding-right:15px;}
	
.telefonicamente {
	text-indent:-5000px;
	background:url(images/tit_telefonicamente.gif) top left no-repeat;
	margin:0;
	padding:0;
	height:30px;}
.telefono {
	text-indent:-5000px;
	background:url(images/tit_telefono.gif) top left no-repeat;
	margin:0;
	padding:0;
	height:30px;}
.direccion {
	text-indent:-5000px;
	background:url(images/tit_direccion.gif) top left no-repeat;
	margin:0;
	padding:0;
	height:30px;}
.google-maps {
	text-indent:-5000px;
	background:url(images/tit_google.gif) top left no-repeat;
	margin:0;
	padding:0;
	height:30px;}
.num-tfno {
	background:url(images/tit_tfno_reservas.gif) top no-repeat;
	height:30px;
	text-indent:-5000px;
	width:425px; 
	}
.calle {
	background:url(images/tit_calle.gif) top no-repeat;
	height:30px;
	text-indent:-5000px;
	width:425px; 
	}
	
.online {
	text-indent:-5000px;
	background:url(images/tit_online.gif) top left no-repeat;
	margin:0;
	padding:0;
	height:30px;}


.recuadro {width:425px; text-align:center; margin:10px 0; padding:10px; border:1px #eaebea solid;}


/*	GALERIA	*/
.galeria-fotos {
	background:url(images/bkg_galeria.gif) top no-repeat;
	padding-top:20px;
	margin-top:20px;
	}
	.galeria-fotos p{
		float:left;
		width:172px;
		height:139px;
		background:url(images/bkg_thumb.gif) top no-repeat;
		text-align:center;
		margin:0 0 0 15px;
		padding:4px 0 10px;
		}