/* Esquema de Colores

#########
# Links #
#########
Fondo: #49493d (oscuro)
Color fuente: #381000
Link:  #0060ff (azul)

########
# Body #
########
Margen/Tabuladores: #a7a76d (oscuro)

*/

/* FLAGS */

img.flag {
	width: 30px;
	height: 30px;
	position: relative;
	top: -100px;
	left: 580px;
	float: left;
}
/*
img.flagUK {
	width: 30px;
	height: 30px;
	position: relative;
	top: -100px;
	left: 580px;
	float: left;
}
*/


/* Layout */
* { margin: 0; padding: 0; }
a:link { color: #3065b5; text-decoration: none;  }
a:visited { color: #3065b5; text-decoration: none; }
a:hover { border-bottom: 2px solid #3065b5;  }
a:active { }

a.mail { font-size: 10pt; float: right; margin-right: 50px; }

body { background: url(img/tileBg.gif) repeat-x top left; background-color: #301800; color: #381000;}
#wrapper { text-align: center; margin: 0; padding: 0; }
/*
########################################################
# Para arreglar tablas en Chrome:                      #
# Quitamos el #contenedor * y lo dejamos sin asterisco #
########################################################
#contenedor * { margin: 0 auto; width: 1000px; text-align: justify; }
*/ 

#contenedor { margin: 0 auto; width: 1000px; text-align: justify; }

/* Layout End */

/* Branding */
#cabecera h1 { width: 1000px; height: 250px; background: url(img/branding.gif) no-repeat top left; text-indent: -99999px; position: relative; }
/* Branding End */

/* Posicionando menu de navegacion 
# Lo primero ha sido crear un contexto para el menu de navegacion, y asi evitar posicionamientos no deseados por las diferentes resoluciones de pantalla (por lo que no podemos especificar unas coordenadas sin tener antes algun elemento "fijo"
que se vaya desplazando segun cambia la resolucion). Con esto conseguimos tambien tener un guia sobre el cual especificar nuestra colocacion de elementos.
#
*/
#cabecera .navbar { list-style: none; }
#cabecera .navbar { position: absolute; top: 0; left: auto; } /* Elemento guia para nuestros menus en tabulacion, ya que este siempre se en relacion a la resolucion de pantalla, por lo que a partir de aqui podemos definir nuestras coordenadas */

#cabecera .navbar span { visibility: hidden; } 
#cabecera .navbar .boton_inicio a, #cabecera .navbar .boton_inicio_en a { position: absolute; top: 60px; left: 520px; width: 151px; height: 70px; display: block; background: url(img/optIni.gif) no-repeat top left; text-decoration: none; border: none; }
#cabecera .navbar .boton_menu a, #cabecera .navbar .boton_menu_en a { position: absolute; top: 60px; left: 671px; width: 151px; height: 70px; display: block; background: url(img/optMenu.gif) no-repeat top left; text-decoration: none; border: none; }
#cabecera .navbar .boton_donde a, #cabecera .navbar .boton_donde_en a  { position: absolute; top: 60px; left: 822px; width: 151px; height: 70px; display: block; background: url(img/optLoc.gif) no-repeat top left; text-decoration: none; border: none; }
#cabecera .navbar .boton_guia_en a { position: absolute; top: 218px; left: 520px; width: 151px; height: 32px; display: block; background: url(img/en/optGui.gif) no-repeat top left; text-decoration: none; border: none; } 

#cabecera .navbar .boton_inicio_en a { background: url(img/en/optIni.gif) no-repeat top left; }
#cabecera .navbar .boton_menu_en a { background: url(img/en/optMenu.gif) no-repeat top left; }
#cabecera .navbar .boton_donde_en a { background: url(img/en/optLoc.gif) no-repeat top left; }
#cabecera .navbar .boton_guia_en a { background: url(img/en/optGui.gif) no-repeat top left; }

/* MENUS ESPAÑOL - HOVER */

#cabecera .navbar .boton_inicio a:hover { background: url(img/optIni.gif) no-repeat bottom left; border: none; }
#cabecera .navbar .boton_menu a:hover { background: url(img/optMenu.gif) no-repeat bottom left; border: none; }
#cabecera .navbar .boton_donde a:hover { background: url(img/optLoc.gif) no-repeat bottom left; border: none; }


/* MENUS INGLES - HOVER */

#cabecera .navbar .boton_inicio_en a:hover { background: url(img/en/optIni.gif) no-repeat bottom left; border: none; }
#cabecera .navbar .boton_menu_en a:hover { background: url(img/en/optMenu.gif) no-repeat bottom left; border: none; }
#cabecera .navbar .boton_donde_en a:hover { background: url(img/en/optLoc.gif) no-repeat bottom left; border: none; }
#cabecera .navbar .boton_guia_en a:hover { background: url(img/en/optGui.gif) no-repeat bottom left; border: none;  }


/* ESPAÑOL - BOTON INICIO */
body.navbar_inicio #cabecera .navbar .boton_inicio a {position: absolute; top: 60px; left: 520px; width: 151px; height: 70px; display: block; background: url(img/optIni.gif) no-repeat bottom left; text-decoration: none; } 
body.navbar_inicio #cabecera .navbar .boton_inicio a:hover { position: absolute; top: 60px; left: 520px; width: 151px; height: 70px; display: block; background: url(img/optIni.gif) no-repeat bottom left; text-decoration: none; } 

/* INGLES - BOTO INDEX */
body.navbar_inicio_en #cabecera .navbar .boton_inicio_en a {position: absolute; top: 60px; left: 520px; width: 151px; height: 70px; display: block; background: url(img/en/optIni.gif) no-repeat bottom left; text-decoration: none; } 
body.navbar_inicio_en #cabecera .navbar .boton_inicio_en a:hover { position: absolute; top: 60px; left: 520px; width: 151px; height: 70px; display: block; background: url(img/en/optIni.gif) no-repeat bottom left; text-decoration: none; } 

/* ESPAÑOL - BOTON MENU */
body.navbar_menu #cabecera .navbar .boton_menu a { position: absolute; top: 60px; left: 671px; width: 151px; height: 70px; display: block; background: url(img/optMenu.gif) no-repeat bottom left; text-decoration: none; } 
body.navbar_menu #cabecera .navbar .boton_menu a:hover { position: absolute; top: 60px; left: 671; width: 151; height: 70px; display: block; background: url(img/optMenu.gif) no-repeat bottom left; text-decoration: none; } 

/* INGLES - BOTON MENU */
body.navbar_menu_en #cabecera .navbar .boton_menu_en a { position: absolute; top: 60px; left: 671px; width: 151px; height: 70px; display: block; background: url(img/en/optMenu.gif) no-repeat bottom left; text-decoration: none; } 
body.navbar_menu_en #cabecera .navbar .boton_menu_en a:hover { position: absolute; top: 60px; left: 671; width: 151; height: 70px; display: block; background: url(img/en/optMenu.gif) no-repeat bottom left; text-decoration: none; } 

/* ESPAÑOL - BOTON DONDE */ 
body.navbar_donde #cabecera .navbar .boton_donde a { position: absolute; top: 60px; left: 822px; width: 151px; height: 70px; display: block; background: url(img/optLoc.gif) no-repeat bottom left; text-decoration: none; } 
body.navbar_donde #cabecera .navbar .boton_donde a:hover { position: absolute; top: 60px; left: 822px; width: 151px; height: 70px; display: block; background: url(img/optLoc.gif) no-repeat bottom left; text-decoration: none; } 

/* INGLES - BOTON LOCATION */ 
body.navbar_donde_en #cabecera .navbar .boton_donde_en a { position: absolute; top: 60px; left: 822px; width: 151px; height: 70px; display: block; background: url(img/en/optLoc.gif) no-repeat bottom left; text-decoration: none; } 
body.navbar_donde_en #cabecera .navbar .boton_donde_en a:hover { position: absolute; top: 60px; left: 822px; width: 151px; height: 70px; display: block; background: url(img/en/optLoc.gif) no-repeat bottom left; text-decoration: none; } 

/* INGLES - BOTON GUIA */ 
body.navbar_guia_en #cabecera .navbar .boton_guia_en a { position: absolute; top: 218px; left: 520px; width: 151px; height: 32px; display: block; background: url(img/en/optGui.gif) no-repeat bottom left; text-decoration: none; border: none; } 



#horarioCont {
	width: 0;
	position: absolute;
	top: 285px;
	left: auto;
	height: 349px;
}
#horarioCont img {
	position: absolute;
	top: 400px;
	left: 770px;
	height: 154px;	
	width: 207px;
	border: none;
}


#horario {
	position: absolute;
	left: 725px;
	background:url(img/horario.gif) no-repeat top left;
	height: 400px;
	width: 253px;
}
p {
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 10pt;	

}
#horario ul {
	padding-top: 80px;
	width: 250px;
}
#horario ul li {
	list-style-type: none;
	margin-left: 25px;
/*	color: #4b3621; */
	width: 250px;
}
#horario ul li.dias {
	font-size: 18pt;
	margin-left: 35px;
/*	color: #381000; */
	font-weight: bold;
}
#horario ul li.abierto {
	margin-left: 50px;
	padding-bottom: 1em;
	letter-spacing: 2px;
	
}
#horario ul li.horas {
	font-size: 22pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 25px;
	font-weight: bold;
}
#horario ul li.direccion {
	padding-top: 1.5em;
}
#horario ul li span.telefono {
	margin-left: 35px;
}
#horario ul li.direccion {
	font-size: 11pt;
	letter-spacing: 2px;
	margin-left: 15px;
	padding-bottom: 1em;
}
#cuerpo { margin-top: 0px; width: 1000px; background: url(img/topContainer.gif) no-repeat top left; padding-top: 2em;} 
#contenido { background: url(img/fillCuerpo.gif) repeat-y; width: 1000px; min-height: 600px; } 
#contenido .historia, #contenido .historia_en {	
	margin-left: 35px;
	width: 665px;
}
#contenido .historia p, #contenido .historia_en p {
	width: 665px;
	padding-bottom: 0.85em;

}
#contenido .historia h1, #contenido .historia_en h1 {
	text-indent: -99999px;
	background: url(img/elrestaurante.gif) no-repeat top left;
	width: 750px;
	height: 54px;
	margin-left: -35px;
	padding-bottom: 0.5em;
}
#contenido .historia_en h1 {
	background: url(img/en/therestaurant.gif) no-repeat top left;
}

#contenido .especialidades, #contenido .especialidades_en {
	padding: 1em 0em;
	margin-left: 35px;	
	width: 665px;

}
#contenido .especialidades p, #contenido .especialidades_en p {
	width: 665px;
	padding-bottom: 0.85em;

}
#contenido .especialidades h2, #contenido .especialidades_en h2 {
	text-indent: -99999px;
	background: url(img/elmenu.gif) no-repeat top left;
	width: 750px;
	height: 54px;
	margin-left: -35px;
	padding-bottom: 0.5em;
}
#contenido .especialidades_en h2 {
	background: url(img/en/themenu.gif) no-repeat top left;
}
#pie {
	background: url(img/pie.gif) no-repeat top left;
	width: 1000px;
	height: 150px;
	position: absolute;

}
#pie ul {
	padding-top: 55px;
/* 	margin-left: 615px;  */


}
#pie ul li {
	font-size: 7pt;
	font-family: Verdana, Geneva, sans-serif;
	list-style-type: none;
	color: #392510;	
	width: 400px; 
	margin-left: 615px;
}
#pie ul li.cierre {
	margin-top: 15px;
}

#pie .facebook {
	position: absolute;
	width: 30px;
	height: 30x;	
	margin-left: 125px;
	top: 75px;
}
#pie .facebook a {	
	border: none;
	text-decoration: none;
}
#pie .facebook img {
	width: 30px;
	height: 30px;	
	text-decoration: none;
	border: none;		
}

#pie .twitter {
	position: absolute;
	width: 30px;
	height: 30px;			
	/*float: left;*/
	margin-left: 165px;
	top: 75px;	
}
#pie .twitter a {
	clear: both;
	border: none;
	text-decoration: none;
}
#pie .twitter img {
	width: 30px;
	height: 30px;
}

#pie .vulka  {
	position: absolute;
	height: 31px;
	border: none;
	bottom: 20px;
	top: 75px;
	margin-left: 20px;

}
#pie .vulka a {
	text-decoration: none;
	border: none;

}
#pie .vulka img {
	width: 88px;
	height: 31px;
	text-decoration: none;
	border: none;		
}

#cuerpo .masuno_menu {
	float: left;
	margin-top: 18px;
	margin-left: 275px;
}


/*
#vulka {  height: 31px; margin-top: -60px; }
#vulka a { text-decoration: none; border: none; }
#vulka img { 
	width: 88px;
	height: 31px; 
	border: none; 
	margin-left: 30px;
}
*/




span.num {
	font-size: 7pt;
	font-weight: bold;
}
span.volver {
	font-size: 11pt;
	
}

/*

#content_main { background-color: #d1d1a0; width: 100%; border: 1px solid black; }

#content_main h1 { padding: 0.5em 0 0.3em; width: 100%; }
#content_main p { padding: 0 0.5em 0.8em; width: 40em; font: 0.9em Georgia, "Times New Roman", Times, serif; word-spacing: 0.3em; color: #49493d; }
#content_main a { text-decoration: none;  color: #0060ff;   }
#content_main a:hover { background-color: #49493d; color: #ffffb3; }
#content_main a { text-decoration: none; background-color: #49493d; color: #ffffb3; padding: 0.3em 0.3em;  }

*/






/* body.navbar_donde #contenido h2 { font: bold medium Georgia, "Times New Roman", Times, serif; } */
/* body.navbar_donde #contenido h1 { font-size: 17pt; padding-bottom: 0.5em; }  */
body.navbar_donde #contenido p, body.navbar_donde_en p, body.navbar_guia_en p { padding-top: 1em; font: 10pt Verdana, Georgia, "Times New Roman", Times, serif; clear: left; }
body.navbar_donde p.final, body.navbar_donde_en p.final, body.navbar_guia_en p.final { padding-bottom: 2em; }


#contenido h1.top {
	text-indent: -99999px;
	background: url(img/visitenos.gif) no-repeat top left;
	width: 750px;
	height: 54px;
	margin-left: -30px;
	padding-bottom: 1em;
}
body.navbar_donde_en #contenido h1.top, body.navbar_guia_en #contenido h1.top {
	text-indent: -99999px;
	background: url(img/en/visitenos_en.gif) no-repeat top left;
	width: 750px;
	height: 54px;
	margin-left: -30px;
	padding-bottom: 1em;
}


/*
################
# LOCALIZACION #
################
*/
/* ### MAPA IBIZA ### */
#contenido #mapa_ibiza, #contenido #ibiza_guide { width: 677px; margin: 0; padding-left: 30px;}
#contenido #mapa_ibiza img { width: 272px; height: 231px; border: 2px dotted black; }
#contenido #mapa_ibiza p { width: 100%; margin-bottom: -0.3em;  }
#contenido #mapa_ibiza h2 { font-size: 15pt; }
#contenido #ibiza_guide h2 {
	padding-top: 20px;
	font-size: 17pt;
	border-bottom: 2px solid #765d2e;
	letter-spacing: 5px;
	color: #765d2e;	

}
/* #contenido #mapa_ibiza h2 { width: 100%; padding: 2em 0 1em; margin-bottom: 1em; } */
/* #contenido #mapa_ibiza a { text-decoration: none;  color: #0060ff; } */
/* #contenido #mapa_ibiza a:hover { background-color: #49493d; color: #ffffb3; } */


#mapa_ibiza .iframe_map {
	float: left;
	width: 600px;
	border: 2px solid black;
	margin: 1em 0;
}
#mapa_ibiza .iframe_map iframe {
	width: 100%;
}


#contenido #mapa_siesta { width: 677px; padding-top: 1em; padding-left: 30px; clear: left; margin:0; }
#contenido #mapa_siesta p { width: 100%; }
#contenido #mapa_siesta h2 { font-size: 15pt; padding-top: 1em; }
/* #contenido #mapa_siesta h2 { width: 100%; padding: 2em 0 1em; margin-bottom: 1em; } */

#mapa_siesta .iframe_map {

	float: left;
	width: 600px;
	border: 2px solid black;	
	margin: 1em 0;
}
#mapa_siesta .iframe_map iframe {
	width: 100%;
}

/* #contenido #mapa_siesta a { text-decoration: none; color: #0060ff; } */
/* #contenido #mapa_siesta a:hover { background-color: #49493d; color: #ffffb3; } */


/*
#######################
# GALERIA DE IMAGENES #
#######################
*/

#contenido #galeria { 
	width: 677px; 
	margin: 0;
	padding-left: 30px;

/*	border: 1px solid red;*/
}
#contenido #galeria #galeriaIbiza, #contenido #galeria #galeriaSiesta {
	width: 100%;
	overflow: hidden;
/*	border: 1px solid blue; */
}
#contenido #galeria #galeriaIbiza img, #contenido #galeria #galeriaSiesta img {
	float: left;
	width: 196px;
	height: 146px;
	border: 2px solid black;
	margin-top: 20px;
}
#contenido #galeria #galeriaIbiza img.center, #contenido #galeria #galeriaSiesta img.center {
	margin-left:  38px;
	margin-right: 38px;
	margin-top: 20px;
}


#contenido #galeria #galeriaSiesta {
	width: 100%;
	clear: left;

}