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




body{
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-color:#990000;
	color:#FFF;
}


a:link {
	color: #990000;
	text-decoration: none;
	border:0;
}
a:visited {
	text-decoration: none;
	color: #990000;
	border:0;
}
a:hover {
	text-decoration: none;
	color: #990000;
	border:0;
	
	
}

a:active {
	text-decoration: none;
	color: #990000;
	border:0;

}

H1{
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:2px;
text-align:left;
font-size:27px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #CCCC66;
font-weight:lighter;
}

H2{
margin:0;
text-align:left;
color: #CCCC66;
font-weight:lighter;
}

p{
margin-left:0;
margin-right:0;
margin-top:0;
text-align:left;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
letter-spacing: normal;
font-weight:lighter;
}

.negsub{
font-weight: bold;
color: #CCCC66;
}

.nomvino{
font-size:14px;
font-weight: bold;
color: #CCCC66;
margin:0;
}






a{
border:0;
margin:0;
padding:0;
}

img{
border:0;
padding:0;
margin:0;
}


#contenedor {
	width: 810px;
	margin:10px auto; /* 10 px arriba, y en las siguientes 3 dimensiones lo coja 		automático*/
	text-align:left; /*dentro del contenedor: alineamos a la izquierda*/
	
	/*esta sintaxis junto con la del bodi es imprescindible*/
}


#logo{
width:300px;
height:50px;
float:left;
margin:0;
padding:0;
}


#dir{
width:510px;
height:30px;
float:left;
text-align:center;
margin:0;
padding:0;
border:0;}

#special99{
width:510px;
height:20px;
float:left;
text-align:center;
margin:0;
padding:0;
border:0;
}


#dir p{
text-align:center;
margin:0;
padding:0;
border:0;
letter-spacing:0;
line-height: normal;

}


#spacer11{
width:810px;
height:16px;
float:left;
margin:0;
padding:0;
}






#menu{
width:810px;
height:110px;
float:left;
}


#menu a{
display:block;
width:90px;
height:109px;
float:left;
border:0;
margin:0;
padding:0;

}

a.carta{
background-image: url(../img/platonav.png);
}

a.vino{
background-image: url(../img/vinonav.png);
}

a.tel{
background-image: url(../img/telnav.png);
}

a.plano{
background-image: url(../img/mapanav.png);
}

a.news{
background-image: url(../img/prensanav.png) ;
}

a.foro{
background-image: url(../img/libronav.png);
}

a.gal{
background-image: url(../img/fotonav.png);
}

a.links{
background-image: url(../img/mundonav.png);
}

a.home{
background-image: url(../img/casanav.png);
}




a:hover.carta{
background-image: url(../img/platohov.png);
}

a:hover.vino{
background-image: url(../img/vinohov.png);
}

a:hover.tel{
background-image: url(../img/telhov.png);
}

a:hover.plano{
background-image: url(../img/mapahov.png);
}

a:hover.news{
background-image: url(../img/prensahov.png);
}

a:hover.foro{
background-image: url(../img/librohov.png);
}

a:hover.gal{
background-image: url(../img/fotohov.png);
}

a:hover.links{
background-image: url(../img/mundohov.png);
}

a:hover.home{
background-image: url(../img/casahov.png);
}


#nav1 {
width:90px;
height:109px;
border:0;
padding:0;
margin:0;
float:left;
}

#rafa{
width:220px;
height:413px;
border:0;
margin:0;
padding:0;
float:left;
}

#spacer12{
width:30px;
height:413px;
float:left;
margin:0;
padding:0;
border:0;
}

#texto11{
width:310px;
height:413px;
float:left;
margin:0;
padding:0;
border:0;
}

#texto11 p{
text-align:justify;
}

#special11{
height:50px;
}

#spacer13{
width:30px;
height:413px;
float:left;
margin:0;
padding:0;
border:0;
}


#peter{
width:220px;
height:413px;
border:0;
margin:0;
padding:0;
float:right;
}

/*Aquí empieza menu platos*/

#spacer21{
width:810px;
height:150px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer22{
width:195px;
height:129px;
float:left;
margin:0;
padding:0;
border:0;
}

#entrantes{
width:130px;
height:129px;
float:left;
margin:0;
padding:0;
border:0;
}

a.entrante{
display:block;
background-image:url(../img/entlink.png);
width:130px;
height:129px;
background-repeat:no-repeat;
}

a.entrante:hover{
display:block;
background-image: url(../img/enthover.png);
width:130px;
height:129px;
background-repeat:no-repeat;
}

#spacer23{
width:15px;
height:129px;
float:left;
margin:0;
padding:0;
border:0;
}

#segundos{
width:130px;
height:129px;
float:left;
margin:0;
padding:0;
border:0;
}

a.segun{
display:block;
background-image: url(../img/seglink.png);
width:130px;
height:129px;
background-repeat:no-repeat;
}

a.segun:hover{
display:block;
background-image: url(../img/seghover.png);
width:130px;
height:129px;
background-repeat:no-repeat;
}

#spacer24{
width:15px;
height:129px;
float:left;
margin:0;
padding:0;
border:0;
}

#dessert{
width:130px;
height:129px;
float:left;
margin:0;
padding:0;
border:0;
}

a.desserts{
display:block;
background-image: url(../img/postlink.png);
width:130px;
height:129px;
background-repeat:no-repeat;
}

a.desserts:hover{
display:block;
background-image: url(../img/posthover.png);
width:130px;
height:129px;
background-repeat:no-repeat;
}

#spacer25{
width:195px;
height:129px;
float:left;
margin:0;
padding:0;
border:0;
}

/*Aquí empieza MENUVINOS*/

#spacer31{
width:810px;
height:50px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer32{
width:311px;
height:200px;
float:left;
margin:0;
padding:0;
border:0;
}

#tintos{
width:46px;
height:200px;
float:left;
margin:0;
padding:0;
border:0;
}

a.tinto{
display:block;
background-image: url(../img/tintolink.png);
width:46px;
height:200px;
background-repeat:no-repeat;
}

a.tinto:hover{

background-image: url(../img/tintohov.png);

}


#spacer33{
width:25px;
height:200px;
float:left;
margin:0;
padding:0;
border:0;
}

#blancos{
width:46px;
height:200px;
float:left;
margin:0;
padding:0;
border:0;
}

a.blanco{
display:block;
background-image: url(../img/blancolink.png);
width:46px;
height:200px;
background-repeat:no-repeat;
}

a.blanco:hover{

background-image: url(../img/blancohov.png);

}

#spacer34{
width:25px;
height:200px;
float:left;
margin:0;
padding:0;
border:0;
}

#rosados{
width:46px;
height:200px;
float:left;
margin:0;
padding:0;
border:0;
}

a.rosado{
display:block;
background-image: url(../img/rosalink.png);
width:46px;
height:200px;
background-repeat:no-repeat;
}

a.rosado:hover{

background-image: url(../img/rosahover.png);

}

#spacer35{
width:311px;
height:200px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer36{
width:810px;
height:50px;
float:left;
margin:0;
padding:0;
border:0;
}

#buywine{
width:810px;
height:52px;
float:left;
margin:0;
padding:0;
border:0;
}

/*empieza entrantes html*/

#product{
width:220px;
height:440px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer41{
width:810px;
height:20px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer42{
width:25px;
height:440px;
float:left;
margin:0;
padding:0;
border:0;
}


#textentrantes{
width:330px;
height:418px;
float:left;
margin:0;
padding:10px;
border-color:#FFFFFF;
border-width:1px;
border-style:solid;
background-image:url(../img/fondotext.gif);
background-repeat:repeat-x;
overflow: auto;
}

#textentrantes ul{
margin:0;
margin-bottom:2px;
}

#textentrantes ul li h1{
margin-bottom:2px;
}

#textentrantes ul li a{
text-decoration: underline;

}

#textentrantes ul li a:hover p{
text-decoration: underline;
color: #FFFFFF;
}

#textentrantes ul li{
margin-bottom:2px;
}

#textentrantes ul li a p{
text-decoration:underline;
color:#FFFFFF;
}



#spacer46{
width:350px;
height:15px;
float:left;
margin:0;
padding:0;
border:0;
}








#spacer43{
width:25px;
height:440px;
float:left;
margin:0;
padding:0;
border:0;
}




#banner1{
width:188px;
height:440px;
float:left;
margin:0;
padding:0;
border:0;
}

.negritacolor{
font-weight:bold;
color: #CCCC66;
}


#carpa{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#carpa a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image:url(../img/carplink.png);
}

#carpa a:hover{
background-image: url(../img/carphov.png);
}


#spacer47{
width:220px;
height:10px;
float:left;
margin:0;
padding:0;
border:0;
}

/*empieza lateral piña, aquí estan los espacios comunes a todos los laterales*/

#pina{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#pina a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image: url(../img/pinalink.png);
}

#pina a:hover{
background-image: url(../img/pinahov.png);
}

#spacer48{
width:220px;
height:10px;
float:left;
margin:0;
padding:0;
border:0;
}

#cogollo{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#cogollo a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image: url(../img/cogolink.png);
}

#cogollo a:hover{
background-image: url(../img/cogollhov.png);
}

/*termina lateral 1*/

/*empieza lateral piquillo*/

#piqullo{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#piquillo a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image:url(../img/piquillolink.png);
}

#piquillo a:hover{
background-image: url(../img/piquillohov.png);
}

#solomillo{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#solomillo a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image:url(../img/solomilink.png);
}

#solomillo a:hover{
background-image: url(../img/solomihov.png);
}

#perdi{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#perdi a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image: url(../img/perdizlink.png);
}

#perdi a:hover{
background-image: url(../img/perdizhov.png);
}

/*termina lateral piquillo*/

/*empieza tercera botonera lateral*/
#baca{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#baca a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image: url(../img/bacalink.png);
}

#baca a:hover{
background-image: url(../img/bacahov.png);
}

#ques{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#ques a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image: url(../img/quesolink.png);
}

#ques a:hover{
background-image: url(../img/quesohov.png);
}

#choco{
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
}

#choco a{
display:block;
width:220px;
height:140px;
float:left;
margin:0;
padding:0;
border:0;
background-image: url(../img/chocolink.png);
}

#choco a:hover{
background-image: url(../img/chocohov.png);
}


/*termina tercera botonera lateral*/

#titensa{
width:350px;
height:18px;
float:right;
margin:0;
margin-bottom:15 px;
padding:0;
border:0;
}

#spacer88{
width:350px;
height:10px;
float:left;
margin:0;
padding:0;
border:0;
}


#spacer52{
width:810px;
height:20px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer53{
width:300px;
height:65px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer53bis{
width:10px;
height:65px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer56{
width:10px;
height:65px;
float:left;
margin:0;
padding:0;
border:0;
}



#spacer54{
width:65px;
height:65px;
float:left;
margin:0;
padding:0;
border:0;
}
#spacer55{
width:65px;
height:65px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer57{
width:295px;
height:65px;
float:left;
margin:0;
padding:0;
border:0;
}


/*A PARTIR DE AQUÍ GALERIA*/
#lightbox, #textLightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#outerTextContainer{
	position: relative;
	background-color: #fff;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:left;
	padding:10px;	border:1px solid #000
}

#closeText{text-align:right}
#bottomNav{margin-top:5px;text-align:right}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#000000;
	}
	

/*Este codigo es el que metí yo*/
	
	.spacergal{
	margin:0;
	padding:0;
	border:0;
	width:10px;
	height:100px;
	float:left;
	}
	
	#spacer61{
	
		margin:0;
	padding:0;
	border:0;
	width:810px;
	height:40px;
	float:left;
	}
	
.foto{
	
margin:0;
	padding:0;
	border:0;
	width:100px;
	height:100px;
	float:left;
	}
	
	#spacergalb{
	
		margin:0;
	padding:0;
	border:0;
	width:25px;
	height:100px;
	float:left;
	}
	
	#spacergala{
	
		margin:0;
	padding:0;
	border:0;
	width:25px;
	height:100px;
	float:left;
	}
	
	.barragal{
	
margin:0;
	padding:0;
	border:0;
	width:810px;
	height:20px;
	float:left;
	}
	



/*TERMINA GALERIA*/

/*codigo noticias*/
#blogger{
	
		margin:0;
	padding:0;
	border:0;
	width:810px;
	height:600px;
	float:left;

	}
	
	
/*MAPA*/	



#mapeta{
margin:0;
	padding:0;
	border:2px;
	width:596px;
	height:518px;
	float:left;
	border-color: #000000;
	}
	
	
#vinaco{
width:330px;
height:418px;
float:left;
margin:0;
padding:10px;
border-color:#FFFFFF;
border-width:1px;
border-style:solid;
background-image:url(../img/fondotext.gif);
background-repeat:repeat-x;
overflow: auto;
}


#vinaco p{
margin:0;
}


#vinaco h2{
margin-bottom:5px;
}

.despues10{
margin-bottom:8px;
}

.despues3{
margin-bottom:3px;
}


/*navegacion vinos*/
#spacer100bis{
width:810px;
height:18px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer101{
width:365px;
height:75px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer102{
width:17px;
height:75px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer103{
width:15px;
height:75px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer104{
width:17px;
height:75px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer105{
width:15px;
height:75px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer106{
width:17px;
height:75px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer107{
width:365px;
height:75px;
float:left;
margin:0;
padding:0;
border:0;
}

/*paginas producto*/

#spacer200{
width:810px;
height:100px;
float:left;
margin:0;
padding:0;
border:0;
}


#spacer201{
width:155px;
height:400px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer202{
width:155px;
height:400px;
float:left;
margin:0;
padding:0;
border:0;
}

#platopro{
width:500px;
height:400px;
float:left;
margin:0;
padding:0;
border:0;
}

/*horarios*/

#spacer300{
width:810px;
height:80px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer301{
width:55px;
height:250px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacerhor{
width:700px;
height:250px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer302{
width:55px;
height:250px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer303{
width:810px;
height:15px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer304{
width:55px;
height:25px;
float:left;
margin:0;
padding:0;
border:0;
}
#mailok{
width:700px;
height:25px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer305{
width:55px;
height:25px;
float:left;
margin:0;
padding:0;
border:0;
}

/*MAPA TROCEADO*/

.spacer225{
width:115px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}

#part1{
width:290px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}
#part2{
width:290px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer226{
width:115px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer227{
width:115px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer228{
width:115px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}

#part3{
width:290px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}

#part4{
width:290px;
height:260px;
float:left;
margin:0;
padding:0;
border:0;
}


#spacer230{
width:810px;
height:15px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer231{
width:115px;
height:25px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer232{
width:115px;
height:25px;
float:left;
margin:0;
padding:0;
border:0;
}
#part5{
width:580px;
height:25px;
float:left;
margin:0;
padding:0;
border:0;
}

/*LINKS*/

#spacer420{
width:810px;
height:50px;
float:left;
margin:0;
padding:0;
border:0;
}

#linkancla{
width:810px;
text-align:center;
font-size:14px;
}

#linkancla a{
color:#FFFFFF;
}

#linkancla a:hover{
color: #FFFFFF;
text-decoration:underline;
}

#linkancla a:visited{
color: #33FF00;
}

#spacer430{
width:810px;
height:120px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer431{
width:105px;
height:400px;
float:left;
margin:0;
padding:0;
border:0;
}

#presenta{
width:600px;
height:400px;
float:left;
margin:0;
padding:0;
border:0;
}


#spacer432{
width:105px;
height:400px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer432{
width:810px;
height:20px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer433{
width:810px;
float:left;
margin:0;
padding:0;
border:0;
}

#spacer434{
width:810px;
float:left;
margin:0;
padding:0;
border:0;
text-align:center;
}

#spacer434 a{
text-align:center;
color:#FFFFFF;
}

#spacer434 a:hover{
text-decoration:underline;
}