@charset "iso-8859-1";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #003;
	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 */
}
#cabecera{
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 10px;
	width: 960px;
	height: 201px;
	background-color: #FFFFFF;
}
#fotos_cabecera{
	position: absolute;
	top: 0px;
	left: 480px;
	width: 480px;
	height: 176px;
	text-align: right;
	vertical-align: middle;
	background-image: url(imagenes/fondo_cabecera.jpg);
	background-position: right top;
	background-repeat: no-repeat;
} 
#fotos_cabecera10{
	float: right;
	top: 0px;
	width: 480px;
	height: 176px;
}
#menu{
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 185px;
	width: 960px;
	height: 28px;
}
#logo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 176px;
	z-index: 1;
} 
#central{
	position: absolute;
	width: 960px;
	top: 211px;
	left: 50%;
	margin-left: -480px;
	z-index: 1;
	background-color: #FFF;
}
#central .contenedor{
	background-color: #FFFFFF;
}
#pie {
	position: absolute;
	color: #000;
	height: 30px;
	width: 960px;
	top: 0px;
	left: 50%;
	margin-left: -480px;
	z-index: 1;
	border: solid 1px #F90;
} 
#tabla_idiomas{
	position: relative;
	width: 110px;
	top: 10px;
	left: 30px;
	z-index: 1;
	background-color: #FFFFFF;
}
#central .lateral {
	width: 190px;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin-top: 20px;
	color: #000;
	background-image: url(imagenes/paleta.jpg);
	background-position: 20px 120px;
	background-repeat: no-repeat;
	/*border: #333 solid 1px;*/
}
.tipo_tabla_menu{
	font-size: 14px;
	height: 28px;
	background-color: #5A5AFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.fondo_menu	{
	background-color: #5A5AFF;
}
.tipo_menu{
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
	color: #FFF;
	border-top: solid 1px #FFF; 
	border-right: solid 1px #FFF;
	font-weight: bold;
}
.tipo_menu a:link			{text-decoration: none; color: #FFF; font-weight: bold}
.tipo_menu a:visited	{text-decoration: none; color: #FFF; font-weight: bold}
.tipo_menu a:active		{text-decoration: none; color: #FFF; font-weight: bold}
.tipo_menu a:hover		{text-decoration: none; color: #F90; font-weight: bold}

.tipo_menu span				{
	padding-left: 18px;
	background-image: url(imagenes/puntero_menu.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	border-top: solid 1px #FFF; 
	border-left: solid 1px #FFF;
}

.fondo_idiomas				{border-top: solid 1px #FFF; }

/* TIPO SUB MENU */
.tipo_submenu						{
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	line-height: 16px;
	background-image: url(imagenes/linea_submenu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tipo_submenu a:link			{text-decoration: none; color: #000; padding-left: 30px; text-indent: 18px;}
.tipo_submenu a:visited	{text-decoration: none; color: #000; padding-left: 30px; text-indent: 18px;}
.tipo_submenu a:active		{text-decoration: none; color: #000; padding-left: 30px; text-indent: 18px;}
.tipo_submenu a:hover		{text-decoration: none; color: #000; background-image: url(imagenes/punto_submenu.jpg); background-repeat: no-repeat; background-position: 18px center; text-indent: 18px; font-weight: bold;}

.tipo_submenu span				{
	padding-left: 30px;
	background-image: url(imagenes/punto_submenu.jpg);
	background-repeat: no-repeat;
	background-position: 18px center;
	font-weight: bold;
}

#central .contenido {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #000;
	line-height: 18px;
	/*border: solid 1px #F90;*/
}
.pie{
	background-image: url(imagenes/fondo_pie.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #FFF;
	height: 60px;
}
.texto_pie_izquierda{
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.texto_pie_derecha{
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	vertical-align: middle;
	font-size: 14px;
	padding-right: 20px;
	padding-bottom: 10px;
}
.texto_pie_derecha a:link			{text-decoration: none; color: #FFF; font-size: 16px; font-weight: bold; height: 24px;}
.texto_pie_derecha a:visited	{text-decoration: none; color: #FFF; font-size: 16px; font-weight: bold; height: 24px;}
.texto_pie_derecha a:active		{text-decoration: none; color: #FFF; font-size: 16px; font-weight: bold; height: 24px;}
.texto_pie_derecha a:hover		{text-decoration: underline; color: #FF0 font-size: 16px; font-weight: bold; height: 24px;}

/* 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;
	font-size: 16px;
	font-weight: bold;
	color:#333;
	background-color: #FFF;
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}
.subtitulo_informacion		{font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#666; font-style: italic; padding-left: 6px;}
.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;
	line-height: 0;
	z-index: 99;
}
.informacion_foto a:hover	{z-index: 99;}

.margen_fotos		 		{padding-right: 12px;}
.texto_desc_info ul {
	text-indent: 30px;
	margin-left: 30px;
	list-style-position: inside;
	list-style-type: disc;
}


.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;}

.informacion_foto	li			{
	display: block;
	list-style-position: inherit;
	list-style-image: none;
	list-style-type: none;
	z-index: 99;
	text-align: left;
}
.informacion_foto a				{
	/*display: block;
	line-height: 0;*/
	z-index: 99;
	text-align: left;
}
.informacion_foto a:hover	{z-index: 99;}

.informacion_foto_d	li			{
	display: block;
	list-style-position: inherit;
	list-style-image: none;
	list-style-type: none;
	text-align: left;
	z-index: 99;
}
.informacion_foto_d a				{
	/*display: block;
	line-height: 0;*/
	z-index: 99;
	text-align: left;
}
.informacion_foto_d a:hover	{z-index: 99;}

.carta							{font-size: 12px;}
.titular_carta			{font-size: 18px; font-weight: bold; color: #003; padding: 2px; border-bottom: 2px solid #003;}
.titulo_tipo_plato	{font-size: 14px; font-weight: bold; background-color: #CACAFF; color: #003; 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;}
.titulo_plato				{height: 18px;}
.texto_desc_carta		{font-size: 11px; font-style: italic; color: #333; padding-left: 20px; padding-right: 80px; padding-bottom: 4px;}

#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;
}

.galeria		{font-size: 12px; font-family: Verdana, Geneva, sans-serif; margin-left: 20px; margin-right: 20px; margin-bottom: 10px; margin-top: 10px;}
.titulo_galeria {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	border-bottom: 2px #9db2b9 solid;
}
.titulo_galeria_fecha{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #900;
}

/* ---- para archivo de FOTOS.PHP ---- */
	ul.gallery {
		list-style: none;
		margin: 5px 0px 5px 0px;
	}
	
		ul.gallery li {
			display: block;
			float: left;
			margin: 0px 5px 0px 5px;
		}
		
			ul.gallery li a {
				padding: 2px;
				display: block;
				border: 2px #9db2b9 solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				line-height: 0;
			}
			
			ul.gallery li a:hover { border: 2px #313739 solid; }
			

.hover_platos:hover			{background-color: #EEEEEE;}