body {/* background: #424862 url(img/fondo.jpgg) no-repeat center top;*/
	font-family: arial, sans-serif;
	font-size: 11px;
	margin: 0;
	background-color:#F7F7F7;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
abbr, .ayuda { cursor: help; }


#contenedor {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 634px;
	overflow: visible;
}

#cabeza {
	clear: both;
	margin: 0;
	padding: 0;
	width: 980px;
	height: 181px;
	background-image: url(img/fondo_cabecera.gif);
	background-repeat: repeat-x;
}
	#cabeza h1 { height: 111px; margin: 0; z-index:-1; }
	#cabeza h1 span { visibility: hidden; z-index:-1; }
	#cabeza h2 { color: #D54D6F; font-family: "Times New Roman", serif; font-size: 50px; font-style: italic; text-align: center; height: 50px; z-index:-1; }
	
	.menuabaj {
	background-color: #7f2a41;
}

#menu {
	color: #ffffff;
	font-family: "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 290px;
	margin-top:5px;
	height: 18px;
	z-index: 1000;
}
	#menu a { text-decoration: none; padding: 0; height: 18px; }
	#menu a:link, #menu a:visited { color: #ffffff; }
	#menu a:active, #menu a:hover { color: #5f7827; }
	#menu img { border: none; }
	
/*menu abajo*/
#menu_abajo {
	color: #ffffff;
	font-family: "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 290px;
	margin-top:5px;
	height: 18px;
	z-index: 1000;
}
	#menu_abajo a { text-decoration: none; padding: 0; height: 18px; }
	#menu_abajo a:link, #menu a:visited { color: #ffffff; }
	#menu_abajo a:active, #menu a:hover { color: #5f7827; }
	#menu_abajo img { border: none; }
/*fin menu abajo*/

#contenido {
	background-color: #ffffff;
	border-bottom: #bb9c3f solid 1px;
	width: auto;
	height: 452px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 274px;
}
	#submenu {
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
}
	#submenu a {
	text-decoration: underline;
}
	#submenu a:link, #submenu a:visited {
	color: #000;
}
	#submenu a:active, #submenu a:hover {
	color: #796427;
	text-decoration: none;
}

	#cuerpo {
	clear: both;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.6em;
	padding: 24px 35px;
	text-align: justify;
	}
	#raices #cuerpo { font-family: 'Arial', sans-serif; font-size: 11px; }

	#cuerpo h3 {
	border-bottom: #000 solid 1px;
	font-size: 11px;
	font-variant: normal;
	margin-top: 15px;
}
	#cuerpo p {
	margin: 0;
	padding: 0 0 15px 0;
}
	#cuerpo address {
	font-style: normal;
	text-align: center;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
	#cuerpo ul { line-height: 2em; margin-left: 15px; padding-left: 0; }
	
	#cuerpo label { display: block; }
	input, textarea {
	border: #666 solid 1px;
	font-family: "Lucida Console", "Courier New", monospace;
	font-size: 10px;
	margin-bottom: 5px;
	padding: 5px;
	width: 330px;
		 
	}
	textarea {
	height: 60px;
}
	#cuerpo .inputsubmit {
	background: #E7B6C4;
	font-size: 12px;
}
	#cuerpo .inputsubmit2 { background: #E7B6C4; font-size: 12px; border-color:#000000; border-style:groove; }
	
	#cuerpo a, #cuerpo a:link, #cuerpo a:visited { color: #800; text-decoration: none; }
	#cuerpo a:hover, #cuerpo a:active {
	text-decoration: underline;
	font-size: 10px;
}
	
	#cuerpo.vinos {
	font-family: 'Arial', serif;
	font-size: 11px;
	font-style: normal;
	text-align: justify;
}
	#cuerpo.vinos .fichatecnica { border-top: #000 solid 1px; font-family: Arial, sans-serif; font-size: 10px; font-style: normal; }
	#cuerpo.indicevinos strong { color: #400; text-transform: uppercase; }
	#cuerpo.indicevinos a { text-transform: uppercase; }
	
	
	#selvinos { clear: both; padding: 20px 20px 0 20px; height: 100px; }
	#selvinos a { display: block; float: left; margin: 3px 3px; }
	#selvinos a:link, #selvinos a:visited { opacity: 0.5; }
	#selvinos a:active, #selvinos a:hover { opacity: 0.99; }
	
	#galeria { position: absolute; left: 30px; clear: both; padding-top: 50px; width: 250px; z-index: 100; }
	#galeria a { background: #fff; border: #333 solid 1px; display: block; float: left; margin: 3px; width: 100px; height: 65px; overflow: hidden; z-index: 100; }
	#galeria a:link img, #galeria a:visited img { opacity: 0.4; }
	#galeria a:active img, #galeria a:hover img { opacity: 0.99; }
#bodega h1 { background: url(img/h1-bodega.jpg) no-repeat right top; }
#metodos h1 { background: url(img/h1-metodos.jpg) no-repeat right top; }

#pie { clear: both; font-size: 9px; margin: 0 278px; width: 424px; }
	#pie p { margin: 0; padding: 0; }
	#pie a { text-decoration: none; }
	#pie a:link, #pie a:visited { color: #666699; }
	#pie a:active, #pie a:hover { color: #aaaacc; }

/*// Scroller*/
.root p { margin: 10px 10px 5px 10px; }
.thumb { position: absolute; height: 9px; width: 15px; left: 0px; }
.up, .dn { position: absolute; left: 0px; }
.up a, .up a img, .dn a, .dn a img, .thumb a, .thumb a img { border: 0; }
.recorte { width: 30px; }
.recortebt { width: 80px; }
.scrollContainer {
	position: absolute;
	left: 2px;
	top: 19px;
	width: 350px;
	height: 200px;
	clip: rect(0 467 200 0);
	overflow: auto;
	border: 0;
}
.scrollContent {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
}

/*// La declaracion de posicion para el .root debe estar al final y separada de la siguiente forma. Soy incapaz de encontrarle la logica.*/
.root { height: 200px; width: 489px; margin: 0px 0px 8px 7px; }
.root { position: relative; }
#logotipo {
	height: 150px;
	width: 209px;
	margin-top: 15px;
	margin-left: 15px;
	position: absolute;
}

#fototop {
	height:135px;
	float: right;
	margin-top: 15px;
	background-image:url(img/img-cabecera/15-imagen.jpg);
}
/*.fototop2 {
	width:980px;
	height:150px;
	float: right;
	margin-top: 5px;
	background-image:url(img/img-cabecera/1-Cabogata.jpg);
}*/