/* CSS Cafe la Coloniale */
/* Hojas de estilo importadas */

/* Estilos especificos del web */

* {
margin:0px;
padding:0px;
}
body {
	margin:0px;
	padding:0px;
	background-color:#fff;
	color:#666;
	font:80% Tahoma, Arial, Verdana;
}
h1 {
	margin:0px 0 0 0px;
	padding:0px;
	float:left;
}
h2 {
	font: normal 220% "Trebuchet MS", Verdana, Tahoma, Arial;
	margin:0px;
	padding:0px;
	color:#000;
}

h3 {
	font:bold 120% Arial, Helvetica, sans-serif;
	color: #CC0000;
	margin:0px 0px 10px 0;
	padding:0px 5px;	
	border-left:5px solid #CC0000;
	clear:both;
}
h4 {
	padding:0px 0 0 ;
	margin:10px 30px 0 10px;
	font:bold 110% Arial, Helvetica, sans-serif;
	color: #000;
	clear:both;
	border-bottom:1px dotted #999;

}
p {
	padding:0px;
	margin:0px 0 10px;
	color:#333;
	line-height:130%;
}

a{
	color:#333;
	text-decoration:none;	
}

a:link{
	color:#333;	
}

a:visited{
	color:#666;	
}

a:active{
	color:#e8141e;	
}

a:focus{
	color:#e8141e;	
}

a:hover, #cabecera .tel a:hover {
	color:#e8141e;
}


img {
	border-style:none;}
.ocultar {
	display:none;
}
.clear {clear: both; color:#999; text-align:right; font:0.7em tahoma, Verdana, Arial, Helvetica;}

/*-- Estilos para la Home --*/

#contenedor {
	width:990px;
	margin:0px auto;
	background: url(../img/fondo.gif) left top repeat-y;
}
#head {
	background: url(../img/fondo-head.gif) left top no-repeat;
	padding-top:21px;
}
#head-h {
	background: url(../img/fondo-head.gif) left top no-repeat;
	padding-top:20px;
}

#contenido {
	margin:0px 30px;
	clear:both;
}

.ms {
	margin:8px auto 0;
	padding:0px 20px 0 0;
	width:980px;
	text-align:right;
	
}
.ms li {
	margin:0px;
	padding:0px 10px 0 8px;
	display:inline;
	font:normal 90% Tahoma, Arial, Verdana;
	background:url(../img/flecha.gif) left center no-repeat;
}
.ms .current{
	font:normal 100% Tahoma, Arial, Verdana;
	color: #CC0000;
	background:url(../img/flecha-roja.gif) left center no-repeat;
}

#imageContainer {

	width:944px;
	margin:0 auto;
}

.i-esparrago, .i-alcachofa, .i-pimientos, .i-tomate, .i-verduras, .i-pochas, .i-fritada, .i-puerros, .i-tomateNat, .i-conservas, .i-contacto,
.i-localiz {
	background:url(../img/esparragos.jpg) left top no-repeat;
	height:125px;
	margin:0 13px 0 16px;
	padding:133px 0 0px;
}

.i-alcachofa {
	background: url(../img/alcachofas.jpg) left top no-repeat;
}
.i-pimientos {
	background: url(../img/pimientos.jpg) left top no-repeat;
}
.i-tomate {
	background: url(../img/tomate.jpg) left top no-repeat;
}
.i-verduras {
	background: url(../img/verduras.jpg) left top no-repeat;
}
.i-pochas {
	background: url(../img/pochas.jpg) left top no-repeat;
}
.i-fritada {
	background: url(../img/fritada-int.jpg) left top no-repeat;
}
.i-puerros {
	background: url(../img/puerros.jpg) left top no-repeat;
}

.i-tomateNat {
	background: url(../img/tomate-natural.jpg) left top no-repeat;
}
.i-conservas {
	background: url(../img/conservas.jpg) left top no-repeat;
}
.i-contacto {
	background: url(../img/contacto.jpg) left top no-repeat;
}
.i-localiz {
	background: url(../img/localizacion.jpg) left top no-repeat;
}
.menu-home {
	height:78px;
	margin:0px 16px 0;
	padding-left:10px;
	background:#000 url(../img/fondo-menu.gif) left top repeat-x;
}
.menu-home ul{
	margin:8px 0px 0 10px;
	padding:0px;
	float:left;	
}

.menu {
	height:128px;
	/*margin:133px 16px 0;*/
	padding-left:10px;
}

.menu ul{
	margin:50px 0px 0 10px;
	padding:0px;
	float:left;	
}
.menu li, .menu-home li {
	font:bold 100% Tahoma, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px 10px;	
	list-style-type:none;
	display:inline;
	border-left: 1px solid #fff;
}
.menu li a, .menu-home li a{
	color:#fff;
}
.menu li a:hover, .menu-home li a:hover{
	color: #CC0000;
}
.menu .current{
	font:bold 100% Tahoma, Arial, Verdana;
	color: #CC0000;
}

/*--- Paginas interiores ---*/

.col-a {
	margin-top:30px;
	width:519px;
	float:left;
}

.col-b {
	width:390px;
	float:right;
	margin-bottom:20px;
	color:#333;
}
.col-b h2{
	font:normal 150% Arial, Helvetica, sans-serif;
	color:#333;
	line-height:120%;
	margin:0 0 20px;
}

.col-aa {
	padding-left:20px;
	margin-top:0px;
	width:335px;
	float:left;
}

.col-aa h2{
	font:normal 200% "Trebuchet MS", Verdana, Tahoma, Arial;
	color:#000;
	margin:0 0 30px 0px;
}
.col-bb {
	width:540px;
	float:right;
	color:#333;
}

.col-bb iframe{
	width:520px;
	height:320px;
	margin:00px;
	padding:0px;
	border:1px solid #999;
	overflow:hidden;
}
.col-bb ul{
	background-color:#eaeaea;
	margin:0px 0 0px 5px;
	padding:0px 0 0 7px;
	float:left;
	
}
.col-bb .epoca {
	margin:0px 0 40px 0px;
	width:380px;
}
.col-bb .epoca li {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:7px 5px;
	list-style-type:none;
	font-size:85%;

}

.col-bb li strong{
	background-color:#666;
	color:#fff;
	padding:3px;
	font-weight:normal;
}
.col-bb .lista-p{
	margin:0px 0 0px 140px;
	width:50%;
	clear:both;
}
.col-bb .lista-e{
	margin:0px 0 0px 0px;
	width:48%;
	float:left;
}
.col-bb .lista-p ul, .col-bb .lista-e ul{
	background-color:#fff;
	margin:0px 0 20px 5px;
	padding:0px 7px;
}
.col-bb .lista-p  li, .col-bb .lista-e li {
	margin:0px 0 0 10px;
	padding:3px 0px;
	list-style-type:none;
	list-style-image:url(../img/flecha.gif);
}

.col-be {
	width:520px;
	float:right;
	color:#333;
	margin-top:50px;
}

.descargar {
	background:url(../img/descargar-pdf.jpg) left top no-repeat;
	height:55px;
	padding:13px 0 0 55px;
	margin-top:20px;
	font-size:90%;
}

.lista li {
	margin:0px 0 0 20px;
	padding:8px 0;
	list-style-image:url(../img/flecha.gif);
	color:#333;
	line-height:120%;
}
/* -- Formulario -- */

/*estilos de formulario */


#formulario, .gracias {
	float:right;
	width:400px;
	color:#333333;
	background-color: #eaeaea;
	border:1px solid #ccc;
	padding:15px 30px;
	margin:40px 20px 0 0px;
	font:90% Tahoma, Arial, Verdana;
}
.gracias {
	padding:60px 30px;
	line-height:180%;
}
.gracias a {
	display:block;
	margin:10px 0;
	text-decoration:underline;
}
.gracias a:hover {
	color:#cc0000;
}

fieldset {
	border-style:none;
	margin-bottom:8px;
}
legend {
	display:none;
}
#formulario ol{
	margin:0px;
	padding:0px;
}
#formulario li{
	list-style-type:none;
	margin:0px;
	padding:5px 0px;
}

fieldset label{
	display: block;
	line-height: 1.6;
	vertical-align: top;
	width:70px;
	float:left;
	clear:left;
}

fieldset input, textarea{
	border:1px solid #ccc;
	padding:2px;
	color:#333333;
	font:100% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:320px;
}
textarea{
	height:50px;	
}

.boton{
	width:70px;
	border:1px solid #666666;
	color:#666666;
	margin:8px 0px 0px 130px;
	cursor:pointer;
	padding:3px;
}

.boton:hover{
	color:#fff;
	background-color:#333;
}
.check {
	margin-right:3px;
}



/* -- Pie -- */

#pie {	
	background: url(../img/fondo-pie.gif) no-repeat;
	height:50px;
	margin:20px 0px 0;
	padding:10px 0 0;
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#333;
	clear:both;
}
#pie p {
	float:left;
	margin:0px 20px 0 35px;
	padding:0px;
	color:#000;
}
#pie ul {
	margin:1px 0 0px;
	padding:0px;
	float:left;
}
#pie li {
	margin:0px;
	padding:0px;
	display:inline;
}
#pie address {
	font:normal 100% Tahoma, Arial, Verdana;
	float:right;
	text-align:right;
	color:#000;
	width:600px;
	margin-right:35px;
	
}


/* -----------accesibilidad ---------------- */

.atajos {
	float:left;
	width:520px;
	margin-top:20px;
	border-right:1px dotted #999;	
	padding: 8px 20px 5px 20px;
	background-color:#e5e5e5;
	height:220px;

}
.teclas {
	float:left;
	width:250px;
	background-color:#ccc;
	padding:8px 5px 5px 30px;
	height:220px;
	margin-top:20px;

}

.atajos ul, .teclas ul {
	margin:10px 0 0 20px;
	padding:0px;
	color:#333;
}
.atajos li, .teclas li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
/* -------------------------------
--------- Xfade para la HOME-----*/

#imageContainer {
	position:relative;
	margin:auto;
	width:948px;
	height:278px;
	background: url(../img/home-01.jpg) center no-repeat;
}

#imageContainer img {
	display: none;
	opacity: 0.1;
}