@charset "iso-8859-1";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: center middle;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
}
.fondo_1440 {background-image: url(imagenes/fondo_1440.jpg);}
.fondo_1280 {background-image: url(imagenes/fondo_1280.jpg);}
.fondo_1024 {background-image: url(imagenes/fondo_1024.jpg);}
.fondo_800 {background-image: url(imagenes/fondo_800.jpg);}

#cazo{
	position:absolute;
	top: 16px;
	left: 90px;
	width: 155px;
	height: 132px;
	z-index: 1;
} 
#logo{
	position:absolute;
	top: 36px;
	left: 220px;
	width: 620px;
	height: 70px;
	z-index: 1;
	text-align: left;
} 
#idiomas{
	position:absolute;
	top: 30px;
	left: 100%;
	margin-left: -174px;
	width: 150px;
	height: 30px;
	z-index: 1;
	text-align: right;
	font-family: "Comic Sans MS", cursive;
	font-size: 11px;
	color: #FFF;
}
#telefono{
	position:absolute;
	top: 86px;
	left: 100%;
	margin-left: -344px;
	width: 320px;
	height: 70px;
	z-index: 1;
	text-align: right;
	font-family: "Comic Sans MS", cursive;
	font-size: 20px;
	color: #FFF;
} 
#header {
	position: absolute;
	background-image: url(imagenes/negro_alfa_60.png);
	background-repeat: repeat;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
	color: #FFF;
	height: 100px;
	width: 98%;
	top: 20px;
	left: 1%;
	margin-right: 20px;
	z-index: 0;
} 
#central{
	position: absolute;
	width: 98%;
	margin-top: 10px;
	top: 120px;
	left: 1%;
	z-index: 0;
}
#central_cazo_fondo{
	position: inherit;
	top: 100%;
	left: 100%;
	margin-left: -320px;
	margin-top: -440px;
	width: 200px;
	height: 200px;
	z-index: -1;
}
#central .lateral {
	width: 170px;	
	background-image: url(imagenes/negro_alfa_60.png);
	background-repeat: repeat;
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 6px;
	color: #FFF;
}
.tipo_menu						{
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px;
}
.tipo_menu a:link			{text-decoration: none; color: #FFF; padding-left: 24px; text-indent: 24px;}
.tipo_menu a:visited	{text-decoration: none; color: #FFF; padding-left: 24px; text-indent: 24px;}
.tipo_menu a:active		{text-decoration: none; color: #FFF; padding-left: 24px; text-indent: 24px;}
.tipo_menu a:hover		{text-decoration: none; color: #FFF; background-image: url(imagenes/cazo_menu.png); background-repeat: no-repeat; background-position: center left; text-indent: 24px;}

.tipo_menu span				{
	padding-left: 24px;
	background-image: url(imagenes/cazo_menu.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.tipo_menu .usuario	{
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
	padding-left: 24px;
}
.tipo_menu .usuario0	{
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
	padding-left: 24px;
	padding-top: 4px;
	border-top: 1px solid #666;
}
.tipo_menu .usuario1	{
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
	padding-left: 24px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
}
.tipo_menu input	{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	border: none;
}

#central .contenido {
	background-image: url(imagenes/blanco_alfa_90.png);
	background-repeat: repeat;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 10px;
	color: #000;
	line-height: 18px;
}
.pie{
	background-image: url(imagenes/negro_alfa_60.png);
	background-repeat: repeat;
	color: #FFF;
}
.texto_pie_izquierda{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	padding-left: 26px;
}
.texto_pie_derecha{
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	vertical-align: middle;
	font-size: 11px;
	padding-right: 26px;
	font-weight: bold;
}
.texto_pie_derecha a:link			{text-decoration: none; color: #FFF;}
.texto_pie_derecha a:visited	{text-decoration: none; color: #FFF;}
.texto_pie_derecha a:active		{text-decoration: none; color: #FFF;}
.texto_pie_derecha a:hover		{text-decoration: underline; color: #FFF}

/* Sugerencias para mainContent:
1. el espacio entre el mainContent y sidebar1 se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sidebar1, permanecerá el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sidebar1 cuando termine el contenido de #sidebar1.
2. para evitar la caída de un elemento flotante con una resolución mínima admitida de 800 x 600, los elementos situados dentro del div mainContent deben tener un tamaño de 430px o inferior (incluidas las imágenes).
3. en el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita diversos problemas específicos de IE.
*/
/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.informacion							{font-family: Verdana, Geneva, sans-serif; display: compact;}
.titulo_informacion				{
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 10px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #333;
	color:#333;
	text-align: left;
}
.subtitulo_informacion		{font-family: Verdana, Geneva, sans-serif; font-size: 14px; color:#666; font-style: italic;}
.texto_informacion				{font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #333; text-align: left;}
.texto_informacion1				{font-family: Verdana, Geneva, sans-serif; padding-left: 10px; font-size: 12px; color: #333; text-align: left;}
	
.informacion_foto	li			{
	margin: 2px;
	display: block;
	list-style-position: inherit;
	list-style-image: none;
	list-style-type: none;
	z-index: 99;
}
.informacion_foto a				{
	padding: 2px;
	display: block;
	border: 1px #333 solid;
	line-height: 0;
	z-index: 99;
}
.informacion_foto a:hover	{border: 1px #FF7E14 solid; z-index: 99;}

.margen_fotos		{margin-right: 4px;}

.titular_carta			{font-size: 18px; font-weight: bold; background-color: #000; color: #FFF; padding: 6px;}
.titulo_tipo_plato	{font-size: 14px; font-weight: bold; background-color: #999; color: #FFF; padding: 2px;}
.titulo_iva_carta		{font-size: 10px; font-style: italic; color: #333;}
.punteado_carta			{background-image: url(imagenes/punteado_carta.png); background-repeat: repeat-x; background-position: bottom left;}
.texto_desc_carta		{font-size: 11px; font-style: italic; color: #333; padding-left: 20px; padding-right: 80px; line-height: 12px;}
#central_carta_fondo{
	position: inherit;
	top: 100%;
	left: 100%;
	margin-left: -320px;
	margin-top: -440px;
	width: 200px;
	height: 200px;
	z-index: -1;
}

.tipo_form input	{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
}
.tipo_form textarea	{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
}
.box_gris		{border: 1px solid #CCC;}