/*************************/
/* Formattazione dei tag */
html, body{height: 100%; margin-bottom:1px!important; /* Forzatura scrollbar Firefox */ margin:0; padding:0;}
body {font:12px Verdana, Arial; text-align:center; 
/**/background:url(../img/sf1.gif) #888697 top left repeat-x; }
/*body {font:12px Verdana, Arial; text-align:center; background:url(../img/bg-gray.gif) top left repeat;}*/
img{border:none;}
a {text-decoration:none; color:#666;}

/**************************/
/* Struttura della pagina */
#maincontent {width:970px; /*height:100%;*/ margin:0 auto; padding:0; text-align: left; background-color: #FFF;}
#header {position:relative; height:135px;}
#content {float:left; margin:0 0 20px 0; padding:0;}
#col_sx {float:left; width:190px; margin:25px 0 0 0; padding:0;  text-align:left;}
#col_center {float:left; width:772px; margin:0 3px; padding:0; /*font:12px Verdana, Arial;*/ }
#footer {position:relative; clear:both; margin:0 10px; padding:5px 0 10px 0; border-top:2px solid #00494A; /*#090;*/ 
text-align:left; font: 9px Arial; color:#666;}

/***********************************/
/* Elementi specifici dello header */
#header #barratop {position:absolute; width:968px; height:10px; overflow:hidden; margin:1px; padding:0; background-color:#00494A;/* #090;*/}
#header #barratop h1.metatop{margin:0; padding:0; text-align:center; font:8px arial; color:#666}
#header img#logo {/*margin-top:25px; margin-left:10px;*/ margin-top:15px; margin-left:10px; margin-bottom:0;}
#header img#claim {margin-left:20px; /*50px;*/}

#header .box_top{float:right; width:100px; height:60px; margin-top:30px; margin-right:10px; border:1px solid #000;}

/*#header #navser {position:absolute; top:0px; right:10px; padding:0; height:22px;}*/
#header #navser {position:absolute; top:15px; right:10px; width:970px; height:20px; /*background-color:#CCC;*/ /*#efefef; border-bottom:1px solid #ddd;*/ text-align:right}
#header #navser a{padding:0 3px; font:11px arial; color:#222; /*#555;*/ text-decoration:none; }
#header #navser a:hover{text-decoration: underline}

#navigazione {margin:10px 10px 0 10px; padding:0 10px 5px 0; border-bottom:4px solid #00494A; /*#090*/}
#navigazione a{padding:5px 10px; font:bold 14px Arial, Helvetica, sans-serif; color:#00494A; /*#090;*/ border:1px solid #00494A; /*#090;*/ 
background:url(../img/menu_1_01.gif) #efefef top left repeat-x; /*background-color:#efefef;*/}
#navigazione a.voceCorrente{color:#FFF; background-image:none; background-color:#00494A; /*#090*/}
#navigazione a#voceCantieri{float:right; margin-top:-27px; margin-right:-10px; padding:10px 15px 5px 15px; color:#FFF; 
/*background:url(../img/bg-gray.gif) top left repeat;*/ background-image:none; background-color:#700; /*#333;*/}

/***********************************/
/* Elementi specifici di col_sx */
#col_sx h2 {margin:0 10px; padding:0 10px; font:italic bold 14px Arial; text-align:left; color:#777;}
#col_sx ul {margin:0; padding:0; text-align:left;}
#col_sx .navtop a {color:#00494A; /*#00B300;*/ font:bold 12px Arial;}
#col_sx .navtop li {margin:0 0 5px 30px; padding:0; list-style-type:square; color:#00494A; /*#090;*/}
#col_sx .navtop li.primavoce {margin-top:15px;}
#col_sx .navtop a:hover {color: #060;}
/*#col_sx .navtop li.voceCorrente a{color: #333;}*/

#col_sx .navtop .navfirst {/*width:135px;*/ margin:0; padding:0;}

#col_sx .navtop .navfirst li {margin:5px 0 0 30px; padding:0 5px; list-style-type:none; /*border-left:4px solid #090;*/
							border:1px solid #CCC; background-color:#efefef }
#col_sx .navtop .navfirst a {padding:0; color:#00494A; /*#060;*/ font:bold 11px Arial;}
#col_sx .navtop .navfirst a:hover {text-decoration:underline}

#col_sx .navtop .navfirst .navsecond {margin:0 0 10px 0; padding:0;}
#col_sx .navtop .navfirst .navsecond li {margin:5px 0 0 30px; padding:0 0 0 15px; border:none; background: url(../img/arrow1.gif) 5px 5px no-repeat;}
#col_sx .navtop .navfirst .navsecond a {padding:0;color:#00494A; /*#060;*/ font:bold 10px Arial;  /*background-image:none*/}

/*
#col_sx .botton1{margin:0 0 10px 10px; padding:10px; border:1px solid #060; background-color:#090; text-align:center;}
#col_sx .botton1 a{font:10px arial; color:#FFF}
*/

#col_sx .pannello1{margin-left:10px; padding:5px; background-color:#efefef; border:1px solid #CCC; text-align:center}
#col_sx .pannello1 h2{margin:0; padding:5px 0; text-align:center}
#col_sx .botton2{margin:0 10px; padding:10px; text-align: center;}
#col_sx .botton2 a{font:10px arial; color:#333}

#col_sx .icona1{margin:0; padding:10px 0; text-align: center;}
#col_sx .icona1 a{font:10px arial; color:#333}

/**********************************/
/* Elementi specifici del content */
#col_center h1 {margin:20px 10px; padding:0; /*border-bottom:1px solid #AAA;*/ font:bold 24px Tahoma, Arial; color:#00494A; /*#00B300;*/}
#col_center h2 {margin:20px 10px 5px 10px; padding:0; font:bold 14px Tahoma, Arial; color:#333;}
#col_center p, #col_center div {margin:10px;font:12px Verdana, Arial; line-height: 20px; color:#333;}
#col_center p {}
#col_center a { text-decoration:underline}
#col_center ul {margin:0 10px; padding:0;}
#col_center li{margin-left:0; padding:0 0 10px 0; list-style:url(../img/bullet.gif); list-style-position:inside; font:12px Verdana, Arial;line-height: 20px; }

.col1{width:300px;}
.col2{float:right; width:420px;}
#col_center .col2 h2{margin:0 0 0 90px; padding:0;}

/* Risultati ricerca*/
#col_center #risultati_immobili{margin:0 0 0 10px; padding:0;}
#col_center .box_immobile{float:left; width: 365px; height:130px; border:1px solid #AAA; margin:0 10px 10px 0;}
#col_center .box_immobile h2{margin:10px 0 0 0; padding:0 5px; font:bold 11px arial;}
#col_center .box_immobile h3{margin:10px 0 0 0; padding:0; font:11px arial;}
#col_center .box_immobile p{margin:0 10px 5px 0; padding:0; font:10px arial;}
#col_center .box_immobile p.prezzo{font:11px arial;}
#col_center #risultati_immobili .paginazione{clear:left; margin:0}
/*#col_center .box_immobile img{float:left; padding:10px; width:120px; height:100px;}*/

#col_center .box_immobile .box_immobile_foto{float:left; margin:0; padding:10px; width:120px; height:100px; overflow:hidden}
#col_center .box_immobile .box_immobile_foto img{float:left; width:120px;}

/* Scheda immobile/cantiere */
#col_center #scheda_immobile{margin:25px 0 0 20px; padding:0; width:480px;}
#col_center #scheda_immobile h2{margin:0;}
#col_center #scheda_immobile p{margin:10px 0;}

/*#col_center #scheda_immobile h2#mandato{float:right;}*/
#col_center #scheda_immobile #link_info{float:right; font-weight:bold; color:#900;}


#col_center #dati_immobile{float:right; margin:25px 10px 10px 0; padding:0; width:240px; font-size:0.9em}
#col_center #dati_immobile img{margin:5px; padding:0; width:75px; /*height:75px;*/}
#col_center #dati_immobile h2{margin:0 0 5px 0; padding:0; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#00494A; /*#090;*/ border-bottom:1px solid #00494A; /*#090*/}
#col_center #dati_immobile ul{margin:0 0 5px 0;}

/*#col_center #dati_immobile #link_info{float:right;} */

#col_center #foto_principale{position:relative; margin:10px 0; padding:0; width:480px; height:350px; overflow:hidden; font-style:italic}
#col_center #foto_principale img{padding:0; width:480px;}
#col_center #foto_principale #didascalia_foto{position:absolute; left:0; bottom:0; width:480px; margin:0; text-align:center; color:#FFF; background-color:#000}

#col_center #dati_immobile .thumb_foto{float:left; margin:0; padding:0; width:75px; height:75px; overflow: hidden;}
#col_center #dati_immobile .thumb_foto img{width:75px;}

#col_center #risultati_domande{margin:0 0 0 10px; padding:0;}
#col_center #risultati_domande div.box_domanda{float:left; width: 230px; height:130px; border:1px solid #AAA; margin:0 10px 10px 0; padding:5px; font:10px arial;}

/* Contatti e ricerca immobili*/
#col_center #contatti_email{margin:10px; font-size:0.9em}

/*#col_center #contatti{margin:10px; font-size:12px}*/

#contatti form, #ricerca form, #calcolomutuo form{margin:10px 0; padding:0;}
#contatti label, #ricerca label, #calcolomutuo label{position:absolute; float:left;}
#contatti input, #contatti textarea,
#ricerca input, #ricerca textarea, #ricerca select{margin-left:80px; margin-bottom:10px; width:300px;}
#calcolomutuo input, #calcolomutuo select{margin-left:150px; margin-bottom:10px; width:250px;}
#calcolomutuo .um{ vertical-align:top}

/* Preventivo */
#preventivo_condominio form{margin:10px; padding:0;}
#col_center #preventivo_condominio h2 {margin:10px;}
#preventivo_condominio label{float:left; width:200px;}
#preventivo_condominio input, #preventivo_condominio textarea{margin-bottom:5px; width:500px;}
#preventivo_condominio input#giardino, #preventivo_condominio input#riscaldamento{padding-top:10px; margin-bottom:5px; width:10px;}

/* Richiesta presentazione immobile */
#richiesta_presentazione_immobile form{margin:10px 0; padding:0;}
#col_center #richiesta_presentazione_immobile h2 {margin:10px 0 10px 0;}
#richiesta_presentazione_immobile label{float:left; width:180px; padding-left:20px;}
#richiesta_presentazione_immobile input, 
#richiesta_presentazione_immobile textarea{margin-bottom:5px; width:500px;}
#richiesta_presentazione_immobile input#giainvendita, 
#richiesta_presentazione_immobile input#giacercato{margin:10px 5px; padding:0; width:10px; /*vertical-align:bottom*/}
#richiesta_presentazione_immobile input.submit {margin-left:210px; widht:500px;} 

/* Richiesta informazioni immobile */

/* News */
#indice_news{float:right; width:190px; margin-top:20px; margin-left:20px; padding:0; background: url(../img/fondo_box_middle.jpg) top left repeat-y}
#indice_news #top {height:23px; margin:0; background: url(../img/fondo_box_top.jpg) top left no-repeat}
#indice_news h2{margin:0 20px 10px 20px; padding:0; color: #369; font:bold 16px Geneva, Arial; text-transform:capitalize; text-align:center}
#indice_news h3{margin:0 20px; padding:0; color: #666; font:bold 12px Geneva, Arial, Helvetica, sans-serif;}
#indice_news p{margin: 0 20px; padding:0; font:11px arial}
#indice_news #bottom{height:14px; margin:0; background: url(../img/fondo_box_bottom.jpg) bottom left no-repeat}

#col_center .news_rassegna_stampa{clear:right; padding:0;}
#col_center .news_rassegna_stampa h3{padding:5px 0 0 0; margin:10px 0; border-top:1px solid #AAA; font:bold 13px Arial, Helvetica, sans-serif}
#col_center .news_rassegna_stampa p{font-size:0.9em;}
#col_center .news_rassegna_stampa img{float:right;  margin:10px; border:1px solid #AAA}

#articoli-allegati {}
#articoli-allegati h4{margin-bottom:0;}
#articoli-allegati a{font:bold 12px arial; color:#700;}

/* Mappa */
#col_center ul#mappa {}
#col_center ul#mappa li{margin:0; padding:0 0 0 20px;}
#col_center ul#mappa a.sezione {font-weight:bold;}

/* Dove siamo */
#col_center .link_cartina{clear:right; float:right; font-weight:bold}
#col_center .testo_red{ color:#900;}

/* Agenti */
#box_agente {float:left; padding:5px; margin:10px; width:110px; height:140px; border:1px solid #AAA; text-align:center; /*background-color:#333*/}
#box_agente a{font:11px arial; /*color:#FFF;*/ color:#333;}
#box_agente img{/*width:100px;*/ height:100px;}

#col_center #foto_agente {float:right; margin: 10px 5px 10px 10px; width:350px; text-align:center;}
#col_center #foto_agente img{margin:0; padding:0 0 10px 0; text-align:center;}
#col_center #foto_agente p{margin:0; padding:10px; text-align:center; font:bold italic 11px Georgia, "Times New Roman", Times, serif}

#indice_agenti{clear:right; width:730px; float:left; padding:10px; border:1px solid #AAA; background-color:#efefef}
#indice_agenti h2{margin:0 0 10px 0; padding:0;}
a.link_agente{display:block; float:left; width:245px; font:11px arial;}

/*********************************/
/* Elementi specifici del footer */
#footer a{ text-decoration:underline; color:#333;}
#footer #ragione_sociale{font:bold 12px Arial;}
#footer #copy{float:right; width:500px; margin:0; padding:0;  font:italic 10px Arial; text-align:right}
#footer #valid{position:absolute; bottom:5px; right:10px; width:500px; margin:0; padding:0;  font:italic 10px Arial; text-align:right}
#footer #valid a{margin:0; padding:0; font:italic 10px Arial;  text-decoration: underline}

/*******************/
/* Classi generali */
.imgdx{float:right; margin:10px}
.icon_news{float:right;  margin:10px; border:1px solid #AAA}
.graybold{font-weight:bold; color:#555;}
#col_center p.errore{font-weight:bold; color:#F00;}
a.linkred{font:bold 12px arial; color:#700;}
