/* CSS Document */
* { margin: 0; padding:0; border: 0; }
/* LA MAGIA
-------------------------------------------- */

html, body { height: 100%; }

#contenedorPrincipal, div#contenedorFoot { width: 975px; margin: 0 auto;}
#contenedorPrincipal {
	/*text-align: left;*/
	position: relative; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	background: #fff url(../img/bg-left.gif) 0 0 repeat-y;
}
div#contenedorFoot {  
	position: relative; 
	bottom: 0 !important; 
	bottom: -1px; 
	height: 20px;
} 

div.both { clear: both; height: 1px; margin-top: 20px; width: 100%;}


/* ESTRUCTURA
-------------------------------------------- */

body {
	font: normal normal 0.80em "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #444;
	padding: 8px 8px 30px 8px;
	background: #444 url(../img/bg.gif)
}

div#cabecera {
	width: 975px;
	height: 194px;
	padding: 2px 0 0 0;	
	background: rgb(212,115,37) url(../img/bg-left.gif) 0 0 repeat-y;
}

div#cabeceraImg { width: 975px; height: 194px; }

div#menuPrincipal {
	width: 730px;	
	/*margin-right: 10px !important; margin-right: 10px;*/ padding: 10px 9px 0 9px; 	
	float: right;
	border-bottom: 1px solid #ddd;
}

div#contenedor { width: 975px; }

div#columnaIzquierda { width: 192px; padding: 15px; float: left; text-align: left; min-height: 730px; _height: 730px;}

/* Dos columnas al centro */
div#columnaCentral { width: 420px; padding: 18px 9px 100px 9px; float: left; }
div#columnaDerecha { width: 300px; padding: 12px 9px 50px 0; float: right; }

/* Una columna al centro */
#columnaCentro { width: 708px; padding: 18px 20px 100px 20px; float: right; }

div#columnaInferior { width: 708px; padding: 18px 25px 100px 20px; float: right; } /* modelo usado en los mapas. Fila bajo el mapa */

#foot { height: 20px; font-size:0.70em; background: rgb(212,115,37) url(../img/bg-left.gif) 0 0 repeat-y; }

p { /*font: normal normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;*/ padding: 3px 0 8px 0; line-height: 1.30em; }
ul, li { list-style: none; /*font: normal normal 0.90em "Trebuchet MS", Arial, Helvetica, sans-serif;*/ }
a { color:rgb(212,115,37); text-decoration: underline; cursor: hand; cursor: pointer; }
a:hover { color: #444; }

/* MENU SUPERIOR
----------------------------- */

#menuPrincipal ul { padding: 0 0 10px 0; font-size: 115%; }
#menuPrincipal ul li { display: inline; }
#menuPrincipal ul li a { text-decoration: none; font-weight: bold; }
#menuPrincipal ul li a:hover {  }

#menuPrincipal .left { padding: 0 10px 0 0; border-right: 1px solid #ccc; }
#menuPrincipal .regular { padding: 0 10px 0 10px; border-right: 1px solid #ccc; }
#menuPrincipal .right { padding: 0 0 0 10px; border-right: 0; }


/* MENU IZQUIERDA
--------------------------- */
#columnaIzquierda ul { margin: 0 0 10px 0;}
#columnaIzquierda ul p.supHeader { border-bottom: 1px solid #555; }
#columnaIzquierda li { text-align: left; border-bottom: 1px solid #555; font-size: 100%; color: #ccc; }
#columnaIzquierda li a { width: 177px; display: block; padding: 8px 5px 8px 10px; text-decoration: none; color: #ccc; }
#columnaIzquierda li a:hover { /*color: #fff;*/ background: #444; }
#columnaIzquierda li.select { background: #444; }
#columnaIzquierda li.select a { /*color: #fff;*/ font-weight: bold; }

#columnaIzquierda ul li.unselect ul { display: none; }
#columnaIzquierda ul li.select ul {/*display: none;*/ }

	/* 2º nivel */
	#columnaIzquierda ul ul { margin: 0px;}
	#columnaIzquierda li li { border-bottom: none; border-top: 1px solid #111; font-size: 90%; color: #ccc; background: #222; }
	#columnaIzquierda li li a { width: 172px; display: block; border-right: 5px solid #222; padding: 4px 5px 4px 10px; text-decoration: none; color: #ccc; text-align: right; background: none; }
	#columnaIzquierda li li a:hover { color: #fff; /*background: #333;*/ border-right: 5px solid rgb(212,115,37);  }
	#columnaIzquierda li li a.select { color: #fff; font-weight: bold; background: none; border-right: 5px solid rgb(212,115,37); }

/*#columnaIzquierda .header { margin: 0 0 0px 0; color: #888; text-transform: uppercase; letter-spacing: 0.1em; border-top: 0; padding:12px 5px 12px 10px;  }*/

/* CONTACTO IZQUIERDA
--------------------------- */
.contacto { margin: 100px 0 0px 0; /*padding-top:80px; */color: #ccc; /*position:relative; bottom: 0px;*/ width: 197px;}
.contacto p { font: normal 90% "Trebuchet MS", Helvetica, Arial, sans-serif; }
.contacto a {  }
.contacto a:hover {  }
.contacto p.supHeader {  }
.contacto .header { width: 197px; color: rgb(212,115,37); text-transform: uppercase; border-bottom: 1px solid #666; padding: 0px;}
.contacto .header a { width: 187px; display: block; padding: 5px;text-decoration: none; font-weight: bold; }
.contacto .header a:hover { color: #fff; background: #444; }

/* COLUMNA CENTRAL ESTILOS DE TEXTO
---------------------------- */

#columnaCentral p {  }
#columnaCentral a { font-weight: bold; }
#columnaCentral a:hover {  }

#columnaCentral ul { margin: 20px 10px 20px 2px; border: 0; padding: 0; }
#columnaCentral ul li { line-height: 1.6em; margin-bottom: 10px; padding-left: 30px; }
#columnaCentral ul li a { font-weight: bold; }
#columnaCentral ul li a:hover {  }

/* H
---------------------------------- */

h1 { font: bold 180% "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(212,115,37); padding: 0; margin: 0; }
h2 { font: bold 160% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; padding: 0; margin: 15px 0 0 0; }
h2 a { text-decoration: none; }
h2 a:hover {  }

h3 { font: normal 140% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #777; padding: 0; margin: 15px 0 18px 0; line-height: 1.4em; }
h3 a { text-decoration: none; }
h3 a:hover {  }

h4 { font: normal 120% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; padding: 0; margin: 10px 0 12px 0; line-height: 1.4em; }
h5 { font: normal 110% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; padding: 0; margin: 0 0 15px 0; }
h5 a { text-decoration: none; }
h5 a:hover {  }
h6 { font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #444; padding: 0; margin: 15px 0 0 0; line-height: 1.4em; }

/* BLOQUES
--------------------------------- */

/* Restaurates columna derecha */
.bq_Rest { width: 100%; margin: 0; border: 0; padding: 0px 0px 10px 0px; }
.bq_Rest .img { width: 120px; height: 120px; padding: 5px; float: left; border: 1px solid #ccc; }
.bq_Rest .info { width: 147px; height: 122px; padding: 5px 10px; font: normal 80% Arial, Helvetica, sans; color: #777; float: left; background: rgb(240,240,240); }

div#columnaCentro .bq_Rest { float: left; width: 300px; margin: 0; border: 0; padding: 30px 0px 10px 30px; } /* especificación para fila bajo mapas */
div#columnaInferior .bq_Rest { float: left; width: 300px; margin: 0; border: 0; padding: 0px 0px 10px 30px; } /* especificación para fila bajo mapas */

/* Especialidades Columna Central */
.bq_Esp { width: 100%; padding: 10px 0 10px 0; border-bottom: 1px solid #ddd; }
.bq_Esp h3 { color: rgb(212,115,37); padding: 0px 0px 8px 0px; margin: 0px; }
.bq_Esp .img { width: 120px; height: 120px; padding: 5px; margin-right: 10px; float: left; border: 1px solid #ccc; }
.bq_Esp .info { width: 275px; padding-right: 0; float: left; }

/* Restaurantes y tabernas */
.bq_rytL, .bq_rytR { width: 100%; margin: 0; border: 0; padding: 15px 0px 20px 0px; }
.bq_rytL img, .bq_rytL a img, .bq_rytL .img, .bq_rytL .img a,
.bq_rytR img, .bq_rytR a img, .bq_rytR .img, .bq_rytR .img a { width: 356px; height: 166px; padding: 5px; border: 1px solid #ccc; }
.bq_rytL .info, .bq_rytR .info { width: 320px; padding: 0px 10px; }
.bq_rytL .info h4,.bq_rytR .info h4  { color: rgb(212,115,37); padding: 0px 0px 8px 0px; margin: 0px; font-weight: bold; }

.bq_rytL img, .bq_rytL a img, .bq_rytL .img, .bq_rytL .img a { float: left; }
.bq_rytR img, .bq_rytR a img, .bq_rytR .img, .bq_rytR .img a { float: right; }
.bq_rytL .info { float: right; padding: 0px 10px 0px 10px; }
.bq_rytR .info { float: left; padding: 0px 10px 0px 10px;}


.info p { /*font: normal 0.70em Arial, Helvetica, sans; color: #777; */ }
.info p a { text-transform: none; font-weight: bold; }
.info p a:hover {  }
.img p { margin: 0; padding: 0; border: 0; }
.img p a { text-decoration: none; }
.img p a:hover {  }

/* Menús sin precios Columna Central */

.bq_MenuL, .bq_MenuLDoble { float: left; }
.bq_MenuR { float: right; }
.bq_MenuL, .bq_MenuLDoble, .bq_MenuR { width: 48%; padding: 1.0em 0 2.5em 0; }
.bq_MenuLDoble { width: 100%; }
.bq_MenuL h2, .bq_MenuLDoble h2, .bq_MenuR h2 {  }
.bq_MenuL h3, .bq_MenuLDoble h3, .bq_MenuR h3 { color: rgb(212,115,37); padding: 0px 0px 0.20em 0px; margin: 1.0em 0px 1.0em 0px; border-bottom:1px solid rgb(212,115,37); }
.bq_MenuL h3, .bq_MenuLDoble h3, .bq_MenuL h2, .bq_MenuLDoble h2 { text-align: left; }
.bq_MenuR h3, .bq_MenuR h2 { text-align: right; }
.bq_MenuL .img, .bq_MenuLDoble .img { padding: 5px; margin: 0 10px 0 0; float: left; border: 1px solid #ccc; }
.bq_MenuR .img { padding: 5px; margin: 0 0 0 10px; float: right; border: 1px solid #ccc; }
.bq_MenuL .info, .bq_MenuLDoble .info, .bq_MenuR .info { width: auto; font: bold 90% "Trebuchet MS", Arial, Helvetica, sans-serif; }
.bq_MenuL .info { padding-right: 0; float: left; }
.bq_MenuLDoble .info { padding-right: 10px; float: left; }
.bq_MenuR .info { padding-left: 0; float: right; text-align: right; }

/* Tablas de MENU */

.menus { border: 0px; font: normal normal 0.70em Arial, Helvetica, sans; width: 100%;}
	.menus th { font: bold 120% "Trebuchet MS", Arial, Helvetica, sans-serif; color: rgb(212,115,37); padding: 0.60em 0 0 0; line-height: 1.4em; border-bottom: 1px solid rgb(212,115,37); }
	.menus tbody td { border-bottom: 1px solid rgb(245,245,245);}
	.menus th.name, .menus td.name { font-weight: bold; text-align: right; width: 35.0em; }
		.menus th.namSe { font-weight: bold; font-size: 1.30em; text-align: right; width: 35.0em; }
		*html .menus th.name { width: 27.0em; }/* Para IE 6 o menor */
		html* .menus th.name { width: 27.0em; }/* Para IE 7 */
	.menus th.dato, .menus td.dato { font-weight: normal; text-align: center; width: 7.0em; }

/* adicionales */

p.supHeader { color: #999; text-transform: uppercase; letter-spacing: 0.10em; border-top: 0; padding: 12px 5px 12px 10px; font-size: 87%; font-weight: bold; clear: right; }

.clear { clear: both; margin: 0; padding: 0; border: none; }
hr { border: 0; margin: 0; padding: 0; height: 1px; color: rgb(212,115,37); background-color: rgb(212,115,37); }


/* GALERÍA
--------------------------------------------- */

#miniaturas_restaurante {
	padding: 0px;
	}

#miniaturas_restaurante a {
	display: block;
	float: left;
	width: 94px;
	height: 94px;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	overflow: hidden;
}

#miniaturas_restaurante a img { width: 90px; height: 90px; }
#miniaturas_restaurante a img {border: 2px solid #dfdedf;}
#miniaturas_restaurante a:hover img {border: 2px solid #333;}

div.hack_mini_ie6 {float: left;}

/* PAGINACION
---------------------------------------------*/

#paginacion {
	clear: both;
	position: static;
	margin: 0px 0px 10px 0px;
	}

#paginacion a {
	display: inline;
	width: auto;
	height: auto;
	float: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #FFF;
	}

#paginacion a:hover {
	color: #FFE700;
	}

#paginacion a.activo {
	color: #414141;
	cursor: default;
	}

#paginacion a.activo:hover {
	color: #414141;
	}
	
/* FOTO NAVEGACIÓN
---------------------------------------------*/
	
#foto_navegacion {
	float: left;
	text-align: left;
	width: 500px;
	height: 20px;
	font: bold 0.90em Arial, Helvetica, sans;
}

#foto_navegacion a {  }	
#foto_navegacion a.ant {margin: 0px 10px 0px 0px;}
#foto_navegacion a.sig {margin: 0px 0px 0px 10px;}
	
#foto_navegacionSecond {
	float: right;
	font: bold 0.70em Arial, Helvetica, sans;
}
	
#foto_navegacionSecond a.ant {
	margin: 0px 10px 0px 0px;
	}

#foto_navegacionSecond a.sig {
	margin: 0px 0px 0px 10px;
	}
	
/* FORMULARIOS
-------------------------------------------------- */
.campoformulario {
	font-size: 11px;
	color: #000000;
	background-color: #EEEEEE;}

#s1p_cform { border: none; }

#s1p_cform legend { display: none; }

#s1p_cform div { 
	padding: 1em 0; 
	border-bottom: 1px solid #f3f3f3; }

#s1p_cform div label { 
	float: left ;
	width: 150px ;
	font-size: 1.1em ;
	padding: 0.2em 0 0 ; }
	
#s1p_cform div input, #s1p_cform div textarea { 
	width: 260px; 
	padding: 1px 3px; 
	font-size: 1.1em; 
	border: 1px solid #fff; 
	overflow: auto; 
	background: #eee; }
	
#s1p_cform div input:hover,  #s1p_cform div textarea:hover { 
	border: 1px solid #ddd; 
	background: #fff; }

#s1p_cform div input:focus,  #s1p_cform div textarea:focus { 
	border: 1px solid #333; 
	background: #eee; }
	
#s1p_cform div.submit {}

#s1p_cform div.submit input { 
	margin: 0 0 0 150px; 
	width: 120px; 
	padding: 0 3px; 
	font-size: 1.1em; 
	border-top: 1px solid #CCCCCC; 
	border-right: 1px solid #333;
	border-bottom: 1px solid #333; 
	border-left: 1px solid #CCCCCC; 
	background: #ddd; }