@charset "utf-8";
/* CSS Document */
* { font-family:Verdana, Geneva, sans-serif; }

body { height:auto; margin:0px; margin:0px; font-size:12px; }
h1 { color:#957a34 }
h2 { color:#fff; background-color:#957a34; font-size:12px; padding:4px;  }

#pagina { height:auto; overflow:hidden; margin:0px; padding:0px; background:url(../img/fons-web.gif) top center repeat-y ; }
#web { width:980px; overflow:hidden; margin:0 auto 0 auto; background:url(../img/fons-cuerpo.gif) }

#botella-home { position:absolute; margin:-305px 0px 0px 640px; width:191px; overflow:hidden; height:560px }
#botellas-home { width:191px;}
#botellas-home div.img { position:absolute}
#botellas-home img {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
}

#cabecera { height:300px; overflow:hidden;}
	#menu-top { background:#FFF; height:20px; margin-top:40px;  }
	#menu-container { margin:2px 350px 0px 0px; text-align:right; float:right}
	#menu-container a { color:#957a34; text-transform:uppercase; text-decoration:none; margin-left:15px;}
	#logo-top { float:left; margin:15px 0px 0px 70px  }
	#idiomas { position:absolute; margin:-18px 0px 0px 850px; }
	#idiomas a { color:#999; margin-right:5px; text-decoration:none}
	#idiomas a:hover { color:#000; text-decoration:underline; }

#cuerpo { min-height:300px; text-align:left; height:auto;}
	#cuerpo-content-home { margin:20px 0px 0px 100px; text-align:justify; width:500px; height:auto; }
	#cuerpo-content { margin:20px 0px 20px 40px; height:auto; width:auto; overflow:hidden }

	.producto { height:auto; overflow:hidden; margin:0px 20px 40px 50px; width:740px; }
	.producto h1 { font-size:16px; margin:80px 0px 0px 0px; }
	.producto .botella { float:right; }
	.producto .botella img { height:200px; width:68px }
	.producto .texto {float:left; text-align:justify; width:650px }

	#formulario { float:left; width:260px}
	#formulario label { display:block; margin:10px 0px 5px 0px; }
	#formulario form { border:1px solid #957a34; width:260px; height:400px;     overflow-y: scroll;	}
	#formulario .content { margin:15px; }
	#formulario input,
	#formulario textarea { border:1px solid #957a34; font-size:11px; width:220px; overflow:hidden }
	#formulario button { border:none; background:#fff; color:#957a34; float:right; text-align:right; margin:10px 5px 0px 0px; background:url(../img/fletxa.png) right no-repeat; height:26px; padding-right:30px; cursor:pointer }
	#formulario #acepto-legal input{width: 11px;}
	#formulario #acepto-legal a{font-size: 11px;}
	#formulario #acepto-perfil input{width: 11px;}
	#formulario #privacidad-basica{clear:both;padding-top:5px;}
	#mapa { width:500px; height:280px; float:left; background:#999; margin:100px 0px 0px 50px }
	#map_canvas  { height:270px; border:5px solid #957a34;}
	
	
	#foto-album { width:900px; margin-left:18px}
	#foto-album .fiz,
	#foto-album .fde { float:left; margin-top:200px; cursor:pointer }
	#foto-album #foto-marco { float:left; margin:0px 20px 0px 20px; width:772px; height:456px; /*background:url(../img/marco.png) top center no-repeat*/}
	#foto-album #foto-item { width:670px; height:400px; /*border:2px solid #7a5e16;*/ background:#FFF; margin:18px 0px 0px 50px; text-align:center }
	#foto-album #foto-item img { width:670px; height:400px; }
	
	#cuerpo #cuerpo-content-condiciones{
		width: 80%;
		margin: auto;
		text-align: justify;
	}
	
#pie { background:#957a34; height:70px; overflow:hidden;  }
#pie * { color:#FFF; }
	#logo-pie { margin:10px 5px 10px 50px; float:left}
	#menu-pie { margin:10px 10px 10px 0px; float:left; height:40px; 
		border-left:2px solid #FFF; padding-left:20px; text-align:left; overflow:hidden; width:700px }
	#menu-pie a { margin:2px 10px 10px 0px; text-decoration:none; text-transform:uppercase; font-weight:bold }
	#menu-pie a:hover { text-decoration:underline; }
	#creditos { float:left; margin:10px 0px 0px 0px}
	#creditos a { margin:0px; font-weight:normal; text-transform:none;}
	

#banner {
	width:5000px; /* 775 x (3 + 1) */
}
#banner div.img {
	float:left;
}

.enviado { color:#060; font-weight:bold }
