﻿/* ---------------------------------------------------------------- stili generici */

div.magiclist h1.header{
	font-size:75%;
	font-weight:bold;
    line-height:6.5em;
    padding-left:5px
}

div.magiclistpaginata h1.header{
	font-size:75%;
	font-weight:bold;
	padding-bottom:5px;
}

p.header 
{	font-size:68.5%;
    text-align:justify;
}


/* ---------------------------------------------------------------- magic list */




/*----si può cancellare?? ---*/

div.magiclistpaginata
{
    margin-left:20px;
    margin-right:22px;
}

div.magiclistpaginata *
{
    color:#404040;
}

div.magiclist ul,
div.magiclistpaginata ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.magiclist li,
div.magiclistpaginata li {
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:75%;
}

div.magiclistpaginata div.riepilogo
{
    padding-top:15px;
    padding-bottom:5px;
}

div.magiclist div.box{
	clear:left;
	height:125px;
	border: 1px solid #C8CADB;
	padding:2px
}

div.magiclistpaginata div.box{
	clear:left;
	min-height:125px;
	border: 1px solid #C8CADB;
	padding:8px
}

div.magiclist div.img,
div.magiclistpaginata div.img{
	float:left;
	width:160px;
	height:120px;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	float:left;
	margin-right:1em;
}


div.magiclist div.img img,
div.magiclistpaginata div.img img
{
    width:160px;
    }


div.magiclist div.box h1,
div.magiclistpaginata div.box h1{
	font-weight:bold;
}

div.magiclistpaginata div.box h1 a
{
	font-size:11px;
}
    
div.magiclist div.box p,
div.magiclistpaginata div.box p{
	padding-top:0.5em;
	font-size:11px;
}

div.riepilogo 
{   
    font-size:68%;
	font-weight:normal;
}

div.pager 
{
    background-color:Transparent;
    text-align:right;
    padding-right:5px;
    /*border-top:1px solid #C8CADB;*/
}

div.pager a {color:Black;}



div.thefulllist table{width:97%;margin:0;padding:0;font-size:68%;}
div.thefulllist table tr{background-color:#FFFFFF}
div.thefulllist table tr.alternate{background-color:#EAEBF1}
div.thefulllist table th{background-color:#171B56;color:White}
div.thefulllist table td{text-align:left}
div.thefulllist {overflow:auto;text-align:center}

div.printedfulllist table{width:97%;margin:0;padding:0;font-size:68%;}
div.printedfulllist table tr{background-color:#FFFFFF}
div.printedfulllist table tr.alternate{background-color:#EAEBF1}
div.printedfulllist table th{background-color:#171B56;color:White}
div.printedfulllist table td{text-align:left}
div.printedfulllist {text-align:center}


div.magilistnews
{
    margin-top:145px !important;
    margin-left:20px;
    margin-right:20px;
    float:left;
}

div.magilistnews *
{
    color:#404040;
}

div.magilistnews div.riepilogo
{
    padding:0px;
    margin-bottom:10px;
}

div.magilistnews ul
{
   	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.magilistnews ul li
{
    margin:0px;
	font-size:75%;
	border-bottom:1px solid #EAEBF1;
	padding-bottom:15px;
	margin-bottom:15px;
	float:left;
}

div.magilistnews ul li.last
{
    border-bottom:0px;
    padding-bottom:0px;
}

div.magilistnews div.img
{
    float:left;
	width:218px;
	height:132px;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	float:left;
	margin-right:1em;
}

div.magilistnews div.img img
{
    width:218px;
}

div.magilistnews h1.header
{
    display:none
}

div.magilistnews h1.titolo
{
    font-weight:bold;
    margin-bottom:5px;
}

div.magilistnews h1.titolo a
{
    text-decoration:none;
    font-size:12px;
}

div.magilistnews p.header
{
    padding:0px;
    visibility:hidden;
    display:none;
}

div.magilistnews p
{
    font-size:11px;
}

div.magilistnews div.pager
{
    float:left;
    width:100%;
    padding:0px;
    margin:0px;
    margin-bottom:15px;
}

div.magilistnews div.pager a
{
    color:#404040 !important;
}


div.inevidenza
{
    overflow:hidden;
    background-color:#989AB3;
    text-align:center;
}

div.inevidenza h1.titolo
{
    position:absolute;
    bottom:5px;
    right:10px;
}

div.inevidenza h1.titolo a 
{
    color:white;    
    font-size:68%;
	font-weight:bold;
	text-decoration:none;
}

div.inevidenza div.img
{
    overflow:hidden;
}

div.inevidenza img
{
    width:324px;
}

div.elencoimmobili ul
{
    margin: 0px;
	padding: 0px;
	list-style-type: none;
    float:left;
    width:50%
    }

div.elencoimmobili h1.header {display:none;}

div.elencoimmobili ul li 
{   float:left;
    display:block;
    width:100%
    }

div.elencoimmobili ul li a
{
    font-size:68%;
	font-weight:bold;
	text-decoration:none;
    }


/* ---------------------------------------------------------------- magic box hotnews */   

div.hotnews
{
    border: 1px solid gray;  
    overflow:hidden;          
}

div.hotnews h1
{
    padding: 2px;
	font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

div.hotnews h1 a
{
    text-decoration: none;
}

div.hotnews p
{
    padding: 2px;
    font-size:68.5%;
}

div.hotnews div.button
{
    padding: 2px;    
    text-align: right;
    font-size: 10px;
    font-weight: bold;
}

div.hotnews div.button a
{
    text-decoration: none;
}


/* ---------------------------------------------------------------- magic box lista immobili */
div.listaimmobili
{
    min-height:600px !important;
    margin-bottom:50px;
}

div.listaimmobili div.magicbox
{
    width:100%;
}

div.listaimmobili li
{
    float:left;
    width:220px;
    margin-right:15px;
    margin-bottom:15px;
}

div.listaimmobili li div.box
{
    float:left;
    height:188px;
    padding:10px;
    padding-bottom:7px;
    padding-top:8px;
    width:200px;
    border:1px solid #C1C1C1;
    border-bottom:none;
}

div.listaimmobili li.lastcolumn
{
    margin-right:0px !important;
}

div.listaimmobili div.img
{
    float:left;
    height:135px;
    width:200px;
    overflow:hidden;
}

div.listaimmobili div.img img
{
    width:200px;
    height:135px;
}

div.listaimmobili div.descrittori
{
    float:left;
    width:200px;
    font-size:11px;
    text-align:left;
    height:25px;
}

div.listaimmobili div.prezzocontainer
{
    float:left;
    width:200px;
    font-size:11px;
    text-align:right;
    margin-top:4px;
    margin-bottom:2px;
    color:#545477;
}

div.listaimmobili div.titlecontainer
{
    float:left;
    width:200px;
    margin-bottom:7px;
}

div.listaimmobili div.buttoncontainer
{
    float:left;
    width:210px;
    text-align:right;
    padding-right:10px;
    background-color:#E2E2E9;
    height:20px;
    border:1px solid #C1C1C1;
    margin-right:15px;
}

div.listaimmobili div.buttoncontainer span.codice
{
    padding-left:10px;
    padding-top:5px;
    font-size:10px;
    display:inline;
    float:left;
    line-height:10px;
}

div.listaimmobili div.pager
{
    height:15px !important;
    margin:0px !important;
    padding-bottom:5px;
    padding-left:0px !important;
    padding-right:0px !important;
    width:707px;
    border:none !important;
    float:left;
}

div.listaimmobili div.pager *
{
    color:#404040;
}

div.listaimmobili div.titolocategoria h1
{
    padding-left:20px;
    font-family:Verdana;
    font-size:11px;
    text-transform:uppercase;
    color:#404040;
}

div.listaimmobili div.titolocategoria p
{
    padding-left:20px;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:10px;
    font-family:Verdana;
    font-size:11px;
    color:#404040;
    margin-bottom:10px;
}

div.listaimmobili table
{
    width:692px;
    max-height:30px;
    overflow:visible;
    margin-left:20px;
}

div.listaimmobili table td.numeroimmobili
{
    border-bottom:1px solid #C1C1C1;
}

div.listaimmobili table td.linkofferte,
div.listaimmobili table td.linkmap
{
    border:1px solid #C1C1C1;
    line-height:25px;
    text-align:center;
    background-color:#EAEBF1;
}

div.listaimmobili table td.selected
{
    border-bottom:1px solid white;
    line-height:25px;
    text-align:center;
    padding-right:0px;
    background-color:white;
}

div.listaimmobili table td.vuota1
{
    width:5px !important;
    border-bottom:1px solid #C1C1C1 !important;
}

div.listaimmobili table td.vuota2
{
    width:16px;
    border-bottom:1px solid #C1C1C1 !important;
}

div.listaimmobili table td a
{
    font-size:11px;
    text-decoration:none;
}

div.listaimmobili table td a.selected
{
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

div.listaimmobili p.numeroimmobili
{
    color:#404040;
    font-family:Verdana;
    font-size:10px;
    padding:5px;
    padding-left:0px;
}

div.listaimmobili ul.list
{
    margin:0px;
    list-style-type:none;
    list-style:none;
    float:left;
    padding-left:20px;
    padding-top:15px;
}

div.listaimmobili h1.titolo a
{
    color:#807E8B;
    font-size:10px;
    font-weight:normal;
    text-decoration:none !important;
    width:220px;
    display:block;
}

div.listaimmobili div.descrittori span
{
    width:25%;
    float:left;
    line-height:24px;
    text-align:right;
    padding-right:20px;
    vertical-align:middle;
    color:#545477;
}

div.listaimmobili div.descrittori span.letti
{
    background:transparent url(../../upload/1/images/interfaccia/Letto.jpg) no-repeat scroll left -4px;
}

div.listaimmobili div.descrittori span.bagni
{
    background:transparent url(../../upload/1/images/interfaccia/Bagno.jpg) no-repeat scroll left -4px;
}

div.listaimmobili div.buttoncontainer a
{
    font-size:10px;
    text-decoration:none;
    line-height:18px;
    color:#0E0E0E !important;
}

div.listaimmobili p.nofound
{
    min-height:400px;
    color:Red !important;
}

div.listaimmobili div.gmap
{
    margin-top:15px;
    margin-left:20px;
    min-height:560px;
    width:690px;
    border:2px solid #C1C1C1;
}

div.footer div.dati,
div.footer div.cambiolingua
{
    margin-top:15px;
    margin-bottom:15px;
}


/*------------------------------- Scheda immobile -------------------*/
div.schedaimmobile
{
    float:left;
    padding-left:20px;
    width:692px;
    min-height:500px !important;
    margin-bottom:20px;
}

div.schedaimmobile div.box
{
    float:left;
    margin-bottom:12px;
    width:200px;
    border-bottom:1px solid #C1C1C1;
    padding-right:16px;
    padding-bottom:12px;
}

div.schedaimmobile div.empty
{
    border-bottom:none;
}

div.schedaimmobile div#container
{
    float:left;
    width:452px;
    padding-right:22px !important;
}

div.schedaimmobile h1,
div.maggioriinfo h1
{
    margin-top:0px;
    margin-bottom:10px;
    font-size:12px;
    padding-bottom:10px;
    color:#3D3D3D;
    float:left;
}

div.schedaimmobile span.codice,
div.maggioriinfo span.codice
{
    padding-left:10px;
    padding-top:2px;
    font-size:10px;
    display:inline;
    float:left;
}

div.ie8_schedaimmobile span.codice,
div.ie7_schedaimmobile span.codice,
div.ie6_schedaimmobile span.codice
{
    padding-top:1px !important;
}

div.maggioriinfo
{
    padding-left:20px;
}

div.schedaimmobile div.intestazione,
div.maggioriinfo div.intestazione
{
    float:left;
}

div.schedaimmobile div.intestazione table,
div.maggioriinfo div.intestazione table
{
    width:692px;
    max-height:30px;
    overflow:visible;
    margin-bottom:20px;
}

div.schedaimmobile div.intestazione table td.area,
div.maggioriinfo div.intestazione table td.area
{
    width:25%;
    border-bottom:1px solid #C1C1C1;
}

div.schedaimmobile div.intestazione table td.linkscheda,
div.schedaimmobile div.intestazione table td.linkmap,
div.maggioriinfo div.intestazione table td.linkscheda,
div.maggioriinfo div.intestazione table td.linkmap
{
    border:1px solid #C1C1C1;
    line-height:25px;
    text-align:center;
    background-color:#EAEBF1;
}

div.schedaimmobile div.intestazione table td.linkplanimetrie,
div.schedaimmobile div.intestazione table td.linkinfo,
div.maggioriinfo div.intestazione table td.linkplanimetrie,
div.maggioriinfo div.intestazione table td.linkinfo
{
    border:1px solid #C1C1C1;
    line-height:25px;
    text-align:center;
    background-color:#EAEBF1;
}

div.schedaimmobile div.intestazione table td.linkappro,
div.maggioriinfo div.intestazione table td.linkappro
{
    border:1px solid #C1C1C1;
    line-height:25px;
    text-align:center;
    background-color:#EAEBF1;
}

div.schedaimmobile div.intestazione table td.selected,
div.maggioriinfo div.intestazione table td.selected
{
    border-bottom:1px solid white;
    line-height:25px;
    text-align:center;
    padding-right:0px;
    background-color:white;
}

div.schedaimmobile div.intestazione table td.vuota1,
div.maggioriinfo div.intestazione table td.vuota1
{
    width:4px;
    border-bottom:1px solid #C1C1C1;
}

div.schedaimmobile div.intestazione table td.vuota2,
div.maggioriinfo div.intestazione table td.vuota2
{
    width:16px;
    border-bottom:1px solid #C1C1C1;
}

div.schedaimmobile div.linkinfo
{
    margin-top:10px;
    margin-left:40px;
    width:160px;
    float:left;
}

div.linkinfo a.info
{
    width:116px;
    padding:5px;
    display:block;
    text-align:right;
    background:transparent url(../../upload/1/images/interfaccia/richiesta_info2.jpg) no-repeat 10px 5px;
    line-height:25px;
}

div.schedaimmobile div.intestazione table td a,
div.maggioriinfo div.intestazione table td a,
div.schedaimmobile div.linkinfo a.link
{
    font-size:11px;
    text-decoration:none;
}

div.schedaimmobile div.intestazione table td a.selected,
div.maggioriinfo div.intestazione table td a.selected
{
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}

div.schedaimmobile p.area,
div.maggioriinfo p.area
{
    color:#404040;
    font-family:Verdana;
    font-size:10px;
    padding:5px;
    padding-left:0px;
}

div.schedaimmobile div.prezzo
{
    width:201px;
    float:left;
    margin-bottom:8px;
    padding-right:16px;
    border-bottom:1px solid #C1C1C1;
}

div.schedaimmobile div.prezzo span
{
    font-size:12px;
    text-align:right;
    width:100%;
    float:left;
    padding-bottom:10px;
    background:transparent url(../../upload/1/images/interfaccia/euro.jpg) no-repeat 15px 3px;
    line-height:20px;
}

div.schedaimmobile div.boxdesc
{
    border-top:1px solid #C1C1C1;
    width:690px;
    text-align:justify;
    font-size:12px;
    float:left;
    line-height:22px;
    margin-top:25px;
    padding-top:10px;
}

div.schedaimmobile div.boxdesc.expanded
{
    height:auto;
}

div.schedaimmobile div.boxdesc p.descrizione.expanded
{
    display:none;
    visibility:collapse;
}

div.schedaimmobile div.boxdesc p.descrizione.collapsed
{
    display:block;
    visibility:visible;
}

div.schedaimmobile .expand
{
    height:20px;
    position:relative;
    width:100px;
    text-align:right;
    float:right;
    display:none;
    cursor:pointer;
    font-size:10px;
    color:Red;
}

div.schedaimmobile .collapse
{
    height:20px;
    position:relative;
    width:100px;
    text-align:right;
    float:right;
    cursor:pointer;
    font-size:10px;
    color:Red;
}

div.schedaimmobile div.descbutton
{
   float:right;
   display:block;
   margin-top:10px;
   margin-right:16px;
   cursor:pointer;
   color:Red;
   font-size:11px;
   position:relative;
}

div.schedaimmobile div.descbutton a
{
    font-size:11px;
    text-decoration:none;
    color:Red;
}

div.schedaimmobile div.descrittori
{
    display:block;
    width:200px;
    float:left;
    margin-bottom:0px;
}

div.schedaimmobile div.descrittori_altri
{
    display:block;
    width:200px;
    float:left;
    margin-bottom:0px;
    margin-top:0px;
}

div.schedaimmobile div.boolean
{
    background:transparent url(../../upload/1/images/interfaccia/visto.jpg) no-repeat 180px 7px;
}

div.schedaimmobile div.descrittore
{
    float:left;
    margin-bottom:0px;
    margin-left:0px;
    width:200px;
}

div.schedaimmobile li.lastcolumn div.descrittore
{
    float:left;
    margin-bottom:5px;
    margin-left:10px;
    width:200px;
}

div.schedaimmobile div.descrittore img
{
    display:block;
    float:left;
    margin-left:0px;
    margin-right:10px;
    width:26px;
    height:25px;
}

div.schedaimmobile div.descrittore span.nome
{
    display:block;
    float:left;
    font-size:12px;
    width:60%;
    text-transform:lowercase;
    margin-right:10px !important;
    line-height:28px;
    color:#3D3D3D;
    height:32px;
}

div.schedaimmobile div.descrittori_altri span.nome
{
    padding-left:30px !important;
    background:transparent url(../../upload/1/images/interfaccia/pallino.jpg) no-repeat 2px 10px;
    margin-left:6px;
}

div.ie7_schedaimmobile ul.descrittori_elenco,
div.ie6_schedaimmobile ul.descrittori_elenco
{
    margin-left:0px !important;
}

div.ie8_schedaimmobile div.descrittori_altri div.descrittore,
div.ie7_schedaimmobile div.descrittori_altri div.descrittore,
div.ie6_schedaimmobile div.descrittori_altri div.descrittore
{
    padding-left:0px !important;
}

div.schedaimmobile div.descrittore span.valori
{
    display:block;
    float:left;
    font-size:12px;
    margin-left:0px;
    width:12%;
    line-height:28px;
    text-align:right;
}

div.schedaimmobile div.titlecontainer
{
    display:block;
    float:left;
}

div.schedaimmobile div.descrittori ul.descrittori_raggruppamenti,
div.schedaimmobile div.descrittori_altri ul.descrittori_raggruppamenti,
div.schedaimmobile div.bagnicamere ul.descrittori_raggruppamenti
{
    float:left;
    width:200px;
}

div.schedaimmobile div.descrittori ul.descrittori_elenco,
div.schedaimmobile div.bagnicamere ul.descrittori_elenco
{
    float:left;
    width:200px;
    padding-left:10px !important;
}

div.schedaimmobile div.descrittori_altri ul.descrittori_elenco
{
    padding-left:10px !important;
}

div.schedaimmobile div.descrittori ul.descrittori_elenco li,
div.schedaimmobile div.bagnicamere ul.descrittori_elenco li
{
    font-size:12px;
    color:#3D3D3D;
    list-style:none;
    width:200px;
    float:left;
}

div.schedaimmobile div.descrittori_altri ul.descrittori_elenco li
{
    float:left;
    font-size:12px;
    color:#3D3D3D;
    width:200px;
    height:20px;
    line-height:28px;
    list-style-type:none;
    padding-bottom:5px;
    padding-top:5px;
    padding-left:0px !important;
}

div.schedaimmobile div.descrittori li h3,
div.schedaimmobile div.descrittori_altri li h3,
div.schedaimmobile div.bagnicamere li h3
{
    display:none;
}

div.schedaimmobile ul.planimetrie
{
    margin:0px;
    list-style-type:none;
    list-style:none;
    float:left;
    padding-left:0px !important;
    padding-top:0px;
    width:422px;
}

div.schedaimmobile ul.planimetrie li
{
    margin-bottom:20px;
    float:left;
    width:422px;
    text-align:center;
    border:1px solid #C1C1C1;
    padding:15px;
}

div.schedaimmobile ul.planimetrie li div.imagebox
{
    padding-right:15px;
    overflow:hidden;
}

div.schedaimmobile ul.planimetrie li div.imagebox a img
{
    width:420px;
}

div.schedaimmobile div.gmap
{
    margin-top:0px;
    min-height:400px;
    width:452px;
    border:2px solid #C1C1C1;
}

div.schedaimmobile div.inforequest
{
    margin-top:0px;
    min-height:400px;
    width:452px;
    border:1px solid #C1C1C1;
}

div.richiestainfoconfermaemail div.inforequest
{
    margin-top:10px;
    min-height:400px;
    width:550px;
}

div.schedaimmobile div.form_intestazione
{
    width:452px;
    padding:10px;
}

div.richiestainfoconfermaemail div.inforequest div.form_intestazione
{
    width:550px;
    padding-bottom:10px;
}

div.schedaimmobile div.inforequest table
{
    width:452px;
    padding:10px;
    margin-bottom:0px;
}

div.richiestainfoconfermaemail div.inforequest table
{
    width:550px;
    padding:0px;
    margin-bottom:0px;
}

div.schedaimmobile div.inforequest table td,
div.richiestainfoconfermaemail div.inforequest table td
{
    vertical-align:middle;
    padding-bottom:4px;
}

div.schedaimmobile div.inforequest table td.form_label2
{
    padding-right:6px;
    padding-left:2px;
}

div.schedaimmobile div.inforequest table td.form_input input
{
    padding:2px;
    border:1px solid #C1C1C1;
}

div.schedaimmobile div.inforequest table td.form_input1 input
{
    padding:2px;
    border:1px solid #C1C1C1;
    width:100px;
}

div.schedaimmobile div.inforequest table td.form_input2 input
{
    padding:2px;
    border:1px solid #C1C1C1;
    width:100px;
    height:14px;
}

div.richiestainfoconfermaemail div.inforequest table td.form_label2
{
    padding-left:60px;
    padding-right:20px;
}

div.richiestainfoconfermaemail div.inforequest table td.form_value span,
div.richiestainfoconfermaemail div.inforequest table td.form_value a,
div.richiestainfoconfermaemail div.inforequest table td.form_message span
{
    width:98%;
}

div.richiestainfoconfermaemail div.inforequest table td.form_value1 span
{
    width:99%;
}

div.richiestainfoconfermaemail div.inforequest table td.form_value2 span
{
    width:95%;
}

div.schedaimmobile div.inforequest *,
div.schedaimmobile div.inforequest td.form_privacy,
div.richiestainfoconfermaemail div.inforequest *,
div.richiestainfoconfermaemail div.inforequest td.form_privacy
{
    font-size:11px !important;
}

div.schedaimmobile div.inforequest td.form_button
{
    padding-right:20px;
}

div.schedaimmobile div.inforequest td.form_button input
{
    width:60px;
    font-size:11px !important;
    font-weight:normal;
    margin-right:5px;
    background-color:#EAEBF1;
    vertical-align:middle;
}

div.schedaimmobile div.inforequest table textarea
{
    height:100px;
    width:298px;
    border:1px solid #C1C1C1;
}

div.schedaimmobile div.inforequest span.form_mandatory
{
    color:Red;
    padding-left:2px;
}

div.schedaimmobile div.inforequest ul,
div.richiestainfoconfermaemail div.inforequest ul
{
    padding-left:10px;
}

div.schedaimmobile div.inforequest li,
div.richiestainfoconfermaemail div.inforequest li
{
    list-style-type:none;
}

div.richiestainfoconfermaemail h1
{
    margin-top:10px;
    margin-bottom:20px;
    font-size:12px;
    color:#3D3D3D;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom:1px solid #C1C1C1;
    border-top:1px solid #C1C1C1;
    width:550px;
    line-height:28px;
}

div.richiestainfoconfermaemail h1 a
{
    text-decoration:none;
}