/* Documento css registrado por FLEXO estudio digital */

/* ------------------------------------- General -----------------------------------*/

body {
	margin: 0px;
	padding:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#333333;
	background: url(/img/pix_barrita.gif) repeat-x top center #635a4e;
	line-height:130%;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}


/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	text-align:center;
	}

th{
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:3px;
	background-color: #948e86;
}

td{
	border-top: 3px solid #fff;
	background-color: #ebebe6;
	color:#333333;
	padding:5px 10px;
	text-align:left;
	font-size:100%;
}


/* ----------------- Enlaces ------------*/
a {
	color: #cc6600;
	text-decoration: none;
	font-weight:bold;
}

a:hover{
	text-decoration: underline;	
}

.link_amarillo{color:#FC0; }
.link_amarillo:hover{background-color: #FC0; color:#FFF; text-decoration: none;}
.link_rojo {background-color: #e06060; padding:4px 6px; color:#FFF; border:1px solid #C00; }
.link_rojo:hover{ background-color:#e62e2e; color:#FFF; text-decoration: none;	}
.link_naranja { background-color:#F60; padding:4px 6px; color:#FFF; border:1px solid #C60; }
.link_naranja:hover{ background-color:#C60; color:#FFF; text-decoration: none;	}
.link_verde { background-color: #adc05b; padding:4px 6px; color:#FFF; border:1px solid #9eb053; }
.link_verde:hover{ background-color:#9eb053; color:#FFF; text-decoration: none;	}
.link_azul {background-color:#5294a7; padding:4px 6px; color:#FFF; border:1px solid #418194; }
.link_azul:hover{ background-color:#418194; color:#FFF; text-decoration: none;	}

/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	font-size:200%;
	padding:0px 0px 0px 0px;
	color:#333333;
	margin:0px 0px 10px 0px;
	clear:both;
	}
	
h3 {
	font-size:140%;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin:15px 0px 5px 0px;
	color: #555555;
	clear:both;
}

h4 {
	font-size:120%;
	padding:5px 0px 5px 0px;
	margin:10px 0px 5px 0px;
	color: #930;
	clear:both;
}

h5 {
	color:#555555;
	font-size:100%;
	padding:3px 5px;
	margin:10px 0px 5px 0px;
}

p	{
	margin:0px;
	padding:5px 2px;
	}


/* ------------------- Formularios -------------------*/

form {
	padding: 0px;
	margin:5px;
}

input{
	font-size:100%;
	border:1px solid #635a4e;
	padding:3px 5px;
	margin:0px 0px 10px 0px;
	background-color: #ffffff;
	background: url(/img/pix_deg_principal.gif) repeat-x top;
	}
	
select{
	font-size:100%;
	border:1px solid #635a4e;
	background-color: #ffffff;
	padding:3px;
	color:#333333;
	margin:3px 0px 10px 0px;
	}
optgroup{font-style:normal;}
fieldset{border:1px solid #ccc; padding:10px;}
legend{ padding:0px 10px;}
.over{ border:1px solid #cc6600;}

textarea{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: lighter;
	border:1px solid #635a4e;
	background-color: #ffffff;
	padding:5px;
	margin:0px 0px 10px 0px;
	background: url(/img/pix_deg_principal.gif) repeat-x top;
	}
	

label{
	color: #666;
	font-weight:bold;
	}
	
.noborder{
	border:none;
	margin:0px 2px 0px 10px;
	padding:0px 0px 0px 0px;
	vertical-align:text-top;
}

input.botontxt{
	background-image:none;
	background-color:#635a4e;
	margin:0px;
	padding:3px 6px;
	color:#fff;
}
input.botontxt:hover{
	background-color: #402f2f;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
	
/* ------------------------------------- Capas principales -----------------------------------*/


#cabecera{
	width:100%;
	padding:0px;
	margin-top:4px;
	height:150px;
	background: url(/img/pix_cabecera.gif) repeat-x #fff;
	}
	
#cabecera_int{
	width:900px;
	padding:0px;
	margin:0px auto;
	height:200px;
	}
		
#logo{
	float:left;
	margin:0px 0px 0px 20px;
	padding:0px;
}

#tfno_pedidos{
	float:right;
	margin: 20px 00px 0px 148px;
}

#invitar{
	float:left;
	margin: 83px 00px 0px 148px;
	padding:0px 0px 0px 0px;
	height:40px;
}
#carta{
	float:right;
	margin:28px 00px 0px 20px;
	padding:0px 0px 0px 0px;
	height:40px;
}

#ruta{
	padding:0px 0px 0px 200px;
	margin:0px 0px 10px 0px;
	}

#contenido{
	width:100%;
	padding:20px 0px;
	margin:0px;
	background-color: #ffffff;
}

#contenido_home{
	width:900px;
	margin:0px auto;
	clear:both;
	padding:0px 0px 0px 0px;
}
#contenido_invitar{
	margin: 30px;
	padding: 260px 25px 25px 25px;
	background: url(/img/invitacion.jpg) no-repeat top center #fff;
}

#banner_home{
	width:900px;
	margin:0px auto;
	clear:both;
	padding:0px;
	height:260px;
}

#banner_adomicilio_h{
	float:right;
	width:350px;
	margin:20px 10px 0px 0px;
	padding:20px;
	background-color: #5294a7;
	color:#FFF;
}

#banner_fiestas_h{
	float:right;
	width:450px;
	margin:20px 10px 0px 0px;
	padding:20px;
	background-color: #C00;
	color:#FFF;
}

#contenido_int{
	width:900px;
	margin:0px auto;
	clear:both;
	padding:0px 0px 10px 0px;
}
#menu{

	height:34px;
	_height:35px;
	float:left;
	width:200px;
	padding:0px;
	margin:15px 0px 0px 0px;
} 


#principal{
	float:left;
	width:690px;
	padding:0px;
	margin:0px;
	border-top: 1px solid #dfd9ca;
	border-left: 1px solid #dfd9ca;
	border-right: 1px solid #dfd9ca;
	background: url(/img/pix_deg_principal.gif) repeat-x top #fff;
}

.principal_home_carta{
	float:left;
	width:200px;
	padding:25px;
	margin:0px;
	border-right: 1px solid #dfd9ca;
}
.principal_home_fotos{
	float:left;
	width:190px;
	padding:25px;
	margin:0px;
	border-right: 1px solid #dfd9ca;
}
.principal_home_reservas{
	float:left;
	width:140px;
	padding:25px;
	margin:0px;
}

.interior_ancha	{
	float:left;
	width:430px;
	padding:25px;
	margin:0px;
	}
	
.interior_estrecha {
	float:left;
	width:160px;
	padding:0px 20px;
	margin:25px 0px;
	border-left: 1px dotted #dfd9ca;
	}
	
.proveedor{
	float:left;
	width:185px;
	padding:10px  0px;
	margin:0px 10px;
	border-bottom:1px solid #ccc;
}


#galeria{
	float:left;
	padding:0px;
	margin:0px;
}

#galeria img {
	margin: 3px;
	border:5px solid #e7e9e2;
	}
	
#galeria img:hover {
	border:5px solid #adc05b;
	}

#pie{
	width:100%;
	margin:0px auto 0px auto;
	clear:both;
	padding:0px;
	background-color:#635a4e;
	background-image:url(/img/pix_boletin.gif);
	background-repeat:repeat-x;
	background-position: top;
}
#pie_int{
	width:880px;
	margin:0px auto;
	clear:both;
	padding:20px 10px 20px 10px;
	color:#FFFFFF;
}
#pie_int a{ font-weight:normal; color: #FF9900;}

#boletin{
	width:790px;
	height:40px;
	margin:0px auto 30px auto;
	clear:both;
	padding:5px 0px 0px 100px;
	color:#666;
	background: url(/img/tt_boletin.gif) no-repeat left;
}

/* ------------------------------------ clases -----------------------------------*/

.popup{padding:20px; background: url(/img/pix_deg_principal.gif) repeat-x top #fff;}

.fotoparrafode {
	float: right;
	padding: 0px;
	margin: 0px 0px 15px 15px;
}
.fotoparrafoiz{
	float: left;
	padding: 0px;
	margin: 0px 15px 15px 0px;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 0px;
	margin: 3px 10px 10px 0px;
	border:4px solid #d9dbd5;
}
.fotoparrafomarcode {
	float: right;
	padding: 0px;
	margin: 3px 0px 10px 10px;
	border:4px solid #d9dbd5;
}

.fotomarco {
	padding: 0px;
	margin: 3px 0px 10px 0px;
	border:4px solid #d9dbd5;
}

.separador {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
	}
	
.banner{
	clear:both;
	margin:20px 0px;
	padding:0px;
	text-align:center;
}	
	
.fecha{color: #777; font-weight:bold;}

.fechanoticia{
	color:#777777;
	border-top: 1px solid #edebdd;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 25px;
	}

.mini{font-size:90%;}
.ingredientes{ color:#666;}
.gris{ color:#999999;}
.legal{ color:#999999;font-size:90%;}
.rojo{ color: #C00;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 
.negrita{ font-weight:bold;}

.masinfo{
	text-align:right;
	margin:10px 0px 0px 0px;
	padding:4px 6px 4px 8px;
	color:#666666;
	clear:left;
}
.masinfo a{font-weight:normal; color:#556b63;}

.paginacion{
	clear:both;
	border: 1px dotted #dfd9ca;
	margin:10px 0px 0px 0px;
	padding:5px 8px;
	color:#666666;
}
.enviafoto_info { background: url(/img/ico_sobre.gif) no-repeat 4px #5294a7;  padding:8px 8px 8px 30px; color:#FFF; border:1px solid #418194; }
.enviafoto { background: url(/img/ico_sobre.gif) no-repeat 4px #5294a7;  padding:4px 6px 4px 30px; color:#FFF; border:1px solid #418194; }
.enviafoto:hover{ background-color:#418194; color:#FFF; text-decoration: none;	}

.enlaces{
	clear:both;
	margin:0px 0px;
	padding:10px 10px 10px 75px ;
	background-image:url(/img/ico_enlaces.gif);
	background-repeat:no-repeat;
	background-position: left center;
	}

.pdf{
	background-image:url(/img/ico_pdf.gif);
	background-repeat:no-repeat;
	margin:5px;
	padding:5px 0px 5px 25px;
}

.volver{
	clear:both;
	border-top:1px solid #d9dbd5;
	background-image:url(/img/ico_volver.gif);
	background-repeat:no-repeat;
	background-position: left 13px;
	margin:15px 0px 0px 0px;
	padding:4px 10px 0px 10px;
}

.volver a { font-weight:normal;}

.subir{
	margin:0px;
	padding:4px;
	font-size:90%;
	font-weight:lighter;
}

.boton{margin:10px 0px; clear:both;}
.boton a{
	padding:8px 10px;
	color:#FFF;
	background-color: #627e39;
	border:1px solid #3e5024;
}
.boton a:hover{
	color: #fff;
	background-color: #3e5024;
	text-decoration:none;
}

.recuadro {
	clear:both;
	background-color:#5294a7;
	margin:5px;
	padding:5px 10px;
	color:#FFF;
}



/* ------------------------------------ recuadros respuesta formularios -----------------------------------*/
.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
       border: 1px solid;
       margin: 10px 0px;
       padding:20px 10px 20px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/img/ico_info.gif');
}
.recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/img/ico_ok.gif');
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/img/ico_att.gif');
}
.recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/img/ico_ko.gif');
}


/* ------------------------------------ recuadros respuesta boletin -----------------------------------*/
.bol_recuadro_info, .bol_recuadro_ok, .bol_recuadro_att, .bol_recuadro_ko {
       border: 1px solid;
       margin: 0px 0px;
       padding: 7px 10px 7px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.bol_recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/img/ico_info.gif');
}
.bol_recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/img/ico_ok.gif');
}
.bol_recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/img/ico_att.gif');
}
.bol_recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/img/ico_ko.gif');
}





/* ------------------------------------- Listas -----------------------------------*/
/* ----------------- general -----------------*/

ol{
	margin:0px;
	padding:0px;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
li{
	margin:0px;
	padding:0px;
}

/* ---------------- lista del menu  -------------------- */

#menu ul {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

#menu li {
	padding:0px;
	margin: 0px;

}

#menu li a{
	display:block;
	_width:180px;
	padding: 5px 10px;
	margin:1px 0px;
	font-size: 90%;
	background-image:url(/img/bt_menu.gif);
	background-repeat:repeat-y;
	background-position: right;
	color: #ffffff; 
	text-decoration:none;
	background-color:#dc5500;
	text-transform:uppercase;
	border-left:5px solid #fff;
}

#menu li a:hover {
	text-decoration:none;
	_width:190px;
	margin:1px 0px;
	padding:5px 5px;
	background-image:url(/img/bt_menu_on.gif);
	background-repeat:repeat-y;
	background-position: right;
	background-color:#8b3600;
	color: #FFCC00;
	border-left:5px solid #8b3600;
}


/* ----------------- ruta ------------------*/
#ruta ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
}
#ruta li a{
	display:inline;
	text-decoration: none;
	font-weight:normal;
}
#ruta a:hover {
	text-decoration: underline;
}



/* ----------------- lista del submenu ----------------*/
.submenu ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:block;
}
.submenu li {
	margin: 0px 0px 1px 0px;
	text-decoration: none;

}
.submenu li a{
	text-decoration: none;
	color:#333333;
	width:235px;
	display: block;
	background-image:url(/img/pix_submenu.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding: 5px 0px 5px 10px;
}
	
.submenu a:hover {
	background-color: #ded6bd;
	text-decoration:none;
	background-image:none;
}


/* ----------------- listado ----------------*/


.listado ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding: 5px 0px 5px 8px;
	border-bottom:1px solid #d9dbd5;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}




/* ----------------- galeria imagenes----------------*/


.galeria li {
	text-decoration: none;
	margin:0px;
	padding:0px;
	display:inline;
}
.galeria li a{
	display:inline;
	font-size:90%;
	float:left;
	margin: 0px 3px 3px 0px;
	padding:3px 0px;
	text-align:center;
	width:20px;
	text-decoration: none;
	font-weight:normal;
	background-color: #edebdd;
	color:#666666;
}
.galeria a:hover {
	text-decoration: none;
	background-color: #FEEFB3;
	color:#FFFFFF;
}


/* ----------------- clases para titulos de seccion ----------------*/
.tt_detarde{
background-image:url(/img/tt_detarde.gif);
background-repeat:no-repeat;
height:30px;
}
.tt_demediodia{
background-image:url(/img/tt_demediodia.gif);
background-repeat:no-repeat;
height:30px;
}



.tt_zurich{
background-image:url(/img/tt_nosotros.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_carta{
background-image:url(/img/tt_carta.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_fotos{
background-image:url(/img/tt_fotos.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_invitar{
background-image:url(/img/tt_invitar.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_reservas{
background-image:url(/img/tt_reservas.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_donde{
background-image:url(/img/tt_donde.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_enviafoto{
background-image:url(/img/tt_enviafoto.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_accesibilidad{
background-image:url(/img/tt_accesibilidad.gif);
background-repeat:no-repeat;
height:30px;
}

.tt_legal{
background-image:url(/img/tt_legal.gif);
background-repeat:no-repeat;
height:30px;
}

/* ------------- icono de progreso ------------*/
#progreso{
	display:none;
	margin:5px 0px;
	padding:5px 5px 5px 30px;
	border:1px dotted #CCCC99;
	background-image:url(/img/progress.gif);
	background-position: 5px;
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	font-size:90%;
}

/* ------------- slider carta ------------*/

h3.slider {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 5px 0 5px 45px;
	margin: 0 0 5px 0;
	width: 380px;
	font-weight: normal;
	float: left;
	}
	
h3.slider a {
	color: #fff;
	background: url(../img/ico_slider.gif) right center no-repeat;
	text-decoration: none;
	display: block;
	}
	
h3.slider a:hover {
	color: #FC0;
	}

.toggle_container {
	margin: 0 0 5px 0px;
	padding: 0px;
	overflow: hidden;
	width: 425px;
	clear: both;
	}
	
	/******************* Slider *******************/

.banner_home {
	width:100%; 
	overflow:hidden;
}


#easySlider {
 clear: both;
 margin: 0 auto;
 position: relative;
 width:880px;
}
.container_slider {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.slides {
	left:0;
	top:0;
	position:absolute;
}
.slides > div.slide {
	display: none;
	position: absolute;
	top: 0;
	width: 900px;
}
ol#controls {
	height:10px;
	width:180px;
	overflow:hidden;
	position:absolute;
	left:22px;
	bottom:22px;
}
ol#controls li {
	float:left;
	margin-right:8px;
	height:10px;
}
ol#controls li a {
	text-indent:-999999px;
	width:10px;
	height:10px;
	background:url(/img/banner_list.png) no-repeat;
	display:block;
}
ol#controls li a:hover {
	background:url(/img/banner_list_hover.png) no-repeat;
}
ol#controls li.current a {
	background:url(/img/banner_list_hover.png) no-repeat;
}