/* CSS Document */

body{
	font: 12px Geneva, Arial, Helvetica, sans-serif; /* fuente y tamaño(general) de toda la pagina*/
	
	margin:0px;
	padding:0px;
	}

h3 { padding-bottom:10px;}

h5 {
font: 12px Geneva, Arial, Helvetica, sans-serif; 
font-weight:bold;
margin: 30px 0px 0px 0px;
}

a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
a:hover{ color: gray; }
a img{ border: none; }

/* estructura de la pagina (contenedores)*/
#contenedortotal {
width:100%;
background-color: white;
position:relative;
left:0px;
}

#cabecera{
	margin: 0px;
	width: 100%;
	height: 150px;
	background-image: url(imagenes/fondo_cabecera.jpg);
	background-repeat:repeat;
}

#cabecera800{
	position: absolute;
	width: 800px;
	height: 112px;
	z-index: 3;
	left:50%;
	margin: 0 0 0 -400px;
}

#menuH{
	margin: 0px;
	width: 100%;
	top:112px;
	height: 109px;
	background-image: url(imagenes/fondo_menu.gif);
}

#menuH800{
	position: absolute;
	margin: 0px;
	width: 800px;
	height: 109px;
	z-index: 3;
	left:50%;
	margin: 0 0 0 -400px;
}

#menu{
	width: 231px;
	float:left;
	position:relative;
	min-height:670px;
	*height:700px;
	
}
.menu{
	padding: 0px;
	width: 231px;
}

#contenedor{
position:relative;
left:50%;
width: 800px;
margin: 0 0 0 -400px;
height:auto;

}
#contenido{
	float:left;
	padding: 20px 0;
	width:100%;
	position:relative;
}

#contenido_chico{
	float:left;
	padding: 20px 40px 0 0;
	width:500px;
	position:relative;
}

#contenidotienda{
	float:left;
	padding: 20px 0 0 0;
	width:550px;
	position:relative;
}

#pie{
	position: relative;
	width: 100%;
	background-image:url(imagenes/fondo_pie.gif);
	height:200px;
	left:0px;
	z-index:1000;
	float:left;
	background-color:#000;
	background-repeat:repeat-x;
	bottom:0px;
}


/*   estilos cabecera     */
#cabecera800 div {
vertical-align:bottom;
margin:108px 0 0 215px;
}

/*---estilos menu---*/
.menuInt a.idiomaactivo {
font-weight: bold;
}

.idiomas{
border-top: 1px solid #4B4331;
border-bottom:  1px solid #4B4331;
padding:0px 5px;
margin:0px 45px;
width:auto;
height:20px;
}

.idiomas a {
text-transform:uppercase;
font-size:11px;
color: #4B4331;
}

.menuInt{
	position: relative;	
	top: 43px;
	padding: 0 0 20px 0;
	text-align: left;
	z-index: 4;
	*left:-45px;
}
.menuInt div{ text-align: center; }

/* lista menu comun*/
.menuInt a{
	font-weight: normal;
	font-size:13px;
}

.menuInt ul{
	list-style: none;
	padding: 0;
	background-image: url("../../../imagenes/image/separador.jpg");
	background-repeat:repeat-y;
	background-position:210px 0px;
	*background-position:220px 0px;
}
.menuInt li {
	margin:0px 40px 15px 0px;
	*margin:5px 40px 5px 0px;
	text-align:right;
	cursor:hand;
	cursor:pointer;
}

.menuInt .activo li a:hover, .menuInt ul ul li.activo a:hover, .menuInt li a:hover{ color: #E56423; }

/*  1N  */
.menuInt .activo { padding: 0; }
.menuInt li.activo a{
	display: block;
	color: #E56423;
	padding:5px;
	font-weight:bold;
}

.mas {
background-image:url(../../../imagenes/image/mas.jpg);
background-repeat:no-repeat;
width: 7px;
height:8px;
position:relative;
float:right;
top:3px;
left:5px;
}

.menos {
background-image:url(../../../imagenes/image/menos.jpg);
background-repeat:no-repeat;
width: 7px;
height:8px;
position:relative;
float:right;
top:3px;
left:5px;
}

/*  2N  */
.menuInt .activo li a{
	background: none !important;
	color: black;
}
.menuInt ul ul, .menuInt ul ul li{
	border: none;
	margin: 8px 0px;
}
.menuInt ul ul a{ padding: 10px 20px; }
.menuInt ul ul li.activo a{
	display: block;
	margin-right: 20px;
}

/* estilos menuh */
#menuH800 div {
float: left;
position:relative;
top:-74px;
left:-25px;
}

#menuH800 .fondo_titulo {
float: left;
position:absolute;
top:65px;
left:37px;
background-image:url(imagenes/fondo_titulo.png);
background-repeat:no-repeat;
height:52px;
width:155px;
font-size: 14px;
}


#menuH800 .titulo_apdo{
float: left;
position:absolute;
top:95px;
left:0px;
}

#menuH800 .titulo_apdo h1 { font-size: 25px; }


#menuH800 .fondo_titulo div {
color:white;
text-align:center;
margin: 35px auto; 
width:100%;
}

#menuH800 ul {
list-style: none;
*padding-top:12px;
padding: 12px 0px;
margin:0px;
text-align:right;
}

#menuH800 li {
display:inline;
margin:0 0 0 26px;
}


/*---comun menu y conenido---*/
#menu .piesombra, #contenido .piesombra{
	position:relative;
	margin: 0 -23px;
	top: 33px; 
}

/*   estilos contenido     */
.contenido{	
	padding: 0px;
	text-align: justify;	
}

#bloque_derecha {float:left;}
.contenido #bloque_derecha #newsletter_block_left {margin-top:18px;}
.contenido #newsletter_block_left {display:none;}

img.derecha{
	position: relative;
	z-index: -1;
	float: right;
	margin: -20px -20px 0 5px;
}

img.derechalista{
	position: relative;
	z-index: -1;
	float: right;
	margin: 0px -20px 0 5px;
}

img.derechalistamini{
	position: relative;
	z-index: -1;
	float: right;
	margin: -10px -10px 0 5px;
}

img.izquierda{
	position: relative;
	z-index: -1;
	float: left;
	margin: -20px 5px 0 -20px;
}

.contenido li {
padding:10px 0px;
}

.contenido ol {
margin-left:-18px;
*margin-left: 0px !important;
*padding-left: 25px !important; 
}

.contenido table { width:100%; }

.fuente {
font-size:8px;
font-weight:lighter;
}

.grafico { text-align: center; }
.grafico p { font-weight:bold; }
.enlace_mapa{ color:#006633; }

.inicio {
width:300px;
line-height:1.7;
}

table.caracteristicas_tecnicas, .caracteristicas_tecnicas {
padding-left:50px;
width:300px;}


.caracteristicas_tecnicas td{
padding:5px;
text-align:left;
background-color:#ebebeb;
}

.caracteristicas_tecnicas th{
font-weight:normal;
padding:5px;
text-align:left;
}

.variedades_cafe img { text-align:center;}

.variedades_cafe td{
padding:5px 20px;
vertical-align:top;
text-align:left;
width:33%;

}

.variedades_cafe h4 {
text-align:left;
padding:0px 0px 5px 0px;
margin:0px;
font-weight:bold;
font-size: 15px;
}

table.maquinitas {
margin:20px 0px;
}

.condicioneslegales {
background:none;
border:none;
font-weight:bold;
font-size:12px;
cursor:pointer;
width: 60px;

}

/* estilos pagina de inicio */
.texto_inicio {padding-right:35px;}

.boton_inicio {
background-image:url(../../../imagenes/image/boton.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding:0px;
height: 60px;
width: 280px;
}

.boton_inicio td {
background-image:url(../../../imagenes/image/boton.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
padding:0px;
}

.boton_inicio img {
left:245px;
float:left;
position:relative;
top:-30px;
height:92px;
}

.boton_inicio div {
color: white;
position:relative;
top:22px;
left:15px;
font-size:20px;
letter-spacing:3px;
*width:205px;
}

td.boton_inicio_td {
height:100px;
}

.boton_inicio a, .boton_inicio a:link {color: white; font-weight:normal;}
.boton_inicio a:hover {color:#DDD;}

.boton_ofertas {
width: 309px;
height: 159px;
background-image:url(../../../imagenes/image/boton_ofertas.jpg);
background-repeat: no-repeat;
background-position:0px 0px;
*background-position:0px 0px;
display:block;
float:left;
}

img.oferta_mes {
float:left;
top:0px;
*top:-40px;
*position:relative;
}

table.ofertas {
border-collapse:collapse;
margin-top: 10px;
float:left;
display: block;
*margin-top:-30px;
}

.ofertas td {
padding-left:15px;
line-height:15px;
font-size:15px;
font-weight:bold;

}
.ofertas img {
padding:0px;
top:0px;
}

.precio {
color:#c14542;
float: right;
padding-top:10px;
}

.separador {
padding-right:35px;
background-image:url(../../../imagenes/image/separador.jpg);
background-repeat: repeat-y;
width:1px;
}

/* seccion de recetario */
.cont_noticias_contenedorNoticias .cont_noticias_noticias h2 {
font-size: 18px;
margin:30px 0 10px 0;
border-bottom: 1px solid black; 
}

.cont_noticias_contenedorNoticias .cont_noticias_noticias h4{
font-weight: bold;
font-size: 17px;
padding: 0px;
margin: 0px;
position:relative;
top:40px;
left:75px;
margin-right:75px;
text-align:left;
}

.cont_noticias_textoCorto img {
border: 1px solid black;
}

/* estilos pie */
#pie{
	font-size: 8pt;
	text-align: left;
	color: black;
	}
#pie a{
	font-weight: normal;
	color: black;
}

#pie ul{
	list-style: none;
	padding: 0;
	margin: 5px 0px 10px 0px;
	width:175px;
	position:relative;
	float:left;
	
}
#pie li{ padding: 0 15px; }
.menu_pie_dcha { text-align:right; }


#avisolegal {
position:absolute;
float:left;
width:800px;
left:50%;
margin: 0 0 0 -400px;
text-align:right;
}

/* ------- Estilo del Administrador-------------*/
/* errores */

.error { background-color: red; }
.error span, span.error{ font-size: x-small; }

/* panel administrdor*/

.comentarioFormulario{ font-size: x-small; }
.sinActivar{
	color: #666666;
	background-color: #cccccc;
}

.formularioAdmin table{
width:100%;
float: left;
margin: 0px;
}
.formularioAdmin div{ margin: 6px 0; }
.lineaInferior{ border-bottom: 1px solid #065f81; }
.margenSuperior{ padding: 10px 0 0 0; }

/*   listas en la seccion de admini  */
.visible{ display:table-row; }
.oculto{ display: none; }
.noPublicado { color: red; }
.publicado { color: green; }

.lista tr{
	line-height: 16px;
	vertical-align: middle;
}
.lista td{
	padding: 0 5px;
    border-top: 1px solid #065f81;
}
.lista form{ margin: 0px; }
.lista img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.lista tr:hover{ background-color: #c6d6d6; }
.lista .seccionPortada{
	background-color: #065f81;
	color: white;
}
.lista .seccionPortada a{ color: white; }
.alinearCentro{ text-align: center; }

.ecologico {
font-size:12px;
font-style:italic;
}

.ecologico img{ vertical-align: middle; }

.tabla_proceso_maquina{
font-size:12px;
font-style:italic;
padding-top:10px;
}
.tabla_proceso_maquina li { padding: 5px 10px; list-style:none;}

/* estilos para la tienda */
#cms { background-color: white; }

/* clase para que funcione en  explorer el jquery */
.contenedortop {
top:0px;
margin-top:0px;
position:absolute;
}




/* estilos para menu de la izquierda en tienda */
#accordion {
	list-style: none;
	padding: 0 0 0 0;

}
#accordion div, #menu2 li {
	display: block;
	background-color: #dddddd;
	font-weight: bold;
	margin: 1px;
	cursor: pointer;
	padding: 5 5 5 7px;
	list-style: circle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	line-height:20px;
	
}
#menu2 {padding: 20px 0 40px 0;}
#menu2 li {margin: 15px 0px; width:200px;text-align:center;}
#menu2 .activo a {color:#E56423;}

#menu2 {float:left; width:231px;position:relative;}
#menu2 ul {background-image: url("../../../imagenes/image/separador.jpg");
	background-repeat:repeat-y;
	background-position:210px 0px;
	*background-position:220px 0px;
	}

#accordion ul li div { background-color: #eee;margin-left:10px;}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
}
#accordion ul{
	display: none;
}
#accordion ul li {
	font-weight: normal;
	cursor: auto;
	background-color: #fff;
	font-size:9px;

}
#accordion a {
	text-decoration: none;
	font-size:11px;
}
#accordion a:hover {
	text-decoration: underline;
}

#cabecera800 #dibujos {
	float:right;
	margin:0px;
	top:-128px;
	position:relative;
	
	}