@CHARSET "UTF-8"; 

/*Estilos generales*/
body {
background:url('imagenes/fondo_luzoliva.jpg') no-repeat center; 
background-color:#FCF1C7; 
font:13px Arial,Helvetica,Sans-serif; 
color:#CEE2A9; 
padding:5px 5% 0 5%; 
margin:0; 
text-align:center;
}

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

a {
color:#99CC00; 
text-decoration:none;
}

a:hover {
font-weight:bold;
}

a.sub {
color:#99CC00; 
text-decoration:underline;
}

a.sub:hover {
text-decoration:underline; 
font-weight:bold;
}

.oculto {
display:none;
}

.salto {
margin-bottom:20px;
}

.centrado {
text-align:center;
}

.derecha {
float:right;
}

.izquierda {
float:left;
}

/*Maquetacion*/
#portada_bodegon {
position:relative; 
top:75px; 
margin-bottom:75px;
}

#contenido {
width:900px; 
margin:0 auto;
}

#logo {
background-color:white; 
height:120px;
}

#banner_superior {
padding-top:5px; 
height:115px; 
width:698px; 
float:left;
}

#logo_luz_oliva {
padding-top:5px;
}

#cabecera_esencia_mediterranea {
padding:0; 
position:absolute; 
left:14%; 
top:20px;
}

#cuerpo {
margin-top:5px; 
text-align:center;
}

#menu_superior {
padding:0; 
margin:0;
}

#menu_navegacion {
margin-top:10px; 
text-align:left;
}

#menu_navegacion a {
color:#99CC00;
}

#texto {
background-color:#7F4D37; 
width:100%; 
text-align:justify; 
padding:5px 20px 5px 20px; 
margin-left:50px;
}

#contenido_wide {
background-color:#7F4D37; 
width:100%; 
text-align:justify; 
padding:20px;
}

#texto h1 {
text-align:right;
}

#texto img {
float:left; 
padding:0 20px 10px 0;
}

#portada_seccion {
background-color:#7F4D37; 
width:100%; 
padding:10px; 
text-align:left;
}

#tabla_contenido {
margin:0 auto; 
padding:0px;
}

#pie {
position:relative; 
margin-top:5px; 
background-color:black; 
width:100%; 
padding:1px 0 1px 0; 
clear:both; 
z-index:1;
}

#pie p a {
color:#CEE2A9;
}

#contacto_mapa {
width:250px; 
height:250px; 
margin:auto;
}

/*Formulario*/
div.formulario {
text-align:left;
}

div.formulario input, div.formulario textarea, div.formulario select {
display:block; 
margin-bottom:30px;
}

div.formulario label {
display:block; 
text-align:left; 
padding-right:20px; 
font-weight:bold;
}

submit, botton, .pulsable {
cursor:pointer;
}

#contacto_formulario {
padding-top:50px; 
padding-bottom:20px; 
text-align:left; 
width:600px;
}

#contacto_formulario input, 
#contacto_formulario textarea, 
#contacto_formulario select {
display:block; 
margin-bottom:30px;
}

#contacto_formulario label {
display:block; 
text-align:left; 
padding-right:20px; 
font-weight:bold;
}

fieldset {
border:0;
}

a.boton {
display:block; 
background-color:transparent; 
background-image:url(imagenes/boton_pequenyo.png); 
background-repeat:no-repeat; 
border:0; 
color:white; 

width:55px; 
height:28px; 
padding:5px 0 0 0; 

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; 
font-size:100%; 
font-weight:bold; 
text-decoration:none; 

cursor:pointer;
}

input.boton {
display:block; 

background-color:transparent; 
background-image:url(imagenes/boton_pequenyo.png); 
background-repeat:no-repeat; 
border:0; 
color:white; 

width:55px; 
height:28px; 
margin:-5px 0 0 0; 

font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; 
font-size:100%; 
font-weight:bold; 
text-decoration:none; 

cursor:pointer;
}

a.boton_grande {
display:block; 

background-color:transparent; 
background-image:url(imagenes/boton_grande.png); 
background-repeat:no-repeat; 

color:white; 

width:175px; 
height:30px; 
margin:3px auto; 
padding:5px 0 0 0; 

text-align:center; 
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; 
font-size:100%; 
font-weight:bold; 
text-decoration:none; 

cursor:pointer;
}

input, textarea, select {
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; 
border-style:solid; 
border-color:black; 
border-width:1px;
}

input:focus, select:focus, textarea:focus {
background-color:#FFFF88;
}

li.no_salto {
float:left; 
margin-right:100px;
}

/*Recetas*/
.menu_receta a {
font-size:1.5em; 
color:#99CC00;
}

/*Catalogo*/
.menu_catalogo a, .menu_catalogo h3 {
font-size:1.5em; 
color:#99CC00; 
padding-left:20px;
}

.menu_catalogo span {
font-size:1em; 
color:#99CC00;
}

.elegido {
color:red;
}

#productos_container {
text-align:center;
}

.datos_productos {
background-color:#FFEC9F; 
border:dotted 1px black; 
color:black; 

margin:auto; 
width:30%;
}

.datos_latas tr td {
text-align:right;
}

.datos_latas tr th {
text-align:left;
}

/*Tablas de datos*/
.date_table {
text-align:center; 
border:1px solid #CEE2A9; 
color:#7F4D37;
}

.date_table tr th {
background-color:#AF7257;
color:white;
}

.date_table tr td {
background-color:white;
}

.date_table tr.impar td, #datos_latas tr.impar td {
background-color:#eef3fd;
}

.date_table tr td:first-child {
text-align:left;
}

#logo_index {
margin-left:75%;
}

#productos {
background-color:#AF7257; 
width:600px; 
padding:15px; 
margin-bottom:25px;
}

.boton_blanco {
background-color:white; 
color:#937125; 

display:block; 
width:180px; 

margin-left:50px; 
margin-bottom:5px;
}

.boton_blanco_selected {
background-color:#7F4D37; 
color:white; 

display:block; 
width:180px; 

margin-left:50px; 
margin-bottom:5px; 

font-weight:bold;
}

.boton_blanco_grande {
background-color:white; 
color:black; 

font-weight:bold; 

display:block; 
width:200px; 

padding:10px;
}

/* INICIO MENU LATERAL */
#nav, #nav ul {/* all lists */
padding:0; 
 margin:0; 
 list-style:none; 
 z-index:2;
}

#nav li {/* all list items */
 line-height:1.25em;  
 text-align:left;  
 z-index:2; 
 width:160px; 
 border-bottom:1px solid #eee;
}

#nav li ul {/* second-level lists */
 position:absolute; 
 left:-999em; 
 margin-left:12em; 
 margin-top:-1.35em;
}

#nav li a {
 width:11em; 
 display:block; 
 text-decoration:none; 
 padding:0.2em 0.5em;
}

#nav li a.menu_desplegable {
width:149px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
 left:auto;
}

.first_level {
 background-color:#9F6145; 
 width:150px !important; 
 padding-left:10px;
}

.second_level {
 background-color:#AF7257; 
 font-size:82%;
}

a.menu_section:hover, 
a.menu_subsection:hover {
font-weight:bold;
}

a.menu_desplegable {
 background-color:#AF866E; 
 z-index:10;
}

ul li a.selected {
 font-weight:bold; 
 color:white;
}

/* FIN MENU LATERAL */
/*Catalago*/
.t_selected {
text-decoration:underline; 
cursor:pointer;
}

.t_unselected {
text-decoration:none; 
cursor:pointer;
}