body{ background: #DDE2E8 url(../image/bg-body.jpg) 0 0 repeat-x;  font-family:Arial, Helvetica, sans-serif; color:#666666 }

/* tag html */
h1, h2, h3, h4 {padding: 10px 0; margin: 0; font-family:"Georgia", Times New Roman, Times, serif; font-weight:lighter; color:#021E36}
p, ul{ font-size:11px; }



/* links */
a, a:visited { color:#031F37; text-decoration: none;	}
a:hover {color: #031F37; background: inherit;text-decoration: none;	}

/* classi aggiuntive */
.clear { clear: both; height:1px; line-height:1px; }
.float-left  { float: left; margin:0 10px 10px 0 }
.float-right { float: right; }

/* classi x le immagini */
.photo{  border:1px solid #ccc; background:#fff; padding:2px;}
.opacityit{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}

.opacityit:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
cursor:pointer;}

/* ------ layout generale ------*/
#wrapper{ width:928px; margin:0 auto;}
#header{ background:#fff url(../image/bg-header.jpg) 98% 60px no-repeat; height:160px; position:relative; font-size:11px; top:0; left:0}
#headerDetail{ background:#fff url(../image/bg-header.jpg) 98% 60px no-repeat; height:160px; position:relative}
#Intro { border:1px solid #eee; height:297; background:#fff; }
#content{ background:#fff url(../image/bg-content.jpg) 0 0 repeat-x; padding:10px;margin-top:2px; position:relative}
#wrapper #content{ background:#fff url(../image/bg-content.jpg) 0 0 repeat-x; padding:10px;  position:relative}
#footer{ background:#fff url(../image/bg-footer.jpg) 0 0 repeat-x; padding:15px 20px; text-align:center; font-size:11px;}
#woi{ font-size:11px; margin-left:20px}

/* Div utilizzati per il layout nelle pagine istituzionali, index, e form */

#Intro-landing { border:1px solid #eee; padding:10px; background:#fff url(../image/bg-ricerca.jpg) 0 0 repeat-x; }
#Intro-landing  h1{font-size:130%; margin:0; padding:0; }
#content-body { background:#fff; width:908px; position:relative; }
#categorie{ width:248px;  border-right:1px solid #ccc; background:#fff; text-align:right; position:relative; float:left;  padding-top:15px; }
#sidebar { background:#fff; width:658px; float:left; position: relative;}
#sidebarBook { background:#fff; float:left; position: relative;}


/* ------ Elementi Div Header ------*/
#header select , #header select option{ font-size:11px}

.menuServizio{ position:absolute; top:15px; right:10px; text-align:right}
.menuServizio a:link, .menuServizio a:visited{ color:#666;}
.menuServizio a:hover{ color:#666; text-decoration:underline}

#logo{ position:absolute; top:15px;}

#nav{position:absolute; top:70px; right:170px; line-height:30px; height:30px;}
#nav ul { list-style:none; padding:0; margin:0;}
#nav li { display: inline; float:left; padding-right:15px}
#nav a:link,
#nav a:visited{ color:#333333;}
#nav a:hover{ color:#333333;}

#search { margin-left:30px;  position:relative; top:70px; left:120px; background:url(../image/ico-lente.jpg) 0 center no-repeat ; width:280px; float:right;}
#search img{ position:absolute; top:4px;}
#search input { font-size:11px; border:1px solid #ccc; line-height:18px; height:18px; position:absolute; left:22px;}
#search .btn-cerca{ background:url(../image/btn-cerca.jpg) 0 0 no-repeat;  cursor:pointer;margin-left:105px; text-indent:-5000px; width:20px; border:0; line-height:20px; height:20px; margin-top: 1px;}

/* ------ Elementi Div categorie ------*/
#categorie h4{ background: url(../image/ico-fiore.gif) 98% center no-repeat; padding-right:35px; border-bottom:1px solid #ccc;  color:#021E36!important;font-size:17px; margin:0 12px;}
#categorie  div {font-size:11px; padding:7px 0; margin:0 12px; background:#fff url(../image/bg-form-sidebar.jpg) 0 0 repeat-x; display:block}
#categorie div form p{ padding:0; margin:0; margin-left:86px; }
#categorie label{ width:80px;font-weight:bold; float:left;  margin-right:5px; margin-bottom:3px}
#categorie  input {float:left;  margin-bottom:6px; font-size:11px;}
#categorie  div p{ clear:both}
.btn-entra{ background:url(../image/btn-dettagli.jpg) 0 0 repeat-x;cursor:pointer;   height:26px; line-height:26px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#345772; border:1px solid #9CBCD3; font-size:11px; }

/* elenco categorie */
ul.nav-categorie { padding:0; margin:0; list-style:none; font-size:11px;}
ul.nav-categorie li{ border-bottom:1px solid #ccc; margin:0 12px; text-align:right; line-height:15px; position:relative  }
ul.nav-categorie li a:link,
ul.nav-categorie li a:visited{color:#BD4F2E; padding:6px 16px 6px 4px;  display:block;background:url(../image/ico-freccia_menu.gif) 98% center no-repeat; }
ul.nav-categorie li a:hover{background:#BD4F2E; color:#fff; text-decoration:none;}

/* elenco area geografica */
ul.nav-area { padding:0; margin:0; list-style:none; font-size:11px;}
ul.nav-area li{ border-bottom:1px solid #ccc; margin:0 12px; text-align:right; line-height:15px; position:relative;}
ul.nav-area li a:link,
ul.nav-area li a:visited{color:#666; padding:6px 16px 6px 4px;  display:block;background:url(../image/ico-freccia_menu.gif) 98% center no-repeat; }
ul.nav-area li a:hover{background:#CCD6E0; color:#333; text-decoration:none;}


/* --------------------------- INDEX  Elementi Div CONTENT - sidebar ------*/
/* primo elemento in home page */
div.intro { background:#fff url(../image/bg-content-body-div.jpg) 0 0 repeat-x; /*font-size:14px;*/ padding:0 14px;}
div.intro h1{ font-size:26px; color:#021E36!important; padding-top:15px}
.intro p{ font-style: italic; font-size:12px; line-height:1.5em; color:#576477;}
.intro img{ border:0; display:block; position:relative}

/* box ville (in home page) */
div.vetrina {padding:12px;   background: url(../image/bg-vetrina.jpg) 0 0 repeat-x; min-height:360px;   }
div.box { width:300px; float:left; margin-left:5px; }
.box img{ text-align:center; border:1px solid #ccc; background:#fff; padding:2px; margin:0 15px;}
.box h2 { font-size:12px; color:#031F37; border-bottom:1px solid #ccc; padding-bottom:0px; margin:0 10px 0 20px;}
.box p { font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; margin:7px 0;  padding:0 10px 0px 20px;line-height:1.3em; }
.box div{ margin:0 10px 0 20px; border-top:1px solid #ccc; padding-top:5px;}
.box div input { margin-right:20px; }

/* --- pulsanti input --- */
.btn-prenota{ background:url(../image/btn-prenota.jpg) 0 0 repeat-x; cursor:pointer;height:30px; line-height:30px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; border:1px solid #9CBCD3; float:left; margin-right:15px;  text-transform:uppercase;}
.btn-dettagli{ background:url(../image/btn-dettagli.jpg) 0 0 repeat-x;  cursor:pointer; height:30px; line-height:30px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#345772; border:1px solid #9CBCD3; float:left;margin-right:15px; text-transform:uppercase; }
div#pager_top .btn-pager{ background:transparent;  cursor:pointer; height:30px; line-height:30px; display:block; font-weight:bold; font-family:Georgia, sans-serif; color:#ffffff; border:0;}
div#pager_bottom .btn-pager{ background:transparent;  cursor:pointer; height:30px; line-height:30px; display:block; font-weight:bold; font-family:Georgia, sans-serif; color:#BD4F2E; border:0;}
.btn-continua{  background:url(../image/btn-prenota.jpg) 0 0 repeat-x;cursor:pointer; width:124px;  height:30px; line-height:30px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; border:1px solid #9CBCD3}

/* ------------------------ RICERCA */
table.raffina_ricerca{ font-size:11px; color:#FFFFFF; clear:both;}
table.raffina_ricerca input{  height:15px; font-size:9px; margin-right:3px;padding-left:0px;}
table.raffina_ricerca select { font-size:11px; margin-right:10px }

tr#risultati td a{ padding:0px 15px; color:#FFFFFF;}
tr#risultati td, tr#risultati2 td{ line-height:20px; height:20px; font-family:"Georgia", Times New Roman, Times, serif}
 tr#risultati2 td a{ padding:0px 15px; }


/*URL: http://www.dynamicdrive.com/style/ */
#ricerca div.risultato{
clear: left; background:url(../image/bg-ricerca.jpg) 0 0 repeat-x;
padding:10px; overflow: auto;
border-bottom: 0px solid #ccc;
}

.risultato div.posti{ border-top:0px solid #B9C0D5; border-bottom:1px solid #ccc; padding:0; margin-left:290px; margin-bottom:7px;  display:block; font-size:12px;}
.risultato div.posti strong{ margin-right:20px;}

.risultato .floatbox{
float: left;
width: 290px;
margin-bottom:30px
}

* html .risultato p{ /* IE 3px jog hack*/
height: 1%;
}

.risultato p{
margin-top: 0;
overflow:hidden;/*
font-size:12px;*/
margin-left:0px;
}




/* ------------------------ DETTAGLIO Div pag Dettaglio Proprietà*/


#ricerca div.gallery{
clear: left; background:url(../image/bg-ricerca.jpg) 0 0 repeat-x;
overflow: auto;
border-bottom: 0px solid #ccc;
}

div#gallery { margin:0; padding:0; background:#FFFFFF; position:relative; width:908px}
.gallery img{ float:left; position:relative; margin-left:4px; margin-top:15px;}






#content-body #sx {float:left; width:365px; background:#fff;}
#content-body #dx {float:left; width:515px; margin-left:8px; background: url(../image/bg-dx.jpg) 0 0 repeat-x; padding:0 8px}
#dx div {font-size: 11px; font-family: 'Arial',serif}
div.calltoaction{ padding:10px; /*min-width: 450px !important;*/}
div.calltoaction input{ margin-right:15px;}
p#avviso { background:#FFFFCC; border:1px solid #FFCC99;  font-size:11px; padding:5px;}

/*sx*/
.tab_bg
{font-size:10px;
background:#F1F2F6;
border:1px solid #B9C0D5;
border-top:none;
padding:5px;
}


/*dettagli*/
table#dettagli tr td{ padding:2px; font-size:12px; border-bottom:1px solid #B9C0D5}
table#dettagli tr td h5{ font-size:12px; font-weight: lighter; margin:5px 0;}

/*calendario - disponibilità */
table#calendario-disponibilita{ padding:0; margin:0; font-size:10px;}
table#calendario-disponibilita select.menu_order_by
{
font-size:10px;
height:18px;
margin-left:7px;
}
.calendar
{font-size:11px;}


.day_name
{font-size:10px;
color:#666666;
text-align:center;
height:20px;
}

.day_available
{
font-size:8.5px;
background:#509C04;
height:16px;
width:21px;
text-align:center;
color:white;
border-right:1px solid white;
border-bottom:1px solid white;
}

.day_requested{
font-size:8.5px;
background:yellow;/*#da5f31;*/
height:16px;
width:21px;
text-align:center;
color:black;
border-right:1px solid white;
border-bottom:1px solid white;
}

.day_booked
{font-size:8.5px;
background:red;
height:16px;
width:21px;
text-align:center;
color:white;
border-right:1px solid white;
border-bottom:1px solid white;
}

.booked_not_paid
{font-size:8.5px;
background:yellow;
height:16px;
width:21px;
text-align:center;
color:black;
border-right:1px solid white;
border-bottom:1px solid white;
}

.day_unavailable
{
font-size:8.5px;
background:red;
height:16px;
width:21px;
text-align:center;
color:black;
border-right:1px solid white;
border-bottom:1px solid white;
cursor:default;
}

.day_unavailable_owner
{
font-size:8.5px;
background:#BDBDBD;
height:16px;
width:21px;
text-align:center;
color:black;
border-right:1px solid white;
border-bottom:1px solid white;
cursor:default;
}

.day_empty
{
font-size:8.5px;
height:16px;
width:21px;
text-align:center;
}

day_label{margin:5px;}

/* proprietavicine e simili */
table#proprietavicine tr td{padding:2px; font-size:12px; border-bottom:1px solid #B9C0D5}

table#legenda { margin-top:7px}
table#legenda tr td img{ margin-right:7px}
table#legenda tr td{ padding:1px;font-size:11px;border-bottom:1px solid #B9C0D5;line-height:1.3em;}

table#proprietasimili tr td{padding:2px; font-size:12px; border-bottom:1px solid #B9C0D5}


/*dx*/
div.miniature img{ margin-left:6px; margin-top:10px;}
#dx h2{ margin-top:15px!important; padding:0}
p.indirizzo { font-size:14px; padding-bottom:5px; border-bottom:2px solid #508AB2 }
#dx h3, #sx h3{ padding-bottom:5px; margin:10px 0 0 0; border-bottom:1px solid #ABBDE5; font-size:16px;}


.elenco_caratteristiche  { padding:10px 0;}
.elenco_caratteristiche ul { padding:0; margin:0px; }
.elenco_caratteristiche ul li{ float:left; width:49%;  background:url(../image/ico-caratteristiche.gif) 0 center no-repeat; text-indent:20px; list-style:none;}

/* ---- Pagina Book ---- */
#book h3, #book h3{ padding-bottom:5px; margin:10px 0 0 0; border-bottom:1px solid #ABBDE5; font-size:16px;}
#book table  { font-size:11px;}
#book table td  { padding:2px;}


/* ---- tipografia ---- */
/*#content h1 { border-bottom:1px solid #ccc; color:#fff;  text-transform:uppercase; padding:25px 0 5px 0; margin-bottom:15px; font-size:22px}*/

#content h1 { border-bottom:0px solid #ccc; color:#fff;text-transform:uppercase; padding:0px 0 0px 0; margin-bottom:0px; font-size:22px; float:left; width:600px;  }
#content h1 span{ color:#fff; padding-top:25px; font-size:16px}

#content h4{ color:#FFFFFF}

/* ----- valutazione costi ----- */
.hidden_menu {
    background: white none repeat scroll 0 0;
    border: 1px solid #002A60;
    position: absolute;
    z-index: 10;
}
.border_dotted_bottom {
    background: transparent url(../image/dotted_border.gif) repeat-x scroll center bottom;
}
.buttonClose{
    background: transparent url(../image/button_close.gif) no-repeat scroll left top;
    border: 0 none;
    cursor: pointer;
    height: 14px;
    width: 14px;
}
.costsPopup {
    font-size: 11px;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
}


/* ----- Fumetto nella google map ---- */
table#fumetto{ display:table; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align: left;}
table#fumetto td.titoloFumetto{font-size:17px; font-family:"Georgia", Times New Roman, Times, serif; border-bottom:1px solid #CCCCCC; color:#031F37;}


/* ----------------------- TAB NAV-------------------------*/


#tab-nav{ float:right;  position:relative; top:-21px; *top:-9px; right:-9px;}
#tab-nav a:link, #tab-nav a:visited{ line-height:30px; height:30px; display:inline; float:left; padding:0 20px;  font-size:11px; text-transform:uppercase; font-weight:bold; color:#FFFFFF;margin-right:1px; background:#7D92A5  url(../image/ico-freccia-tab.gif) 5px center no-repeat}

#tab-nav a:hover, #tab-nav a:active { background:url(../image/ico-freccia-tab-hover.gif) 5px center no-repeat}
#tab-nav a.open { background:url(../image/ico-freccia-tab-hover.gif) 5px center no-repeat}

.prenota_call{  padding:0 20px; background:#B55322 url(../image/ico-freccia-tab.gif) 5px center no-repeat !important}

/* stato hover del link
.active{ background:#102D47!important}*/
.active{ background: url(../image/bg-content.jpg) 0 0 repeat-x;}


/* ------ Form Contatti ----  URL: http://www.dynamicdrive.com/style/ */

.txt h2{ font-size:26px;margin:15px 20px 20px 20px;}
.txt p{ margin:5px 20px; line-height:1.4em; padding-bottom:7px;}

.cssform p{
font-family:Arial, Helvetica, sans-serif; font-size:12px;
clear: left;
margin: 0 20px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-bottom: 1px solid #ccc;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;  border:1px solid #ccc; padding:1px; }
.cssform input[type="checkbox"]{ /*width of text boxes. IE6 does not understand this attribute*/border:none;}
.cssform input[type="radio"]{ /*width of text boxes. IE6 does not understand this attribute*/border:none;}
.cssform  select{ padding:2px; width:210px;border:1px solid #ccc; }
.cssform  select option{ border:none;font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.cssform textarea{
width: 250px;
height: 150px;border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif; font-size:1em;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.btn-invia{ background:url(../image/btn-prenota.jpg) 0 0 repeat-x; padding:0 30px; cursor:pointer;height:30px; line-height:30px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; border:1px solid #9CBCD3; float:left; }

/*
Parte relativa a lightbox2
*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../image/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../image/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../image/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/*
Fine parte relativa a lightbox2
*/

.apartmentNameAddress{
    font-size:14px;
    padding-bottom:5px;
    border-bottom:2px solid #508AB2;
    color:#031F37 !important;
    margin:0 10px 10px 290px;
    font-family:"Georgia",Times New Roman,Times,serif;
    font-weight:lighter;

}

#dx .detailAddress{
    font-size:14px;
    padding-bottom:5px;
    border-bottom:2px solid #508AB2;
    font-weight:lighter;

}
#dx .detailAddress h5 {
    padding: 0;
    margin:15px 0 !important;
    font-size: 24px;
    font-family:"Georgia",Times New Roman,Times,serif;
    font-weight: lighter;
    color: #021E36;
}

.bluName{
    font-size:22px;
    padding:15px 0 5px;
    border-bottom:0 solid #CCCCCC;
    color:#FFFFFF !important;
    margin-bottom:0;
    font-family:"Georgia",Times New Roman,Times,serif;
    text-transform:uppercase;
    font-weight:lighter;
}

.bluName h5 {
    padding: 10px 0;
    margin: 0;
    font-family:"Georgia", Times New Roman, Times, serif;
    font-weight:lighter;
    font-size: 22px;
}

.apartmentNameAddress h5{
    font-size:16px;
    padding: 10px 0;
    margin: 0;
    font-family:"Georgia", Times New Roman, Times, serif;
    font-weight:lighter;
}

.nostyle h5, a, a:visited, a:link{
    font-size:11px;
    margin-bottom: 3px;
    margin-top: 2px;
    font-weight: lighter;
}


.apartmentNameAddress a:link h5, a:visited h5 { color:#BD4F2E; text-decoration: none;	}
.apartmentNameAddress a:hover h5 {color: #BD4F2E; background: inherit;text-decoration: underline;	}

.cssform p{
    width: 130px;
    clear: left;
    margin: 0;
    padding: 5px 0 5px 0;
    padding-left: 90px; /*width of left column containing the label elements*/
    height: 1%;
    border-bottom: 0;
}

.cssform label{
    font-weight: bold;
    text-align: right;
    font-size: 12px;
    float: left;
    margin-left: -105px; /*width of left column*/
    width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"], .cssform input[type="password"] { /*width of text boxes. IE6 does not understand this attribute*/
    border:1px solid #ccc;
    width: 120px;
}

* html input {
    width: 120px;
}


.apt_preview_title {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:1.2em;
}
.apt_preview_box {border-bottom:2px solid #508AB2;
    margin:5px 0;
    padding:10px 5px;
}
.apt_number_box {
    background:#002A60 none repeat scroll 0 0;
    color:white;
    float:left;
    font-size:10px;
    padding:3px 5px;
    width:125px;
}

.tab_sx_bg {
    background:#879DAF none repeat scroll 0 0;
    color:white;
    height:25px;
    padding:3px 7px 0;
}