/*                                                    CSS´s */
/* ---------------------------------------------- Generales */

body {
	margin: 0em;
	padding: 0em;
	font-size: 62.5%;
	font-family: Verdana;
	font-weight: normal;
	background: url(../img/fondo.jpg) repeat;
	background-color: #1e1e1e;
}

swf {
	padding: 0em;
	margin: 0em;
}

html {
	margin: 0em;
	padding: 0em;
}

h1 {
	text-indent: -500em;
	float: left;
	position: absolute;
}

h2 {
	margin: 1.3em 0em 1em 1em;
	padding: 0.3em 0em 0em 1em;
	width: 70%;
	height: 2.3em;
	font: bold 1.1em Verdana;
	color: #ffffff;
	background: url(../img/fondo-titular.jpg) no-repeat;
	float: left;
}
html>body h2 {
	margin: 1.3em 0em 1em 2em;
	padding: 0.3em 0em 0em 1em;
}

div.hr {
	background: url(../img/hr.jpg) repeat-x;
	height:0.1em;
	float: left;
	width: 100%;
}
div.hr hr{
	display: none;
}

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

img {
	border: none;
}

a:hover {
	color: #31bb27;
}

form {
	margin: 0em;
	padding: 0em;
	float: left;
}

fieldset {
	border: none;
	font: normal 1em Verdana;
	color: #ffffff;
	width: 87%;
	margin: 0em 0em 0em 2em;
	padding: 2em 0em 0em 0em;
	text-align: center;
}

html>body fieldset {
	width: 87%;
	padding: 2em 0em 0em 1.5em;
}

.fieldseta {
	border: none;
	font: normal 1em Verdana;
	color: #626262;
	width: 50%;
	margin: 0em 0em 0em 2em;
	padding: 2em 0em 0em 0em;
	text-align: right;
}
html>body .fieldseta {
	width: 95%;
	margin: 0em 0em 0em 2em;
	padding: 2em 0em 0em 0em;
}





/* ---------------------------------------------- Cabecera */

#cabecera {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 11.9em;
	background: url(../img/sep-cabecera.jpg) repeat-x;
	float: left;
}
html>body #cabecera {
	height: 11.8em;
}

.index {
	margin: 0em;
	padding: 0em;
	width: 20%;
	height: 11.2em;
	position: absolute;
	top: 0em;
	left: 0em;
	background: url(../img/null.gif) repeat;
	float: left;
}

.enlace {
	margin: 0em;
	padding: 0em;
	width: 80%;
	height: 11.2em;
	background: url(../img/null.gif) repeat;
	float: left;
}



/* ---------------------------------------------- Zona menu */

#menu {
	margin: 0em 0em 3em 0em;
	padding: 0em;
	width: 100%;
	height: 4.1em;
	background: url(../img/fondo-menu.gif) repeat-x;
	background-color: #151515;
	float: left;
}





/* ---------------------------------------------- Menú */

ul#categorias {
	width: 70%;
	margin: 0.5em 0em 0em 0.3em;
	padding: 0em;
	float: left;
}
html>body ul#categorias {
	margin: 0.5em 0em 0em 1.8em;
}

ul#categorias li {
	list-style-type: none;
	background: url(../img/sep-menu.gif) no-repeat;
	margin: 0em 0em 0em 1.2em;
	padding: 1em 2em 0em 2em;
	float: left;
	border-right: 0.1em solid #515151;
	height: 2.6em;
}
ul#categorias li a{
	text-decoration: none;
	font: bold 1em Verdana;
	color: #ffffff;
	display: block;
	float: left;
}
ul#categorias li a:hover{
	color: #31bb27;
}





/* ---------------------------------------------- Zona flash */

#zonaflash {
	margin: 0em 0em 0em 3em;
	padding: 0em;
	width: 85%;
	height: 10em;
	float: left;
}
html>body #zonaflash {
	margin: 0em 0em 0em 6em;
}

#zonahome {
	margin: 0em 0em 0em 3em;
	padding: 0em;
	width: 85%;
	height: 10em;
	float: left;
}
html>body #zonahome {
	margin: 0em 0em 0em 6em;
	min-height: 29em;
	height: auto;
}

#flash {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 70%;
	height: 10.1em;
	background: url(../img/fondo-flash.jpg) repeat-x;
	float: left;
}

#entrada {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 30%;
	height: 10.1em;
	background-color: #4a4a4a;
	float: left;
}

.bentrar {
	margin: 4em 0em 0em 3.5em;
	padding: 0.1em 0em 0em 2em;
	width: 40%;
	height: 2em;
	font: bold 1em Verdana;
	color: #ffffff;
	background: url(../img/fondo-boton.gif) no-repeat;
	float: left;
}
html>body .bentrar {
	margin: 4em 0em 0em 7.3em;
	padding: 0.1em 0em 0em 2.1em;
}	




/* ---------------------------------------------- Zona contenido */

#container {
	margin: 0em 0em 0em 3em;
	padding: 0em;
	width: 85%;
	height: 10em;
	float: left;
}
html>body #container {
	margin: 0em 0em 0em 6em;
	min-height: 10em;
	height: auto;
}





/* ---------------------------------------------- Izquierda */

#izquierda {
	margin: 0em;
	padding: 0em;
	width: 70%;
	height: 10em;
	float: left;
}
html>body #izquierda {
	margin: 0em;
	min-height: 10em;
	height: auto;
}

#flash2 {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 99.2%;
	height: 10.1em;
	background: url(../img/fondo-flash.jpg) repeat-x;
	float: left;
}

#documento{
	margin: 0.5em 0em 0em 0em;
	padding: 0em 0em 5em 0em;
	width: 99.2%;
	height: 30.1em;
	background: url(../img/fondo-izquierda.gif) no-repeat;
	background-color: #ffffff;
	float: left;
}
html>body #documento{
	min-height: 10em;
	height: auto;
	float: left;
	clear:both;
}

.texto {
	text-decoration: none;
	font: normal 1em Verdana;
	color: #464646;
	margin: 0em 0em 0em 0em;
	padding: 2em 2em 1.5em 2.3em;
	display: block;
	background: url(../img/correo.gif) no-repeat;
	clear: both;
}





/* ---------------------------------------------- Derecha */

#derecha {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 25em;
	float: left;
	background: url(../img/fotolechazo.jpg) no-repeat;
}
html>body #derecha {
	margin: 0em 0em 0em 0em;
	min-height: 25em;
	height: auto;
}

#derecha-preparacion {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 25em;
	float: left;
	background: url(../img/fotoprepa.jpg) no-repeat;
}
html>body #derecha-preparacion {
	margin: 0em 0em 0em 0em;
	min-height: 25em;
	height: auto;
}

#derecha-receta {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 25em;
	float: left;
	background: url(../img/fotoreceta.jpg) no-repeat;
}
html>body #derecha-receta {
	margin: 0em 0em 0em 0em;
	min-height: 25em;
	height: auto;
}

#derecha-segovia {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 25em;
	float: left;
	background: url(../img/fotosegovia.jpg) no-repeat;
}
html>body #derecha-segovia {
	margin: 0em 0em 0em 0em;
	min-height: 25em;
	height: auto;
}

#derecha-contacto {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 25em;
	float: left;
	background: url(../img/fotocontacto.jpg) no-repeat;
}
html>body #derecha-contacto {
	margin: 0em 0em 0em 0em;
	min-height: 25em;
	height: auto;
}

#derecha-pedido {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 40em;
	float: left;
	background: url(../img/fotopedidos.jpg) no-repeat;
}
html>body #derecha-pedido {
	margin: 0em 0em 0em 0em;
	min-height: 40em;
	height: auto;
}

#derecha-pedido p {
	margin: 5em 0em 0em 0.5em;
	padding: 0em;
	font: normal 1em Verdana;
	color: #ffffff;
	width: 90%;
	float: left;
}
html>body #derecha-pedido p {
	margin: 5em 0em 0em 1em;
}



/* ---------------------------------------------- Foto home */

#fotohome {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	width: 70%;
	height: 29em;
	background: url(../img/fotohome.jpg) no-repeat;
	background-color: #ffffff;
	float: left;
}
html>body #fotohome {
	min-height: 28.9em;
	height: auto;
}

#bannerhome {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 29em;
	float: left;
	background: url(../img/fondohomeder.jpg) no-repeat;
	background-position: right;
	background-color: #ffffff;
}
html>body #bannerhome {
	min-height: 28.9em;
	height: auto;
}






/* ---------------------------------------------- Pie */

#pie {
	margin: 0em 0em 0em 3em;
	padding: 0em;
	width: 85%;
	height: 10em;
	float: left;
}
html>body #pie {
	margin: 0em 0em 0em 6em;
	min-height: 10em;
	height: auto;
}

ul#datos {
	width: 30%;
	margin: 1.5em 0em 1em 0.3em;
	padding: 0em 0em 1em 0em;
	float: left;
}
html>body ul#datos {
	margin: 1.5em 0em 0em 0.3em;
}

ul#datos li {
	list-style-type: none;
	margin: 0em 0em 0em 1.2em;
	padding: 0.5em 2em 0em 0em;
	height: 0.8em;
}
ul#datos li.telefono {
	text-decoration: none;
	font: normal 1em Verdana;
	color: #ffffff;
	display: block;
	padding: 0.5em 0em 0.5em 2.3em;
	background: url(../img/telf.gif) no-repeat;
	background-position: 0.2em;
}
ul#datos li a{
	text-decoration: none;
	font: normal 1em Verdana;
	color: #ffffff;
	display: block;
	float: left;
}
ul#datos li.correo a{
	text-decoration: none;
	font: normal 1em Verdana;
	color: #31bb27;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 2.3em;
	display: block;
	background: url(../img/correo.gif) no-repeat;
}
ul#datos li.correo a:hover{
	color: #ffffff;
}
html>body ul#datos li.correo a{
	margin: 2.5em 0em 0em 0em;
}

.cochinillo {
	margin: 2em 0em 0em 0.3em;
	padding: 0em;
	float: left;
}

.verde {
	color: #31bb27;
	}

.izanet {
	margin: 1.8em 0em 0em 8em;
	font: normal 1em Verdana;
	color: #ffffff;
	padding: 0em;
	float: left;
}
html>body .izanet {
	margin: 1.8em 0em 0em 7.5em;
}

.piefoto {
	margin: 20em 0em 0em 0.5em;
	font: bold 1em Verdana;
	color: #ffffff;
	padding: 0em;
	float: left;
}
html>body .piefoto {
	margin: 20em 0em 0em 1em;
}

.boton {
	display: block;
	text-decoration: none;
	font: bold 1em Verdana;
	color: #ffffff;
	background-color: #31bb27;
	margin: 0em 0em 0em 1em;
	padding: 0em 1em 0.2em 1em;
	height: 2em;
	width: 30%;
	border: 0.1em solid #31bb27;
	float: left;
}
html>body .boton {
	padding: 0em 1em 0.3em 1em;
}

.campo {
	border: #d7d3d0 0.1em solid; 
	font: normal 1em Verdana; 
	color: #696969;
	height: 1.4em;
	padding: 0em;
	margin: 0.3em;
	background-color: #ffffff
}

.campo2 {
	border: #d7d3d0 1px solid; 
	font: normal 10px Verdana; 
	color: #696969;
	padding: 0em;
	margin: 0.3em;
	background-color: #ffffff
}

.oferta {
	background: url(../img/banner2.gif) no-repeat;
	width: 90%;
	height: 15em;
	padding: 0em;
	margin: 1.5em 0em 0.5em 1em;
}

.navidad {
	background: url(../img/banner3.gif) no-repeat;
	width: 90%;
	height: 18em;
	padding: 0em;
	margin: 1.5em 0em 0.5em 1.5em;
}

.enlace_navidad {
	margin: 0em;
	padding: 0em;
	width: 80%;
	height: 18em;
	background: url(../img/null.gif) repeat;
	float: left;
}
#derecha-navidad {
	margin: 0em;
	padding: 0em;
	width: 30%;
	height: 100.5em;
	float: left;
	background: url(../img/fotonavidad.jpg) no-repeat;
}

.piefotonavidad {
	margin: 48em 0em 0em 0.5em;
	font: bold 1em Verdana;
	color: #ffffff;
	padding: 0em;
	float: left;
}




/* ---------------------------------------------- Tablas */

table {
	margin: 0em;
	pading: 0em;
	border-spacing: 0em;
	border: none;
	width: 100%;
	text-align: left;
	clear: both;
}

table a {
	text-decoration: none;
	font: normal 1em Verdana;
	color: #626262;
}

table, td, th {
	margin: 0em;
	padding: 0em;
}

table caption {
	text-align: left;
	font: bold 1.1em Arial;
	color: #f55d13;
	padding: 0em 0em 1em 0em;
}

thead th {
	text-align: left;
	font: bold 1.1em Verdana;
	color: #626262;
	padding: 1em 1em 1.1em 1em;
	margin: 0em;
}

tbody tr:hover td, tbody tr:hover th {
	background-color: #f6f6f6;
	border-spacing: 0em;
	border: none;
	border-bottom: 0.1em solid white;
}

tbody td, tbody th {
	background-color: #f6f6f6;
	padding: 1em 1em 1.1em 1.5em;
	margin: 0em;
	border-bottom: 0.1em solid white;
}