@CHARSET "UTF-8";
/*
@import "layout_cabecera.css";
@import "layout_navegacion.css";
@import "layout_banner.css";
@import "layout_contenido.css";
@import "layout_footer.css";
@import "selectorBanner.css";
@import "textos.css";
*/
/*
	Color crema fondo: 				#fef7dd;
*/

#corteSuperior {
	position: 		absolute;
	height:			190px;
	background: 	url('imagenes/corteSuperior.png') no-repeat !important;
	background: 	url('imagenes/corteSuperior.gif') no-repeat;
	z-index: 		100;
}

a#logo {
	display:		block;
	width:			217px;
	height:			49px;
	position:		absolute;
	top:			25px;
	left:			15px;
	background: 	url('imagenes/logo.png') !important;
	background: 	url('imagenes/logo.gif');
}

a#logo span {
	display: 		none;
}

#corteSuperior img {
	position: 		absolute;
	top:			25px;
	right:			15px;
}

#banner {
	background: 	url('imagenes/fondoBanner.jpg') bottom no-repeat;
	height: 		240px;
	position:		absolute;
	bottom:			0;
	z-index:		0;
}


.wrapperNavegacion {
	border-bottom:	#99976a 1px solid;
	display: 		inline;
	position: 		absolute;
	right:			30px;
	top:			100px;
	z-index: 		10000;
	font-size:		.7em !important;
}

ul#navegacion {
	display:		inline;
	list-style: 	none;
	border-bottom: 	1px solid #606247;
	padding-bottom:	1px;
}

.wrapperNavegacion li {
	display:		inline;
	margin-left: 	0;
}

ul#navegacion li {
	padding-bottom:	4px;
}

.wrapperNavegacion li + li {
	margin-left:	6px;
}

* html .wrapperNavegacion li {
	margin-left:	6px;
}

ul#navegacion a {
	text-decoration: none;
}

ul#navegacion a:hover {
	color:			#ef581f;
}

#navegacionCategorias {
	display: 		none;
}

body.platos #navegacionCategorias {
	display: 		block;
}

#navegacionCategorias {
	position:		absolute !important;
	float:			left;
	bottom:			-15px;
	left:			0;
}

body.indice a#indice,
body.platos a#platos,
body.seguridad a#seguridad,
body.compromiso a#compromiso,
body.contacto a#contacto,
body.empresa a#empresa 
{ 
	/*font-size: 1.2em !important;*/
	color:		#f93 !important;
}

#banner #slogan {
	position:		absolute;
	width:			435px;
	height: 		82px;
	background: 	#fef7dd;
	bottom:			40px;
}

#banner #slogan .subTitulo {
	position:		absolute;
	right:			10px;
	bottom:			10px;
	text-align: 	right;
	font-size: 		.6em;
}

#banner #slogan div {
	position: 		absolute;
	bottom:			-16px;
	right:			0;
	line-height: 	16px;
}

#banner #slogan a:hover {
	border:			none;
	color:			white;
}

#contenido .izquierda {
	width:			435px;
	float: 			left;
}


#contenido .derecha {
	float: 			right;
	width:			368px;
	overflow: 		hidden;
}

.info {
	margin-left: 	138px;
}

#contenido .itemContenido {
	margin-top: 	25px;
	padding-left: 	20px;
	clear: 			both;
}

#contenido .itemContenido a {
	display:		block;
	margin-top:		4px;
	text-align: 	right;
	font-weight: 	bold;
	font-size: 		.9em;
}

#contenido h1 {
	border-bottom:	#76b056 2px solid;
}

#contenido .itemContenido .contenedorImagen {
	float:			left;
	width:			138px;
}

#contenido .itemContenido .imagen {
	float:			left;
}

#contenido .derecha {
	text-align: 	center;
}



#contenido .derecha .promo {
	margin-top: 	25px;
}

#contenido .derecha .promo a {
	display:		block;
}

#contenido .derecha .promo a:hover {
	border: 		none;
}

#contenido .derecha .promo a span {
	display:		none;
}


#footer a {
	display: 		block;
	margin:			10px 15px 30px 15px;
}

#footer .derecha {
	position:		absolute;
	right:			0;
	top:			0;
	width:			220px;
}

#footer .derecha a {
	padding-right: 	20px;
	height: 		20px;
	line-height: 	20px;
}

#footer .izquierda {
	position: 		absolute;
	left:			0;
	top:			0;
	width:			150px;
}

#footer .derecha a {
	text-align: 	right !important;
} 

#footer .centro {
	margin:			0 auto 0 auto;
}

#footer .centro {
	text-align: 	center;
}

#footer .centro a {
	margin:			0px 10px 0 0px;
	display: 		block;
	float:			left;
	height:			50px;
	position:		relative;
	left:			280px;
}

#footer .centro a:hover {
	text-decoration:	none;
}

#footer .centro a span {
	visibility:		hidden;
}

#carrito {
	background: 	url('imagenes/carrito.gif') no-repeat right;
}

#footer .eMail {
	margin-top:	-30px !important;
	background: 	url('imagenes/sobre.gif') no-repeat right;
	text-align: 	right !important;
}



body.platos #banner {
	background: 	url('imagenes/bannerPlatos.jpg') bottom no-repeat;
}

body.platos.arroces #banner {
	background: 	url('imagenes/bannerArroces.png') bottom no-repeat;
}

body.platos.pescados #banner {
	background: 	url('imagenes/bannerPescados.png') bottom no-repeat;
}

body.platos.carnes #banner {
	background: 	url('imagenes/bannerCarne.png') bottom no-repeat;
}

body.platos.pastas #banner {
	background: 	url('imagenes/bannerPasta.png') bottom no-repeat;
}

body.platos.cuchara #banner {
	background: 	url('imagenes/bannerCuchara.png') bottom no-repeat;
}

body.empresa #banner {
	background: 	url('imagenes/bannerEmpresa.jpg') bottom no-repeat;
}

body.compromiso #banner {
	background: 	url('imagenes/bannerCompromiso.jpg') bottom no-repeat;
}

body.seguridad #banner {
	background: 	url('imagenes/bannerSeguridad.jpg') bottom no-repeat;
}

body.contacto #banner {
	background: 	url('imagenes/bannerContacto.jpg') bottom no-repeat;
}


/* 
	Color cabeceras:				#663333;
	Color subrayado cabeceras: 	#76b056;
	Color enlaces:					#006600;
	Color enlaces hover:			#336633;
	Amarillo enlaces footer:		#ffffcc;
*/

body {
	font-family: 		Verdana, Arial, Helvetica;
	font-size: 			.9em;
	color:				#222;
}

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

a:hover {
	color:				#aabf48;
}

.alignDerecha {
	text-align: 		right !important;
}

.wrapperNavegacion {
	font-size: 			.65em;
	font-weight: 		bold;
}

.wrapperNavegacion a {
	color:				white;
}

#banner #slogan h1 {
	font-family:		Arial, Helvetica, Verdana;
	font-size: 			1.9em;
	padding:			10px;
	padding-left: 		20px;
	color:				#222;
	border: 			none;
}

.indice #banner #slogan h1 {
	font-size: 			1.5em;
}

#banner #slogan div, #banner #slogan a {
	font-weight:		bold;
	color:				#fef7dd;
	text-decoration:	none;
}

#banner #slogan div {
	font-size: 			.7em;
}

#contenido {
	font-size: 			.7em;
	text-align: 		justify;
}

#contenido p {
	margin-top:			8px;
	line-height: 		1.3em;
}

#contenido h1 {
	color:				#663333;
	font-weight: 		normal;
	font-size: 			1.5em;
}

#footer a {
	color:				#ffffcc;
	font-weight: 		bold;
	font-size: 			.7em;
}

#footer a:hover {
	text-decoration: 	underline;
}


/* ________________________________________________________________ */


body {
	background: 	url("imagenes/fondoWEB.jpg") top center;
	margin-bottom:	30px;
}

body, body * {
	margin: 		0;
	padding:		0;
	border:			none;
	list-style: 	none;
}


.edicionEnLinea {
	position:		absolute;
	top:			0;
	left:			0;
	z-index: 		1000;
}

.contenedor {
	position: 		relative;
	width:			803px;
}

#wrapper {
	background: 	url("imagenes/fondoWEB.jpg") top right;
	width:			804px;
	margin:			0 auto 0 auto;
	position: 		relative;
}

#cabecera {
	height:			310px;
	position: 		absolute;
	z-index: 		10;
}

#contenido {
	position:		relative;
	top: 			310px;
	background: 		#fef7dd;
	padding-bottom:		30px;
	height:			auto !important;
	height:			360px;
	min-height:		360px;
}

#footer {
	position:		relative;
	top: 			310px;
	clear:			both;
	height: 		64px;
	background: 	url("imagenes/fondoFooter.jpg");
}