body{ font-size: 62.5%; font-family: verdana, helvetica, sans-serif; background:#fff; margin:0; padding:0;}
a img{ border:none;}
a{ text-decoration:none;}
a:hover { text-decoration:underline;}
hr{ display:none;}

h1{ font-size:2.5em;}
h2{ font-size:1.6em; font-weight:normal;}
h3{ font-size:1.3em; }
h4{ font-size:1.1em; }
iframe{ border:none;}

ul.menu li div{ display:inline;}

#wrapper{ padding:0; margin:0 auto; width:1000px; background:transparent url("images/bg_wrapper.jpg") repeat-y left top; position:relative; position:relative;}
	#wrapper #top{ background:transparent url("images/bg_top.jpg") no-repeat left top; }
	#wrapper #bottom{ background:transparent url("images/bg_bottom.jpg") no-repeat left bottom; position:relative; padding:15px 15px 0 15px; zoom:1;}
		#wrapper #bottom:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header{background:transparent url("images/bg_header.jpg") repeat-y left top; margin:0 0 0 1px; padding:0 0 6px;}
	#header #header_top {background:transparent url("images/bg_top_header.jpg") no-repeat left top; padding:10px 10px 0; position:relative; zoom:1;}
		#header #header_top h1, #header #header_top h2{margin:0!important; padding:0; color:#d4d4d4;}
		#header #header_top h2 { font-size:1.3em; margin:9px 0 3px 8px;}
		#header #header_top #reservas_online { display:block; }
	
	#header #bloc_header { position:absolute; top:8px; right:15px; width:210px;}	
		#header #bloc_header ul { margin:0 0 2px; padding:0; text-align:right; font-size:1.2em; font-weight:bold; height:47px;}	
		#header #bloc_header ul li{ list-style-type:none; line-height:1.3em; text-align:right; }
			#header #bloc_header ul li.first {border-right:none;}
		#header #bloc_header ul li a { color:#999; margin:0; padding:0;}
		#header #bloc_header ul li.active a { color:#fff;}
			#header #bloc_header ul li a:hover { color:#fff; text-decoration:none;}	
		
		#header #bloc_header #block-block-2 { margin:0; }
			
		/****************** bloc reserves ***********************/
		#reservas_online { width:208px; margin:0 0 1px 2px; background:transparent url("images/bg_reserves.gif") no-repeat left bottom; }
			#reservas_online_top{ background:transparent url("images/bg_reserves_top.gif") no-repeat left top; padding:5px; zoom:1;}
			#reservas_online_top:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
			
			#reservas_online h2 { font-weight:bold!important; color:#F5EACE!important; margin:0!important; }
			#reservas_online .text_online { display:none;}
			#reservas_online label {color:#fff; }
				#reservas_online label span { font-weight:normal; color:#ccc; font-size:.9em; }
			#reservas_online .form-item { margin:0 0 2px; }
			#reservas_online a.boton { margin:5px auto 0; cursor: pointer; background:#8a7a41 url("images/bg_button.gif") repeat-x top left; color:#fff; border:none; font-weight:bold; padding:3px 5px; display:block; text-align:center; }
			#reservas_online a.boton:hover {background:#8a7a41; color:#363636; text-decoration:none;}
		
		#center_bottom #reservas_online { position:absolute; top:20px; right:25px; width:375px; background:#333; border:1px solid #5D532D;}
			#center_bottom #reservas_online_top { background:none; padding:20px 10px 10px;}
			#center_bottom #reservas_online h2{ position:relative!important; width:auto; left:0; font-size:1.3em;}
			#center_bottom #reservas_online .text_online { color:#F1E29C; display:block; margin-bottom:10px;}
				#center_bottom #reservas_online .text_online p{ margin:0; line-height:1.5em; }
			#center_bottom #reservas_online input.form-submit { width:200px; margin:10px 0 0;}
			
#content{ zoom:1; position:relative;}
	#content:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

	/****************** menús **********************/
	#menu_principal { width:201px; text-align:left; font-size:1em; background:transparent url("images/bg_top_menu.jpg") no-repeat left top; position:absolute; top:-6px; left:0; z-index:100; }
	#menu_principal h2{ width:178px; font-size:1.4em; display:none;}
	
	/************* menú principal ************/
	#menu_principal ul { margin:8px 0 0 5px; padding:0; font-size:1.3em;}
	#menu_principal ul li { list-style-type:none; padding:0!important; margin:0!important; zoom:1;}
		#menu_principal ul li div { background:#efefef url("images/bg_li_menu.jpg") repeat-y right bottom; display:block; margin:0; padding:0;}
			#menu_principal ul li.last div { background:#efefef url("images/bg_span_last.jpg") repeat-y right bottom; display:block;}			
		#menu_principal ul li a { font-weight:bold; text-decoration:none; display:block; color:#141414; padding:10px 11px 9px; margin:0; zoom:1; }
			#menu_principal ul li.last a { background:transparent url("images/bg_li_last.jpg") no-repeat left bottom; }
			#menu_principal ul li a:hover, #menu_principal ul li a.active, #menu_principal ul li a.selected, #menu_principal ul li.expanded a { color:#f1e29c; background:#141414;}
			
				#menu_principal ul li.last a:hover, #menu_principal ul li.last a.active, #menu_principal ul li.last a.selected { background:#141414 url("images/bg_li_last_hover.jpg") no-repeat left bottom; }
	
	/*********** submenú principal ***********/
	#menu_principal ul li ul { font-size:0.8em; margin:0; padding:5px 0; background:#efefef url("images/bg_submenu.jpg") repeat-y right bottom; zoom:1;}
		#menu_principal ul li.expanded ul li a { color:#141414;}
		#menu_principal ul li ul li div, #menu_principal ul li ul li.last div { background:none;}
		#menu_principal ul li ul li a, #menu_principal ul li ul li.last a, #menu_principal ul li ul li a:hover, #menu_principal ul li ul li a.active, #menu_principal ul li ul li a.selected, #menu_principal ul li ul li.last a:hover, #menu_principal ul li ul li.last a.active, #menu_principal ul li ul li.last a.selected { background:transparent url("images/arrow_item.gif") no-repeat 3px 8px!important;}
		#menu_principal ul li ul li a, #menu_principal ul li ul li.last a{ padding:5px 5px 5px 15px; font-weight:normal;  margin-left:8px;}
			#menu_principal ul li ul li a:hover, #menu_principal ul li ul li a.active, #menu_principal ul li ul li a.selected { color:#9b0d0d;}
	#menu_principal ul li ul li ul{ font-size:1em; background:none; margin-left:10px; padding:0;}
	
	/******************* content ********************/
	#center{ float:right; width:773px; background:#fff url("images/bg_center.jpg") repeat-y right top; zoom:1;}
		#center_sidebar{ float:right; width:773px; background:#fff url("images/bg_center_sidebar.jpg") repeat-y right top; zoom:1;}
	
		div#center_bottom{ /*!height:400px;*/ font-size:1.2em; zoom:1;}
			#center div#center_bottom{ width:723px; padding:5px 25px 25px 25px; background:transparent url("images/bg_bottom_center.jpg") no-repeat right bottom; }
			#center_sidebar div#center_bottom{ width:310px; padding:5px 438px 25px 25px; background:transparent url("images/bg_bottom_center_sidebar.jpg") no-repeat right bottom; }
			div#center_bottom:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
			
		#center a, #center_sidebar a{ color:#9b0d0d; text-decoration:none; }
			#center a:hover, #center_sidebar a:hover{ color:#363636; text-decoration:underline;}
		#center h1,#center_sidebar h1 { font-size:1.7em; margin:15px 0 10px; font-weight:normal;}
		#center_sidebar h2 { position:absolute; bottom:8px; left:554px; color:#fff; margin:0; padding:0; font-size:3em; width: 400px;}
		#center_sidebar h3, #center h3{ font-size:1.4em!important; font-weight: normal!important;}
		/* { font-size:1.1em; font-weight:bold; }*/
		div#center_bottom table{ font-size:1em!important;}
		
		/* no ens interessa mostrar els titles */
		/*#center h2 { display:none; }*/
		
		div#center_bottom ul{ margin:0; padding:0 5px 0 25px;}
			div#center_bottom ul li { line-height:1.6em;}
			
					
	/******************* banner rotator images habitacions ******************/
	#image_rotator, .field-field-imagenes-relacionadas, #block-block-5, #block-block-6, #block-block-4, #block-block-7, #map_google {position:absolute; top:0; right:8px; margin:0; border:none;}
		#map_google a{ margin-left:15px; color:#fff;}
		
	#map p{ font-size:.9em;}
		 #block-block-6, #mapa_home{ margin:0 0 0 10px; background:#efefef; padding:5px 10px 10px; float:right; margin:9px 0 15px 15px;}
		 	#block-block-6 h2, #mapa_home h2{ margin:0 0 5px; padding:0; font-size:1.6em;}
	
	
	/****************** galería **********************/
	.block_gallery { /*padding:10px 5px 5px 10px;*/ display:block; margin:0 0 5px; /*border:1px solid #DDDDDD; background:#efefef;*/ }
		.block_gallery ul, .block_gallery ul li { list-style-type:none; margin:0!important; padding:0!important; }
		.block_gallery ul li div.field-item { display:inline; margin:0 5px 5px 0;}
		.block_gallery h3{ margin:10px 0 5px; padding:0; font-size:1.1em; color:#666;}
	
	/******************* menú del dia **********************/					
	.field-field-primeros, .field-field-segundos, .field-field-segundos-pescados, .field-field-postres, .field-field-extras{ border-bottom:1px solid #000; padding:10px; }	
		 .field-field-postres, .field-field-extras { border:none; }
		 #menu{ text-align:center;}
		 	#menu .field-item { margin:3px 0; }
		 
		 #menu h4{ color:#9b0d0d; }
	.menu { margin:0 0 20px;}
		.menu i{ width:80px; float:right;}
		 
	/******************* forms **********************/					
	#content .form-text{ width:295px!important;}	
	.form-file{ width:150px!important; }
	
	/******************* home **********************/					
	#home_1, #home_2, #home_3, #home_4, #home_5, .home_3, .home_4, #home_6{ width:225px; float:left; margin:10px 23px 3px 0; background:#ddd;}
		#home_3, .no_right{ margin-right:0; }
		#home_4, .home_4, #home_6 { background:#efefef/* url("images/bg_home_top.gif") no-repeat top left*/; border:1px solid #ddd;width:223px; }
		#home_5{margin-left:14px; margin-right:0; width:471px; background:#efefef/* url("images/bg_home_db_top.gif") no-repeat top left*/; border:1px solid #ddd; }
		#home_4{margin:10px 10px 0 0;}
		#home_6{margin:10px 10px 0 0;}
		
		#home_1 .contingut, #home_2 .contingut, #home_3 .contingut, .home_3 .contingut { padding:10px; height:125px;}
		#home_1 .contingut p, #home_2 .contingut p, #home_3 .contingut p, .home_3 .contingut p{ padding:0; margin:0 0 6px;}
		.home_3 .contingut{ height:210px; position:relative; }
		#home_4 .contingut, #home_5 .contingut { padding:5px 10px; height:110px; zoom:1;}
		.home_4 .contingut{ padding:5px 10px 15px; font-size:.8em; color:#666; height:500px; }
			
		#home_1 h2, #home_2 h2, #home_3 h2, .home_3 h2 { height:50px; padding:10px; font-size:1.7em; color:#fff; background:#aaa; margin:0; }
			#home_1 h2 { background:url("images/bg_home_1.jpg") no-repeat top left; }
			#home_2 h2 { background:url("images/bg_home_2.jpg") no-repeat top left; }
			#home_3 h2, .home_3 h2 { background:#989661 url("images/bg_home_3_top.gif") no-repeat top left; }
			#home_3 .contingut { background:url("images/bg_home_3.jpg") no-repeat bottom left; }
			#home_1 .contingut, #home_2 .contingut, .home_3 .contingut/*, #home_4 .contingut*/ { background:transparent url("images/bg_home_bottom.gif") no-repeat bottom left; }
				#home_4 .contingut:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
				#home_5 .contingut{ padding:10px 10px 20px 10px; height:100px; float:left;}
					#home_5 .contingut h3{ margin:0; font-size:1.4em; vertical-align:middle;}
					#home_5 .contingut h3 img{ vertical-align:middle;}
					#home_5 .contingut address {margin:20px 0 3px 45px;}
					#home_5 .contingut p {margin:0 0 0 45px; font-size:1.1em;}
						#home_5 .contingut a {margin:0 15px 0 0;}
				/*#home_5 .contingut{ background:transparent url("images/bg_home_db_bottom.gif") no-repeat bottom left; }*/
			#home_1 h2 a, #home_2 h2 a, #home_3 h2 a, .home_3 h2 a{ color:#fff;}
				#home_1 h2 a:hover, #home_2 h2 a:hover, #home_3 h2 a:hover, .home_3 h2 a:hover { color:#efefef;}
	
			.contact_link{ position:absolute; bottom:10px; right:10px; font-size:.9em; }
		#home_4 { display:block; padding:0!important; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
		#home_4 .contingut.menus_nadal{ padding:0; }
		#home_4 .contingut.menus_nadal h3{ padding:20px 0 20px 48px; color:#fff; font-weight:bold!important; margin:0; background:url("images/star2.gif") #9B0D0D -37px -42px no-repeat; -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;}
		#home_4 .contingut.menus_nadal a{float:right; margin: 25px 0 0 0; padding: 50px 35px 15px;}
		
		#home_5 .parking{ float:right; padding:20px;}	
		#home_5 .parking a img{width:55px; height:55px;}
		
		#home_6, #home_4, #home_5 {height:175px;  -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
		
		#home_6{background:#cc3333; padding:25px 0 0 0; height:150px; }
		#home_6 .animated{margin:10px 0 0 0; float:left;}
		#home_6 h3,#home_6 p{color:#fff;}
		
		
	#wifi {z-index:1;}	
	#wifi img{z-index:1; position:absolute; left:380px;}
		#facebook{ z-index:1; position:absolute; left:457px; top:11px; }
	
	#home_4 ul.icones{ float:left; margin:0!important; padding:0!important; display:block; width:100%;}
	#home_4 ul.icones li {margin:0!important; width:100%; padding:0 0 0 5px;}
	#home_4 ul.icones li a{margin:0!important; padding:0!important; float:left!important;}
	/******************* footer **********************/					
	#footer { text-align:center; clear:both; padding:5px 0; margin:5px 5px 20px; color:#999999; background:#efefef url("images/bg_footer.gif") no-repeat bottom left; position:relative; zoom:1;}
	#footer:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#footer ul.menu{ padding:0; margin:60px 0 0 5px; float:left;}
			#footer ul.menu li { display:inline; list-style-type:none; padding:0 10px 0 10px; border-right:1px solid #bbb;}
				#footer ul.menu li.last { border:none; }
				#footer a, #footer a.active { color:#484848!important;}
			
		#footer_contact{ float:right; text-align:right; padding:10px 15px;}
	
	#footer #hosting{padding:60px 0 0 0;}
		
		ul.icones{ float:right; list-style-type:none; margin:10px 0 5px; padding:0; zoom:1;}
					
			#home_4 ul.icones{ float:left; margin:-5px 0 0!important;}
			ul.icones li{ float:right; margin:0 4px;}
				#home_4 ul.icones li{ float:left;}
				ul.icones li a{ display:block; vertical-align:bottom; outline:0;}
					ul.icones li a img{ display:none; vertical-align:bottom!important;}
						#home_4 ul.icones li span{ margin:0; padding:0; display:block; text-align:center; font-size:.9em; font-weight:bold; line-height:1.2em;}
					ul.icones li a:hover img{ /*display:block;*/}
				
			ul.icones li.wifi a{ background: url("images/ico_wifi.jpg") no-repeat bottom left; width:82px; height:69px;}
			ul.icones li.pk a{ background: url("images/ico_pk.jpg") no-repeat bottom left; width:60px; height:69px;}
			ul.icones li.occidental a img{ display:block;}
			ul.icones li.omitsis a{ background: url("images/ico_omitsis.jpg") no-repeat bottom left; width:57px; height:69px;}
			
	#missatge {	position: absolute; display:none; top:0; left:0; font-size:1.1em;}
			#missatge { padding:.5em 1em; z-index: 50000; background: #fff; border:1px solid #8C8C73; color:#000;}