@import url('lib/reset.css');

/*--------------------------------
	General Styles
--------------------------------*/
html, body 	{ position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; }
body 		{ font-family: Lucida Grande, Arial, sans-serif; font-size: 67.5%; background: #5F2B0C url('images/body_bg.jpg'); }
h2 			{ margin-bottom: 10; margin-bottom: 10px; font-size: 16px; color: #3F1108; }
p 			{ margin-bottom: 1em; }
em 			{ font-style: italic;}
/*--------------------------------
	Helper Styles
--------------------------------*/
.hidden 	{ display: none;}
.inner 		{ margin: 12px; }
div.hr		{ clear: both; height: 20px; }
div.hr hr	{ display: none; }

/*--------------------------------
	Page Structure
--------------------------------*/
#wrapper,
#contentwrapper { position: absolute; z-index: 10; }
#contentwrapper-land { position: absolute; z-index: 10;}
#wrapper 		{ width: 100%; min-width: 960px; height: 100%; }
#contentwrapper { width: 520px; height: 903px; right: 0; top: 15px; background: transparent url('images/content_bg.png') no-repeat top left; }
#contentwrapper-land { width: 600px; top: 0; padding:20px; background: url('images/sfondo-top.png') no-repeat top left; right: 0;}
#navigation		{ position: fixed; left: 0; top: 50px; z-index: 11; }
#stretch_bg,
#map_bg		 	{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; overflow: hidden; }


/*--------------------------------
	Page Components
--------------------------------*/

/* @ Page */
#pageTitle 			{ margin: 35px 40px 0 115px; font-size: 34px; }

#pageContent		{ margin: 5px 40px 20px 145px; font-size: 12px; }
#pageContent.wide	{ margin: 10px 10px 20px 110px; }
#pageContent.land	{ margin: 10px 10px 20px 30px; }
#pageContent a		{ color: #3F1108; font-weight: bold; }

/* @ Dammusi dettaglio */
#pageContent .detailbrief	{ font-size: 12px; font-weight: bold; font-style: italic;}
#backToDammusi	{ position: absolute; display: block; width: 50px; height: 40px; top: 35px; left: 30px; background: transparent url('images/back.png') no-repeat top left; text-indent: -1000em; }

/* @ Entry Gallery */
#entryGallery		{ position: absolute; width: 70px; height: 290px; top: 200px; left: 55px; }
#entryGallery ul 	{ list-style: none; margin: 0; padding: 0; }
#entryGallery li 	{ margin: 0; padding: 0; }
#inlineEntryGallery { margin: 10px 0; }

/* @ Info Sidebar (sia damusi che pantelleria che contatti) */
#infoSidebar		{ position: absolute; width: 70px; height: 290px; top: 210px; left: 40px; }
#infoSidebar ul		{ list-style: none; margin: 0; padding: 0; }
#infoSidebar li	 	{ width: 67px; padding: 5px;  margin-bottom: 10px; text-decoration: none; }

/* @ Other info */
#otherInfo {}
#otherInfo .longDesc		{ margin-top: 20px;}
#caratteristiche			{ width: 310px; float: left; }
#altrefoto					{ width: 300px; float: left; margin-left: 5px;}
#caratteristiche table 		{ width: 100%; }
#caratteristiche table tr 	{ border-bottom: 1px solid red; margin-bottom: .2em; }
#caratteristiche table td 	{ padding: .65em; }
#caratteristiche table .tableHeader { width: 50%; font-weight: bold; font-style: italic; background-color: #BF9E47;}


/* @ Contact Form */
.contactform {width: 680px; position: relative;}
.contactform fieldset 	{ }
.contactform legend 	{ margin-bottom: 10; margin-bottom: 10px; font-size: 14px; color: black; font-weight: bold; font-style: italic; }
.contactform label		{ font-weight: bold; }
.contactform input		{ width: 225px; padding: .4em; border: 1px solid #ececec; font-size: 12px; font-family: times, times new roman, serif; color: #333;}
.contactform textarea	{ position: relative; width: 550px; margin: 0 auto; padding: .4em; border: 1px solid #ececec; font-size: 12px; font-family: times, times new roman, serif; }
.contactform #anagrafica,
.contactform #soggiorno	{ left:300px; position: absolute; top: 80px; }
.contactform #anagrafica { position:absolute; left: 0; }
.contactform #soggiorno {padding-left: 25px; border-left: 1px solid red; right: 0; }
.contactform #invia,
.contactform #messaggio	{ position: absolute; top: 270px; }
.contactform #messaggio input { width: 40px;}


/* @ Navigation */
#navigation				{ width: 120px; }
#navigation ul			{ list-style: none; }
#navigation li 			{ background-color: #FFDF7F; font-size: 12px; margin: 10px 0; }
#navigation a 			{ display: block; padding: 5px 10px; text-decoration: none; color: #3F1108; }
#navigation a:hover,
#navigation a.active	{ background-color: #3F1108; color: white; }	

/* @ Lista Dammusi */
#pageContent.wide .detailbrief { margin: -20px 45px 20px 45px;}
.infoDammusi			{ position: relative; left: -40px;}
.infoDammuso			{ position: relative; width: 140px; float: left; height: 100px; margin: 0 10px 15px 50px; }
.infoDammuso dt			{ font-size: 12px; font-weight: bold; margin-top: 50px; }
.infoDammuso .brief 	{ width: 140px; top: 42px;  font-size: 10px; font-style: italic;}
.infoDammuso .image		{ position: absolute; width: 136px; height: 46px; top: 0; border: 2px solid white;  }
.infoDammuso a			{ color: #3F1108; }
.infoDammuso a:hover	{ }

.infoDammusi-land			{ position: relative;}
.infoDammuso-land			{ position: relative; width: 140px; float: left; height: 100px; margin: 0 10px 15px 5px; }
.infoDammuso-land dt			{ font-size: 12px; font-weight: bold; margin-top: 50px; }
.infoDammuso-land .brief 	{ width: 140px; top: 42px;  font-size: 10px; font-style: italic;}
.infoDammuso-land .image		{ position: absolute; width: 136px; height: 46px; top: 0; border: 2px solid white;  }
.infoDammuso-land a			{ color: #3F1108; }
.infoDammuso-land a:hover	{ }

/* @ Lingue Dammusi */
#lang{width: 230px; position: fixed; left:0; margin:0 auto; z-index: 20; height: 35px; top: 0; background: transparent url('images/sfondo-lang.png') no-repeat top left; }
#lang ul li a{}
#lang ul{list-style-type:none;}
#lang ul li{float:left; width:30px; padding:10px 5px 0 10px; height:20px;}

/* @ Stretch BG & map BG*/
#map				{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#stretch_bg div 	{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#stretch_bg table 	{ width: 100%; width: 100%; height: 100%; overflow: hidden; margin-bottom: 0; }
#stretch_bg td 		{ padding: 0; border: none; width: 100%; height: auto; overflow: hidden; text-align: center; vertical-align: middle; margin-bottom: 0; }
#stretch_bg img 	{ position: absolute; top: 0; right: 0; margin: 0 auto; width: 100%; min-width: 50%; height: auto; }

/*--------------------------------
	Overrides
--------------------------------*/