body{
color:#42291B;
font-family:arial,sans-serif;
margin:0;
background:url("img/fondo.jpg") repeat scroll 0 0 #D1D1AB;
}
a{
color:#42291B;
}
/*Ed*/
* html .fcl{
	clear: both;
	height: 0px;
	overflow: hidden;
	margin-top:0px
}

head+body .fcl{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top:-1px
}

#wrapper{
background:url("img/logomitad.png") no-repeat scroll right 230px;
margin: 0 auto;
/*width: 980px;*/
min-width:980px;
}

#header-total{
background:url("img/home.gif") repeat-x 0 7px #604C3F;
}

.nosotros #header-total	{
background:url("img/nosotros.gif") repeat-x 0 7px #70691E;
}

.cartas #header-total	{
background:url("img/carta.gif") repeat-x 0 7px #6E131B;
}

.bar #header-total	{
background:url("img/bar.gif") repeat-x 0 7px #A5131C;
}

.salones #header-total	{
background:url("img/salones.gif") repeat-x 0 7px #C06621;
}

.eventos #header-total	{
background:url("img/eventos.gif") repeat-x 0 7px #9d7518;
}

#header{
height:185px;
margin: 0 auto;
width: 980px;
}

#logo{
float:left;
}
#logo a {
background:url("img/logo.png") no-repeat;
display:block;
float:left;
text-indent:-999em;
height:160px;
margin:10px 0 0 0;
text-decoration:none;
width:135px;
}
#head-derecha{
float:right;
}
#menu-top {
color:#FFFFFF;
display:block;
float:right;
}
#menu-top ul {
list-style:none outside none;
margin:50px 0 0 0;
}
#menu-top ul li {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
border-radius:0.4em;
float:left;
margin:0 2px;
padding:5px 10px 6px;
position:relative;
}
#menu-top a{
color:#FFFFFF;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
#menu-top ul li:hover{
color:#42291B;
background:#fff;
}
#menu-top ul li:hover > a{
color:#42291B;
background:#fff;
}
#idioma {
float:right;
font-size:14px;
margin:45px 12px 0 0;
}
#idioma a{
color:#fff;
text-decoration:none;
}
#content-total{
}
#content{
/*background:url("img/logomitad.png") no-repeat scroll right top transparent;*/
padding:0 0 100px;
margin: 0 auto;
width: 980px; 
}
#header-foot{
height:44px;
width:100%;
background:url("img/cabecera-foot.png") repeat;
margin-bottom:30px;
}
#destacado-total{
margin-bottom:50px;
background:url("img/minifondo.png") repeat 0 0 transparent;
}
#destacado{
display:block;
padding:50px 0;
margin:0 auto;
width:980px;
}
#portada-izq {
float:left;
font-size:15px;
line-height:1.5em;
margin:0;
width:320px;
text-align:center;
}
#portada-der {
float:right;
margin:0;
text-align:right;
width:550px;
}
#img-azar-0, #img-azar-1, #img-azar-2, #img-azar-3, #img-azar-4, #img-azar-5 {
border:10px solid #FFFFFF;
height:250px;
width:470px;
float:right;
}
#img-azar-0 { background:url("img/rotador-0.jpg") repeat scroll 0 0 transparent; }
#img-azar-1 { background:url("img/rotador-1.jpg") repeat scroll 0 0 transparent; }
#img-azar-2 { background:url("img/rotador-2.jpg") repeat scroll 0 0 transparent; }
#img-azar-3 { background:url("img/rotador-3.jpg") repeat scroll 0 0 transparent; }
#img-azar-4 { background:url("img/rotador-4.jpg") repeat scroll 0 0 transparent; }
#img-azar-5 { background:url("img/rotador-5.jpg") repeat scroll 0 0 transparent; }
#img-azar-0 p, #img-azar-1 p, #img-azar-2 p, #img-azar-3 p, #img-azar-4 p, #img-azar-5 p {
background:none repeat scroll 0 0 #EEEEEE;
font-size:13px;
height:20px;
margin:16px 0 0;
padding:3px 0 0 25px;
text-align:left;
font-weight:bold;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
#img-azar-0 a, #img-azar-1 a, #img-azar-2 a, #img-azar-3 a, #img-azar-4 a, #img-azar-5 a {
color:#111;
text-decoration:none;
}
#nosotros-izq, #salones-izq, #bar-izq  {
float:left;
font-size:15px;
line-height:1.5em;
margin:0;
width:525px;
}
#nosotros-der, #salones-der, #bar-der {
float:right;
margin:0;
text-align:right;
width:400px;
}
#nosotros-der img, #salones-der img, #bar-der img{
border:10px solid #FFFFFF;
}
/*#destacado{
display:block;
margin-bottom:50px;
background:url("img/portada-medio.png") no-repeat right top #E6DFD2;
padding:25px 0 0 0;
}
#destacado .derecha{
float:right;
margin:0 30px 25px 0;
text-align:right;
}
#destacado .derecha p a {
color:#42291B;
display:block;
font-size:14px;
margin:-10px 85px 0 0;
}
#destacado .izquierda{
float:left;
text-align:left;
width:350px;
}
#destacado .izquierda p{
}
#destacado img{
	border: 10px solid #EFEFEF;
}
#destacado .area, #contenido .area{
	width: 980px;
	margin: 0 auto;
}
#contenido{}
#contenido .derecha{
	float: right;
	width: 48%;
	margin: 5px;
}
#contenido .izquierda{
	float: left;
	width: 48%;
	margin: 5px;
}
#contenido .derecha img{
	float: left;
}
#contenido .izquierda img{
	float: right;
	margin: 0px 0px 15px 15px;
}
#contenido .izq1 img{
	float: right;
	margin: 0px 0px 15px 15px;
}
#contenido .izq2 img{
	float: left;
	margin: 15px 15px 0px 0px;
}
#contenido img{
	border: 5px solid #efefef;
}
*/
#izquierda{
margin:0;
width:469px;
float:left;
border-right:1px solid #FFFFFF;
padding-right:20px;
}
#festivales ul {
list-style:none outside none;
margin:0 0 0 -40px;
}
#festivales ul li{
float:left;
font-size:14px;
height:115px;
}
#festivales ul li img{
float:left;
margin:0 20px 0 0;
}
#festivales ul li strong{
margin:0 0 25px 0;
}
#festivales p a{
font-size:13px;
}
#derecha {
float:right;
padding-left:20px;
width:469px;
}

#twitter{
-moz-border-radius:0.5em;
-webkit-border-radius:0.5em;
border-radius:0.5em;
background:url("img/fondo-twitter.png") repeat scroll 0 0 transparent;
position:relative;
color:#FFFFFF;
padding:20px;
text-align:center;
width:430px;
}
#twitter ul {
list-style:none outside none;
margin:-5px 0 0 -40px;
text-align:left;
}
#twitter ul li a{
display:none;
}
#twitter ul li span a{
display:inline;
color:#fff;
}
#twitter-bottom{
display:block;
font-size:13px;
margin:15px 0 0 5px;
}
#ave{
background:url("img/ave.png") no-repeat scroll 0 0 transparent;
height:125px;
margin:-31px 0 0 190px;
width:167px;
}

p.brujas{
font-size:14px;
}
#brujas{
background:url("img/brujitas.jpg") no-repeat scroll 0 0 transparent;
display:block;
height:148px;
margin:15px auto 0;
width:470px;
}
#footer-head{
height:44px;
width:100%;
background:url("img/cabecera-foot.png");
position:relative;
z-index:1;
}
#footer-total-0{
background:url("img/brujas0.png") repeat-x scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-1{
background:url("img/brujas1.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-2{
background:url("img/brujas2.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-3{
background:url("img/brujas3.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-4{
background:url("img/brujas4.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-5{
background:url("img/brujas5.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-6{
background:url("img/brujas6.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-7{
background:url("img/brujas7.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-8{
background:url("img/brujas8.png") repeat-x scroll center center #786653;
position:relative;
z-index:1;
}
#footer-total-9{
background:url("img/brujas9.png") no-repeat scroll center center #786653;
position:relative;
z-index:1;
}
#footer{
padding:25px 25px 0 25px;
color:#fff;
margin: 0 auto;
max-width: 980px;
}
#foot-izquierda{
float:left;
width:450px;
}
#footer #foot-derecha {
border-left:1px solid #cccccc;
float:right;
margin:75px 0 0;
padding:10px 75px 10px 30px;
width:300px;
}
#footer #foot-derecha h3{
font-size:20px;
margin:0 0 25px;
}
#footer #foot-derecha p{
font-size:14px;
}
#footer #foot-derecha hr{
border-color:#EEEEEE -moz-use-text-color -moz-use-text-color;
border-style:dashed none none;
border-width:2px medium medium;
margin:25px 0 20px;
width:260px;
}
#footer #foot-derecha table{
color:#FFFFFF;
font-size:12px;
width:275px;
margin:0 0 15px;
}
#footer h3 {
color:#FFFFFF;
font-size:50px;
font-weight:normal;
margin:0 0 0 96px;
}
#reservas{
	display:block;
	margin:15px 0 50px 10px;
	width:425px;
	border: 0px;
	font-size:14px;
}
#reservas legend a{
	font-size: 50px;
	color: #fff;
	margin:0 0 0 0px;
}
#reservas fieldset{
	border: 0px;
}
#reservas .campo {
/*float:right; */
/*margin:0 0 10px; */
	height:20px;
	width: 210px;
	color:#42291B;
}
#reservas .combo {
/*margin:0 0 10px 19px; */
	color:#42291B;
	width: 218px;
}
#reservas .area {
	width: 210px;
}
#reservas .texto{
	text-align: right;
}
#reservas .boton {
background:none repeat scroll 0 0 #5F4C3F;
border:1px solid #000;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:0 0 2px;
width:215px;
}
#reservas .boton:hover {
background:#786653;
}
#reservas label {
/*float:left; */
height:26px;
margin:0 0 10px;
width:200px;
text-align: right;
}
#sub-footer-total{
background:#5F4C3F;
border-top: solid 2px #8E7F71;
position:relative;
z-index:1;
}
#sub-footer{
height:200px;
background:url("img/logo-foot.png") no-repeat scroll right top;
margin: 0 auto;
width: 980px;
}
#sub-footer ul li {
color:#FFFFFF;
float:left;
font-size:12px;
list-style:none outside none;
margin:5px 35px 0 0;
}
#sub-footer ul li a{
color:#FFFFFF;
text-decoration:none;
}
#content p.albaricoque, #content p.verde, #content p.visite, #content ul.visite{
font-size:13px;
line-height:1.5em;
text-align:left;
}
p.albaricoque img, p.verde img{
border:5px solid #EEE;
margin:0 0 0 10px;
}
#content p.rojo, #content p.azul{
font-size:13px;
line-height:1.5em;
text-align:right;
}
p.rojo img, p.azul img{
border:5px solid #EEE;
margin:0 10px 0 0;
}
p.bienvenida, p.historia, p.mundo, p.franquicia, p.vino, ul.actividades{
font-size:14px;
line-height:1.5em;
margin-right:0px;
}
p.vino img {
border:5px solid #EEEEEE;
margin:15px 0 center center;
}
blockquote.mundo{
margin:10px 100px 0;
text-align:justify;
}
/* titulos */
h3.elegido{
background:url("img/elegido.png") repeat scroll 0 0 transparent;
height:105px;
margin:27px auto 0;
text-indent:-999em;
width:265px;
}
#derecha h3.actividades {
background:url("img/actividades.png") no-repeat scroll 0 0 transparent;
height:53px;
margin:75px 0 0;
width:377px;
text-indent:-999em;
}
#content h3.festivales {
background:url("img/festivales.png") no-repeat scroll 0 0 transparent;
float:left;
height:28px;
margin:15px 0 25px -3px;
text-indent:-999em;
width:269px;
}
#chef h3.chef{
	background:url("img/chef.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:28px;
	margin:15px 0 25px;
	width:377px;
	text-indent:-999em;
}
#chef h3.brujas{
background:url("img/brujas.png") no-repeat scroll 0 0 transparent;
float:left;
height:28px;
margin:0 0 10px;
width:269px;
text-indent:-999em;
}
#festivales  h3.visite{
font-size:14px;
margin:35px 0 15px;
}
#chef h3.nuestros-salones{
font-size:14px;
margin:35px 0 15px;
}
#destacado h3.bienvenida{
background:url("img/bienvenida.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:28px;
margin:15px 0 10px 0;
text-indent:-999em;
width:151px;
}
#content h3.staff{
background:url("img/elstaff.png") no-repeat scroll 0 0 transparent;
height:28px;
margin:0;
text-indent:-999em;
width:103px;
}
table.staff {
font-size:13px;
margin:15px 0 25px;
width:100%;
}
table.staff img{
float:right;
margin:0 0 10px;
}
#content h3.historia{
background:url("img/historia.png") no-repeat scroll 0 0 transparent;
height:28px;
margin:0;
text-indent:-999em;
width:257px;
}
#content h3.mundo{
background:url("img/mundo.png") no-repeat scroll 0 0 transparent;
height:28px;
margin:0;
text-indent:-999em;
width:269px;
}
#content h3.ubicacion{
background:url("img/ubicacion.png") no-repeat scroll 0 0 transparent;
height:28px;
margin:50px 0 25px;
text-indent:-999em;
width:269px;
}
iframe.ubicacion{
background:none repeat scroll 0 0 #D6D6BF;
border:10px solid #F1F1F1;
padding:1px;
}

h3.salones{
background:url("img/salones.png") no-repeat scroll 0 0 transparent;
height:28px;
width:107px;
text-indent:-999em;
}
#content h3.albaricoque{
background:url("img/salonalbaricoq.png") no-repeat scroll 0 0 transparent;
float:left;
height:28px;
width:262px;
text-indent:-999em;
}
#content h3.rojo{
background:url("img/salonrojo.png") no-repeat scroll 0 0 transparent;
float:right;
height:28px;
width:154px;
text-indent:-999em;
}
#content h3.verde{
background:url("img/salonrojoa.png") no-repeat scroll 0 0 transparent;
float:left;
height:28px;
width:262px;
text-indent:-999em;
}
#content h3.azul{
background:url("img/salonrojob.png") no-repeat scroll 0 0 transparent;
float:right;
height:28px;
width:154px;
text-indent:-999em;
}
#content h3.vino {
background:url("img/cavadevino.png") no-repeat scroll 0 0 transparent;
float:left;
height:28px;
width:178px;
text-indent:-999em;
}
#content p{
/*margin:10px 75px 35px; */
text-align:justify;
}

blockquote.albaricoque, blockquote.rojo, blockquote.vino{
margin:10px 100px 35px;
text-align:justify;
}
ul.salones{
margin:-20px 0 35px 50px;
}
p.especiales {
border-color:#42291B -moz-use-text-color -moz-use-text-color;
border-style:dashed none none;
border-width:2px medium medium;
margin:75px 0 0 50px;
padding:25px 10px 10px;
width:360px;
}
h3.bar{
background:url("img/bar.png") no-repeat scroll 0 0 transparent;
height:28px;
margin:0;
width:201px;
text-indent:-999em;
}
table.tragos {
font-size:14px;
line-height:1.5em;
margin:0;
text-align:left;
width:700px;
}
p.festivales{
margin:10px 75px 35px;
text-align:justify;
}

#content h3.franquicia{
background:url("img/franquicia.png") no-repeat scroll 0 0 transparent;
height:28px;
margin:0;
width:269px;
text-indent:-999em;
}
#sidebar {
/*border:1px solid #000000;*/
float:left;
width:325px;
}
#no-sidebar {
/*border:1px solid #000000;*/
float:right;
padding:0 20px 20px;
width:610px;
}
#imagenes img {
background:url("img/minifondo.png") repeat scroll 0 0 transparent;
margin:0 20px 25px 0;
padding:3px;
}

ul#menu_lateral, ul#menu_lateral ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 15em;
	width:180px;
}

ul#menu_lateral a {
	display: block;
	text-decoration: none;
}

ul#menu_lateral li {
	margin-top: 1px;
}

ul#menu_lateral li a {
	padding: 0.5em;
	font-weight:bold;
border: 1px solid transparent;
}

ul#menu_lateral li a:hover {
	background: #C2B194;
	border:solid 1px;
}

ul#menu_lateral li ul li a {
/*	background: #ccc;
	color: #000;
	padding-left: 20px;*/
	
	font-weight:normal;
margin:0 0 0 20px;
border: 1px solid transparent;
}

ul#menu_lateral li ul li a:hover {
	/*background: #aaa;
	border-left: 5px #000 solid;
	padding-left: 15px;*/
}


ul#menu_lateral li ul li a:active {
	font-weight:bold;
}

#social_bar_wrapper{
	border-right:1px solid #FFFFFF;
height:500px;
position:absolute;
width:180px;
font-size:14px;
}
 
#social_bar {
	background:transparent repeat scroll 0 0 #FFFFFF;
	float:left;
	/*margin-left:-80px; */
	/* // La distancia de la barra que queremos tener en relacion al post */
	margin-right:10px;
	position:relative;
} 
#twitter-link a {
background:url("img/twitter.gif") repeat scroll 0 0 transparent;
display:block;
height:19px;
margin:-18px 0 0 82px;
position:absolute;
text-indent:-999em;
width:75px;
}
#reservas-page {
margin:-75px 0 0;
}
h3#cartas{
background:url("img/cartas.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:28px;
margin:0 0 50px;
text-indent:-999em;
width:269px;
}
#xhtml{
	display: none;
	visible: hidden;
}
#carta{
margin:0 0 0 200px;
font-size:15px;
line-height:1.5em;
}

#carta h3 {
font-size:16px;
font-weight:bold;
}
#carta blockquote {
font-size:13px;
}
#carta table {
font-size:15px;
font-weight:bold;
margin:15px 0 -15px -3px;
width:763px;
}
#uno{
float:left;
width:47%;
margin-right:6%;
}
#dos{
float:right;
width:47%;
}
.pdf {
background:url("img/pdf.png") no-repeat scroll 0 0 transparent;
min-height:30px;
padding:10px 0 0 30px;
}
.pdf a{
text-decoration:none;
}
/*p.festivales-mas {
display:inline-block;
margin:60px 0 -60px;
}*/
ul#imgportada li span {
background:none repeat scroll 0 0 #FFFFFF;
color:#333;
display:block;
font-size:16px;
font-weight:bold;
height:20px;
margin:10px 0 -33px;
padding:3px 0 0 25px;
text-align:left;
width:445px;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
ul#imgportada li img {
display:block;
height:254px;
width:470px;
}
ul#imgportada li{
border: solid 10px #fff;
margin:0 0 0 20px;
display: none;
}
ul#imgportada{
list-style:none;
}


#content.events	{
position: relative;
height: 800px;
}


#brujas_events	{
padding: 0;
height: 1%;
overflow: hidden;
}

#brujas_events li	{
list-style-type: none;
position: absolute;
padding: 20px;
border: 1px solid white;
}

#brujas_events li img	{
width: 450px;
}

#brujas_events li#navidad	{
top: 20px;
left: 0;
padding-left: 0;
padding-top: 0;
padding-right: 35px;
border-left: none;
border-top: none;
border-right: none;
}

#brujas_events li#flamenco 	{
top: 20px;
left: 485px;
padding-right: 0;
padding-top: 0;
border-top: none;
border-right: none;
padding-left: 37px;
}

#brujas_events li#serenata	{
top: 400px;
left: 0;
padding-left: 0;
padding-bottom: 0;
border-left: none;
border-top: none;
border-bottom: none;
border-right: none;
padding-right: 35px;
}

#brujas_events li#cofradia	{
top: 344px;
left: 485px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
border-right: none;
border-bottom: none;
border-top: none;
padding-left: 37px;
}

#brujas_events li h2	{
text-indent: -9999px;
}

#brujas_events li#navidad h2	{
background: transparent url(img/eventos/navidad.png) no-repeat 0 0;
}

#brujas_events li#flamenco h2	{
background: transparent url(img/eventos/flamenco.png) no-repeat 0 0;
}

#brujas_events li#serenata h2	{
background: transparent url(img/eventos/serenata.png) no-repeat 0 0;
}

#brujas_events li#cofradia h2	{
background: transparent url(img/eventos/cofradia.png) no-repeat 0 0;
}

span.clear	{
clear: both;
}
