/* CSS Document STYLO*/
body, html{margin:0px; padding:0px; font-family: "Verdana", Trebuchet MS, Arial, Georgia, serif;
	color:#3333ff; background:#ffffff; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px;}
div#contenedor {width:1024px; position:relative; margin: 0px auto;	/*borde de toda la tabla*/	border-top: 1px solid #d7d7d7;	border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;	border-bottom: 1px solid #d7d7d7; padding: 0px;	}
div#header { width:1024px; height:45px; background:url("../media/hja.gif"); background-repeat:no-repeat; background-position:left; padding:0px; margin:0px; z-index:9999;	}
div#direcciontop{ width:1024px; background:#d7d7d7; color:#000000; font-family: "Arial", Verdana; padding: 1px 0 ; margin:0;}
div#direcciontop p{text-align: center;}
div#direcciontop a{color:#000000;}
div#direcciontop a:hover {color:#9cf;}
#banderas {	width:276px; position:absolute; float:right; margin-left:950px;	left:-228px; top:0px;	}
div#banderas img{ border:0px; }
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
	/* set left margin and bottom padding for IE5/Win */
	padding:0px 0 0 0; /*ponia 50px*/
	margin-left:0px;
	/* set left margin and bottom padding for others */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:0px;
	/*padding-bottom:30px;*/ /*ponia 50px*/	}
div#middle {width:1024px; margin:0 auto; background:#fff;	}
div#content {padding: 0px 10px 20px 10px; margin-left:170px; background:#fff; height:auto;	}
	
/* no positioning for IE5/Win - the whole page scrolls */
#bar_info_local { height:25px }
#bar_info_local li {float:left ; background-color: #ffd700; list-style:none ; width:95px; margin: 0px 20px 0px 20px  }
#bar_info_local ul { margin-left: 180px }
#bar_info_local a {font-size:10px; font-family:Verdana,Helvetica; font-weight:bold; color:black; text-decoration: none ; display: block; text-align: center; border: 1px solid #000; }
#bar_info_local a:hover { background: #fff;}
div#footer {height:20px; width:1024px; background:#333366;	color:#333;vertical-align: middle;	clear:both;	}
div #footer p {	margin:0; padding: 0 10px; text-align:left; color:#fff;	}
div#footer a {	color:#ccc;	}
div#footer a:hover { color:#9cf;}

/* TEXTO Y OTROS */
h1 {/*Big titles*/	font-size:1.0em; padding-top:1.2em;	margin-top:2px;	color: #cc6600;}
h2 {/*Medium titles*/font-size:1.0em; padding-top:1.2em;margin-top:2px;}
h3 {/*Small titles*/font-size:0.7em; padding-top:1.2em;margin-top:2px;color: #000000;}	
h4 {/*Fira*/font-size:1.0em; color:#009900;}
p {/*parrafos*/	font-size:0.7em;line-height:1.4em;text-align:justify; }
ul {font-size:0.7em;line-height:1.4em;}
li {text-align:JUSTIFY;}
.boton{font-size:10px;font-family:Verdana,Helvetica; font-weight:bold; color:black; background:#ffd700; border:0px; width:95px; height:19px;}
.rojo{color: #ff0000;font-weight: bold;	}
.online {font-size:0.9em; color: #fff; margin: 10px; font-weight: bold; font-style: italic; float:left; }
.calidad { font-size:0.7em; line-height:1.4em; text-align:justify; }
.price{ text-align: left; font-family:"Arial", Verdana, Tahoma; line-height:normal; font-size:0.8em;}
.verde {color: #006600}

/* LINKS */
a, a:visited {color:#258;}
a:hover {color:#9cf;}
	a.offer {text-decoration: none; /*texto sin subrayar*/ font-size: 0.8em;	color:#3333ff; }
	a.h2offer {text-decoration: none; /*texto sin subrayar*/ font-size: 1.0em;	color:#cc6600; font-weight: bold; }
	a.fira {color: #006600; }

/* TAMANO Y COLOR DEL BORDE DE TODAS LAS IMAGENES*/
img {border:0px;padding: 1px;}
	
/* ALINEACION FOTOS */
.adwrap,
.adwrap iframe {width:240px;height:180px;}
.adwrap {float:right;margin:1em 0px 0 10px;}
.adwrap2,
.adwrap2 iframe {width:240px;height:180px;}
.adwrap2 {float:left;margin:1em 10px 0 0px;}
.adwrap3,
.adwrap3 iframe {width:240px;height:109px;}
.adwrap3 {float:right;	margin:1em 0px 0 10px;}
.adwrap4,
.adwrap4 iframe {width:300px;height:5px;}
.adwrap4 {margin: 20px auto;}
.adwrap5,
.adwrap5 iframe {width:300px;height:300px;}
.adwrap5 {margin: 20px auto;}
#style1 {color: #FF0000;}
#style2 {color: #FF0000;background-color: #FFcccf;}

/* TABLAS */
table {border:0px; font-family:"Verdana", Arial, Tahoma; color:#ffffff; margin:15px auto;}
caption { font-size: 150%; font-weight: bold; margin: 5px;}
td, th, th scope {padding:4px; text-align:left; font-family:"Verdana", Arial, Helvetica, sans-serif;font-size: 1em; line-height:1.4em; color: #0000ff;	}
thead th {text-align: center; color: #76a24f;}
tbody th {font-weight: bold;}
tbody tr {font-family:"Verdana", Arial, Tahoma;}
table a:link {color: #718abe; text-decoration: none;}
table a:visited {color: #718abe; text-decoration: none; }
table a:hover {color: #718abe;	text-decoration: underline !important;}

/* MENU EN BOTONERA VERTICAL */
#menu {width: 150px; margin: 2px 15px 15px 15px; float:left; display:inline; padding: 0px 0px 10px 0px; }
#menu dt { margin:0; padding: 10px; font-size: 1em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; text-align:center;}
#menu dd {margin:0; padding:0; color: #fff; font-family: "times new roman", arial, georgia, serif;
font-style: italic; font-weight:bold; font-size: 1em; border-bottom:1px solid #fff; background: #118bda;}
#gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px; width:125px; }
#gallery a:hover {color:#9cf;}
ol li {font-size:11px;}

/* MIRAI Motor Reservas */
#mirai_bookentrance { padding:10px 0 0 20px; padding:10px 5px; background: #118bda; }
#mirai_be1, #mirai_be3, #mirai_be5 {color: #FFFFFF; font-size: 1em; font-weight: 700; }
#mirai_be3 { margin-right: 18px;}
#mirai_be4 { margin-right: 35px;}
#mirai_be2, #mirai_be4, #mirai_be6 { margin-bottom: 10px;}
#mirai_be7 input {background-color: #CCCCCC; border: 1px outset #FFFFFF; color: #000000; height: 24px; line-height: 20px; width: 165px;}
#mirai_be7 input:hover { text-decoration:underline; }
#mirai_be8 { border: medium none; color: #000000; font-size: 1em; height: 24px; line-height: 24px; text-align: center; text-decoration: none; width: 140px; }
#mirai_be8:hover { text-decoration:underline; }
#ui-datepicker-div { font-size:0.9em; }

/*--- 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*/
    text-align:right!important; 	font-size: 12px!important; }
/*--- 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_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" ---*/
	background-color:#CC6600;	color:#fff;	border:none;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    text-decoration:none;    color:#fff!important}
#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.8em;*/}
/*--- Fin Para que el calendario aparezca siempre encima ---*/

