html, body { height:100%;}
body {
	margin:12px;
	padding:0px;
	font-family:Verdana, Arial, Sans-Serif;
	background:url(../img/bg.gif);
	
}

a:link {
	color: #000000;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #e7d48b;
}
a:active {
	color: #fff;
}

#address{ 
 	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#fff;
	margin:0px 0px 0px 10px;
 	}
	
#lang_select{
	margin:7px 10px 0px 10px;
 	}


.top{
	margin:0px 0px 0px 10px;
	font-family:  Verdana, Arial, sans-serif;
	font-size:11px;
	color:#e7d48b;
	clear:both;
	}
	
.menu{
	margin:0px 0px 0px 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#fff;
	clear:both;
	padding-top:12px;
	padding-bottom:12px;
	
	}

#container {
	margin:0px auto 0px auto;
	width:760px;
	height:auto;
}



#lang {
	width:100%;
	background:#093e64 url(../img/top_bg.jpg) no-repeat top left;
	text-align:left;
	color:#e7d48b;
	font-size:11px;
	font-style:oblique;
	padding:5px 0px 5px 0px;
	}
	
	#lang.fleft{float:left;}

	#lang a:link, a:visited, a:active {
		color:#ddd;
		}
	
	#lang a:hover {
		color:#d5b062;
		}
	#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;
	border-bottom:1px solid #ccae62;
	border-top:1px solid #ccae62;
	
	}
	
#content {
	width:100%;
	height:auto;
	background:#fff url(../img/fondoblanco.jpg) no-repeat bottom left;
	text-align:right;
	float:left;
	}
	#detalles {
	margin:11px;
	margin-top:25px;
	
	}
	
	#content h1{
	margin-left:14px;
	font-family: Georgia, Verdana, 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: Verdana, Arial, sans-serif;
	color:#333;
	background-color:#fff;
	font-size:11px;
	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 #000;
	}
#offers_container {
	margin:10px 0 0 15px;
	}
#photo {
	width:38%;
	height:100%;
	float:left;
	text-align:center;
	background-image:url(../img/bg2.gif);
	
	
	
	}
	
	#photo p {
	margin:4px 4px 10px 4px;
	}
	
	#photo a:link, #photo a:active, #photo a:visited {
	
	color:#766037;
	font-size:11px;
	text-decoration:none;
	
	}
	
	#photo a:hover {
	color:#666
	font-size:11px;
	/*border-bottom:1px dashed grey;*/
	}
	
	#photo img.photo {
	border:4px solid #ccae62;
	/*cursor:pointer;*/
	}
	
#photo2 {
	width:170%;
	height:100%;
	float:left;
	/*text-align:center;
	background:#e1eaf1 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:  Verdana, Arial, sans-serif;
	color:#333;
	font-size:11px;
	text-decoration:none;
	}
	
	#photo2 a:hover {
	color:#000;
	font-size:11px;
	/*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 {
	color:#FFFFFF;
	width:100%;
	background: url(../img/footer_bg.gif)  bottom;
	height:40px;	
	float:left;
	text-align:center;
	font-size:10px;
	margin-bottom:5px;

	padding-top:0px;
	}
	#footer a:link{
	color:#FFFFFF;
	
	}
	
.linkSection {
	font-size:12px;
	background-color: transparent;
	background-image: url(../img/zoom.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: center;
	padding-left: 18px;
}
#closegraph {
	font-size:12px;}

.other {text-align:right; padding-top:100px; padding-right:10px; font-size:12px;}
.other a:link {color:#fff;}

#gmap{
	width:282px;
	height:400px;
	}
    /*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    padding-top:7px;
}
#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;*/
}
#mirai_be0 {
    text-align:center;
}
/*--- 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;*/
    color: #093E64;
}
#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: #444;*/
    }
#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: #CBB684;
    border: 1px solid #CBB684;
    color: #093E64;
    float: left;
    font-variant: normal;
    font-weight: bold;
    line-height: 20px;
    margin-left: 200px;
    margin-right: 10px;
    margin-top: 10px;
}

#mirai_be7 input:hover { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background-color: #093E64;
    border: 1px solid #093E64;
    color: #CBB684;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    float:left;
    background-color: #CBB684;
    border: 1px solid #CBB684;
    color: #093E64;
    line-height: 20px;
    padding: 0 14px 4px;
    margin-top: 10px;
}
#mirai_be8:hover { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    float:left;
    background-color: #093E64;
    border: 1px solid #093E64;
    color: #CBB684;
}
/*--- Fin Estilos de Botones y Codigo Promocional ---*/
/*--- Principio Para que el calendario aparezca siempre encima ---*/
#ui-datepicker-div {
    /*font-size:0.8em;*/
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/
