﻿/* CSS Document */

html {
	margin:0;
	border:0;
	padding: 0;
	color:#000;
	height: 100%;
	background-image:url(imgs/bg_gral.jpg);
	background-repeat:repeat-x;
	background-color:#fbb457;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	line-height: 19px;
	behavior:url("csshover.htc");
}

body {
	margin:0;
	border:0;
	padding: 0;
	color:#000;
	height: 100%;
	background-image:url(imgs/bg_gral.jpg);
	background-repeat:repeat-x;
	background-color:#fbb457;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	line-height: 19px;
	behavior:url("csshover.htc");
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464a4f;
	margin-top: 0px;
	line-height: 19px;
}
a:visited {
	color: #9b5708;
	text-decoration:underline;
	background: #F1F1F1;
}
a:link {
	color: #9b5708;
	text-decoration:underline;
	background: #F1F1F1;
}
a:hover{
	color: #9b5708;
	text-decoration:none;
	background: #F1F1F1;
}
.Estilo1 {
	color: #92571D;
}
#container{
	width: 900px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	height: 800%;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color: #FFFFFF;
}
body #container{
	height: 100%;
}
html>body #container{
	height: auto;
}

#top{
	width: 900px;
	height: auto;
	background-image: url(imgs/bg_menu.gif);
	background-repeat: repeat-x;
}
#acceso{
	width:320px;
	height:66px;
}
#elmenu{
	width:571px;
	height:66px;
	float:right;
}
#barra {
	width: 514px;
	height:31px;
	margin: 0px 0 0 auto;
}
#encabezado{
	width:900px;
	height:411px;
}
#logo{
	width:488px;
	height:411px;
	float:left;
}
#plato{
	width:412px;
	height:411px;
	float:right;
}
#info{
	width:900px;
	background-color:#FFFFFF;
}
/* IE hace un espacio entre div. Agregar un margin negativo */
body #baner{
	margin-top: -4px;
	width:488px;
	height:308px;
	float:left;
}
/* Aunque la interpretación del CSS de Firefox es excelente,
hay que hacer un relajo a causa del patético IE */
html>body #baner{
	margin-top: 0;
	width:488px;
	height:308px;
	float:left;
}
#novedad{
	width:448px;
	float:left;
	padding:15px;
}
#receta{
	width:411px;
	float:right;
}
.limpiar{
	height: 20px;
	clear: both;
}
#pie{
	width:900px;
	background-color:#faa433;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	position: relative;
	margin:0 auto;
}
