/* Hoja de estilo de la web de El Huertico. Huerta de Peralta */
/* Ultima actualización 6 de Mayo de 2009 */

/* Estructura */

* {
	margin: 0;
	padding: 0;
}


body {
	color: #000;
	background-color: #fff;
	font-family:  Verdana, Geneva, sans-serif;
	margin: 1em 0;
	height:100%;
}

img {
	border: 0;
}

a, a:visited {
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #9dce3b;
}

a.seleccion {
	text-decoration: none;
	color: #9dce3b;
}

#enlace h3{
	text-decoration:none;
}


#envoltorio {
	background-color: #fff;
	margin: 0 auto;
	width: 929px;
	height:100%;
}

.oculto {
	display: none;
}

.aclarar {
	clear: both;
}


/* Cabeza */

#cabeza {
	height: auto;
}

#bloque_menus {
  	background: transparent url("../imagenes/fondo_menu.jpg") no-repeat left top;
	height: 130px;
	float: left;
}

#pelicula img, #pelicula_portada img{
	display: block;
	width: 293px;
}

#pelicula object, #pelicula_portada object {
	width: 293px;
	height: 130px;
	display: block;
}

/* Menú principal */


#menu {
	height: auto;
}

#menu ul {
	list-style: none;
	margin: 0.4em 0 0 0.6em;
}

#menu ul li, #menu_noticias ul li {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	height: 25px;
}

#menu ul li#mn1 {
	width: 8.5em;
	margin: 2.6em 0 0 0;
}

#menu ul li#mn2 {
	width: 10em;
	margin: 0.4em 0 0 0;
}

#menu ul li#mn3 {
	width: 13.5em;
	height: 36px;
}

#menu ul li#mn4 {
	width: 6em;
}

#menu ul li a, #menu_noticias ul li a {
	color: #000;
	font-size: 0.6em;
	font-weight: bold;
	padding: 0.1em 2.1em 0.15em .9em;
}

#menu ul li a span, #menu_noticias ul li a span {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#menu ul li#mn1 a span {
  	background: transparent url("../imagenes/quienes.gif") no-repeat left top;
}

#menu ul li#mn1 a:hover span {
  	background-position: left -2.4em;
}

#menu ul li#mn2 a span {
  	background: transparent url("../imagenes/donde.gif") no-repeat left top;
}

#menu ul li#mn2 a:hover span {
  	background-position: left -2.7em;
}

#menu ul li#mn3 a span {
  	background: transparent url("../imagenes/catalogo.gif") no-repeat left top;
}

#menu ul li#mn3 a:hover span {
  	background-position: left -3.9em;
}

#menu ul li#mn4 a span {
  	background: transparent url("../imagenes/contacto.gif") no-repeat left top;
}

#menu ul li#mn4 a:hover span {
  	background-position: left -3.9em;
}

#menu ul li a.activo {
	color: #fff;
}

#menu ul li a:hover {
	color: #9dce3b;
}

#menu_noticias {
	width: 10em;
}

#menu_noticias ul {
	list-style: none;
	margin: -0.8em 0 0 16em;
}

#menu_noticias ul li {
	height: 23px;
}

#menu_noticias ul li a span {
  	background: transparent url("../imagenes/noticias.gif") no-repeat left top;
}

#menu_noticias ul li a:hover span {
  	background-position: left -2.4em;
}




/*	Contenido y menú lateral */


#contenido {
	width: 100%;
	height:100%;
}

#lateral {
	float: left;
	width: 14em;
  	background: transparent url("../imagenes/cabecera_izda.png") no-repeat left top;
	height: 100%;
}

#lateral h1 {
	margin: 6.2em 0 0 3em;
	font-size: 0.7em;
	font-weight: bold;
}

#menu_cat {
  	background: transparent url("../imagenes/fondo_izda.png") repeat-y left top;
	margin: 0.2em 0 0 0;
	height: 100%;
}

#menu_cat dl {
	font-size: 0.7em;
	margin: 0 0 0 0.2em;
	font-weight: normal;
	padding: 0 0 0 0;
	width: 14em;
}

#menu_cat dl a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 2.5em;
}

#menu_cat dl dt {
	margin: 0 0 0 0em;
	font-weight: normal;
  	background: transparent url("../imagenes/flechita.png") no-repeat 0.5em center;
	border-bottom: solid 0.1em #000099;
	padding: 0.5em 0;
	width: 17em;
}

#menu_cat dl dd {
	margin: 0 0 0 3em;
	border-bottom: solid 0.1em #000099;
	padding: 0.5em 0;
	width: 14em;
}

#menu_cat dl dd a {
	padding: 0 0 0 1.5em;
}

#menu_cat img {
	padding: 0 0 0 .05em;
}

#menu_cat img.ult_imagen {
	border-bottom: solid 0.1em #000099;
	position: relative;
	top: 0.2em;
}

#principal {
	margin: 0 0 0 18em;
	font-size: 0.8em;
/*	overflow: hidden;*/
}


/*	Textos	*/

#principal.quienes {
  	background: transparent url("../imagenes/fondo_quienes.jpg") no-repeat 24em top;
}

h2 {
	font-size: 0.8em;
	font-weight: bold;
	position: relative;
	height: 3em;
	padding: 0 0 5em 0;
}

h2.margen {
	padding: 0 0 3em 0;
}

#principal.quienes h2 span {
  	background: transparent url("../imagenes/titulo_quienes.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#principal.donde h2 span {
  	background: transparent url("../imagenes/titulo_donde.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#principal.contacto h2 span {
  	background: transparent url("../imagenes/titulo_contacto.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#principal.catalogo h2 span {
  	background: transparent url("../imagenes/titulo_catalogo.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#principal.ficha h2 span {
  	background: transparent url("../imagenes/titulo_ficha.gif") no-repeat -1em top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#principal.noticias h2 span {
  	background: transparent url("../imagenes/titulo_noticias.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#texto {
	color: #000099;
	font-size: 0.8em;
	line-height: 1.5;
}

#principal.quienes #texto {
	width: 33em;
}

#texto p {
	margin: 0 0 2em 0;
}


/*	Catálogo de productos	*/


h3 {
	color: #9dce3b;
	font-family: Arial, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	text-decoration:none;
}


#buscador {
	background-color: #9dce3b;
	width: 12.1em;
	height: 5em;	
	border-bottom: solid 0.1em #000099;
	margin: 0 0 0 0.05em;
}

#buscador fieldset{
	border: 0;
}

#buscador legend {
	text-indent: -999em;
	margin: -0.5em 0 0 0;
}

#buscador label {
	font-size: 0.7em;
	color: #171fe0;
	font-weight: bold;
	padding: 0 0 0 1.7em;
}

#buscador input {
	font-size: 0.8em;
	margin: 0 0 0 1.5em;
	width: 12em;
}

#buscador input.envia {
	width: 2.7em;
	margin: 0.5em 0 0 11em;
}


div.paginacion {
	float: right;
	margin: 0 3em 0.6em 0;
}

div.paginacion ul {
	list-style: none;
}

div.paginacion ul li {
	display: inline;
	border-right: solid 0.2em #9dce3b;
	padding: 0 0.5em;
}

h3 a{
	color: #9dce3b;
	text-decoration: none;
	font-weight: bold;
}

h3 a.actual {
	color: #171fe0;
}

h3 a:visited {
	color: #9dce3b;
}

h3 a:hover {
	color: #171fe0;
}



div.paginacion ul li a:hover {
	color: #171fe0;
}


div.paginacion ul li.pg_ultimo {
	border-right: none;
}

div.paginacion ul li a {
	color: #9dce3b;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}

div.paginacion ul li a.actual {
	color: #171fe0;
}

div.paginacion ul li a:hover {
	color: #171fe0;
}



div.producto {
	float: left;
	border: solid 0.1em #171fe0;
	font-size: 1.1em;
	width: 60em;
	margin: 0 0 1.6em 0;
}

div.familia {
	float: left;
	border: solid 0.1em #171fe0;
	font-size: 1.1em;
	width: 20em;
	margin: 0 0 1.6em 0;
}

div.borde_textos {
  	background: transparent url("../imagenes/fondo_ficha_c.png") no-repeat left top;
	margin: 1em 0 0.8em 1em;
	padding: 0.5em 0 0 0;
}

div.fondo_ficha {
  	background: transparent url("../imagenes/fondo_ficha.png") repeat-y left top;
}

div.pie_ficha {
  	background: transparent url("../imagenes/fondo_ficha_p.png") no-repeat left top;
	height: 1.1em;
}

div.producto img {
	float: right;
	padding: 1.3em 1.5em;
}

div.producto strong {
	color: #9dce3b;
	font-size: 1em;
	text-transform: uppercase;
}

div.producto span {
	padding: 0 0 0 1.5em;
	display: block;
	width: 42em;
}

#texto div.producto p {
	margin: 0 0 0 1em;
}

#texto div.producto p.verficha {
	position: relative;
	top: -1.5em;
	margin: 0 0 0 32em;
	height: 0.5em;
}

#texto div.producto p.verficha a {
  	background: transparent url("../imagenes/flecha_ficha.png") no-repeat left top;
	height: 1.5em;
	padding: 0 0 0 2.1em;
	display: block;
	color: #171fe0;
	text-decoration: none;
	font-weight: bold;
}

#texto div.producto p.verficha a:hover {
	color: #9dce3b;
}

span.nombre {
	font-weight: bold;
}


/*	Ficha de producto	*/


div.producto.ficha div.borde_textos {
  	background: transparent url("../imagenes/fondo_ficha_c2.png") no-repeat left top;
	margin: 1em 0 0.8em 1em;
	padding: 0.5em 0 1em 0;
}

div.producto.ficha div.fondo_ficha {
  	background: transparent url("../imagenes/fondo_ficha2.png") repeat-y left top;
}

div.producto.ficha div.pie_ficha {
  	background: transparent url("../imagenes/fondo_ficha_p2.png") no-repeat left top;
	height: 1.3em;
}

div.producto.ficha span {
	padding: 0 0 0 1.5em;
	display: block;
	width: 29em;
}

div.producto.ficha img {
	float: right;
	padding: 1em 1.5em;
}

div.valores {
	background-color: #cce599;
	width: 23em;
	margin: 1em 0 0 6em;
}

div.valores strong {
	color: #171fe0;
	font-size: 1em;
	text-transform: none;
}

div.producto.ficha div.valores span {
	display: inline;
	width: 10em;
	padding: 0 0 0 0.5em;
}

div.valores ul {
	padding: 0 0 0 4em;
}

#texto div.producto p.verficha.pdf {
	margin: 3em 0 0 2.1em;
}


/*	Noticias en el pie de la página	*/

#noticias_pie {
  	background: transparent url("../imagenes/fondo_noticias.jpg") no-repeat left top;
	width: 701px;
	position: relative;
	left: -2.3em;
	padding: 1.5em 0 1.5em 2em;
	color: #fff;
	height: 15em;
}

#principal.quienes #noticias_pie h2 {
	padding: 0 0 0 3em;
}

#principal.quienes #noticias_pie h2 span {
  	background: transparent url("../imagenes/titulo_noticiaspie.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 3em;
	top: 0;
}

div.noticia_peq {
	width: 32em;
	font-size: 0.8em;
	float: left;
	margin: 1em 0;
	line-height: 1.4;
}

div.noticia_peq img {
	float: left;
	padding: 0.3em 0.7em;
}

div.noticia_peq p {
	overflow: hidden;
	height: 4em;
}

div.noticia_peq a {
	color: #fff;
	text-decoration: none;
}

div.noticia_peq a:hover {
	color: #9dce3b;
	text-decoration: underline;
}


/*	Noticias	*/


#principal.noticias #texto {
	width: 63em;
}

div.listado_noticia {
	padding: 2em 0;
	border-bottom: solid 2px #000099;
	min-height: 11em;
}

div.listado_noticia img {
	float: left;
	padding: 0 1em 0.5em 0;
}

div.listado_noticia strong {
	font-size: 1.5em;
}

#texto div.listado_noticia p {
	margin: 0 0 0 0;
}

#principal.noticias #texto strong {
	font-size: 1.4em;
}

#principal.noticias #texto img {
	float: left;
	padding: 0 2em 0.5em 0;
}

/*	Localización	*/

dl.vcard {
	width: 40em;
	margin: 0 auto;
	line-height: 1.5;
	padding: 1em 0;
}

dl.vcard dt {
	font-weight: bold;
	font-size: 1.4em;
}

dl.vcard dt span {
	font-weight: normal;
	font-style: italic;
	font-size: 0.8em;
}

#mapa {
	width: 510px;
	margin: 1em auto;

}

#principal.donde #texto {
	color: #000099;
	font-size: 0.9em;
	line-height: 1.5;
	width: 33em;
}


/*	Contacto	*/


#principal.contacto #texto {
	width: 40em;
	margin: 0 0 0 2em;
	line-height: 1.4;
}

#principal.contacto #texto {
	color: #000099;
	font-size: 0.9em;
	line-height: 1.5;
	width: 36em;
}

#principal.contacto #texto p {
	margin: 0 0 0.5em 0;
}

a.respuesta {
	display: block;
	padding: 1em 0 0 0;
}

#formulario {
	font-size: .9em;
	width: 43em;
	margin: 2em auto;
	border: solid 1px #000099;
}

#formulario legend, #formulario fieldset{
	border: 0;
}

#formulario legend {
	padding: 0.4em 11.85em;
	margin: 0 0 1em 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em;
	background-color: #000099;
}

#formulario label {
	position: relative;
	display: block;
	padding: 0 1em;
	margin: 1em 0;
	width: 13em;
	}

#formulario label input {
	position: absolute;
	left: 100%;
	top: 0;
	width: 20em;
	}

#formulario label.acepto {
	top: 4em;
	width: 23em;
	margin: 1em 0 0 16em;
	}

#formulario input.acepto {
	position: relative;
	top: 5.2em;
	width: 2em;
	margin: 0 0 0 11.2em;
	}

#formulario input.mandar {
	width: 70px;
	margin: 4em 0 0.5em 11.4em;
	}

#formulario textarea {
	position: absolute;
	left: 100%;
	top: 0;
	height: 8em;
	width: 25em;
	font: normal 1em Verdana;
	}

#formulario label.error {
	color: #a00;
	width: 10em;
	margin: 0.7em 0 0 0;
}

#formulario img {
	margin: 0 0 0 15em;
}


/*	Pie		*/

#pie {
  	background-color: #000099;
	color: #fff;
	height: 1em;
	margin: 0 auto;	
	width: 929px;
	padding: 0.3em 0;
}

#pie p {
	padding: 0 0 0 1em;
	font-size: 0.6em;
	font-weight: bold;
}

#pie a {
	color: #fff;
	text-decoration: underline;
	padding: 0 0 0 3em;
}

#pie a:hover {
	color: #9dce3b;
	text-decoration: none;
}



/*	Entrada	*/

#entrada {
	border: solid 5px #323298;
	width: 50em;
	height: 24em;
	margin: 10em auto 0;
}

#ent_izda {
	float: left;
	width: 50%;
  	background: transparent url("../imagenes/fondo_portada.jpg") no-repeat center 6.3em;
	height: 24em;
}

#ent_izda p {
	color: #323298;
	font-size: 0.8em;
	margin: 2em 2em 0;
}

#franja {
	background-color: #323298;
	height: 2.7em;
	width: 27em;
	position: absolute;
}

#ent_dcha {
	width: 46%;
	height: 100%;
	margin: 0 0 0 27em;
	background-color: #323298;
}

#ent_dcha #menu {
	padding: 1em 0 0 0;
}

#ent_dcha #menu ul li {
	float: none;
	margin: 3em 0;
}

#ent_dcha #menu ul {
	margin: 0 0 0 5em;
}

#pelicula_portada {
	margin: 0 auto 4em;
	width: 25em;
}

#pelicula_portada object {
	width: 432px;
	height: 130px;
	display: block;
}

#pelicula_izda {
	margin: 0 0 1em .05em;
}

#pelicula_izda object {
	width: 193px;
	height: 384px;
	display: block;
}

.foto { cursor: url(./imagenes/lupa3.cur);}

#pelicula2 img{
	display: block;
	width: 293px;
}

#pelicula2 object{
	width: 200x;
	height: 380px;
	display: block;
	margin:  0 0 0  1px ;
}
#principal.catalogo_familias {
  	background: transparent url("../imagenes/fondo_quienes.jpg") no-repeat 24em top;
}
#principal.catalogo_familias h2 span {
  	background: transparent url("../imagenes/titulo_catalogo.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#principal.catalogo_familias #texto {
	width: 33em;
}