html, body { height:100%;}
body {
	margin:10px;
	padding:0px;
	font-family:Verdana, Arial, Sans-Serif;
	background:url(../img/bg.jpg);
	
}

a:link {
	color: #000000;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #9e0b0f;
}
a:active {
	color: #9e0b0f;
}

#address{ 
 	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:9px;
	color:#fff;
	margin:0px 0px 0px 10px;
 	}
	
#lang_select{
	margin:7px 10px 0px 10px;
 	}


.top{
	margin:0px 0px 0px 10px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:12px;
	color:#ccc;
	clear:both;
	}
	
.menu{
	margin:0px 0px 0px 10px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:12px;
	color:#ccc;
	clear:both;
	padding-top:12px;
	padding-bottom:12px;
	
	}

#container {
	margin:0px auto 0px auto;
	width:760px;
	height:auto;
}



#lang {
	width:100%;
	background:#94270e url(../img/top_bg.jpg) no-repeat top left;
	text-align:left;
	color:#bbb;
	font-size:10px;
	padding:5px 0px 5px 0px;
	}
	
	#lang.fleft{float:left;}

	#lang a:link, a:visited, a:active {
		color:#ddd;
		}
	
	#lang a:hover {
		color:#c84a2d;
		}
	#mashoteles {
		float:left; 
		margin-right:15px;
		clear:both;
		margin-top:-35px;
		}

#top {
	width:100%;
	height:150px;
	background:url(../img/top.jpg) no-repeat;
	}
	
#booking {
	width:100%;
	background:#fff;
	height:70px;
	float:left;
	}
	
#content {
	width:100%;
	height:auto;
	background:#fff url(../img/fondoblanco.jpg) no-repeat bottom left;
	text-align:right;
	float:left;
	}
	#detalles {
	margin:10px;
	margin-top:25px;
	
	}
	
	#content h1{
	margin-left:10px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	letter-spacing:1px;
	font-size:12px;
	}
	
	#content h2{
	margin-left:10px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	letter-spacing:1px;
	font-size:12px;
	}

	
#text {
	width:60%;
	height:auto;
	float:left;
	text-align:left;
	}
	
	.seccion{
	margin:0px 10px 8px 15px;
	text-align:justify;
	height:auto;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#333;
	font-size:10px;
	line-height:16px;
	}
	
	#museos{
	margin-left:15px;
	font-size:10px;
	color:#666;
	}
	
	.margin5{
		margin:5px;
	}
	
	#text em{
	color:#000;
	margin-left:20px; 
	padding-left:3px; 
	border-left:3px solid #aaa;
	}

#photo {
	width:40%;
	height:100%;
	float:left;
	text-align:center;
	background:#f1ece4 url(../img/corner_left.jpg) no-repeat top left;
	
	}
	
	#photo p {
	margin:4px 4px 10px 4px;
	}
	
	#photo a:link, #photo a:active, #photo a:visited {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#333;
	font-size:10px;
	text-decoration:none;
	}
	
	#photo a:hover {
	color:#000;
	font-size:10px;
	/*border-bottom:1px dashed grey;*/
	}
	
	#photo img.photo {
	border:4px solid #dacfbf;
	/*cursor:pointer;*/
	}
	
#photo2 {
	width:170%;
	height:100%;
	float:left;
	/*text-align:center;
	background:#f1ece4 url(../img/corner_left.jpg) no-repeat top left;*/
	
	}
	
	#photo2 p {
	margin:4px 4px 10px 4px;
	}
	
	#photo2 a:link, #photo a:active, #photo a:visited {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#333;
	font-size:10px;
	text-decoration:none;
	}
	
	#photo2 a:hover {
	color:#000;
	font-size:10px;
	/*border-bottom:1px dashed grey;*/
	}
	
	#photo2 img.photo {
	border:4px solid #dacfbf;
	/*cursor:pointer;*/
	}
		
#logo {
	width:100%;
	background:#000 url(../img/logo_gran.gif) center no-repeat;
	height:60px;
	float:left;
	clear:both;
	border-bottom:4px solid #333;
	}
	
#footer {
	width:100%;
	background:#c4b49d url(../img/footer_bg.jpg) no-repeat bottom;
	height:30px;	
	float:left;
	text-align:center;
	font-size:10px;
	margin-bottom:10px;
	padding-top:6px;
	}
	
#titleDivOffers p {display:none!important}

#offersSmall {margin:0!important; font-size:12px!important}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    text-align:center;
    padding: 5px 0;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /* Para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /* Para que se vea la misma letra en IE6 y IE7*/
    /*font-family: Verdana;*/
    /*font-size: 13px;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_bookentrance input#mirai_be2, #mirai_bookentrance select#mirai_be4, #mirai_bookentrance input#mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.3em 0 0;*/
}
#mirai_be2, #mirai_be4, #mirai_be6  { /* Margin Right para "Input Entrada", "Input Noches" y "Input Codigo Promocinal"*/
    /*margin:0 0.8em 0 0;*/
}
#mirai_bookentrance div#mirai_be7  { /* Margin Right div contenedor de "Input Reservar"*/
    /*margin:0 1em 0 0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2 { /* Anchura para "Input Entrada" */
    /*width:7em;*/
}
 #mirai_be6 { /* Anchura para "Input Codigo Promocional" */
    /*width:7em;*/
}
#mirai_be1, #mirai_be3, #mirai_be5 { /* Estilos de textos: "Entrada, Noches y Código Promocional" */
      color: #000;
    }
#mirai_be2, #mirai_be4, #mirai_be6 { /* Estilos "Input Entrada", "Input Noches" y "Input Codigo Promocional" */
      /*background-color:#FFFFFE;*/ /* para que el "color" de < slect > en Safari funciona, no se pudede asignar #FFFFFF. Color de letra para Text Inputs */
      /*border:1px solid #999;*/
      /*color: #444;*/
    }
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background-color: #990000;
    border: 1px outset #CCCCCC;
    color: #FFFFFF;
    height:26px;
    width:175px;
    padding-bottom:6px;
    float:left;
    margin:10px 0 0 200px;
}
#mirai_be7 input:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    color:#FFFFFF;
    background:#550d02;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;
    color:#333;
    float:left;
    margin:15px 0 0 10px;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:underline;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    font-size:0.9em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/