/* CSS Document */

/*----------------------------------------------------------------------------------------------*/
/*--------------------------------- NORMALIZING  -----------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

* { 
	margin:0; 
	padding:0;
} 
body, p, div, ul, li, form, select, input, table, tr, td, th { 
	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

body { background-image:url(../images/bg.png) ;}

ul, lo { list-style:none;}

a img, :link img, :visited img { border:none; }

a:link { color:#00C;}
a:visited { color:#63C;}
a:hover, a:active { color:#C00; }

address { font-style:normal; }	

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------- STRUCTURE  -----------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

#container { 
	width: 887px;
	margin:10px auto;
          min-height:250px;
}



/*----------------------------------- LANGUAGES  -----------------------------------------------*/

#languages {
	height:20px;
	background:url(../images/bg_lang.gif) no-repeat top;
	line-height:20px;
	padding-right:8px;
	color:#BFC405;
	text-align:right;
}
#languages a:link, #languages a:visited {
	color:#FFF;
	text-decoration:none;
}
#languages a:hover, #languages a:active {
	color:#FFF;
	text-decoration:underline;
}


/*----------------------------------- HOTEL NAME  -----------------------------------------------*/

#hotelname {
	height:66px;
	background-color: #BFC405;
	padding-left:15px;
}

#hotelname h1 {
	line-height:66px;
	color:#000;
	font-size:30px;
}

#hotelname h1 a {
	color:#000;
	text-decoration:none;
}


/*----------------------------------- MENU BUTTONS  -----------------------------------------------*/

#menu {
	height:42px;
	background:url(../images/bg_menu.png) no-repeat top;
	padding-left:25px;
}

#menu ul li {
	display:block;
	float:left;
	height:26px;
	margin-top:1px;
}

#menu ul li.selected {
	color:#000;
	background:#FFF url(../images/bg_menuhover.png) repeat-y left;
	text-decoration:none;
	padding-left:15px;
	border-left:none;
	height:27px;
	line-height:26px;
	font-size:13px;
	padding-right:20px;
	border-right: solid 1px #5E6002;
}

#menu ul li.marked a { 
	/*border-left: solid 7px #FFF;
	color:#FFF;*/
	font-weight:bold;
}

#menu ul li a {
	height:26px;
	line-height:26px;
	border-left: solid 7px #965288;
	font-size:13px;
	padding-left:8px;
	padding-right:20px;
	color: #fff;
	text-decoration:none;
	display:block;
	float:left;
	border-right: solid 1px #6B3A61;
}

#menu ul li a:hover {
	color:#000;
	background:#FFF url(../images/bg_menuhover.png) repeat-y left;
	text-decoration:none;
	padding-left:15px;
	border-left:none;
}

/*----------------------------------- CONTENTS  -----------------------------------------------*/

#contents {
	background:#FFF url(../images/bg_contents.png) no-repeat bottom;
	padding-bottom:20px;
	position:relative;
	min-height:250px;
}


/* ------------------------------- ONE COLUMN CONTENTS ----------------------------------------*/

#contents div.columnwide { 
	margin:0px 20px 0 25px;
	position:relative;
}

/* ------------------------------- TWO COLUMN CONTENTS ----------------------------------------*/

#contents div.column01, #contents div.column01rates {
	float:left;
	margin:5px 20px 0 25px;
}

#contents div.column02, #contents div.column02rates {
	float:left;
	border: dashed 1px #6B3A61;
	background-color:#F3DCFC;
	margin:5px 10px 0 10px;
	padding-bottom:10px;
}

#contents div.column01, #contents div.column02 { width:403px; position:relative; }


/* ------------------------------- TWO COLUMN RATES ----------------------------------------*/

#contents div.column01rates { 	width:270px; position:relative; }

#contents div.column02rates { 	width:530px; position:relative; }

#contents div.column02rates h2, #contents div.column02rates p { margin-left:15px; margin-top:15px;}

/* -------------------------------------------  ----------------------------------------*/


#contents h2 {
	font-size: 18px;
	color:#6C3C62;
	border-left: solid 10px #9EA067;
	padding-left:5px;
	margin-bottom:15px;
}

#contents h3 {
	font-size: 15px;
	color:#000000;
	border-left: solid 10px #9EA067;
	padding-left:5px;
	margin-bottom:15px;
}


#contents p.normal {
	margin:0 0 15px 15px;
}

/* ------------------------------- -------------- ----------------------------------------*/

#contents #framereservation { margin:20px;}

#contents div.column02 p.photobig { 
	margin: 20px auto 7px auto;
	width:371px;
}
#contents div.column02 p.photosmall { 
	margin: 7px auto;
	width:378px;
}
/*----------------------------------- BOTTOM  -----------------------------------------------*/

#credits {
	background: url(../images/bg_footer.gif) bottom no-repeat;
	text-align:center;
	padding:15px;
}

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------- MISCELLANEOUS  -------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/

.pusher { clear:both;}

#gmap {
	padding: 3px;
	border: 1px solid #6B3A61;
	margin:0 auto;
	width:380px;
	height:380px;
}

div.column01 address, div.column02 address {
	padding:5px 10px;
	border: 1px solid #6B3A61;
	width: 210px;
	margin:15px;
}

div.column02 address { background-color:#fff;}

/*--------------------------------------- PHOTOS & MASKS ------------------------------------------*/

p.photobig span.mask {
	display:block;
	width:371px;
	height:250px;
	position:relative;
	background:url(../images/mask_vert.png) no-repeat top;
	margin-top:-250px;
}


a.phototb {
	width:118px;
	height:88px;
	margin:4px 4px;
	float:left;
	display:block;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
a.phototb span.mask {
	display:block;
	width:118px;
	height:88px;
	position:relative;
	background:url(../images/mask_vert_s.png) no-repeat top;
	margin-top:-88px;
}
div.columnwide a.phototb { margin:10px 10px; }
p.photogallery {
	width:720px;
	margin:25px auto;
}

/*--------------------------------------- QUICK CHECK GRAPH ------------------------------------------*/

div#quickcheckgraph { 
	margin-left:10px;
	margin-right:10px;
}
p.quickcheckgraph {
	height:46px;
	line-height:46px;
	background:url(../images/bg_quickcheckgraph.gif) left no-repeat;
	padding-left:75px;
}


#offerslink_ p{
	padding-left:56px;
	height:47px;
    line-height:47px;
	display:block;
	background:url(../images/bg_offers.gif) left no-repeat;
}


p#closegraph { 
	text-align:right;
	padding-right:15px;
}


/*--------------------------------------- Listas ------------------------------------------*/

#contents ul li { 
	list-style-image:url(../images/ico.png);
	margin-left:35px;
}

#contents ul.faqs li { 
	margin-left:20px;
	font-weight:bold;
	color:#000;
}

#contents ul.faqs li p { 
	margin:6px 10px;
	font-weight:normal;}
	
	
	/* ---------------------- ENCUESTAS ----------------------------- */

#reviews {
	width:250px;
	margin: 20px 25px 10px 20px;
	padding:7px 0 0 10px;
	border:dashed 1px #F3DCFC;
}

#reviews_box p { margin:5px 0px;}

#reviews_box p.small { 
	margin:8px 0 0 -10px;
	padding:5px;
	text-align:right;
	font-size:10px;
	border-top:dashed 1px #F3DCFC;
	font-style:italic;
}

#offersBadge {
margin:10px 0 10px 10px;
}

#ofertas {
margin-left:87px;
}
/*--- Principio Contenedor del motor de reservas ---*/
#mirai_bookentrance {
    padding:10px 0 0 20px;
    background: url("http://bookengine.hotelsearch.com/mre/background/bg_putxet.gif") no-repeat scroll left top transparent;
    color: #000000;
    font-size: 12px;
    height: 200px;
    margin: 15px auto;
    text-align: left;
    width: 267px;
}
#mirai_be0, #mirai_be2, #mirai_be0 input, #mirai_be0 select { /*#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 {
    /*width:13.7em;*/
    /*height:11.5em;*/
}
/*--- Fin Contenedor del motor de reservas ---*/
/*--- Principio Posición de elementos ---*/
#mirai_be1, #mirai_be3, #mirai_be5 { /* Espacio a la izquierda para "Entrada" y "Noches" y margin para igualar horizontalmente con textos de los input */
    /*left:0;*/
    /*margin-top:0.25em;*/
    color: #000000;
    font-weight: 700;
}
#mirai_be2, #mirai_be4, #mirai_be6 { /* Espacio a la izquierda para "Input Entrada", "Input Noches", y "Input Codigo Promocional" */
    /*left:6.5em;*/
}
#mirai_be7, #mirai_be8 { /* Espacio a la izquierda para "Input Reservar", "Input Ver/Cancelar" */
    /*left:0;*/
}
#mirai_be1, #mirai_be2 { /* Espacio superior para "Entrada" y "Input Entrada" */
    /*top: 0; */
}
#mirai_be3, #mirai_be4 { /* Espacio superior para "Noches" y "Input Noches" */
    /*top:2.2em;*/
}
#mirai_be5 { /* Espacio superior y a la izquierda para "Codigo Promocional" */
    /*top: 6.15em;*/
    /*left: 0em;*/
}
#mirai_be6 { /* Espacio superior para "Input Codigo promocional" */
    /*top:4.6em;*/
}
#mirai_be7 { /* Espacio a la izquierda y superior para "Input Reservar" */
    /*top: 6.9em;*/
    /*left:0;*/
}
#mirai_be8 { /* Espacio a la izquierda y superior para "Input Ver/Cancelar" */
    /*top: 9.9em;*/
    /*left:0;*/
}
/*--- Fin Posición de elementos ---*/
/*--- Principio Estilos de Botones y Codigo Promocional ---*/
#mirai_be2, #mirai_be6 { /* Anchura para "Input Entrada" y "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_be5 { /*--- Texto "Codigo Promocional" ---*/
    /*font-size: 0.75em;*/
    /*line-height: 0.9em;*/
    /*width: 3em;*/
}
#mirai_be7 input { /*--- Boton "Input Reservar" ---*/
    /*padding:0 0.8em;*/
    background-color: #6B3A61;
    border: 1px outset #6B3A61;
    color: #FFFFFF;
    height: 34px;
    line-height: 34px;
    width: 177px;
    margin-top:15px;
}
#mirai_be7 input:hover { /*--- Boton "Input Reservar Hover" ---*/
    /*---*/
    text-decoration:underline;
}
#mirai_be8 { /*--- Boton "Input Ver/Cancelar" ---*/
    /*text-decoration:underline;*/
    /*color:#00f;*/
    border: medium none;
    color: #0033CC;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 180px;
    margin-top:25px;
}
#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:1em;
}
/*--- Fin Para que el calendario aparezca siempre encima ---*/