/***Reset de estilos para controlar el "Cross Browsing"***
Este reset es una adaptacion del YUI de Yahoo!
*/
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}


body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
}

/*********************************************************/
/*********************Estilos generales*******************/
/*********************************************************/
body {
	color:#FFFFFF;
	font-size: 62.5%;
	background-color: #212121;
}

body#intro {
	background-color: #222222;
}

div#general {
	width: 917px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imagenes/bgContenido.png);
	margin-top: 0px;
	padding-top: 0px;
	position: relative;
	padding-bottom: 25px;
}
#general  #cabecera {
	height: 264px;
	width: 916px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	display: block;
	left: 0px;
}

div#contenedor {
	width:710px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

div#contenedor div#header h1#logotipo {
	background-image: url(../imagenes/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 114px;
	width: 72px;
	display: block;
	text-indent: -9999px;
	position: relative;
	float: left;
	padding-left: 30px;
}

div#contenedor div#header {
	margin-top: 0px;
	width: 710px;
	position: relative;
	padding-top: 40px;
}

div#contenedor div#header ul#menu {
	width: 300px;
	height: 100px;
	float: left;
	position: relative;
	margin-left: 285px;
	margin-top: 30px;
	background-image: url(../imagenes/menu.png);
	background-repeat: no-repeat;
}

div#contenedor div#header ul#menu li {
	display: block;
	float: left;
	height: 100px;
	width: 60px;
	line-height: 100px;
}

div#contenedor div#header ul#menu li#btnRestaurante {
	height: 100px;
	width: 91px;
}

div#contenedor div#header ul#menu li#btnCarta {
	height: 100px;
	width: 45px;
}

div#contenedor div#header ul#menu li#btnGaleria {
	height: 100px;
	width: 60px;
}

div#contenedor div#header ul#menu li#btnLibro {
	height: 100px;
	width: 102px;
}

div#contenedor div#header ul#menu li a{
	color: #FFFFFF;
	height: 100px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	line-height: 100px;
}

div#contenedor div#header ul#menu li#btnRestaurante a.actual {
	background-image: url(../imagenes/menu.png);
	background-position: 0px -100px;
}

div#contenedor div#header ul#menu li#btnCarta a.actual {
	background-image: url(../imagenes/menu.png);
	background-position: -91px -100px;
}

div#contenedor div#header ul#menu li#btnGaleria a.actual {
	background-image: url(../imagenes/menu.png);
	background-position: -136px -100px;
}

div#contenedor div#header ul#menu li#btnLibro a.actual {
	background-image: url(../imagenes/menu.png);
	background-position: -196px -100px;
}

div#contenedor div#header ul#menu li#btnRestaurante a:hover{
	background-image: url(../imagenes/menu.png);
	background-position: 0px -100px;
}

div#contenedor div#header ul#menu li#btnCarta a:hover{
	background-image: url(../imagenes/menu.png);
	background-position: -91px -100px;
}

div#contenedor div#header ul#menu li#btnGaleria a:hover{
	background-image: url(../imagenes/menu.png);
	background-position: -136px -100px;
}

div#contenedor div#header ul#menu li#btnLibro a:hover{
	background-image: url(../imagenes/menu.png);
	background-position: -196px -100px;
}

div#contenedor div#cajaContenido {
	width: 710px;
	position: relative;
	clear: both;
}

div#contenedor   div#cajaContenido   div#fotoEntrada img  {
	background-image: url(../imagenes/cargador.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: 5px solid #000;
	background-color: #000;
}

div#contenedor div#cajaContenido span#fotoJuan {
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	left: 400px;
	right: 0px;
	bottom: 0px;
	top: -14px;
}
div#contenedor   div#cajaContenido   span#cajaCita {
	position: absolute;
	margin-top: -100px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 94px;
	width: 275px;
	left: 5px;
	top: 379px;
	right: 0px;
	bottom: 0px;
	z-index:0;
	
}

div#contenedor   div#cajaContenido   span#cajaInfo {
	position:relative;
	z-index:1;
	height: 94px;
	width: 275px;
}

div#contenedor   div#cajaContenido   span#cajaInfo span#informacion{
	text-indent: -9999px;
	position:absolute;
}

div#contenedor   div#cajaContenido   span#cajaLoc {
	position:relative;
	z-index:2;
	height: 94px;
	width: 275px;
	
}

div#contenedor   div#cajaContenido   div.posi   span#ancla {
	/*text-indent: -9999px;*/
	/*background-image: url(../imagenes/mapa.png);
	background-repeat: no-repeat;*/
	height: 49px;
	width: 77px;
	margin-top: -50px;
	left: 186px;
	bottom: 12px;
	position: absolute;
}
/*Este pedazo de parche se debe a que IE (como siempre) me saca el contenido fuera del slide, viendose cuando está en HIDE, así que con esta chapuza consigo que los usuarios de este horrible navegador también puedan consultar el mapa sin perder el efecto del slide*/
div#contenedor   div#cajaContenido   div.posi   span#ancla a{
	font-size: 1em;
	opacity:0.1;
	color: #1B1B1B;
	text-decoration: none;
	height: 49px;
	width: 77px;
	display:block;
	line-height: 49px;
}

div#contenedor   div#cajaContenido   div.posi   span#loc:hover {
	background-position: 0px -49px;
}

div#contenedor   div#cajaContenido   div.posi   span   a {
	display:block;
	height: 50px;
	width: 75px;
	position: absolute;
	left: 0px;
	top: 1px;
	right: 0px;
	bottom: 0px;
}


div#contenedor div#cajaContenido div.posi {
	position:absolute;
	top: 379px;
	right: 0px;
	bottom: 0px;
	margin-top: -100px;
	margin-left: 0px;
	margin-right: 429px;
	margin-bottom: 0px;
	height: 94px;
	width: 275px;
	position: absolute;
}




div#contenedor div#btnsInfo {
	margin-left: 30px;
	margin-top: -10px;
	z-index: 10;
}

div#contenedor div#btnsInfo span {
	margin-right: 5px;
}

/***********************************************************/
/*************************GALERIA***************************/
/***********************************************************/

div#contenedor   div#cajaContenido   div#salones {
	height: 368px;
	width: 701px;
	background-color: #000000;
	position: relative;
	border-top-width: 4px;
	border-bottom-width: 6px;
	border-left-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

div#general div#contenedor div#cajaContenido div#salones ul {
	display: block;
	height: 368px;
	width: 701px;
	margin-left: 2px;
}

div#general div#contenedor div#cajaContenido div#salones ul li {
	display: block;
	float: left;
	height: 368px;
	width: 116px;
	margin-right: 0.4px;
}

div#general div#contenedor div#cajaContenido div#salones ul li a{
	background-repeat: no-repeat;
	display: block;
	height: 368px;
	width: 116px;
	text-indent: -9999px;
}

div#general div#contenedor div#cajaContenido div#salones ul li a:hover {
	background-image: url(../imagenes/btnSalonCarolina.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#general  div#contenedor  div#cajaContenido  div#salones  ul  li#salonCarolina a  {
	background-image: url(../imagenes/btnSalonCarolina.jpg);
}

div#general div#contenedor div#cajaContenido div#salones ul li#salonCastilla a {
	background-image:url(../imagenes/btnSalonCastilla.jpg);
}

div#general div#contenedor div#cajaContenido div#salones ul li#salonCibeles a {
	background-image:url(../imagenes/btnSalonCibeles.jpg);
}

div#general div#contenedor div#cajaContenido div#salones ul li#salonFlores a {
	background-image:url(../imagenes/btnSalonFlores.jpg);
}

div#general div#contenedor div#cajaContenido div#salones ul li#salonJaen a {
	background-image:url(../imagenes/btnSalonJaen.jpg);
}

div#general div#contenedor div#cajaContenido div#salones ul li#salonRelaño a {
	background-image:url(../imagenes/btnSalonRelanio.jpg);
}

/*************************************************************
************************LA CARTA******************************
**************************************************************/

div#contenedor div#cajaContenido div#cartas {
	height: 218px;
	width: 558px;
	margin-left: 75px;
	position: absolute;
}
div#contenedor div#cajaContenido div#cartas div#opcionesCartas {
	background-color: #000000;
	height: 218px;
	width: 558px;
}
div#contenedor  div#cajaContenido  div#cartas  div#opcionesCartas  h2#txtCocina {
	margin-top: 5px;
	margin-left: 5px;
	top: 5px;
	position: relative;
	/*background-image: url(../imagenes/txtCocina.png);*//*No funciona en IE*/
	background-repeat: no-repeat;
	height: 154px;
	width: 512px;
	left: 5px;
	text-indent: -9999px;
}

div#contenedor  div#cajaContenido  div#cartas  div#opcionesCartas  p {
	left: 5px;
	top: 5px;
	right: 0px;
	bottom: 0px;
	margin-top: -150px; 
	margin-left: 10px;
}

div#contenedor   div#cajaContenido   div#cartas div#btnSlideMenus {
	background-color: #000000;
	display: block;
	height: 28px;
	width: 109px;
	margin-left: 223px;
	background-image: url(../imagenes/flechaBtnMenus.png);
	background-position: 83px 13px;
	background-repeat: no-repeat;
}
div#contenedor  div#cajaContenido  div#cartas  div#btnSlideMenus a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	line-height: 28px;
	margin-left: 20px;
	font-weight: bold;
}
div#contenedor div#cajaContenido div#cartas div#opcionesCartas ul#opcionesMenus {
	margin-left: 230px;
	margin-top: 10px;
}
div#contenedor div#cajaContenido div#cartas div#opcionesCartas ul#opcionesMenus li {
	float: left;
	margin-right: 5px;
	display: block;
}
div#contenedor div#cajaContenido div#cartas div#opcionesCartas ul#opcionesMenus li a {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	display: block;
	text-decoration: none;
	color: #BEBBB2;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
}

div#contenedor div#cajaContenido div#cartas div#opcionesCartas ul#opcionesMenus li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
div#general div#contenedor div#cajaContenido div#btnVolver {
	background-color: #000000;
	height: 30px;
	width: 60px;
	margin-top: 85px;
	margin-left: 655px;
}
div#general div#contenedor div#cajaContenido div#btnVolver p a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	color: #E6E6E6;
	text-decoration: none;
	display: block;
}
div#general div#contenedor div#cajaContenido div#btnVolver p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*************************************************************
**************************PIE*********************************
**************************************************************/

div#contenedor div#pie {
	position: relative;
	margin-top: 30px;
}
div#contenedor div#pie p {
	margin-right: auto;
	margin-left: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: center;
	line-height: 15px;
	font-style: normal;
}

div#contenedor div#pie a {
	color: #CCCCCC;
	text-decoration: underline;
}

div#contenedor div#pie a:hover {
	color: #FFF;
}

div#contenedor div#pieGaleria {
	position: relative;
	margin-top: 5px;
}
div#contenedor div#pieGaleria p {
	margin-right: auto;
	margin-left: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-align: center;
	line-height: 15px;
	font-style: normal;
}
span#barraPie{
	height: 42px;
	width: 919px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
}
span#barraPie a {
	display: block;
	height: 18px;
	width: 24px;
	position: relative;
	top: -32px;
	left: 870px;
}


/*************************************************/
/***********************MAPAS*********************/
/*************************************************/

div#contenedorMapas {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}
#contenedorMapas #mapa #mapaGrande {
	height: 500px;
	width: 800px;
	position: relative;
	background-color: #000000;
	background-image: url(../imagenes/cargador.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#contenedorMapas #mapa #mapaStreet {
	position: absolute;
	height: 150px;
	width: 350px;
	margin-top: -160px;
	margin-left: 440px;
	border: 3px solid #000000;
	background-color: #000000;
	background-image: url(../imagenes/cargador.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#contenedorMapas #mapa #mapaStreet #cbembedlink {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 235px;
	display: block;
	position: absolute;
	text-decoration: none;
	margin-top: -35px;
	background-color: #000000;
	visibility:hidden;
}
body#intro div#wraper {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


/********************************************************/
/*************************INTRO**************************/
/********************************************************/

div#contenedorIntro{
	margin-right: auto;
	margin-left: auto;
	height: 357px;
	width: 700px;
	/*margin-top: 150px;*/
	background-image: url(../imagenes/introFondo.png);
	position: relative;
}
div#wraper  span#etiAsador {
	position: relative;
	margin-top: 140px;
	display: block;
	height: 16px;
	width: 126px;
	margin-left: 50px;

}

body#intro div#wraper div#contenedorIntro ul#menuIntro {
	width: 470px;
	position: relative;
	padding-top: 160px;
	padding-left: 35px;
}

body#intro div#wraper div#contenedorIntro ul#menuIntro li{
	display: block;
	height: 25px;
	margin-bottom: 5px;
}
body#intro div#wraper div#contenedorIntro ul#menuIntro li a {
	font-family: Georgia;
	font-size: 1.4em;
	font-weight: bold;
	color: #E9E9E9;
	text-decoration: none;
	line-height: 25px;
	display: block;
	width: 450px;
	padding-left: 10px;
	font-style: italic;
}
body#intro div#wraper div#contenedorIntro ul#menuIntro li a:hover {
	background-color: #000000;
}
body#intro div#wraper div#contenedorIntro span#btnEntrar {
	display: block;
	height: 30px;
	width: 100px;
	background-color: #141414;
	margin-left: 512px;
	margin-top: -35px;
}
body#intro div#wraper div#contenedorIntro span#btnEntrar a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	line-height: 30px;
	text-align: center;
}
body#intro div#wraper div#contenedorIntro span#btnEntrar a:hover {
	background-color: #1E1E1E;

}
div#wraper div#catering{margin-left:275px;#margin-left:250px;margin-top:85px;position:absolute;}
div#wraper div#catering span a{display:block;height:40px;font-family: Georgia,times, serif;text-decoration: none;color:#141414;font-size:1.7em;font-style: italic;padding-right:120px;letter-spacing:-1px;background:url(../imagenes/logo-catering.png) no-repeat right;text-align:left;line-height:40px;}
div#wraper div#catering span a:hover{color:#c3c3c3;background:url(../imagenes/logo-catering-hover.png) no-repeat right;}

div#wraper div#banderas{margin-left:30px;margin-top:80px;}
div#wraper div#banderas span{padding:5px;float:left;}
div#wraper div#banderas span#banderaEng a{text-indent:-9999px;display:block;width:30px;height:20px;background-image:url(../imagenes/banderaEnglish.png);background-repeat: no-repeat;height:17px;}
div#wraper div#banderas span#banderaEng a:hover{background-position:bottom;}
div#wraper div#banderas span#banderaEsp a{text-indent:-9999px;display:block;width:30px;height:20px;background-image:url(../imagenes/banderaSpanish.png);background-repeat: no-repeat;height:17px;}
div#wraper div#banderas span#banderaEsp a:hover{background-position:bottom;}