/* CSS 2.1 para Restaurente LOIDI	 */
/* @author: Ricard Catalan		*/
/**************************************************  TAGS: GENERAL  *************************************************/
body{
	font:11px/15px arial,Helvetica;
	color:#444444;
	text-align:left; /* Alineación por defecto para todas la tipografías  */
	font-weight:normal;
	background:#fff url(../images/loidi-fons.gif) repeat;
}
body, table, div, tr, td, ul, li, hr, img, p, span{ /* Quitamos margenes para las etiquetas más comunes */
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	vertical-align:top;
}
a{ color:#A40100; border-bottom:1px dotted #A40100; text-decoration:none; }
a:link{ color:#A40100; }
a:visited{ color:#A40100; }
a:hover{ color:#FF5400; border-bottom:1px solid #FF5400; }
a:focus { outline:0px; } /*  Quita los bordes al clicar en cualquier link, funciona en todos los nanegadores  */

/*********************************************  ESTRUCTURA: GENERAL  ***********************************************/
#loidi-contenedor{
	width:950px;
	margin:0 auto;
}
#header-sep{ width:950px; height:36px; }
#header-sep2{ width:950px; height:4px; }
#loidi-header{
	width:950px;
	height:110px;
	border-bottom:4px solid #ABABAB;
}
#logo-loidi{
	width:250px;
	height:110px;
	float:left;
}
#idiomas-loidi{
	width:100px;
	height:50px;
	position:absolute;
	margin:56px 0 0 326px;
	text-align:right;
}
#idiomas-loidi ul{ list-style:none; } /* quitamos los puntos de la lista */
#idiomas-loidi li a{ /* Separamos el interlineado y cambiamos el estilo*/
	line-height:18px;
	color:#444444;
	text-decoration:none;
	border:0;
}
#idiomas-loidi li a:hover{ color:#BF0B19; }
#idiomas-loidi li#lang-actual a{ font-weight:bold; color:#BF0B19; } /* Destacamos el idioma selecionado */
#error{
	width:950px;
	position:absolute;
	margin:0 auto;
	margin-top:100px;
	z-index:999;
}
#error a:hover{ color:#390800; }
.text-error{
	width:370px;
	height:170px;
	margin:0 auto;
	border:6px solid #BF0B19;
	background-color:#FFEBB6;
	padding:15px;
}
/******   ESTRUCTURA -> GENERAL: FOOTER  *******/
#loidi-footer{
	clear:both;
	width:950px;
	height:40px;
	margin-top:40px;
	border-top:4px solid #ABABAB;
}
.local-loidi{ margin-top:10px; text-align:center; color:#222222; }
.local-loidi b{ color:#BC0013; margin-right:6px; }
.local-loidi em{ margin:0 5px 0 5px; }
.local-loidi span{ font:11px/15px arial,Helvetica; color:#444444; }
/******   ESTRUCTURA -> GENERAL: MENU  *******/
#menu-loidi{
	width:515px;
	height:108px;
	float:right;
}
ul#lista-loidi{ list-style:none; }
ul#lista-loidi li{ 
	list-style-type: none; 
	list-style-image:none;
	margin-left:3px;
	float: left;
}
#res-link-es{ width:100px; height:108px; background:url(../images/menu-restaurante.gif) no-repeat; }
#cop-link-es{ width:100px; height:108px; background:url(../images/menu-concepto.gif) no-repeat; }
#pla-link-es{ width:100px; height:108px; background:url(../images/menu-platos.gif) no-repeat; }
#men-link-es{ width:100px; height:108px; background:url(../images/menu-menus.gif) no-repeat; }
#con-link-es{ width:100px; height:108px; background:url(../images/menu-contacto.gif) no-repeat; }
#res-link-cat{ width:100px; height:108px; background:url(../images/menu-restaurante-cat.gif) no-repeat; }
#cop-link-cat{ width:100px; height:108px; background:url(../images/menu-concepto-cat.gif) no-repeat; }
#pla-link-cat{ width:100px; height:108px; background:url(../images/menu-platos-cat.gif) no-repeat; }
#men-link-cat{ width:100px; height:108px; background:url(../images/menu-menus-cat.gif) no-repeat; }
#con-link-cat{ width:100px; height:108px; background:url(../images/menu-contacto-cat.gif) no-repeat; }
#res-link-en{ width:100px; height:108px; background:url(../images/menu-restaurante-en.gif) no-repeat; }
#cop-link-en{ width:100px; height:108px; background:url(../images/menu-concepto-en.gif) no-repeat; }
#pla-link-en{ width:100px; height:108px; background:url(../images/menu-platos-en.gif) no-repeat; }
#men-link-en{ width:100px; height:108px; background:url(../images/menu-menus-en.gif) no-repeat; }
#con-link-en{ width:100px; height:108px; background:url(../images/menu-contacto-en.gif) no-repeat; }
#res-link-es a, #res-link-en a, #res-link-cat a, #cop-link-es a, #cop-link-en a, #cop-link-cat a,  #pla-link-es a, #pla-link-en a, #pla-link-cat a, #men-link-es a, #men-link-en a, #men-link-cat a, #con-link-es a, #con-link-en a, #con-link-cat a{
	padding:0 0 60px 97px;
	text-align:center;
	border:0;
}
/*********************************************  ESTRUCTURA: CONTENIDO->INDEX  ***********************************************/
#contenido-loidi{ width:950px; }
#contenedor-index{
	width:660px;
	margin:0 auto;
	margin-top:18px;
}
#contenedor-index2{
	width:950px;
	margin-top:26px;
	margin-bottom:24px;
	background-color:#fff;
}
#contenedor-menu{ width:950px; margin-top:-14px;}
#concepto-texto{ width:248px; margin:20px 24px 12px 0; float:right; text-align:justify; }
#concepto-img{ width:640px; border:10px solid #F07C00; float:left; text-align:center; } /* Aqui mostraremos una fotografía del local aleatoriamente*/
#pincelada{ position:absolute; margin:-25px 0 0 865px; }
#contenedor-galeria{ /* USADO por MOOTOOLS para hacer el movimiento */
	width:950px;
	height:420px;
	margin-top:30px;
	background:#fff;
}
#bienvenido{
	height:62px;
	background:url(../images/bienvenido-sup.gif) no-repeat 0px 0;	
}
#bienvenido-txt{
	position:absolute;
	margin:37px 0 0 -5px;
	font:60px/15px arial,Helvetica;
	color:#fff;
}
#bienvenido-img{ border:10px solid #FFFFFF } /* Aqui mostraremos una fotografía del local aleatoriamente*/
#bienvenido-img a{ border:0; }
.both{ width:950px; clear:both; height:4px; margin-bottom:-10px; }
.bienvenido-img img{ width:646px; }
#galeria{
	width:660px;
	position:absolute;
	visibility:hidden;
}
/*********************************************  ESTRUCTURA: CONTENIDO->CONTACTO  ***********************************************/
#contenedor-contacto{
	width:660px;
	margin:0 auto;
	margin-top:30px;
	background:#fff url(../images/contacto2.jpg) no-repeat 240px 80px;
	border:6px solid #FF8819;
}
#contenedor-contacto:hover{border:6px solid #F04F00;}
#form-contacto{
	width:500px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
}
#contenedor-estado{
	width:650px;
	font-size:12px;
	line-height:24px;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
	padding:5px;
	height:24px;
}
#contenedor-estado.enviado{ background:#DEFFB5; border:6px solid #9CD648; }
#contenedor-estado.error{ background:#FFBE9E; border:6px solid #D74113; }
/*********************************************  ESTRUCTURA: CONTENIDO->GESTOR DE EVENTOS  ***********************************************/
#eventos-list .listado{
	background:url(../images/fons-list2-eventos.png) repeat;
	padding:8px;
}
#eventos-add .add-titol{
	height:36px;
	margin-bottom:2px;
	background:url(../images/fons-eventos.gif) repeat-x;
}
#eventos-list .add-titol{
	height:36px;
	margin-bottom:2px;
	background:url(../images/fons-eventos-2.gif) repeat-x;
}
#eventos-list .add-titol2{ height:36px; margin-bottom:8px; margin-bottom:2px; background:url(../images/fons-eventos-2.gif) repeat-x; }
#eventos-list .evento-actual{ color:#333333; }

/*********************************************  ESTRUCTURA: LOGIN / ERROR -> PLANTILLA  ***********************************************/
#contenedor-error, #contenedor-login{ width:660px;	margin:0 auto; margin-top:30px; border:6px solid #FF8819; background-color:#fff;}
#error-plantilla, #form-login{ width:500px; margin:0 auto; margin-top:15px; margin-bottom:15px; }

/****************************************  FORMULARIOS:  INTPUTS / SELECTS / TEXTAREA   *****************************************/
input, select, textarea{
	font:normal 11px/15px arial,Helvetica;
	color:#333333;
	padding:2px;
	margin-bottom:15px;
	background-color:#FFFDF5;
	border:1px solid #9D1E00;
	max-width:400px;
	max-height:300px;
}
input:focus, select:focus, textarea:focus{ background:#FEF2E0; border:3px solid #9D1E00; }

input#nombre,input#apellido, input#direccion, input#fecha,input#email,input#telefono, input#password, input#personas, input#hora, input#localidad, input#codigop  { width:250px; padding-left:20px; }
input#nombre { background:#FFFDF5 url(../images/icons/nombre.gif) no-repeat 2px 2px; }
input#apellido { background:#FFFDF5 url(../images/icons/nombre.gif) no-repeat 2px 2px; }
input#direccion { background:#FFFDF5 url(../images/icons/direccion.gif) no-repeat 2px 2px; }
input#fecha { background:#FFFDF5 url(../images/icons/fecha.gif) no-repeat 2px 2px; }
input#email { background:#FFFDF5 url(../images/icons/email.gif) no-repeat 2px 2px; }
input#telefono { background:#FFFDF5 url(../images/icons/telefono.gif) no-repeat 2px 2px; }
input#password { background:#FFFDF5 url(../images/icons/password.gif) no-repeat 2px 2px; }
input#personas { background:#FFFDF5 url(../images/icons/personas.gif) no-repeat 2px 2px; }
input#localidad { background:#FFFDF5 url(../images/icons/localidad.gif) no-repeat 2px 2px; }
input#codigop { background:#FFFDF5 url(../images/icons/codigop.gif) no-repeat 2px 2px; }

select#hora { width:250px; background:#FFFDF5;}

input.submit{ width:100px;}
input.submit:hover{ background:#FEF2E0; font-weight:bold; }
input.submit:focus{ background:#FEF2E0; font-weight:bold; }

textarea#comentario{ width:270px; height:175px;}
textarea#coment{ width:270px; height:175px;}

/****************************************  TEXTOS  *****************************************/
h1,h2,h3,h4,span,p{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
h1{
	font-size:18px;
	font-weight:bold;	
	color:#333333;
}
h2{
	font-size:15px;
	font-weight:bold;	
	color:#333333;
}
h2.cabezera{
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	color:#111111;
}
h2.color{
	font-size:15px;
	font-weight:bold;
	color:#6D130F;
}

/****************************************  MODIFICACIONES PARA INTERNET EXPLORER  *****************************************/
/* IE6 Only */
* html #idiomas-loidi{ width:130px; height:50px; position:absolute; margin:56px 0 0 48px; text-align:right; }
* html #menu-loidi{ width:518px; height:108px; float:right; }
* html #bienvenido{ height:62px; background:url(../images/bienvenido-sup.gif) no-repeat 0px 0; margin-bottom:-8px; }
* html #bienvenido-txt{ height:62px; position:absolute; margin:8px 0 0 -5px; font:60px/15px arial,Helvetica; color:#fff; }
* html #error{ width:670px; position:absolute; margin:0 auto;	margin-top:100px; z-index:999; }
*html #header-sep2{ width:950px; height:1px; margin-top:-10px; }
* html .text-error{
	width:400px;
	margin:0 auto;
	border:6px solid #BF0B19;
	background-color:#FFEBB6;
}
* html #reservar, #contactar, * html #priv{ border:none; }
* html #zonafum, #zonanofum{ border:none; }
* html #concepto-texto{ width:242px; margin:20px 14px 12px 12px; float:right; text-align:justify; }
* html #contenedor-index2{ width:950px; margin-top:22px; margin-bottom:0; background-color:#fff; }
* html .both{ width:950px; clear:both; height:1px; margin-bottom:-5px; }
/* IE7 Only */
*:first-child+html #idiomas-loidi{ width:180px; height:50px; position:absolute; margin:56px 0 0 0px; text-align:right; }
*:first-child+html #bienvenido{ height:62px; background:url(../images/bienvenido-sup.gif) no-repeat 0px 0; margin-bottom:-8px; }
*:first-child+html #bienvenido-txt{ font:60px/62px arial,Helvetica; color:#fff; height:62px; position:absolute; margin:8px 0 0 -4px; display:block }
*:first-child+html #error{ width:670px; position:absolute; margin:0 auto;	margin-top:100px; z-index:999; }
*:first-child+html #res-link-es a, #res-link-en a, #res-link-cat a, #cop-link-es a, #cop-link-en a, #cop-link-cat a,  #pla-link-es a, #pla-link-en a, #pla-link-cat a, #men-link-es a, #men-link-en a, #men-link-cat a, #con-link-es a, #con-link-en a, #con-link-cat a{
	font:11px/70px arial,Helvetica;  /* --->  en IE7 el tamaño de la caja de texto va en función su interlineado  o_0"  */
	padding:0 0 70px 97px;
	margin-top:-20px;
	text-align:center;
	border:0;
}
*:first-child+html #reservar, #contactar, #priv{ border:none; }
*:first-child+html #zonafum, #zonanofum{ border:none; }
*:first-child+html #zonafum, *:first-child+html #zonanofum{border:none;}
*:first-child+html .both{ width:950px; clear:both; height:4px; margin-bottom:0px; }