* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#arriba{
	width:880px;
	height:100px;
	position:absolute;
	left:50%;
	top:1%;
	margin:0 0 0 -440px;
}

#arriba #logo {
	float:left;
	margin-left: 350px;
	width: 180px;
	height:100px;
	background: url(../images/logo.png) top left no-repeat;
}

#arriba #banderas {
	float:left;
	width: 225px;
	height:61px;
	text-align:right;
	margin-top: 39px;
	margin-left: 125px;
}

#arriba #banderas .bandera_es a{
	float: right;
	width: 72px;
	height: 61px;
	background-image: url(../images/bandera_es.png);
	background-position: 0px 0px;
}
#arriba #banderas .bandera_es a:hover{
	background-position: 0px -61px;
}	

#arriba #banderas .bandera_en a{
	float: right;
	width: 72px;
	height: 61px;
	background-image: url(../images/bandera_en.png);
	background-position: 0px 0px;
}
#arriba #banderas .bandera_en a:hover{
	background-position: 0px -61px;
}	

#arriba #banderas .bandera_cn a{
	float: right;
	width: 72px;
	height: 61px;
	background-image: url(../images/bandera_cn.png);
	background-position: 0px 0px;
}
#arriba #banderas .bandera_cn a:hover{
	background-position: 0px -61px;
}	



#centro{
	width:880px;
	height:300px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-150px 0 0 -440px;
}

#centro .seccion_1 a{
	float: left;
	width: 220px;
	height: 298px;
	background-image: url(../images/seccion_1.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#centro .seccion_2 a{
	float: left;
	width: 220px;
	height: 298px;
	background-image: url(../images/seccion_2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#centro .seccion_3 a{
	float: left;
	width: 220px;
	height: 298px;
	background-image: url(../images/seccion_3.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#centro .seccion_4 a{
	float: left;
	width: 220px;
	height: 298px;
	background-image: url(../images/seccion_4.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#centro .seccion_1 a:hover, #centro .seccion_2 a:hover, #centro .seccion_3 a:hover, #centro .seccion_4 a:hover{
	background-position: 0px -302px;
}

.ventana{
	width:880px;
	height:330px;
	overflow:hidden;
}

.ventana .izquierda{
	float: left;
	width: 440px;
	margin: 50px 20px 50px 70px;
}

.ventana .derecha{
	float: left;
	width: 300px;
	margin: 50px 50px 20px 0;
	padding: 0;

}

.ventana .derecha a{
	color: #802b0a;
	text-decoration: underline;
}

.ventana .derecha a:hover{
	text-decoration: none;
}

.ventana .derecha .mini{
	font-size: .9em;
}

.ventana .derecha h1{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #802b0a;		
	margin: 0 0 1.5em 0;
	padding: 0;
}

.ventana .derecha p{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #333333;		
	margin: 0 0 2em 0;
	padding: 0;
	text-align: justify;
}

.ventana .derechap{
	float: left;
	width: 300px;
	margin: 42px 50px 20px 0;
	padding: 0;
}

.ventana .derechap a{
	color: #802b0a;
	text-decoration: underline;
}

.ventana .derechap a:hover{
	text-decoration: none;
}

.ventana .derechap h1{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #802b0a;		
	margin: 0 0 1.5em 0;
	padding: 0;
}

.ventana .derechap p{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	color: #333333;		
	margin: 0 0 1em 0;
	padding: 0;
	text-align: justify;
}

.ventana .izquierdag{
	float: left;
	width: 600px;
	margin: 10px 40px 30px 30px;
}

#ficha {
	padding:15px;
}

#ficha h1{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: 1em;
	color: #802b0a;		
	margin: 0 0 1.5em 0;
	padding: 0;
}

#ficha p{
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	color: #333333;		
	margin: 0 0 1em 0;
	padding: 0;
	text-align: justify;
}

.ventana .derechai{
	float: left;
	width: 120px;
	margin: 10px 80px 20px 0;
	padding: 0;

}

#botellas {
	width: 640px; 
	text-align:center;
	padding-left: 50px;
}

#botellas .botella_1 a{
	float: left;
	width: 50px;
	height: 100px;
	background-image: url(../images/botella_rosado_p.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#botellas .botella_2 a{
	float: left;
	width: 50px;
	height: 100px;
	background-image: url(../images/botella_crianza_p.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#botellas .botella_3 a{
	float: left;
	width: 50px;
	height: 100px;
	background-image: url(../images/botella_blanco_p.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#botellas .botella_4 a{
	float: left;
	width: 50px;
	height: 100px;
	background-image: url(../images/botella_maceracion_p.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#botellas .botella_5 a{
	float: left;
	width: 50px;
	height: 100px;
	background-image: url(../images/botella_joven_p.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#botellas .botella_6 a{
	float: left;
	width: 50px;
	height: 100px;
	background-image: url(../images/botella_reserva_p.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#botellas .botella_1 a, #botellas .botella_2 a, #botellas .botella_3 a, #botellas .botella_4 a, #botellas .botella_5 a, #botellas .botella_6 a{
	margin: 0 3px;
}

#botellas .botella_1 a, #botellas .botella_2 a, #botellas .botella_3 a, #botellas .botella_4 a, #botellas .botella_5 a, #botellas .botella_6 a{
	margin: 0 3px;
}

#botellas .botella_1 .activo, #botellas .botella_2 .activo, #botellas .botella_3 .activo, #botellas .botella_4 .activo, #botellas .botella_5 .activo, #botellas .botella_6 .activo{
	background-position: 0px -100px;
}

#botellas .botella_1 a:hover, #botellas .botella_2 a:hover, #botellas .botella_3 a:hover, #botellas .botella_4 a:hover, #botellas .botella_5 a:hover, #botellas .botella_6 a:hover{
	background-position: 0px -100px;
}

#botellas .vinoswines{
	float: left;
	width: 152px;
	height: 82px;
	background-image: url(../images/vinoswines.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-left: 50px;
	margin-top: 15px;
}

#nombre_vino{
	width: 430px;
	height: 15px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: .9em;
	color: #802b0a;		
	padding: 5px 0 0 50px;
	padding: 0;
	text-align: center;
}

#abajo{
	width:880px;
	height:65px;
	position:absolute;
	left:50%;
	top:99%;
	margin:-65px 0 0 -440px;
	text-align:center;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.1em;
	color: #908449;	
}

#abajo .titulo{
	color: #666666;	
	font-weight:bold;
}

#abajo a{
	color: #666666;	
	text-decoration:underline;
}

#abajo a:hover{
	color: #802b0a;	
	text-decoration:none;
}