/**
 * Cascading Style Sheets, &copy; G&T Services
 *
 */
* { padding:0; margin:0; }
* a { text-decoration: none; }

input[type=button] {
	width:auto;
	padding:0;	
}

div#clear { clear:both; margin:0; padding:0; height:0; width:0; } /* Height:0 for IE 7 hack */
div.noscript { border:2px solid red; padding:3px; text-align:center; clear:both; margin-left: 8px; margin-right:13px; background-color:white; display:block;  }
* html {}
div.ui-state-widget a { color:blue; text-decoration:underline; }



/* Bottoni */
a.bottone_login { background-image: url(img/bottone_login_new.gif); background-repeat: no-repeat; background-position: bottom left; text-decoration: none; float:left; width: 62px; height: 27px; }
a.loginPremuto { background-position: top left; }
a.bottone_registrati { background-image: url(img/bottone_registrati_new.gif); background-repeat: no-repeat; background-position: bottom left; text-decoration: none;  float:left; width: 104px; height: 27px; }
a.registratiPremuto { background-position: top left; }
a.bottone_logout { background-image: url(img/bottone_logout_new.gif); background-repeat: no-repeat; background-position: bottom left; text-decoration: none;  width: 62px; height:27px; float:left; }
a.logoutPremuto { background-position: top left; }
a.bottone_pannello { background-image: url(img/bottone_pannello_new.gif); background-repeat: no-repeat; background-position: bottom left; text-decoration: none;  width: 104px; height:27px; float:left; }
a.pannelloPremuto { background-position: top left; }
a.bottone_cerca { background-image: url(img/bottone_cerca_new.gif); background-repeat: no-repeat; background-position: bottom left; text-decoration: none;  width: 100px; height:25px; display:block; }
a.cercaPremuto { background-position: top left; }
a.bottone_invia { background-image: url(img/bottone_invia_new.gif); background-repeat: no-repeat; background-position: bottom left; text-decoration: none;  width: 100px; height:25px; float:left; }
a.inviaPremuto { background-position: top left; }

a.registra_agenzie { background-image: url(img/registrati_agenzie.gif); background-repeat: no-repeat; text-decoration:none; float:left; width: 100px; height: 25px; }
a.registraAgenziePremuto { background-image: url(img/registrati_agenzie_premuto.gif); }

a.registra_privati { background-image: url(img/registrati_privati.gif); background-repeat: no-repeat; text-decoration: none; float:left; width: 100px; height:25px; }
a.registraPrivatiPremuto { background-image: url(img/registrati_privati_premuto.gif); }

* select, * input, * textarea { font-size: 1.0em; margin:0; padding:0; }
* a { color: rgb(242, 141, 0); outline: none; -moz-outline: none; }
* a:hover { color: black; }

input.borderError, select.borderError, textarea.borderError { border:1px solid red; }

input[type=submit] { visibility:hidden; height:0; width:0; padding:0; margin:0; }

* table { font-size: 1.0em; } /* Google Chrome Hack */

td.alignCenter { text-align: center; }
td.con { font-size: 0.8em; }
td.privacyTd { background-color: #f7c690; color: black; padding:8px; line-height:18px; }
div.hidden { display:none; }
div#dialog a { color: rgb(242, 141, 0); }
div#dialog a:hover { text-decoration: underline; color:black; }
select.selectShort { width: 60px; }
select.selectLong { width:80px; }
select.selectMax { width:100%; }
div#body table span { color:gray; }
input.grayBig { border:2px solid #D4D4D4; color:#999999; font-weight:bold; text-align:center; width:100%; font-size: 150%; }
input.inputMax { width:100%; }
span.zona { font-size: 0.8em; font-weight:bold; }

body { font-family: Verdana; font-size: 8pt; margin-top: 0px; font-weight: normal; font-style: normal; }

div#container { margin: 0 auto; width: 996px; margin-bottom: 10px; }

/* Header */
div#container div#header { clear:both; }
div#container div#header div.leftCol { width: 21%; float:left; }
div#container div#header div.rightCol { width: 60%; float:right; height:120px; }
div#container div#header div.menu { float:left; margin-top: 20px; width:100%; }
div#container div#header div.menu ul { float: left; }
div#container div#header div.menu li { display: inline; }
div#container div#header div.menu li a { display:block; text-decoration: none; margin-left: 6pt; color: white; font-size: 1.2em; font-weight: bold; line-height: 28px; text-align: center; height: 29px; outline : none; -moz-outline:none; float:left; }
div#container div#header div.menu li a.piccolo { width: 95px; background-image: url(img/bottone_piccolo_new.gif); background-repeat: no-repeat; background-position: bottom left; }
div#container div#header div.menu li a.piccoloSelected { background-position: top left; }
div#container div#header div.menu li a.medio { width: 150px; background-image: url(img/bottone_medio_new.gif); background-repeat: no-repeat; background-position: bottom left; }
div#container div#header div.menu li a.medioSelected { background-position: top left; }
div#container div#header div.menu li a.lungo { width: 220px; background-image: url(img/bottone_lungo_new.gif); background-repeat: no-repeat; background-position: bottom left; }
div#container div#header div.menu li a.lungoSelected { background-position: top left; }
div#container div#header div.menu div.loginButtons { float: left; margin-left: 20px; text-align: right; }
div#container div#header div.menu div.loginButtons a { margin-left: 4px; margin-top: 1px; }
div#container div#header div#menuBar { display:block; clear: both; height:25px; background-image: url(img/barrastretta.gif); background-repeat: no-repeat; line-height: 23px; font-weight:bold; }
div#container div#header div#menuBar a { font-size:1.0em; color: white; margin-left: 20px; }
div#container div#header div#menuBar a:hover { text-decoration: underline; }



div#loginmenu { float: right; }

div#body { background-color: #F2F2F2; clear: both; margin-top: 0; border-left: 2px solid rgb(242, 141, 0); border-right: 2px solid rgb(242, 141, 0); }

/* Barra navigazione */
div#body p.navigation { margin:8px; font-size: 0.8em; color:gray; float:left; }

/* Barra utente */
div#body p.userbar { font-weight: bold; color: gray; margin:8px; font-size: 0.8em; float:right; }

/* CSS Standard box */
div#body div.boxPadding { padding: 10px !important; }
div#body div.box { margin-bottom: 10px; padding:4px; background-color:white; border:1px solid #D4D4D4; clear:both;  }
div#body div.contatti p { padding:8px; background-color:#F7C690; margin-top:15px; }
div#body div.box h1, div.boxRicercaVeloce h1 { clear: both; width:100%; text-align: center; font-size: 1.1em; font-style: italic; font-weight: bold; }

div.rightBanners { clear:both; }
div.rightBanners h1 { color:rgb(242, 141, 0); }
div.rightBanners p a { color:black; }
div.rightBanners img.alignCenter { margin:0 auto; clear: both; display:block; }
div.rightBanners small { height:120px; } 
div.rightBanners p { line-height: 15px; text-align:justify; }
div.rightBanners h1 { clear:both; text-align: center; font-size: 1.1em; }
div.rightBanners div.imgLeft { float: left; margin: 5px; }
div.rightBanners div.text { float:left; padding: 3px; width: 180px; }
div.small { width:100px !important; }
h1.lineBottom { font-style: normal !important; padding: 8px 0px 8px 0px; color:rgb(242, 141, 0) !important; margin-bottom: 5px; }


div.boxRicercaCitta { height: 300px; display:block; padding-top: 8px; }
div.boxRicercaCitta div.boxCitta { float:left; width:90px; margin: 3px; height:170px; font-size: 0.9em; }
div.boxRicercaCitta div.boxCitta strong { color:black;  }
div.boxRicercaCitta div.boxCitta span {  }
div.boxRicercaCitta div.boxCitta span a { color:#595959; }
div.boxRicercaCitta div.boxCitta span a:hover { color:rgb(242, 141, 0); }


div#body div.box div.mappa_italia { float: left; height:340px; width:300px; }
div#body div.boxVetrina { overflow:hidden; }
div#body div.boxVetrina p { font-size:0.8em; }
div#body div.boxVetrina a { color: black; }
div#body div.unico { margin-left: 8px; margin-right:8px; clear: both; }
div#body div.boxNoPadding { padding:0; margin-right:5px; }
div#body div.googleBanner { border: none !important; background-color: transparent !important; }
div#body div.box div.pages { height: 30px; line-height: 28px; margin:0 auto; display:block; clear:both; text-align:center; }
div#body div.box div.pages a { font-weight: bold; padding:0px; margin:0px;  }
div#body div.box div.pages b { margin:0; padding:0; }
div#body div.box div.pages a:hover { color:black; }


div#body div.leftCol { margin-top: 10px; margin-left: 8px; width: 63%; float:left; }
div#body div.grande { width: 76%; }
div#body div.rightCol { margin-top: 10px; margin-right: 8px; width: 34%; float: right; }
div#body div.piccolo { width:21%; }

div#body div.boxRicercaVeloce { width:300px; float: right; margin-top: 30px; margin-right:10px;  }
div#body div.boxRicercaVeloce table { font-size: 1.0em;}
div#body tr.hiddenform { display:none; }


div#body div.leftColSmall { margin-top: 10px; margin-left: 8px; width: 20%; float:left; }
div#body div.leftColSmall h1 { background-color: rgb(242, 141, 0); color: white; }
div#body div.leftColSmall table { margin-top: 10px; font-size:1.0em; }

/* Ricerca immobili */
div#body div.boxRicerca { padding:5px; border:1px solid rgb(242, 141, 0); margin-top:8px; overflow:hidden; }
div#body div.boxRicerca div.foto { float:left; width: 120px; margin:5px 8px 0px 10px; }
div#body div.boxRicerca div.descrizione { float: left; width:200px; margin-top: 5px; word-wrap: break-word; }
div#body div.boxRicerca div.descrizione div.descrizione-inner { width:auto; }
div#body div.boxRicerca div.header { clear:both; padding: 3px; font-size:1.0em; font-weight: normal; }
div#body div.boxRicerca div.header div.left { float: left; margin-left: 8px; }
div#body div.boxRicerca div.header div.right { float: right; margin-right: 8px; }
div#body div.boxRicerca div.header div.right span.evidenziaImmobile { margin-right: 80px; font-weight:bold;  }
div#body div.boxRicerca div.descrizione a { font-weight:bold; text-decoration:underline; margin-bottom: 8px;}
div#body div.evidenzia { background-color: #f2e1c9; border: 1px solid rgb(242, 141, 0); }
div#body div.order { clear:both; margin-bottom: 10px; background-color: rgb(242, 141, 0); font-size:0.8em; clear:both;  }
div#body div.order div.floatLeft { float:left; color:white; margin: 0px 0px 0px 8px; }
div#body div.order div.floatRight { float:right; color:white; margin: 0px 8px 0px 0px;  }
div#body div.boxRicerca div.opzioni { float: right; width:140px; padding: 0; }
div#body div.boxRicerca div.opzioni a { color:black; font-weight: bold; font-size: 0.9em; }
div#body div.boxRicerca div.opzioni a:hover { color: rgb(242, 141, 0); }

div#body div.boxIncarico { padding:5px; border:1px solid rgb(242, 141, 0);  margin-top:8px; text-align:center; font-size: 0.9em; font-weight:bold;  }
div#body div.boxIncarico p { padding-top:8px; }
div#body div.boxIncarico a { text-decoration:underline; font-weight: bold;  }

/* Visualizzazione immobile */
div#body div.boxImmobile div.imgImmobile { clear: both; }
div#body div.boxImmobile div.slider { float: right; margin-right: 5px; margin-bottom:3px; }
div#body div.boxImmobile h2 { margin: 5px 5px 1px 5px; font-size: 1.2em;  }
div#body div.boxImmobile h3 { margin: 0px 5px 1px 5px; font-size: 1.1em; color: rgb(242, 141, 0); }
div#body div.boxImmobile h4 { margin:0px 5px 1px 5px; font-size: 1.1em; font-weight: normal; font-style: italic; }
div#body div.boxImmobile div.immagini { clear: both; margin:5px; background-color:rgb(212, 212, 212); min-height:350px; }
div#body div.boxImmobile div.immagini div.bigImg { float:left; width: 390px; margin:8px; height:300px; }
div#body div.boxImmobile div.immagini div.thumbImg { float:right; width:310px; margin:8px; }
div#body div.boxImmobile div.immagini div.thumbImg a { float:left; margin:0 5px 5px 0; }
div#body div.boxImmobile table.datiImmobile { margin: 20px 5px 20px 5px; border-collapse: collapse; font-size:1.0em; }
div#body div.boxImmobile table.datiImmobile td { width: 160px; border-top: 1px solid rgb(212, 212, 212); padding:1px; }
div#body div.boxImmobile div.descrizione { margin:5px; background-color: rgb(212, 212, 212); padding:8px; }
div#body div.boxContatti { background-color: #f2e1c9; border:1px solid rgb(242, 141, 0); }
div#body div.boxContatti p { margin: 10px; }
div#body div.datiInserzionista { font-size: 0.8em; padding:5px; margin-bottom:8px; border-top:1px solid rgb(212, 212, 212); border-bottom:1px solid rgb(212, 212, 212); }
div#body div.noImmagini { clear: both; height: 200px; background-color: rgb(212, 212, 212);}

/* Tabella di contatti */
table.contatta { clear:both; border-collapse: collapse; font-size: 0.9em; }
table.contatta td { padding:5px;  }
table.contatta td input[type=text] { width: 100%; }
table.contatta textarea { width:100%; }


/* Opzioni pubblicazione */
div.opzioniPub { margin: 10px; clear: both; }
div.opzioniPub table tr td span { color: black !important; }
div.opzioniPub table { border:1px solid rgb(212, 212, 212); }
div.opzioniPub table.riepilogo { border:0; }

div.opzioniPub table.riepilogo tbody tr td { text-align:left; }
div.opzioniPub table tbody tr td { padding:8px;  }
div.opzioniPub table thead tr th { background-color: rgb(242, 141, 0); color:white; font-weight:bold; border:0; }

/* Visualizzazione agenzie */
div#body div.unico div.dati_agenzia { float:left; width: 50%; padding:10px; font-size:1.0em; }
div#body div.unico div.dati_agenzia table { clear:both; margin-top:20px; font-size:1.0em; }
div#body div.unico div.dati_agenzia div.logo img { float:left; margin-right:25px; }
div#body div.unico div.dati_agenzia div.descrizione { margin-top: 50px; }
div#body div.unico div.dati_agenzia div.descrizione span { margin-left: 10px; font-style: italic; margin-top: 10px; display:block; line-height: 1.5em; }
div#body div.unico div.dati_agenzia div.contatta { margin-top: 20px; margin-bottom: 20px; }
div#body div.unico div.dati_agenzia div.contatta a { color:blue; }
div#body div.unico div.immagine_agenzia { float:right;  }

/* Come pubblicare */
div#body div.box div.boxRegistraAgenzie {  height: 450px; margin:10px; border: 1px solid rgb(242, 141, 0); float:left; width: 40%; padding:15px; }
div#body div.box div.boxRegistraAgenzie h1 { color:rgb(242, 141, 0); margin-bottom: 10px; }
div#body div.box div.boxRegistraPrivati {  height: 450px; margin:10px; border:1px solid rgb(30, 0, 255); float:right; width:40%;  padding:15px; }
div#body div.box div.boxRegistraPrivati h1 { color: rgb(30, 0, 255); margin-bottom:10px; }

div#body div.box div.boxRegistraPrivati p, div.boxRegistraAgenzie p { font-size: 0.9em; }


ul.greenChecks { list-style-type: decimal; display:block; margin: 30px; font-size: 0.9em; line-height: 12px; }

/* Ricerca agenzie */

div.box div.boxRicercaAgenzie { float:left; margin-left: 50px; width:60%;}
div.box div.boxRicercaAgenzie p { margin-top: 20px; }
div.box div.boxRicercaAgenzie table { margin-top: 30px; }
div.box div.boxRicercaAgenzie table td { width: 230px; }


/* Risultati ricerca agenzie */
div.box div.boxAgenzia { background-image: url(img/background.gif); clear: both; margin: 20px 10px; border:1px solid rgb(212, 212, 212); }
div.box div.boxAgenzia div.logo { float: right; margin: 8px 8px 0px 0px; }
div.box div.boxAgenzia div.datiAgenzia { float: left; }
div.box div.boxAgenzia div.datiAgenzia h2 { font-size: 1.5em; color:rgb(242, 141, 0); margin: 8px 8px 8px 5px; }


/* Registrazione */

table.registrazione { width:100%; margin: 10px 0px 10px 0px; }
table.registrazione td { padding: 3px; }
table.registrazione td.title { font-size: 1.0em; text-align:center; background-color:rgb(242, 141, 0); color: white; border-bottom:1px solid rgb(242, 141, 0); border-top:1px solid rgb(242, 141, 0); font-weight: bold; }
table.registrazione td.blu { background-color: rgb(30, 0, 255); border-bottom:1px solid rgb(30, 0, 255); border-top: 1px solid rgb(30, 0, 255); }


/* Affida immobile */
table.affidaImmobile { float:left; margin-top: 30px; width:32%; border-right:1px solid rgb(212, 212, 212); }
table.affidaImmobile td { width:220px; }
table.affidaImmobile td select, table.affidaImmobile td input { margin-top: 5px; }
table.affidaImmobile td.title { font-size: 1.0em; text-align:center; background-color:rgb(242, 141, 0); color: white; border-bottom:1px solid rgb(242, 141, 0); border-top:1px solid rgb(242, 141, 0); font-weight: bold; }
table.affidaImmobile td.blu { background-color: rgb(30, 0, 255); border-bottom:1px solid rgb(30, 0, 255); border-top: 1px solid rgb(30, 0, 255); }

table.noBorderRight { border-right: 0; }
p.affidamentoImmobile { padding:8px; line-height:18px; background-color:rgb(212, 212, 212); margin-top: 10px;}
h3.affidamentoTitle { font-size: 1.2em; margin:10px 10px 0 10px; text-decoration: underline; }

/* Pannello utente */
table.legenda { clear:both; background-color: rgb(212, 212, 212); width:100%; margin: 8px 0px 8px 0px; font-size: 0.8em; }
div.box ul.userMenu { margin: 4px; list-style-type: none; }
div.box ul.userMenu li { height: 20px; border:1px solid rgb(212, 212, 212); margin: 5px 0px 5px 0px; background-color: #f1efef;  }
div.box ul.userMenu li.attivo { background-color: rgb(242, 141, 0); }
div.box ul.userMenu li a { display: block; margin: 3px; color:black;  }
div.box ul.userMenu li a.attivo { color:white; font-weight: bold; }
div.box ul.userMenu li a:hover { color:gray; }
table.modificaDati { width:50%; margin-top:10px; }
table.modificaDati tr td { width: 100%; }
table.clearBoth { width:100%; clear:both; text-align:center; border-right:0; }

div.box div.imageContainer { margin: 20px 0px 20px 0px; }
div.box div.imageContainer input[type=file] { margin: 20px; }
div.box div.imageContainer div.thumb a { display:block; }
div.box div.imageContainer div.thumb img { float:left; margin: 8px; border:2px solid rgb(242, 141, 0); }
div.box div.imageContainer div.thumb img:hover { border:2px solid black; }


table.listaAnnunci { margin: 20px 0px 20px 0px; width: 100%; border-collapse: collapse; font-size:0.9em; border:1px solid rgb(212, 212, 212); }
table.listaAnnunci tr td { text-align: center; border:1px solid rgb(212, 212, 212); padding:5px; width:100px; }
table.listaAnnunci a { color: blue; }
table.listaAnnunci a:hover { text-decoration: underline; }
table.listaAnnunci th.noBackground { background: rgb(242, 141, 0); }
table.listaAnnunci thead th {  text-align: left; background: rgb(242, 141, 0) url(img/bg.gif) no-repeat right center; padding:8px; color:white; cursor:pointer; border:1px solid rgb(212, 212, 212); }
table.listaAnnunci thead th:hover { color: black; }
table.listaAnnunci thead th.headerSortDown { background: #f1a33d url(img/desc.gif) no-repeat right center; }
table.listaAnnunci thead th.headerSortUp { background: #f1a33d url(img/asc.gif) no-repeat right center; }


div.flottaSx { float:left; font-size:0.9em; clear:left; margin-top: 10px;  }
div.flottaDx { float:right; font-size: 0.9em; }
/* Nuovo annuncio */
div.headNavigation { padding:10px; background-color: rgb(212, 212, 212); clear:both; }


div.headNavigation span.container { margin:0px 20px 0px 20px; float:left; padding:10px; text-align:center; width:500px; }
div.headNavigation span.dis { color:gray; }
div.headNavigation span.att { color:rgb(242, 141, 0); font-weight:bold; }
div.headNavigation span.sep { font-size: 1.2em; }

a.avantiFreccia { float:right;  color:white; font-weight:bold; padding:8px; border:1px solid rgb(212, 212, 212); background-color:rgb(242, 141, 0);text-align: left;  }
a.avantiDis { background-color: gray; }

a.indietroFreccia {  float:left; color:white; font-weight:bold; padding:8px; border:1px solid rgb(212, 212, 212); background-color:rgb(242, 141, 0);text-align: right; }
a.indietroDis { background-color: gray; }

div.errorBox { margin:0 auto; margin-top: 10px; width:500px; text-align:center; padding:8px; }
span#secs { font-size: 1.2em; font-weight: bold; }

table.nuovoAnnuncio { width:50%; margin:10px 0px 0px 0px;  }
table.nuovoAnnuncio tr td { width:100%; }
table.registrazione td input[type=text] { width:200px; }

/* Supporto */

div.domande ol { list-style-position: inside; line-height: 29px; margin-top:20px; }
div.domande ol li a { font-size: 1.1em; font-weight: bold; }

div.risposte { margin-top: 100px; }
div.risposte span { font-size: 1.3em; font-weight:bold; }
div.risposte div { margin-bottom: 60px; background-color: #eeeeee; padding: 8px; }
div.risposte div ul { display:block; list-style-position: inside; line-height: 18px; list-style-type: square; margin:20px; }





/* Diverse strutture di colonne */
div#body div.centerCol { margin-top: 10px; margin-left: 8px; width: 56%; float:left; }
div#body div.rightColSmall { margin-top: 10px; margin-right: 8px; width:21%; float:right; }
div#body div.colunica { width: 77%; }





/* Footer */
div#footer { text-align: center; font-size: 0.8em; color: black; line-height: 30px;  margin-top:0; margin:0 auto; clear:both; background-image: url(img/footerstretto.gif); background-repeat: no-repeat; height:30px; }
div#footer a { color: blue; font-weight: bold; }

