/* IE6 css fixer v0.8: Mon, 17 May 2010 23:41:55 +0200 */

/* ============================================= */
/* 
BORDES DE CAPAS REDONDEADOS----------*/
div.top-left-corner, div.top-right-corner {
	position:absolute;
	width:20px;
	height:20px;
	background-color:#e9e5c0;
	overflow:hidden;
}
div.bottom-left-corner, div.bottom-right-corner {
	position:absolute;
	width:20px;
	height:20px;
	background-color:#f8f7db;
	overflow:hidden;
}
div.top-left-inside, div.top-right-inside {
	position:relative;
	font-size:150px;
	font-family:arial;
	color:#533a26;
	line-height: 40px;
}
div.bottom-left-inside, div.bottom-right-inside {
	position:relative;
	font-size:150px;
	font-family:arial;
	color:#dad6b2;
	line-height: 40px;
}
/*********************
Atributos para redondear los div
*********************/
div.top-left-corner {
	top:0px;
	left:0px;
}
div.bottom-left-corner {
	bottom:0px;
	left:0px;
}
* html div.top-right-corner {
	top:0px;
	right:-1px;
}
div.top-right-corner {
	top:0px;
	right:0px;
}
* html div.bottom-right-corner {
	bottom: 0px;
	right:-1px;
}
div.bottom-right-corner {
	bottom: 0px;
	right:0px;
}
div.top-left-inside {
	left:-8px;
}
div.bottom-left-inside {
	left:-8px;
	top:-17px;
}
div.top-right-inside {
	left:-25px;
}
div.bottom-right-inside {
	left:-25px;
	top:-17px;
}
div.box-contents {
	position: relative;
	padding: 8px;
	color:#000;
}
/*
 FIN DE BORDES DE CAPAS ---------------------------------------------------------------------------------------------------*/

/* 
VALORES PARA IE6 ---------------------------*/

* html #apDiv2 {
	height:100%;
}
* html table#historia1 {
	position:relative;
	zoom:1;
}
/* Añadimos zoom:1 a los elementos en position:relative */
* html #logotipo, * html #apDiv2, * html DIV#poema, * html div.lineanegra, * html .arriba {
	zoom:1;
}
/* Añadimos zoom:1 a los elementos con backgrounds */
* html body, * html html, * html DIV#contenido, * html #logotipo, * html table.fotocontador, * html table.fotocontador_1 {
	zoom:1;
}
/* 
fin IE6 css------------------------------------------------------------------------------------------*/

::selection {
background:#dad6b2;
color:#000; /* Safari y Opera */
}
::-moz-selection {
background:#dad6b2;
color:#000; /* Firefox */
}
IMG, DIV#base {
	behavior: url(../iepngfix.htc);
}
/* FIN IE6 ------------------------------------------------------------------------------------------------------- */

/* 
VALORES GENERALES PARA LAS PÁGINAS */

body, html { 
	margin: 0;      /* Eliminamos los margenes y espacio de relleno del elemento body */
	padding: 0;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size:  0.9em;
	text-align:center;
	background: url(../gif/bodyBg.jpg);
}
	
a:link {
	color: #896547;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ccc;
}
a:hover {
	text-decoration: underline;
	color:  #896547;
}
a:active {
	text-decoration: none;
	color: #ccc;
}
DIV#contenido {
	position: relative;
	margin: 0 auto 0 auto;
	width: 80%;
	height: 1000px;
	margin-left: 10%;
	background: url(../gif/fondomarron_cabecera.png);
	z-index:1;
	_top: 0;
	top:4px;
}
#logotipo {   /* DIV que contiene  EL logotipo*/
	position:relative;
	width:100%;
	z-index:2;
	_top: -4px
}
#apDiv2 { /*  url(../gif/fondo.png) */
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	top: 1px;
	font-size: 12px;
	z-index: 3;
}
table.direccion {
	position:relative;
	width:100%;
	top:1.5%;
	color: #634327;
	font-size:13px;
	padding: 8px;
}
/*
FIN VALORES GENERALES---------------------------------------------*/

/* Redimensionas la imágenes IE6 */
* html .redimensionar img, * html #photo img, * html #photo1 img, * html #photo2 img {width:100%;
} 
/* Redimensionas la imágenes */
.redimensionar img, #photo img, #photo1 img, #photo2 img {width: 100%;
} 

table.fotocontador, table.fotocontador_1 {
	background: url(../gif/fondo_zara.png);
	border:1px solid #311f0c;
	padding: 2px;
	height: auto !important;
	_height: auto;
}

/* PÁGINA  INDEX.HTML --------------------------------------------------------------------*/
	
.poema {
	font-size: 0.85em;
	left:0;
	color:#000;
	background: url(../gif/fondo_zara.png);
	padding:4px 14px 4px 14px;
}
* html .poema {
	display:inline;
	}
TABLE#texto {
	width: 80%;
	height:50px;
	text-align: left;
}
/* 
FIN PÁGINA  INDEX.HTML------------------------------------------------------*/
 
/*
 HISTORIA.html ------------------------------------------------------------------------------*/
 
div.lineanegra {
	top:-16px;
	z-index: -1 !important;
}
div.lineanegra1 {
	top:-15px;
	z-index: -1 !important;
}
div.lineanegra, div.lineanegra1 {
	position: relative;
	width:450px;
	left: -24px;
	z-index:0;
	padding:18px 15px 18px 30px;
	border: 1px solid #87663f;
	background:url(../gif/fondo_zara.png);
}
.arriba {
	position: relative;
	z-index:1;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {/* Para Safari, Opera y Google Chrome */
div.lineanegra {
top: -15px;
}
div.lineanegra1 {
top: -13px;
}
div.lineanegra, div.lineanegra1 {
position: relative;
width:450px;
left: -24px;
padding:18px 15px 18px 30px;
border: 1px solid #87663f;
z-index:-1;
}
img.arriba {
width: 225px;
position: relative;
z-index: 1;
}
}
* html .arriba {
	position: relative;
	z-index:1;
}
* html div.lineanegra, * html div.lineanegra1 {
	top:-15px;
	position:relative;
	z-index:-1;
	padding: 18px 48px 18px 40px;
	left: -80px;
}
/* redondear esquina de contenedores */
div.lineanegra, div.lineanegra1, #contenido, #caption, #intro1, table.fotocontador, table.fotocontador_1 {
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-khtml-border-bottom-right-radius: 20px;
}
 
p {
	text-indent: 5px; 
	text-align:justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*
FIN historia.html ------------------------------------------------------------------------*/

/* 
PÁGINA RESTAURANTE.PHP 
--------------------------------------------------------------------------------------------------------------------------------------	*/

#caption {
	position: absolute;
	text-align:left;
	font-size:1em;
	color: #000;
	width:17.5em;
	filter: alpha(opacity = 70);
	margin-left: -0.5em;
	background:url(../gif/fondo_zara.png);
	-moz-margin-left: -15.5em;
}
#caption ul {
	color:#87663f;
}
Div#caption_imagen {
	position: relative;
	width:90% !important;
	left:5%;
}
* html #caption {
	position: absolute;
	margin-top:0;
	margin-left: -5.8em;
	font-size:0.9em;
}
* html Div#caption_imagen {
	position: relative;
}
* html #photo {
	margin-left: 90px;		
}
.restaurante_texto {
	position: absolute;
	width:80%;
	left:10%;
	font-size:0.96em;
	margin-top: 1em;
}
.info {
	background: url(../images/info.png) center no-repeat;
	background-position: 15px 50% !important; /* x-pos y-pos */
	text-align: left;
	font-size: 1.1em;
	color: #87663f;
	padding: 3px 20px 3px 45px;
	border-top: 1px solid #896547;
	behavior: url(iepngfix.htc);
}
.celebraciones_civiles {
	color: #87663f;
	font-size:1.1em;
}
* html hr {
	_border: solid 1px #e2e4c1;
	margin: 4px auto 4px -32px;
}
hr {
	position:relative;
	margin: 8px auto 8px -32px;
	border: solid 1px #e2e4c1;
	text-align:center !important;
}
/* 
FIN DE PÁGINA RESTAURANTE.PHP 
-------------------------------------------------------------------------------------------------------------------------------------------*/


/* 
MENU.HTML

ESTILOS DE PESTAÑAS */
ul#pestanas {
	list-style: none;               /* Eliminamos el efecto boliche predeterminado de cada elemento <li>*/
	margin: 0;                      /* Eliminamos los márgenes predeterminados que cada cliente web aplica a los elementos <ul> */
	padding: 10px 0 0 0;            /* Añadimos 10px entre la parte superior del navegador y el borde superior de los botones. */
	height: 18px;					/* Le damos una altura fija al elemento <ul>.*/
	width: 100%;
	left: 5%;
	top: 8px;
	display:block;
	background: url(../gif/fondo_marron_1.png);
	font-size: 1.02em;
}
ul#pestanas li:hover {
/*background: #7c5c3e;*/
}
ul#pestanas li {
	float:left;                    /* cada elemento <li> aparece al lado del otro*/
	margin: 0 5px;                  /* Eliminamos los márgenes superior e inferior y le damos 5px a los márgenes izq. y derecho.  
	                                   cada ficha separada  estará por 10px de la siguiente mientras que habrá 5 entre el borde izq del
									   contenedor <ul> y el borde izq de la primera pestaña. */
	height: 20px;                   /* Centramos el texto verticalmente. */
	text-align: center;             /* Centramos el texto */
	position: relative;             /* El borde inferior de cada pestaña se solapa con el elemento <ul> que la contiene.*/
	width: 12%;                   /* Fijamos el ancho de cada pestaña. */
 border:: 1px solid #311f0c;
	top:-2px;                       /* Desplazamos 1px hacia abajo la posición de cada pestaña  */
}
ul#pestanas li:hover a {
	color: #666 !important;
}
ul#pestanas a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: #fff;
	display:block;
}
/* Valores de pestaña de la ventana que estamos viendo. */
body#intro li#pestana7, body#inicio li#pestana1, body#restaurante li#pestana2, body#galeria li#pestana3, body#entorno li#pestana4, body#historia li#pestana5, body#situacion li#pestana6, body#contacto li#pestana7 {
	background:#dad6b2;
	border: 4px solid #dad6b2;
}
/* Valores de color  el texto con link en la pestaña de la ventana que estamos viendo. */
ul#pestanas a:hover, body#intro li#pestana7 a, body#inicio li#pestana1 a, body#restaurante li#pestana2 a, body#galeria li#pestana3 a, body#entorno li#pestana4 a, body#historia li#pestana5 a, body#situacion li#pestana6 a, body#contacto li#pestana7 a {
	color:#000;
}
li #pestanas span {
	display: block;
	padding: 2px 10px 0 10px;
}


a:visited {
	color: #896547;
}
a:active {
	color: #666;
}
ul a:link {
	color: #fff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ccc;
}
ul a:hover {
	background: #dad6b2;
}
ul li a:hover {
	color: #666 !important;
}
ul a:active {
	text-decoration: none;
}

/* IE6 */
* html ul#pestanas {
	height: 18px;
	padding:0 0 -2px 0;
	margin-top: -1.5px;
}
* html ul#pestanas li:hover {
	background: #7c5c3e !important;
}
* html ul#pestanas li {
	width: 12%;
	top:1px;/* Desplazamos 1px hacia abajo la posición de cada pestaña IE6 */
}

/* FIN IE6 */

/* FIN DE PESTAÑAS 
------------------------------------------------------------------------------------------------------------------------------------------------------------*/