/* documento css */
body
{
background-color:#335725;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

h3
{height:0;
width:0;	
visibility:hidden;
}

#contenedor
{
position:absolute;
top:50%;
left:50%;
width:800px;
height:536px;
min-width:800px;
margin-left:-400px;
margin-top:-268px;
}
#cabecera
{
position:relative;
top:0px;
left:-1px;	
margin:auto;
width:707px;
height:18px;
font-size:10px;
background-position:center;
}
#miga_pan {float:left; background:transparent;color:#FFF;text-align:left; width:45%; height:20px;font-size:9px;}
#miga_pan a{color:#FFF;text-decoration:none;width:44%}

#menu_superior
{
float:right;
background:transparent;
color:#FFF;
width:45%;
height:20px;
text-align:right;
}

#menu_superior a
{
position:relative;
color:#FFF;
height:22px;
text-decoration:none;
font-size:9px;
}

/* menu admin*/

/* Menu para el ADMINISTRADOR */
#editaimagen
{
position:absolute;
}


#menu_admin
{
color:#FFF;
float:left;
right:0px;
display:inline;
margin-left:43px;
}
#menu_admin a
{	
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
text-decoration:none;
}
/* */

#subcabecera
{
position:relative;
top:0px;
left:0px;
width:100%;
height:55px;	
}

#cab_imagen_logo_index
{
width:141px;
height:65px;
background-repeat:no-repeat;
background-position:center;
position:absolute;
text-decoration:none;
z-index:50;
top:240px;
left:310px;
}

img
{text-decoration:none;
border:0px none;}


#cab_imagen_logo
{
width:141px;
height:65px;
background-repeat:no-repeat;
background-position:center;
position:absolute;
text-decoration:none;
z-index:50;
top:0px;
left:0px;
}

#carrito
{
width:65px;
height:13px;
background-repeat:no-repeat;
background-position:center;
position:absolute;
text-decoration:none;
z-index:50;
top:22px;
right:10px;
}
#submenus
{
position:absolute;
top:19px;
left:0px;
width:180px;
height:338px;
margin-top:5px;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
text-align:left;
}
#menu_mapa_web1
{
position:absolute;
top:19px;
left:50px;
width:650px;
height:95px;
margin-top:5px;
text-align:left;
}

#menu_mapa1
{
z-index: 100; background-image: url('../imagenes/sombra2.png'); background-repeat: no-repeat;
float:left;
top:60px;
left:10px;
width:125px;
height:97px;
}

#menu_mapa1 a
{
position:absolute;
text-decoration:none;
color:#335725;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:1.6em;
bottom:5px;
padding-left:10px;
width:120px;
}

#menu_mapa_web2
{
position:absolute;
top:117px;
left:51px;
width:650px;
height:225px;
margin-top:5px;
text-align:left;
}

#menu_mapa2
{
z-index: 100; background-image: url('../imagenes/sombra_verde.png'); background-repeat: no-repeat;
float:left;
top:60px;
left:10px;
width:125px;
height:230px;
margin:0px;
padding:0px;
}

#menu_mapa2 ul
{
position:absolute;
width:120px;
height:230px;
list-style:none;
margin:0px;
padding:0px;
}

#menu_mapa2 li
{
float:left;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:1.6em;
width:120px;
height:auto;
}

#menu_mapa2 ul li a
{
float:left;
text-decoration:none;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:1.6em;
padding-left:8px;
margin:0px;
width:120px;
height:auto;
}

#menu_mapa2 ul li a:visited
{
color:#f0c20b;
}

#rama_olivo_index
{
position:absolute;
top:35px;
left:10px;
width:37px;
height:335px;
}
#rama_olivo
{
position:absolute;
top:0px;
left:2px;
width:37px;
height:335px;
}
.cuadrado {
z-index: 100; background-image: url('../imagenes/sombra.png'); background-repeat: no-repeat;
}


#cuadrado1
{
position:absolute;
top:-20px;
left:480px;
width:91px;
height:80px;
padding-left:3px;
}
#cuadrado1 img
{
position:absolute;
top:0px;
right:3px;
}


#cuadrado4
{
position:absolute;
top:60px;
left:480px;
width:91px;
height:80px;
padding-left:3px;
}

#cuadrado2
{
position:absolute;
top:60px;
left:298px;
width:91px;
height:80px;
padding-left:3px;
}

#cuadrado3
{
position:absolute;
top:60px;
left:389px;
width:91px;
height:80px;
padding-left:3px;
}
#cuadrado3 img
{
position:absolute;
top:0px;
right:3px;
}

#cuadrado6
{
position:absolute;
top:140px;
left:480px;
width:91px;
height:80px;
padding-left:3px;
}

#cuadrado6 img
{
position:absolute;
top:0px;
right:3px;
}

#cuadrado5
{
position:absolute;
top:140px;
left:389px;
width:91px;
height:80px;
padding-left:3px;
}

#cuadrado7
{
position:absolute;
top:140px;
left:571px;
width:91px;
height:80px;
padding-left:3px;
}

#cuadrado7 img
{
position:absolute;
top:0px;
right:3px;
}

#cuadrado8
{
position:absolute;
top:220px;
left:480px;
width:91px;
height:80px;
padding-left:3px;
}
#cuadrado8 img
{
position:absolute;
top:0px;
right:3px;
}

#cuadrado9
{
position:absolute;
top:300px;
left:480px;
width:91px;
height:80px;
padding-left:3px;
}
#cuadrado9 img
{
position:absolute;
top:0px;
right:3px;
}


#titulo_menu
{
position:absolute;
width:30px;
height:175px;
left:25px;
top:0px;
}

#titulo_submenu
{
position:absolute;
width:25px;
height:334px;
left:150px;
top:0px;
}

#imagen_presentacion
{
width:521px;
height:338px;
position:absolute;
top:19px;
right:0px;
margin-top:5px;
padding-right:10px;
border-bottom:1px solid #ccc;
overflow:hidden;
}

#imagen_presentacion img
{
position:absolute;
top:0;
left:10px;
}

#imagen_presentacion_productos
{
width:521px;
height:338px;
position:absolute;
top:19px;
right:0px;
margin-top:5px;
padding-right:10px;
border-bottom:1px solid #ccc;
overflow:hidden;
}

#imagen_presentacion_productos img
{
position:absolute;
top:0;
left:15px;
}

#capa_semitransparente
{
width:370px;
height:275px;
position:absolute;
top:0;
right:5px;
margin-right:107px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
padding-bottom:40px;
filter: alpha(opacity=72);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=72);
-moz-opacity: 0.72; opacity:0.72;
background-color:#fff;
}

#texto
{
width:385px;
height:285px;
position:relative;
top:0;
right:0px;
margin-right:4px;
padding-left:20px;
padding-right:120px;
padding-top:10px;
padding-bottom:40px;
background:transparent;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

#texto img
{position:relative;
margin:0px;
padding:0px;}
#texto h1
{
color:#335725;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:justify;	
line-height:1.6em;
margin:0;
padding:0;
}

#texto_productos
{
width:375px;
height:215px;
position:relative;
top:0;
right:0px;
margin-right:4px;
padding-left:20px;
padding-right:120px;
padding-top:50px;
padding-bottom:60px;
background:transparent;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

#texto_productos img
{position:relative;
margin:0px;
paddin:0px;}

#texto_productos h1
{
color:#335725;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:justify;	
line-height:1.6em;
margin:0;
padding:0;
}


/**enlaces */
#grupo_enlaces
{
width:300px;
padding-right:5px;
padding-top:0px;
margin-top:5px;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}

.titulo1_enlaces
{
width:300px;
padding-left:5px;
}

#grupo_enlaces h1
{
	
margin:0px;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
font-size:12px;	
color:#335725;
text-align:left;
z-index:10;
width:300px;
font-weight:bold;
background-image: url('../imagenes/cuadrado.png');
background-repeat:no-repeat;
background-position: left center;
height:15px
}
#grupo_enlaces a
{
font-size:10px;
color:#335725;
padding-left:15px;
}
/* fin particular enlaces   */

/**puntos de venta */
#grupo_venta
{
width:300px;
padding-right:0px;
padding-top:0px;
margin-top:0px;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#335725;
text-align:left;
}
#grupo_venta h1
{
	
margin:0px;
padding-left:20px;
padding-top:2px;
padding-bottom:2px;
font-size:12px;	
z-index:10;
width:150px;
font-weight:bold;
background-image: url('../imagenes/cuadrado.png');
background-repeat:no-repeat;
background-position: 0px  6px;
height:auto;
line-height:13px;
text-align:left;
}
#grupo_venta p
{
position:relative;
height:auto;
width:300px;
font-size:10px;
color:#335725;
padding-left:15px;
padding-top:0;
padding-bottom:0;
margin:0;
font-size:10px;	
}
/* puntos de venta */


/***** GALERÍA *****/
#imagen_presentacion_galeria
{
width:495px;
height:338px;
position:absolute;
top:19px;
right:15px;
margin-top:5px;
padding-right:10px;
border-bottom:1px solid #ccc;
width:495px;
height:338px;
background-color:#335725;
overflow:visible;
}

#grupo_fotos
{
position:absolute;
top:5px;
left:0px;
height:94px;
width:500px;
color:#fff;
overflow:hidden;
}

#thumbs {background-color:#243e1a; width:1500px; height:70px;}

#grupo
{
float:left;
margin-left:10px;
height:75px;
width:80px;
}

#grupo a
{
text-decoration:none;
color:#fff;
text-align:center;
padding:0;
margin:0;
}
#grupo img
{float:left;
margin:0;
padding:0;
height:55px;
width:70px;
border:1px solid #fff;
}

#grupo p
{position:relative;
bottom:0;
left:0;
height:15px;
width:80px;
margin:0;
padding:0;
text-align:center;
}

	
#subgrupo_fotos
{
position:absolute;
top:95px;
left:0px;	
height:230px;
width:505px;
background-color:#243e1a;
color:#fff;
}

#subgrupo_fotos a
{
color:#fff;
text-decoration:none;
font-size:30px;
}

#anterior
{
position:absolute;
top:50px;
left:0px;
height:222px;
width:35px;
margin-left:40px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
padding:0;
}

#anterior a
{
position:absolute;
top:50px;
}

#siguiente
{
position:absolute;
top:50px;
right:10px;
height:222px;
width:45px;
margin:0;
padding:0;
}

#siguiente a
{
position:absolute;
top:50px;
}

#foto
{
position:absolute;
left:70px;
width:370px;
min-width:375px;
max-width:415px;
height:222px;
padding-top:5px;
text-align:center;
margin:auto;
overflow:visible;
z-index:100;
padding:auto;
}


#foto img
{
width:auto;
height:200px;
border:1px solid #fff;
margin:auto;
padding:auto;
}

#foto p
{
margin:0;
padding:5px;
height:12px;
color:#fff;
text-align:center;
position:relative;
clear:both;
}

#foto a:hover img
{
float:left;
margin-left:-55px;
margin-top:-90px;
left:0px;
top:0px;
border:0;
width:auto;
height:311px;
z-index:100;
border:5px solid #fff;
}

/* Fin GALERÍA */

#correo
{
 position:absolute;
 top:120px;
 left:8px;
 width:150px;
 height:13px;
 padding:0;
 margin:0;
}

#ramita
{
position:absolute;
bottom:-5px;
right:-19px;
width:96px;
height:60px;
z-index:50;
}

#contenido
{
position:relative;
top:0px;
left:0px;
width:707px;
height:480px;
background-color:#fff;
margin:auto;
background-position:center;
}
#subcontenido
{
position:relative;
top:0px;
left:0px;
width:100%;
height:425px;
}

/* En la cabecera de las páginas de do */
#imagen_do
{
position:absolute;
top:4px;
width:51px;
height:51px;
right:53px;
}

#logo_denominacion_do
{
position:absolute;
top:8px;
width:51px;
height:51px;
right:80px;
}


#logo_denominacion_do img
{
border:0px none;
}


#imagen_do_botella
{
position:absolute;
top:10px;
left:55px;
width:35px;
height:35px;
z-index:50;
}

#imagen_do_botella img
{
border:0px none;
}




#imagen_botella
{
position:absolute;
top:0px;
left:45px;
width:122px;
background-color:#fff;
height:233px;
padding-top:5px;
}



#menu {  width:100%;
height:19px;
position:relative;
top:0px;
left:0px;
text-align:left;
color:#335725;
}

ul#nav{
margin:0;
padding:0;
list-style:none;
width:707px;
height:19px;
background-color:#335725;
}
ul#nav li{
float:left;
display:inline;
/*Cuidadín si cambias este ancho porque en internet explorer 6 desaparece el desplegable */
width:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: bold;
height:19px;
}

ul#nav li a{height:19px;width:auto; padding-left:6px;padding-right:6px;display:block;text-decoration:none;float:left; line-height: 18px; color: #fff; text-align:center;}

ul#nav li a span 
{color:#ffca30;}

* html ul#nav li a {float:left;display:inline}/*weird ie5 bug*/
ul#nav ul {
position:absolute;
top:18px;
width:707px;
padding:0;
list-style:none;
overflow:visible;
display:none;
overflow:hidden;
height:19px;
left:0px;
margin-left:0px;
}
/* this sets main hovered lists to transparent */
#menu ul#nav li a:hover { color: #335725;
	background-color:#ffca30;
 }
#menu ul#nav li:hover { color: #335725;
	background-color:#ffca30;
 }  

/*******/
#menu_submenus
{width:112px;
height:auto;
position:absolute;
bottom:5px;
left:23px;
text-align:left;
color:#335725;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
ul#nav2{
margin:0;
padding:0;
list-style:none;
width:200px;
height:auto;
}
ul#nav2 li{
float:left;
clear:both;
display:inline;
width:190px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:15px;
}

ul#nav2 li a{height:19px;width:auto; padding-left:4px;padding-right:4px;display:block;text-decoration:none;float:left; line-height: 18px; color: #335725; text-align:left;}

* html ul#nav2 li a {float:left;display:inline}/*weird ie5 bug*/
ul#nav2 ul {
position:absolute;
top:18px;
width:200px;
padding:0;
list-style:none;
display:none;
height:15px;
left:0px;
margin-left:0px;
}
/******/


#pie
{
position:relative;
width:709px;
height:25px;
left:0px;
top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
clear:both;
}

#menu_inferior
{
position:absolute;
bottom:0;
left:7px;
color:#335725;
width:80%;
height:15px;
font-size:10px;
font-weight:bold;
text-align:left;
margin:0;
font-weight:bold;
}

#menu_inferior a
{
color:#335725;
font-size:9px;
font-weight:bold;
text-align:left;
text-decoration:none;
}

#copyright
{
background:transparent;
color:#FFFFFF;
text-align:right;
float:right;
width:80%;
line-height:15px;
text-decoration:none;
}
#copyright a
{
color:#FFFFFF;
text-align:right;
width:45%;
line-height:12px;
text-decoration:none;
font-size:9px;
}

/***** VENTANA CONTACTO****/
form {position: absolute;
top:0px;
left:0px;
width:365px;
height:265px;
padding-left:30px;
top:3px;
	}
    
fieldset{
position: relative;
right: 20px;
width:360px;
height:220px;
padding-left:5px;
padding-right:5px;
padding-top:0;
padding-bottom:0;
border:0px none;
}
label {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color:#335725;
text-align:left;
padding-left:20px;
width:60px;
float:left;
height:18px;
margin-left:10px;
line-height:2.2em;
background-image: url('../imagenes/cuadrado.png');
background-repeat:no-repeat;
background-position: left center;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}
input { 
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
float:left;
height:13px;
margin:0px;
padding:2px;
color:#000;
background-color:#f7f4f9;
width:187px;
margin-top:2px;
border:dotted 1px #aaa;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background:transparent;
color:#000;
float:left;
clear:both;
height:55px;
width:340px;
overflow:auto;
border:1px dotted #aaa;
} 

.boton{
 font-size: 12px; 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 width:70px;
 height:20px;
 color:#335725;
 margin:0;
 padding:0;
 border:0px none;
 position:relative;
 left:15px;
 top:20px;
 background:url('../imagenes/boton.gif') no-repeat left center;
}

#valida{
position:absolute;
top:185px;
left:7px;
width:365px;
height:30px;
display:block;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
text-align:left;
margin:0;
padding:0;
}

#valida label{
position:relative;
width:185px;
height:30px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin-left:10px;
line-height:3em;
padding-left:20px; 
padding-right:0;
padding-top:0;
padding-bottom:0;
 background-image: url('../imagenes/cuadrado.png');
 background-repeat:no-repeat;
 background-position: left center;
}

#valida input{
position:relative;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
width:75px;
height:22px;
padding:0;
margin-left:10px;
line-height:2em;
text-align:center;
}

#valida img
{
position:relative;
margin-top:2px;
border:1px solid #ccc;
bottom:10px;
}

#nombre
{
margin-bottom:2px;
margin-left:2px;
margin-right:2px;
margin-top:0px;
float:left;
clear:both;
width:350px;
height:23px;
}

#consulta
{
margin-top:0px;
margin-left:12px;
position:relative;
background:transparent;
}

#consulta label
{
float:left;
clear:both;
margin:0;
padding-left:20px;
line-height:1.6em;
width:200px;
}
#rellenar_datos
{
float:left;
clear:both;
margin-bottom:3px;
width:100%;
height:18px;
background-color:#CCC;
color:#335725;
}
#rellenar_datos label
{
float:left;
clear:both;
margin:0;
padding-left:5px;
line-height:1.6em;
width:200px;
}

#mensaje_insertar h1
{
color:#335725;
font-size:16px;
font-weight:bold;
border:1px solid #ccc;
padding-left:10px;
text-align:left;
}

#volver
{
margin-top: 50px;
border:1px solid #aaa;
text-align:center;
width:70px;
margin-left:150px;
background-color:#fff;
color:#335725;
border:2px solid #335725;
}

#volver a
{
text-decoration:none;
color:#335725;
font-weight:bold;
}

#direccion_contacto
{
	position:absolute;
	top:245px;
	left:245px;
	width:150px;
	height:72px;
	background:transparent;	
}

#direccion_contacto h1
{
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#335725;
line-height:12px;
text-align:right;
padding:0;
margin:0;
}

#correo_contacto
{
position:absolute;
top:322px;
left:275px;
width:150px;
height:13px;
padding:0;
margin:0;
}

/*** FIN VENTANA CONTACTO ***/
