/* CSS Document */

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

@import url("http://booking.hotelsearch.com/mre/css/frame_small2.css");



#mreLoader.small { 
	color:#000;
}

#mreLoader.small div#frame_bookingArea { 
	background-color:#efe6d2;
	padding:10px 10px 10px 20px;
	border-bottom: solid 1px #7f7c62;
}


#frame_checkinContainer span#frame_date.frame_txtinput { /* Estilo caja de texto fecha de llegada */
	color:#000;
	border: inset 1px #7f7c62;
	background-color: #fff;
}


#frame_nightsContainer select { /* Estilo selector de noches */
    color: #000;
    border: inset 1px #7f7c62;
	background-color: #fff;
}

input#frame_buttonBook {
    background-color: #676449;
    border:outset 1px #676449;
	color:#fff;
	font-weight:bold;
}

#mreLoader.small div#frame_buttonCancelContainer {
	padding: 10px 10px 10px 20px;
	background-color:#fff;
	margin-bottom:0;
}





/* ---- BOTONES ---- */


#mreLoader.small input.frame_buttonBook_ca { width: 15em;}
#mreLoader.small input.frame_buttonBook_es { width: 15em;}
#mreLoader.small input.frame_buttonBook_en { width: 15em;}




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


html, body { height:100%;}

body {
	background-color:#F6FBED;
	margin:5px;
}

body, li { 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#515042;
}

/* ESTILOS ESTRUCTURA */
#container {
	width:886px;
	margin-left:auto;
	margin-right:auto;
	background-color:#C1BEA7;
	padding:7px 7px 0px 7px;
	border:solid 1px #676449;
	border-top:solid 20px #676449;
	border-bottom:solid 20px #676449;
}

#left {
	width:260px;
	float:left;
	background:url(../images/bk_left.jpg)  repeat-x top;
}
	#logo {
		text-align:center;
		padding:15px;
	}
	#logo h1 { 
		font: 35px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		margin:20px 0 0 0;
	} 
	#logo p { margin: 0 0 20px 0; }
		
	#lang {
		text-align:center;
		background: url(../images/bk_lang.gif) repeat-x top;
		font-size:10px;
		font-weight:bold;
		height:22px;
		padding-top:14px;
		text-transform:uppercase;
	}
		#lang a:link, #lang a:visited {
			color:#94937C;
			text-decoration:none;
		}
		#lang a:hover, #lang a:active {
			color:#515042;
			text-decoration:none;
		} 
	 #menu {
	 	width:232px;
		float:right;
		margin-top:20px;
		margin-bottom:20px;
	 }
	 	.menuItem {
			border-left:10px;
			padding-left:10px;
			font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			border-bottom:solid 1px #C1BEA7;
			border-left:solid 10px #C1BEA7;
			height:12px;
			padding-top:14px;
			padding-bottom:5px;
		}
		.menuItem a:link, .menuItem a:visited {
			color:#515042;
			text-decoration:none;
		}
		.menuItem a:hover, .menuItem a:active, .menuItemOn a:link, .menuItemOn a:visited, .menuItemOn a:hover, .menuItemOn a:active {
			color:#515042;
			text-decoration:none;
			font-weight:bold;
		}
		.menuItemOn {
			border-left:10px;
			padding-left:10px;
			font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			border-bottom:solid 1px #7f7c62;
			border-left:solid 10px #7f7c62;
			height:12px;
			padding-top:14px;
			padding-bottom:5px;
			font-weight:bold;
		}
		
		#booking, #otherhotels, #offer_container #offerslink_ {
			border-top: double 3px #C1BEA7;
			padding:20px;
		}
	
		

#right {
	width:619px;
	float:left;
	margin-left:7px;
}
	#contents {
		padding:12px;
		border:solid 1px #7F7C62;
		background:#fff url(../images/bk_right.jpg) repeat-x top;
	}
		#photo { text-align:center;}
		
		#slideshow { 
			text-align:center;
			/*height:102px;*/
			border-top:solid 1px #A7A58D;
			border-bottom:solid 1px #A7A58D;
			background-color:#D7D5C0;
			margin:10px 0px;
		}
		
		.thumbnail {
			margin:5px 3px;
			cursor:hand;
			cursor:pointer;
		}
	
	.bottom {
		font-size:10px;
		padding:5px 10px;
	}
	
	.bottom p { margin:5px 0px;}
	
	.bottom a:link, .bottom a:link {
			color:#515042;
			text-decoration:none;
		}
	.bottom a:hover, .bottom a:active {

			color:#515042;
			text-decoration:underline;
		}

/* ESTILOS HABITACIONES */

#tabs {
	height:23px;
	margin:20px 10px 1px 20px;
}

	.tabOn, .tabOff {
		height:18px;
		margin-right:1px;
		padding:3px 10px 0px 12px;
		font:13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		float:left;
		cursor:pointer;
		cursor:hand;
	}
	.tabOn { 
		background:url(../images/bk_tab_on.jpg) no-repeat;
		border:solid 1px #7F7C62;
		font-weight:bold;
	}
	
	.tabOff { 
		background:url(../images/bk_tab_off.jpg) no-repeat; 
		border:solid 1px #dbd9c9;
		color:#fff
	
	}


.on { display:block; }
.off { display:none; }


/* ESTILOS COMUNES  */


.marginLang { margin:auto 20px; }

.photo, .thumbnail, .roomPhoto { border:solid 1px #7F7C62;}
.roomPhoto { 
	float:right;
	margin-left:15px;

}
.headerBox {
	height:21px;
	background-color:#7F7C62;
	font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	padding-top:3px;
}

.headerText {
	height:20px;
	background:url(../images/bk_heading.jpg) no-repeat left;
	font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:3px;
	padding-left:15px;
	margin:20px 0px 10px 0px;
}

.section { margin:20px;}

.paragraph { margin:10px 0px;}

#booking div.box { padding:0}
#otherhotels div.box { padding:10px}

.box {
	border:solid 1px #7F7C62;
	background-color:  #EFE6D2;
	padding:10px 20px;
	margin-top:1px;
}

div.box p {margin:8px 0px;}

.offer { 
	margin:8px 0px;
}

.overline { 
	border-top: dashed 1px #C1BEA7;
	padding-top:4px;
}

.underline { 
	border-bottom: dashed 1px #C1BEA7;
	padding-bottom:2px;
	padding-left:4px;
}

.bottom .note { 
	font-size:10px;
	color:#FFF;
}
	.bottom.note a:link,.bottom .note a:visited { 
		color:#fff;
		text-decoration:none;
	}
	.bottom .note a:hover, .bottom .note a:active { 
		color:#fff;
		text-decoration:underline;
	}
.note2 { font-size:10px;}

.column {	
	float:left;
	margin-right:10px;
	width:170px;
	border-left: dashed 1px #C1BEA7;
}
	.column ul li { margin-left:-20px;	}

.pusher { clear:both; }

ul li { list-style-image:url(../images/ico.gif); }

a:link, a:visited { 
	color:#039;
	text-decoration:none;
}
a:hover, a:active { 
	color:#C00;
	text-decoration:none;
}


/* ----------------- 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;
}
p#closegraph { 
	text-align:right;
	padding-right:15px;
}