/* CSS Document */


HTML {height: 100%; width:auto; font-size:70%;overflow-y: scroll;} 
BODY {
	width: auto;
	height: 100%;
	margin: 0px 0 1px 0;
	padding: 0;
	font:100% Georgia, "Times New Roman", Helvetica,sans-serif;
	color: #000;
}

p {
 margin: 15px 0;
 line-height: 1.5em;
}

.boxtext {
 margin: 0px 6px;
 text-align: justify;
 line-height: 1.3em;
}

DIV {/*border: 1px #000000 solid; /**/}
HR { display: none;}

H1 {
  display: block;
  margin: 0 auto;
  text-align: center;
	font-size: 2.3em;
	padding: 0px;
	color: #5F5F5F;
	margin: 0;
	font-style: italic;
	font-weight: normal;
}

H2 {
	text-align:center;
	color: #aaa;
	font-size: 1.8em;
}

INPUT.masked{
  height:25px;
  width:200px;
  margin-top: 4px;
  padding: 5px 4px 0 120px; 
  font-size: 14px; /* font fisso perché fissa è l'img*/
  background: url(../img/input_text_mask.png) no-repeat;
  border-width:0px;
} 


.searchform .imglogin{
  position: absolute;
  top: 0;
  border: 0;
  cursor: pointer;
}

/* Default link*/
A:link,
A:visited,
A:active {
	color : #497CDC;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

/* MAIN STRUCT */

#bodyContent {
	width: 866px; 
	height: 100%;
	margin: 10px auto;
}

#header, #subHeader {
  width: 100%;
  margin:0;
  padding: 0;
  border: 0;	
}

#header {
  height: 134px;  
	position: relative;
	padding-top: 0px;
	background: url(../images/header.png) top center no-repeat;
	cursor: pointer;
}

#header .logo_header {
  display: block;
  position: absolute;
  vertical-align: middle;
}

#colonna-sx {
  display: none;
	float: left;
	padding: 0;
	width: 150px;
	height: 100%;
}

#colonna-dx {
  display: none;
	float: right;
	margin: 48px 15px 0 0;	
	width: 160px;
	height: 100%;
	background: #fcfcfc;
}

#colonna-sx .box, #colonna-dx .box {
	height: 100%;
	border:	0px #000 solid;
}

#colonna-dx .box {padding: 5px 0;}

#bodyPageTop{
	float: left;
	width: 100%;
	background: #FFF;
}

#bodyPageBottom{
	float: left;
	width: 100%;
}

#principale {
	float: left;
	width: 842px;
	margin: 0 -1px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	padding-bottom: 30px;
	background: #FFF;
}

#principale .box {
  padding: 26px 15px 0 20px;
  position: relative; 
}


#footer {
	color: #555;
	height: 30px;
	width: 85%;
	
	font-family: arial;
	clear: both;
	font-size: 0.9em;
	padding: 20px 0 10px 0;
	margin: 20px auto 10px auto;
	line-height: 1.5em;
	text-align: center;
	border-top: 1px #eee solid;
}

#footer a:link, #footer a:visited {color: #555; text-decoration: none;}
#footer a:active, #footer a:hover {color: #000; text-decoration: underline;}

#footer .links a{
 margin: 0 10px;
}

/*----------------------------------------------------------*/


/* ---------------------- SEARCHBOX -------------------------*/
#cartina {
  float: left;
  margin: 70px 0 0 10px;
}

#searchbox {
  float: right;
  right: 20px;
  width: 434px;
}

#searchbox .top{display: block;}

#searchbox #searchform {
  text-align: right;
  font-size: 1.3em;
  font-style: italic; 
  background: #0089c1 url(../images/searchboxbottom.png) no-repeat center bottom;
  color: #EFEFEF;
  padding-bottom: 30px;
}
#searchbox #searchform a{color: #fff}

#searchbox #searchform .fields{
  padding-right: 30px;  
}

#searchbox #searchform .fields p{
  display: block;
  margin: 5px 0;
}

#searchbox #searchform .fields small{
  font-size: 0.7em
}

#searchbox #searchform .fields select{width: 180px;}
#searchbox #searchform .fields select.smaller{width: 76px}
#searchbox #searchform .fields select.half {width: 70px;}


#searchbox #searchform .fields input{width: 176px}
#searchbox #searchform .fields input.half{width: 72px}


#searchbox #searchform #adv_search .other{
  font-size: 0.8em
}

#searchbox #searchform .search{
  width:64px;
  height:20px;
  padding: 0; 
  font:13px Georgia, "Times New Roman", Helvetica,sans-serif;
  font-style: italic;
  background: url(../images/button.png) no-repeat;
  border:0;
  color: #888;
  cursor: pointer;
} 

#searchbox #searchform label{
  margin-right: 10px;
}

#scrollbox {
    width: 790px;
    padding-left: 20px;
}
/* ---------------------------------------------------------*/


/* ---------------------- SEARCH RESULTS -------------------------*/
.searchhead{
  width: 100%;
  margin: 10px 0;
  padding: 3px 0;
  font-size: 1.2em;
  float: left;
  border-bottom: 1px solid #dedede;
}
.searchhead small {font-size: 0.7em;}
#results .item {
  float: left;
  width: 100%;
  background: #F2F0ED;
  padding: 3px;
  margin: 10px 0;
}
#results .item big{
  font-size: 1.4em;
  font-weight: bold;
}
#results .item .title{
  float: left;
  display: block;
}
#results .item .price{
  float: right;
  display: block;
  color: #3f9301;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.8em;
}
#results .item ul.infos{
  display: block;
  height: 1.5em;
  padding: 2px;
  margin: 5px 0;
  background: #FFFCF9;
  
}
#results .item ul.infos li{
	list-style:none;
	float: left;
  padding: 0;
  margin: 0 15px 0 0;
}
#results .item .main {
  margin-top: 0px;
}
#results .item .main .img{
  float: left;
  width: 100px;
  margin-right: 10px;
}
#results .item .main .img a {
  display: block;
  text-align: center;
}
#results .item .main .img img {
  border: 1px solid #888;
}
#results .item .main .descr{
  float: left;
  width: 530px;
}
#results .item .main .descr p{
  margin: 0;
}
#results .item .main .descr .actions{
  text-align: right;
}
#results .item .main .descr .actions a{
  font-weight: bold;
  color: #000;
  margin-right: 20px;
  text-decoration: none;
}
#results .item .main .descr .actions a:link, #results .item .main .descr .actions a:visited{color: #000;}
#results .item .main .descr .actions a:hover, #results .item .main .descr .actions a:active{color: #497CDC;}
#results .item .main .company{
  float: right;
  text-align: center;
  width: 120px;
}
/* ---------------------------------------------------------*/


/* ---------------------- LISTING DETAIL -------------------------*/
#listing_detail {
  float: left;
  width: 100%;
  padding: 3px;
  margin: 0;
}
#listing_detail big{
  font-size: 1.4em;
  font-weight: bold;
}
#listing_detail .title{
  float: left;
  display: block;
}
#listing_detail .price{
  float: right;
  display: block;
  color: #3f9301;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.8em;
}
#listing_detail ul.infos{
  display: block;
  height: 1.5em;
  padding: 2px;
  margin: 5px 0;
}
#listing_detail ul.infos li{
	list-style:none;
	float: left;
  padding: 0;
  margin: 0 15px 0 0;
}

#listing_detail .fullinfos {
  margin-top: 20px;
  float: left;
  height: 180px;
}
#listing_detail .fullinfos ul.infos{
  display: block;
  float: left;
  padding: 2px;
  margin: 5px 0;
}
#listing_detail .fullinfos ul.infos li{
	list-style:none;
	float: left;
	width: 194px;
  padding: 0;
  margin: 0 3px 5px 0;
  border-bottom: 1px solid #D3AA4A;
}

#listing_detail .fullinfos ul.infos li b{
  display: block;
  float: left;
  width: 89px;
}
#listing_detail .photos {
  float: left;
  margin-top: 0px;
  padding: 5px; 
  background: #eee;
}
#listing_detail .photos .viewer{
  float: left;
  width: 390px;
  padding: 5px;
  margin-right: 10px;
  text-align: center;
  background: #FFF;
}

#listing_detail .photos .viewer .navphotos{
  margin-top: 10px
}
#listing_detail .photos .viewer .img a {
  display: block;
  text-align: center;
}
#listing_detail .photos .viewer .img img {
  border: 1px solid #888;
}

#listing_detail .photos .otherphotos{
  float: right;
  text-align: center;
  width: 175px;
}

#listing_detail .photos .otherphotos a{
  display: block;
  float: left;
  padding: 2px;
  background: #fff;
  text-align: center;
  width: 80px;
  margin: 1px;
}

#listing_detail .photos .otherphotos a img{
}

#listing_detail .descr{
  margin-top: 20px;
}

#listing_detail .descr p{
  margin: 0;
}
#listing_detail .actions{
  float: left;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #aaa;
  padding: 5px 0;
}
#listing_detail .actions a{
  font-weight: bold;
  color: #000;
  margin-left: 20px;
  text-decoration: none;
}
#listing_detail .actions a:link, #listing_detail .actions a:visited{color: #000;}
#listing_detail .actions a:hover, #listing_detail .actions a:active{color: #497CDC;}

/* ---------------------------------------------------------*/

.askinfo{
  padding:0;

}

.askinfo .title{
  width: 100%;
  border-bottom: 1px solid #aaa;
  font-weight: bold;
}



/* ---------------------- TOP MENU -------------------------*/
#subHeader {
	height: 46px;
	position: relative;
}

#subHeader .hider{
  float: left;
  position: relative;
  height: 29px;
  z-index: 2;
}

#subHeader .hider img{
  float:left;
}

#subHeader .hider .spacer{
  float: left;
  width: 400px;
  height: 29px;
  background: white;
}

ul.topmenu {
  position: absolute;
  top: 0px;
  right: 15px;
	list-style:none;
	/*border: 1px solid #888;/**/
	margin: 0;
	padding: 0;
	height: 29px;
	width: 838px;
}
ul.topmenu li {display:inline;}
ul.topmenu li a {  
 	float: right;
 	text-align: center;
 	color: #8D8D8D;
  font-size: 1.4em;
  font-style: italic;
	padding: 0;
	width: 146px;
	margin: 0;
	margin-left: -18px;
	height: 29px; line-height: 29px;
	vertical-align: middle;
	text-decoration:none;
}
ul.topmenu li a:link, ul.topmenu li a:visited {text-decoration:none; background: url(../images/topmenu_normal.png);}
ul.topmenu li a:hover, ul.topmenu li a:active, ul.topmenu li a.sel {
  color: #f00;
  text-decoration: underline;
  background: url(../images/topmenu_hilited.png)
}
/* ---------- FINE TOP MENU ---------------*/

/* ---------------------- TOP MENU -------------------------*/
ul.groupmenu {
	list-style:none;
	/*border: 1px solid #888;/**/
	margin: 10px 0;
	padding: 0;
	height: 130px;
	width: 100%;
	background: url(../images/groupmenu_back.png);
}
ul.groupmenu li {display:inline;}
ul.groupmenu li a {
    display: block; 
    float: left;  
 	text-align: left;
 	color: #EFEFEF;
    font-size: 1.6em;
    font-style: italic;
	padding-left: 18px;
	width: 168px;
	margin: 0;
	margin-left: 24px;
	height: 129px; line-height: 39px;
	text-decoration:none;
}
ul.groupmenu li a.storia{background: url(../images/m_storia.png) }
ul.groupmenu li a.servizi{background: url(../images/m_servizi.png) }
ul.groupmenu li a.partners{background: url(../images/m_partners.png) }
ul.groupmenu li a.contatti{background: url(../images/m_contatti.png) }

ul.groupmenu li a:link, ul.groupmenu li a:visited {text-decoration:none;}
ul.groupmenu li a:hover, ul.groupmenu li a:active, ul.groupmenu .sel {
  color: #FFF499;
  text-decoration: underline;
}
/* ---------- FINE TOP MENU ---------------*/

/*---------------- MISC -----------------------*/
.hilite {color: #D82319; font-weight: bold}
.clear {clear: both;height: 0;line-height: 0;font-size: px; /*for IE*/}
.vmid{vertical-align: middle;}
.semiopaque {filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7}
.semiopaque * {position: relative;filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1}


.alt { display:	none}
.ghosted {color: #ABABAB;}

.displayDate {
  font-size: 1.2em;
  border: 1px solid #AAA;
  padding: 4px 1px;
  width: 260px;
  background: white;
  cursor: pointer
}

.right {float: right}
.left {float: left}
.icon {vertical-align: middle; padding: 0 3px;}

.justify {text-align: justify;}
.textleft {text-align: left;}
.textright {text-align: right;}
.center {text-align: center;}
.incenter {margin: 0 auto}
.smaller {font-size: 0.8em}
.grey{color: #939292}

.warn{display: block; margin: 5px 0; border: 1px solid #eee; color:#FF2D26; text-align: center;}
.warn2{margin: 5px 0; color:#FF2D26; text-align: center;}
.warn p, .warn2 p{line-height: 0.3em;}

.bold {font-weight: bold;}
.ital {font-style: italic;}

.pseudolink{
  cursor: pointer;
}

.pagination{
  margin: 0 auto;
  font-size: 1.3em;
  text-align: center;
}

.pagination a:link, .pagination a:visited {
  text-decoration: none;
}

.pagination a:hover, .pagination a:active {
  color: #F00;
  text-decoration: underline;
}

#logininfo{
  float: right;
  padding-right: 20px;
}

#idlecounter{
  color: #ddd;
  font-size: 0.8em;
}