

body {
 	font: 12px  verdana;
 	margin: 0 auto;
  	text-align:left;
	margin:0;
	color:#666;
	background:#fff;
	margin-top:7px;
	margin-bottom:47px;
	height:100%;
	}
	
a  {color:#cd5111;	text-decoration:none;}
a:hover  { 	color: #0066CC; text-decoration:none;}

img {border: none;}

h1 {	margin: 0 0 10px 0;
	font-size: 14px;
	color: #0066CC;
	font-weight:bold;
	}

h1.titolo_annuncio {	margin: 0 0 10px 0;
	font-size: 17px;
	color: #0066CC;
	font-weight:bold;
	}


h2 {
	margin: 0 0 15px 0;
	font-size: 12px;
	margin:0 0 10px 0;
	line-height: 1.3em;
	color:#4b4b4b;
	font-weight:normal;
	}
	
h2.annuncio {
	margin: 0;
	font-size: 12px;
	font-weight:normal;

	}

	
h3 {
	font-size: 12px;
	margin:0 0 10px 0;
	line-height: 1.3em;
	font-weight:normal;
	color:#333;
	}
	
	
h1.guida {	margin: 0 0 5px 0;
	font-family: sans-serif;
	font-size: 23px;
	color: #111111;
	font-weight:normal;
	}
	
	
.guida1 {margin: 0 0 5px 0;
	font-family: sans-serif;
	font-size: 23px;
	font-weight:normal;
	clear:left;	color: #111111;
	}
	
.guida2 {
	margin: 0 0 5px 0;
	font-family: sans-serif;
	font-size: 14px;
	font-weight:normal;
	line-height: 1.5em;
	clear:left; color:#666666;
	}
	
h2.guida {
	margin: 0 0 5px 0;
	font-family: sans-serif;
	font-size: 14px;
	font-weight:normal;
	line-height: 1.5em;
	color:#666666;

	}
	
h3.guida {
	margin: 0 0 10px 0;
	font-family: sans-serif;
	font-size: 16px;
	font-weight:normal;
	line-height: 1.5em;
	}

ul.guida   {
	float:left;
	text-align:left;
	margin:0;
	list-style-type:none;
	padding:0;
  	}
  
	
	
span.titolo {

	font-size: 18px;
	color: #0066CC;
	}


#cleartop{ height:155px; /* 30 per spot alto mettere 2 px (X I BORDI SE CI SONO) pił del top height e del margin top*/	}

#cleartop-base{ height:200px; /*mettere 2 px (X I BORDI SE CI SONO) pił del top height e del margin top*/	}
	
	
	
	
.allinea { clear: both;	margin:10px;}

div.principale { background:#fff;
	margin: 0 auto;	
	padding:0 10px 10px 10px ;
	width: 960px;

	}

div.principale a  { text-decoration: none; }

div.principale a:hover  { text-decoration: none; 	}

div.top {
	position:absolute;
	top:0;
	margin:  10px 0 0 0 ;
	width: 960px;
	height:62px; /* vedi cleartop e metterci 2 px + di questo per i bordi ed eventuale margin o padding top*/
  	background-image: url("http://www.corriereimmobiliare.com/ita/immagini/struttura/pixel-bianco.jpg");
	
	}

div.top_dx {
	float:right; 
	text-align:right; 
	width:470px; 
	height:62px;
	margin-bottom:10px;


	}

div.logo {
	width:370px;
	height:62px; 
	margin-bottom:10px; 
	float:left;
	 }


div.fine {
	margin-top: 20px;
	height: 30px;
	clear: both;
	line-height: 25px;
	background:#0066CC; 
	padding: 5px 5px 0 5px;
	text-align: center;
	color: #f1f2f3;
	border-bottom: 1px solid gray;
	}

div.fine ul {
	padding:0px;
	margin:0px;
	}

div.fine ul li {
  	padding:0px;
	margin:0px;
	display:inline;
	font-size: 13px;
	} 

div.fine ul li a {
  		padding:5px 20px 5px 20px;
  		color: #f1f2f3;	
  		

	} 
div.fine li a {	color: #f1f2f3;	
	font-weight: bold;	
	} 
	
	
div.fine ul li a:hover {
	background: #fff;
	color: #333333;	
	text-decoration: none;
	}





div.navigazione {
	clear: both;
	height: 26px;
	margin-top: 15px;
	background: url("http://www.corriereimmobiliare.com/ita/immagini/struttura/b_navigaz.jpg");
	text-align: left;
	padding: 0px 0px 0px 8px;
	color: #333333;	
	}
 
div.navigazione ul {
	padding:4px 0 0 0;	margin:0px;
	}

div.navigazione ul li {
	margin:0;
	display:inline;
	} 



div.navigazione ul li a {
  	padding:0 0 0 15px;
	margin:0;
	display:inline;
	 background: url("http://www.corriereimmobiliare.com/ita/immagini/struttura/freccia-dx.gif") no-repeat ;
  	background-position: 0 2px;
  	color: #333333;	
	} 

div.navigazione ul li a:hover {
  	text-decoration:underline;
	}


#slider {width:100%}
.header {width:100%;  padding: 0; margin-top:5px; cursor:pointer; margin:0; }
.content {overflow:hidden; }




p.puntini {
	clear:both;
	height:1px; 
	width:594px;

	margin:10px;
	 background: url("http://www.corriereimmobiliare.com/ita/immagini/varie/puntini.gif") ;
	}


div.home-dx {
background:#fff;
float:right;
 width:335px; 
 height:100%; 
	}


div.home-dx-in {
border: 1px solid #ccc;
 width:330px; 
 height:68px; 
 padding:4px;
margin-bottom:16px;
text-align:left;
float:right;
background:#f1f2f3;
clear:right;
 font-size: 11px ;

 	}
 	
div.home-dx-in:hover {
border: 1px solid #ddd;
background:#fafafa;
 	}

div.home-dx-in img {
border: 1px solid #bbb;
 width:87px; 
 height:60px; 
 padding:1px;
float:right;
margin-left:5px;

 	}

div.home-dx-in img:hover {
border: 1px solid #333;
	}


div.home-centro {
width:580px;
height:95px;
float:left;
border: 1px solid #ccc;
margin-top:13px;
padding:10px;
 	}

div.home-centro-in {float:left;margin-right:10px;	width:88px;}
 div.home-centro-in a { font-size: 11px ;font-weight:bold;}

div.home-centro-in img {
border: 1px solid #444;
 width:86px; 
 height:66px; 
float:left;
margin-bottom:3px;
 	}

div.home-centro-gg {
width:580px;
height:60px;
float:left;
border: 1px solid #ccc;
margin-top:13px;
padding:10px;
text-align:center;
 	}




div.colonne9 {
float:left;
width:11%;
 	}

div.colonne9 a {
color:#666;
 	}

div.colonne9 a:hover {
color:#cd5111;
 	}


div.colonne4 {
float:left;
width:24%;
 	}

div.colonne4 a {
color:#666;
 	}

div.colonne4 a:hover {
color:#cd5111;
 	}


div.preferiti {
	width:610px; 
	float:right; 
	clear:both; 
	margin-bottom:20px; 
	padding:3px 3px 10px 10px; 
	border:1px solid #ccc;
	 }
	
div.preferiti:hover {
	border:1px solid #000;
	 }
	 

#slider {width:100%}
.header {width:100%;  padding: 0; cursor:pointer;
	font-size: 12px;
	margin:0 ;
	color:  #0066CC;
	font-weight:bold;
 }
.content {overflow:hidden; }


div.avviso {
width:100%; 
padding:0;
border:1px solid #0066CC; 
background:#f1f2f3;
margin: 15px 0 15px 0;
 }
div.avviso p { padding: 0 10px 0 10px; color:#222;  }
div.avviso a{ color: #0066CC; }
div.avviso a:hover{ color: #cd5111; }


div.avviso-spot {
	width:100%; 
	border:1px solid #d7952f; 
	background:#FDF2EC;
	margin: 10px 0 10px 0;
	font: 14px sans-serif;
	color:#444;
 	}


div.avviso-spot-conten {color:#444;padding: 3px; text-align:center;}
div.avviso-spot-conten a {color:#cd5111; text-decoration:none;}
div.avviso-spot-conten a:hover {text-decoration:underline; color:#000; }



div.avviso2 {font-weight:bold;
width:100%; 
border:1px solid #0066CC; 
background:#f1f2f3;
margin: 5px 0 5px 0;
padding: 5px 0 5px 5px;
color: dark-grey;
 }




a.info{
    position:relative;
    z-index:24; 
}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0; left:0; width:280px;
    border:1px solid #0066CC;
    background-color:#fff; color:#000;
    padding:15px;
    text-align: left}


a.info2{
    position:relative;
    z-index:24;
    color:#fff;
}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
   

    display:block;
    position:absolute;
    top:0; right:0; width:280px;
    border:1px solid ;
    background-color:#fff; color:#000;
    padding:15px;
    text-align: left}




  /* elenco cat home */
ul.elenco-cat   {
	float:left;
	text-align:left;
	margin:0;
	list-style-type:none;
	padding:0;
  	}
  
ul.elenco-cat li a  {    
	color:#444;
	padding-left:17px;
	 background : url("http://www.corriereimmobiliare.com/ita/immagini/struttura/bullet_black.png") no-repeat ; 
	 display:block;
	 margin-top:6px;
    	}
    
 ul.elenco-cat li a:hover {   
  	color: #cd5111;
  	padding-left: 17px;
	background : url("http://www.corriereimmobiliare.com/ita/immagini/struttura/bullet_red.png") no-repeat ; 
    	}
 


  /* modulo*/
  
.campo {   
  	font-size: 13px;
  	width:170px;
  	margin:3px 0 3px 0;
    	}
    	
 .campo-box {   
  	width:130px;
  	  	font-size: 13px;

      	}
   	
 .pulsante {   
  	font-size: 13px;
  	background:#a8a8a8;
  	
    	}
    	
  /* modulo ricerca*/
.c-ric-h {   
  	font-size: 13px;
  	width:155px;
  	margin:3px 0 3px 0;
    	}
 .p-ric-h {   
  	font-size: 13px;
  	background:#a8a8a8;
  		}
  	
  	 ul.lista2{ font-weight:bold;
	margin-top:40px;
		   margin-bottom:50px;
		color:#c61a1e;

	}

ul.lista2 li{ font-weight:normal;
	margin-top:20px;
	color:#000;

	}
	
div.spot-alto{ 
	padding:3px;
	margin-top:10px;
	margin-bottom:5px;
	color:#fff;
	background:#cd5111;
	text-align:center;
	border-bottom: 1px solid gray;
	}
div.spot-alto a{ 
	color:#fff;
	}
	
div.fine-network{ 
	padding:10px;
	margin-top:10px;
	margin-bottom:5px;
	background:#ffffff;
	border: 1px solid #ccc;
	height:120px;
	font-size: 11px ;
	color:#666;
	}
div.fine-network a{ 	color:#666;	}
div.fine-network a:hover{ color:#000;	}

#menu-tab-orizz.labels {background: url('http://www.corriereimmobiliare.com/ita/immagini/menu-tab/bg-title-shadow.gif') repeat-x bottom;height: 33px}
#menu-tab-orizz .labels UL {padding-left: 5px;background: url('http://www.corriereimmobiliare.com/ita/immagini/menu-tab/bg-title-shadow.gif') repeat-x bottom;height: 33px }
#menu-tab-orizz .labels LI, #menu-tab-orizz .labels A {display: block;float: left; font-family: Arial, Verdana, sans-serif;font-size: 12px;}
#menu-tab-orizz .labels LI { margin-right: 5px; }
#menu-tab-orizz .labels A {border: 1px solid #E0E0E0;padding: 5px 10px 0px 10px;border-bottom: 0px;background: #EBEBEB;font-weight: bold;font-size: 14px;color: #5b5b5b;height: 21px;}
#menu-tab-orizz .labels A:hover {text-decoration: none;color: #000;}
#menu-tab-orizz .labels .sel {background: url('http://www.corriereimmobiliare.com/ita/immagini/menu-tab/bg-tab-sel.gif') no-repeat bottom;color: #000;height: 34px}
#menu-tab-orizz .labels .sel A { background: #FFFFFF; color: #000;}

div.fine_grande {
	height: 130px;
	margin-top: 20px;
	clear: both;
	background: #f1f2f3; 
	padding: 18px ;
	border: 1px solid #ccc;
	font-family: arial ; 
	}
div.fine_grande ul {margin:0;padding:0;list-style-type:none;}
div.fine_grande li   {margin-bottom:5px;}
div.fine_grande li a {margin:0; padding:0; color: #cd5111;text-decoration:underline;}
div.fine_grande li a:hover {color:#000;text-decoration:none;}
div.tit_fine {color:#000;font-weight:bold;margin-bottom: 7px;text-decoration:underline;}

div.colonna_fine {width:23%;float:left;font-size:12px;}


div.regione {
	font: 14px  sans-serif;
	width: 110px;
	float:left;
	height:21px;
	margin-bottom:3px;
	background:#fff;
}

div.regione:hover {
	background:#fafafa;
}


div.frame {
	width: 110px;
	float:left;
	height:21px;
	margin-bottom:3px;
	background:#fff;
}

div.plus {
	width: 80px;
	float:left;
	height:21px;
	margin-bottom:3px;
	background:#fff;
}

.sx_immob 		{ width:300px; margin-bottom:15px;font-size:11px;text-align:justify}
