/* 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:#3366CC;}
a:hover, a:active { color:#996600; }

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:#f2e3bc;
	text-align:right;
}
#languages a:link, #languages a:visited {
	color:#FFF;
	text-decoration:none;
}
#languages a:hover, #languages a:active {
	color:#FFCC00;
	text-decoration:underline;
}


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

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

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

#hotelname h1 a {
	color:#3e87d6;
	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:#3e87d6;
	background:#FFF url(../images/bg_menuhover.png) repeat-y left;
	text-decoration:none;
	padding-left:15px;
	height:27px;
	line-height:26px;
	font-size:13px;
	padding-right:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #3e87d6;
}

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

#menu ul li a {
	height:26px;
	line-height:26px;
	font-size:13px;
	padding-left:8px;
	padding-right:20px;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
	float:left;
	border-right-width: 1px;
	border-left-width: 7px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3e87d6;
	border-left-color: #A6DBFF;
}

#menu ul li a:hover {
	color:#3e87d6;
	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: 1px dashed #0099FF;
	background-color:#A9C9ED;
	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:#3e87d6;
	padding-left:5px;
	margin-bottom:15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #006699;
}

#contents h3 {
	font-size: 15px;
	color:#3e87d6;
	padding-left:5px;
	margin-bottom:15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #006699;
}


#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 #3e87d6;
	margin:0 auto;
	width:380px;
	height:380px;
}

p.openmap { 
	text-align:right; 
	width:380px;
	margin:3px auto;
}
div.column01 address, div.column02 address {
	padding:5px 10px;
	border: 1px solid #3e87d6;
	width: 210px;
	margin:15px;
}

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

div.column02 .text {
	padding:5px 10px;
	border: 1px solid #67A4C2;
	margin:15px 7px 7px 7px;
	background-color:#FFF;
}

.linkSection {
	background:url(../images/zoom.gif) no-repeat left;
	padding-left: 18px;
}

.highlight {
	text-decoration:underline;
}

#framereservation * { font-size:11px;}

/*--------------------------------------- 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:#3e87d6;
}

#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 #FFD897;
}

#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 #FFD897;
	font-style:italic;
}