* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 25px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: 25px; /* negative value of footer height */
	height: 25px;
	clear:both;
	background-color:#A5BE6A;
	font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:10px; text-align:center; line-height:25px; color:#757E01;
}
	#footer a{
		color:#757E01;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#intro{height:25px; background-color:#A5BE6A; margin-top:0px; width: 100%;}
.idiomes{font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:12px; text-align:right; line-height:25px; color:#757E01;}
#logo_vilajoan{width:200px; height:78px; margin:46px 0px 0px 0px; position:absolute; float:left;}
#reservas{width:200px; height:200px; position:absolute; margin:10px 0px 0px 220px; background:url(../images/fondo_reservas.gif) no-repeat; color:#FFFFFF; position:absolute; float:none;}
.form_reserves{font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:12px; color:#FFFFFF;line-height:14px;}
.title_reserves{font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:18px; color:#FFFFFF;line-height:18px;}
#frm_reserves_button{background:#757E01 url(../images/frm_reserves_button.gif) top left no-repeat; height:25px; width:83px; color:#757E01; border:0; cursor:pointer; margin-top:0px;}
.frm_contacte_button button{background:#FFFFFF url(../images/ico-reservar.gif) top left no-repeat; height:25px; width:83px; color:#FFFFFF; font-weight:bold; border:0; cursor:pointer; margin-top:10px;}
.frm_reservar_button button{background:#757E01 url(../images/ico-reservar.gif) top left no-repeat; height:25px; width:83px; color:#E7E7E7; font-weight:bold; border:0; cursor:pointer; margin-top:10px; }
.border_green{border:1px solid #A5BE6A;font:12px Tahoma,sans-serif;color:#000000; width:375px;}
.title_casa_reserves{font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:18px; font-weight:bold; margin-top:0px; text-align:left; color:#757E01;}
.table_casa_reserves{vertical-align:top;}
.validation_error{font-size:10px; color:#FF0000;}
.links-footer{background-color:#FFFFFF;font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:10px; text-align:center; line-height:25px; color:#757E01;}
#menu{width:190px; margin:170px 0px 0px 0px; color:#757E01; *margin: 10px 0px 0px 0px; text-align:left; position:absolute; background-color:#FFFFFF; height:500px;}
#photo_left{width:200px; margin:170px 0px 0px 220px; *margin: 10px 0px 0px 220px; position:absolute; height:500px;}
#info{width:500px; margin:10px 0px 0px 440px; color:#757E01; position:relative; text-align:justify; background-color:#E7E7E7; min-height:500px; height:auto; float:right;}
.info{font-family:Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:14px; margin:10px 0px 10px 10px; width:480px;}

#header{width:940px; margin: 0px auto 0px auto; text-align: left; height: auto; left:50%;}
#content{width:940px; margin: 0px auto 0px auto; text-align: left; left:50%;}
#menu_photo{width:940px; margin: 0px auto 0px auto; text-align: left; left:50%;z-index:-10;}





/* MENU */

.menu_actiu{
background-color:#757E01;
}

.menu_actiu_maps{
background-color:#F0F0F0;
}

#dhtmlgoodies_menu{	/* Menu object */
	margin:0px 0px 0px 0px;
	padding:0px;
	width:190px;	/* Width of menu */
}
#dhtmlgoodies_menu li{
	margin-top:2px;	/* Space between each menu item */		
		
	/* Don't change these four values */
	list-style-type:none;				
	clear:both;
	display:block;	
	overflow:auto;
	/*
	line-height: 15px;
	display: block;
	margin-top: 0px;
	overflow: visible;
	padding-left: 25px; 
	 */
}

.table_submenu{	
	line-height: 15px;
	display: block;
	margin-top: 0px;
	overflow: visible;
	padding-left: 25px; 
}
	
#dhtmlgoodies_menu li a{	/* Text rules for the menu items */
	color:#757E01;	/* Black text color */
	text-decoration:none;	/* No underline */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	letter-spacing:1px;	/* Extra space between each letter of the menu items */
	font-size:0.7em;	/* Fixed font size */
	font-weight:bold;	/* Bold font */
	float:left;
	background-color:#F0F0F0;
	padding-left:3px;
	line-height:25px;	/* Height of menu links */
}


#dhtmlgoodies_menu li div{
	float:left;
	
}


/* MENU */


/* SLIDE MENU */
/*big menu*/

#kwick {
	position: relative;	
	padding:0px;
	margin-right:-2px;
	/*margin-top:10px;*/
	float:right;
	margin-top:10px;
}

#kwick ul{
       list-style:none;
}

# .kwicks {
	display: block;
	height: 150px;
	margin: 0px;
	padding:0px;
}

#kwick li {
	float: right;
	margin:0px;
	padding:0px;
}

li:after {
	content: "";
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 150px;
	width: 165px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
	border-right: 2px solid #fff;
}

#kwick .kwick span {
	display: none;
}

#kwick .opt1 {
outline: 0; background: #ffffff url(../images/slide_tarongers.jpg) ;
}

#kwick .opt2 {
outline: 0; background: #ffffff url(../images/slide_arcos.jpg);
}

#kwick .opt3 {
outline: 0; background: #ffffff url(../images/slide_palmera.jpg);
}

/* SLIDE MENU */

/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}
	
/* LIGHTBOX */

/* CALENDAR */

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

/* CALENDAR */

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover {text-decoration: none; }