

* { margin: 0; padding: 0; }


body 
	
	{
	
	background: #fff;
	
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	
	text-align: center;
	
	color: #333;
	
	}





/* ELEMENTI */

h1, h2 { text-indent: -9999px; }

a { text-decoration: none; color: #09c; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: none; }

p { margin: 10px 0; }

ul { list-style: none; }

fieldset { border: none; }
input { border: 1px solid #ccc; height: 20px; color: #0cf; }
textarea { border: 1px solid #ccc; height: 70px; color: #0cf; font-family: Tahoma, Arial, Verdana; font-size: 11px;}
select { border: none; }
button { cursor: pointer; border: none; }




/* CLASSI */

.sheet { width: 960px; margin: auto; text-align: left; }
.clear { clear: both; display: block; }
.margine { height: 10px; }
.evidenza { color: #999; }
.box { margin: 0 0 10px 0; }
.last { border: none; }
.warning{text-align: center; margin: 20px 0; font-size: 14px; font-weight: bold; }



/* FORMS */

.form_generale label { display: block; font-size: 12px; color: #333; margin: 0 0 5px 0; }
.form_generale input { display: block; margin: 0 0 10px 0; }
.form_generale input.nascosto{ display: none;}
.form_generale select { border: 1px solid #ccc; }
.form_generale textarea { display: block; margin: 0 0 10px 0; }
.form_generale button {	width: 75px; height: 25px; background: transparent url(../images/forms/form_button.jpg) top left no-repeat; margin: 40px 0 0 0; padding: 0 0 0 15px; text-align: left; }
.form_generale .l_privacy { display: inline; float: left; color: #09c; }
.form_generale .l_privacy a { text-decoration: underline; }
.form_generale .i_privacy { display: inline; float: left; width: 15px; height: 15px; margin: 0 0 0 10px; }


/* MICROMENU */

#micromenu { text-align: right; margin: 10px auto; font-size: 10px; padding: 0 10px; width: 940px; }
#micromenu a { color: #666; }








/* TESTATA */

#testata { background: #333 url(../images/sfondi/testata.gif) left bottom repeat-x; padding: 0; }

#testata #logo { display: inline; float: left; }
#testata #logo h1 { width: 125px; height: 145px; background: transparent url(../images/sfondi/h1.gif) top left no-repeat; }
#testata #logo h2 { width: 270px; height: 240px; background: transparent url(../images/decorazioni/mappa.jpg) top left no-repeat; margin: 0 0 0 10px; }


/* banner */

#testata #banner { display: inline; float: left; margin: 20px 0 0 100px; }


/* vetrina */

#testata #vetrina { display: inline; float: left; width: 650px; height: 360px; position: relative; margin: 20px 0 0 30px; }

#testata #vetrina #img_vetrina { z-index: 1; position: absolute; top: 0; left: 0; }
#testata #vetrina #mask_vetrina { z-index: 2; position: absolute; top: 0; left: 0; width: 650px; height: 360px; background: transparent url(../images/maschere/vetrina.gif) top left no-repeat; }
#testata #vetrina #menu_vetrina { z-index: 3; position: absolute; top: 0; left: 0; }
#testata #vetrina #titolo_vetrina
	
	{
	
	z-index: 4;
	
	position: absolute;
	
	top: 0;
	right: 0;
	
	width: 140px;
	height: 20px;
	
	padding: 5px 0 0 10px;
	
	background: transparent url(../images/vetrina/bg_titolo.gif) top left no-repeat;
	
	font-size: 10px;
	font-weight: bolder;
	
	}


#testata #vetrina #menu_vetrina ul li { display: inline; }
#testata #vetrina #menu_vetrina ul li a 
	
	{
	
	display: block;
	
	position: relative;
	
	width: 200px;
	height: 95px;
	
	padding: 20px 10px 5px 10px;
	
	background: transparent url(../images/vetrina/bg_menu.gif) top left repeat-x;
	
	color: #000;
	
	}
	
#testata #vetrina #menu_vetrina ul li a:hover { background: transparent url(../images/vetrina/bg_menu.gif) bottom left repeat-x; text-decoration: none; }
#testata #vetrina #menu_vetrina ul li a span.cross { display: block; width: 15px; height: 15px; position: absolute; z-index: 2; }
#testata #vetrina #menu_vetrina ul li a span.round_lt { background: transparent url(../images/maschere/round_lt.gif) top left no-repeat; left: 0; top: 0; }
#testata #vetrina #menu_vetrina ul li a span.round_lb { background: transparent url(../images/maschere/round_lb.gif) top left no-repeat; left: 0; bottom: 0; }
#testata #vetrina #menu_vetrina ul li a strong { display: block; font-size: 14px; font-weight: 100; }
#testata #vetrina #menu_vetrina ul li a span { display: block; font-size: 10px; width: 145px; }
#testata #vetrina #menu_vetrina ul li a em { display: block; font-size: 12px; font-style: normal; color: #09c; margin: 0 0 10px 0; }


/* menu */

#menu { background: transparent url(../images/sfondi/menu.gif) top left no-repeat; width: 940px; height: 50px; margin: 10px 0 0 0; padding: 0 10px; font-family: Arial, Tahoma; }

#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; padding: 20px 20px 0 20px; height: 30px; font-size: 14px; text-transform: uppercase; color: #fff; }
#menu ul li a:hover { background: #069; text-decoration: none; }
#menu ul li a.selected { background: #069; }










/* PAGE */

#page { margin-top: 20px; }

#page p { font-size: 12px; line-height: 18px; }



/* colonne */

#page .c1 { display: inline; float: left; width: 300px; }
#page .c2 { display: inline; float: left; width: 400px; margin: 0 0 0 20px; }
#page .c3 { display: inline; float: left; width: 220px; margin: 0 0 0 20px; }
#page .cd { display: inline; float: left; width: 640px; margin: 0 0 0 20px; }


/* CA */

#page .ca h3
	
	{
	
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	
	background: transparent url(../images/sfondi/h3_ca.gif) bottom left no-repeat;
	
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: 100;
	
	text-transform: uppercase;
	
	}

#page .ca h3 strong
	
	{
	
	display: inline;
	float: left;
	
	height: 25px;
	
	padding: 15px 0 0 0;
	
	font-size: 14px;
	font-weight: 100;
	
	}

#page .ca h3 span
	
	{
	
	display: inline;
	float: right;
	
	width: 88px;
	height: 25px;
	
	padding: 15px 0 0 30px;
	
	background: transparent url(../images/sfondi/h3_spn_ca.gif) bottom left no-repeat;
	
	}


/* CD */


#page .cd h3
	
	{
	
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	
	background: transparent url(../images/patterns/tratteggio_footer_o.gif) left bottom repeat-x;
	
	font-family: Arial, Tahoma;
	font-size: 12px;
	font-weight: bolder;
	
	text-transform: uppercase;
	
	}

/* NEWS */

#page .news h3
	
	{
	
	height: 25px;
	
	margin: 5px 0 10px 0;
	padding: 10px 0 0 10px;
	
	background: transparent url(../images/sfondi/h3_news.gif) bottom left no-repeat;
	
	font-family: Arial, Tahoma;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	
	text-transform: uppercase;
	
	}
	
/* C1 */

#page .c1 h3
	
	{
	
	height: 25px;
	
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	
	background: transparent url(../images/sfondi/h3_c1.gif) bottom left no-repeat;
	
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: 100;
	
	text-transform: uppercase;
	
	}


/* C2 */

#page .c2 h3
	
	{
	
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	
	background: transparent url(../images/patterns/tratteggio_footer_o.gif) left bottom repeat-x;
	
	font-family: Arial, Tahoma;
	font-size: 12px;
	font-weight: bolder;
	
	text-transform: uppercase;
	
	}


/* C3 */

#page .c3 h3
	
	{
	
	margin: 0 0 20px 0;
	padding: 10px 0 0 10px;
	
	font-family: Arial, Tahoma;
	font-size: 11px;
	font-weight: 100;
	
	text-transform: uppercase;
	
	}

#page .c3 #dati h4 { color: #09c; font-size: 14px; font-weight: 100; margin: 6px 0 0 0; }
#page .c3 #dati h5 { font-size: 14px; font-weight: 100; }


#page .c3 #dati div { background: transparent url(../images/patterns/tratteggio_footer_o.gif) top left repeat-x; margin: 10px 0 0 0; }
#page .c3 #dati div span { display: inline; float: left; margin: 5px 0; }
#page .c3 #dati div strong { display: inline; float: right; margin: 5px 0; color: #09c; }







/* ------ */
/* search */
/* ------ */


/* colonna destra */

#page .c3 #search { background: #fc3 url(../images/sfondi/search_btm.gif) left bottom no-repeat; padding: 0 0 10px 0; }
#page .c3 #search h3 { background: #fc3 url(../images/sfondi/search_top.gif) left top no-repeat; }
#page .c3 #search p { padding: 0 10px; color: #666; font-size: 11px; line-height: 14px; }

#page .c3 #search form { margin: 17px 0 0 10px; }
#page .c3 #search form label { display: block; font-size: 12px; margin: 5px 0; }
#page .c3 #search form select { width: 200px; height: 18px; background: #fff; }
#page .c3 #search form input { width: 200px; height: 18px; background: #fff; border: none; }
#page .c3 #search form button
	
	{
	
	width: 75px;
	height: 25px;
	
	background: transparent url(../images/forms/search_button.jpg) top left no-repeat;
	
	border: none;
	
	margin: 20px 0 0 130px;
	padding: 0 0 0 15px;
	
	text-align: left;
	
	}


/* colonna doppia */

#page .cd #search { background: #fc3 url(../images/sfondi/cd_search_bg.gif) left top no-repeat; padding: 10px; }
#page .cd #search h3 { display: inline; float: left; width: 80px; padding: 0; margin: 7px 0 0 0; background: none; }
#page .cd #search form select { width: 110px; margin: 0 10px 0 0; }
#page .cd #search form button
	
	{
	
	width: 75px;
	height: 25px;
	
	background: transparent url(../images/forms/search_button.jpg) top left no-repeat;
	
	border: none;
	
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	
	text-align: left;
	
	}




/* ------- */
/* bottoni */
/* ------- */

#page .c3 #bottoni a { display: block; margin: 0 0 10px 0; }






/* -------- */
/* homepage */
/* -------- */

#page.home .c2 { margin: 0 0 0 10px; }
#page.home .c3 { margin: 0 0 0 10px; }



#page.home .c1 #banners a { display: block; width: 150px; height: 105px; margin: 10px 0 0 0; padding: 20px 0 0 150px; }
#page.home .c1 #banners a:hover { text-decoration: none; }

#page.home .c1 #banners a strong { font-size: 16px; font-weight: 100; display: block; }

#page.home .c1 #banners a span { font-size: 12px; color: #666; }
#page.home .c1 #banners a:hover span { text-decoration: underline; }

#page.home .c1 #banners a#acquisto { background: transparent url(../images/decorazioni/acquisto.jpg) top left no-repeat; }
#page.home .c1 #banners a#affitto { background: transparent url(../images/decorazioni/affitto.jpg) top left no-repeat; }



#page.home .c2 h3 { margin: 0 0 0 10px; }
#page.home .c2 p { margin: 15px 0 15px 10px; }





/* ------ */
/* scheda */
/* ------ */


#page.scheda .c2 #info
	
	{
	
	display: inline;
	float: left;
	
	width: 247px;
	height: 40px;
	
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	
	background: transparent url(../images/sfondi/info.gif) top left no-repeat;
	
	}
	
#page.scheda .c2 #info span { display: inline; float: left; width: 110px; height: 15px; }
#page.scheda .c2 #info strong { color: #09c; font-size: 12px; }


#page.scheda .c2 #prezzo
	
	{
	
	display: inline;
	float: left;
	
	width: 120px;
	height: 40px;
	
	margin: 10px 0 0 10px;
	padding: 10px 0 0 10px;
	
	background: transparent url(../images/sfondi/prezzo.gif) top left no-repeat;
	
	}
	
#page.scheda .c2 #prezzo strong { display: block; margin: 3px 0 0 0; font-size: 14px; }


#page.scheda #thumbs { margin: 0 0 20px 0; }
#page.scheda #thumbs a { display: inline; float: left; margin: 31px 31px 0 0; }
#page.scheda #thumbs a.last { margin: 31px 0 0 0; }

#page.scheda #contatti #telefono { display: inline; float: left; width: 330px; background: transparent url(../images/decorazioni/telefono.gif) left bottom no-repeat; padding: 20px 0 130px 0; }
#page.scheda #contatti #telefono p { font-size: 11px; }


#page.scheda #contatti #form {†display: inline; float: left; width: 290px; margin: 0 0 0 20px; }
#page.scheda #contatti #form form.form_generale input { width: 290px; }
#page.scheda #contatti #form form.form_generale input.i_privacy { width: 15px; }
#page.scheda #contatti #form form.form_generale textarea { width: 290px; }


/* vetrina interna */

#page .c1 #vetrina ul li { display: inline; }
#page .c1 #vetrina ul li a { display: block; margin: 0 0 10px 0; color: #000; }
#page .c1 #vetrina ul li a:hover { text-decoration: none; }
#page .c1 #vetrina ul li a:hover span { text-decoration: underline; }
#page .c1 #vetrina ul li a img { float: left; margin: 0 10px 0 0; }
#page .c1 #vetrina ul li a strong { display: block; font-size: 12px; font-weight: 100; }
#page .c1 #vetrina ul li a em { display: block; color: #09c; font-style: normal; font-size: 10px; margin: 3px 0 7px 0; }
#page .c1 #vetrina ul li a span { font-size: 10px; color: #666; }




/* -------------- */
/* lista immobili */
/* -------------- */

#page.immobili .categorie ul li { display: block; margin: 0 0 10px 0; padding: 10px; border-bottom: 1px solid #ccc; }
#page.immobili .categorie ul li img { display: inline; float: left; margin: 0 10px 0 0; }
#page.immobili .categorie ul li strong { display: inline; float: left; color: #000; margin: 0 0 3px 0; font-size: 14px; }
#page.immobili .categorie ul li strong em { display: block; color: #999; font-style: normal; margin: 3px 0 7px 0; font-size: 10px; font-weight: 100; }
#page.immobili .categorie ul li a { display: inline; float: right; margin: 12px 0 0 5px; padding: 3px 0; width: 50px; background: #09c; color: #fff; text-align: center; }


#page.immobili .categorie .sottocategoria.left { margin: 0; }
#page.immobili .categorie .sottocategoria { display: inline; float: left; width: 310px; margin: 0 0 0 20px; }
#page.immobili .categorie .sottocategoria ul li { border-bottom: 1px solid #ccc; }
#page.immobili .categorie .sottocategoria ul li strong { color: #09c; font-size: 12px; }
#page.immobili .categorie .sottocategoria ul li a { background: #666; }


#page.immobili .lista ul li { display: inline; float: left; width: 300px; height: auto !important; height: 105px; min-height: 105px;  margin: 0 0 10px 0; padding: 10px; }
#page.immobili .lista ul li img { display: inline; float: left; margin: 0 10px 0 0; }
#page.immobili .lista ul li strong { display: block; color: #000; margin: 0 0 3px 0; font-size: 14px; }
#page.immobili .lista ul li strong em { display: block; color: #999; font-style: normal; margin: 2px 0 7px 0; font-size: 10px; font-weight: 100; }
#page.immobili .lista ul li span { display: block; height: 33px; }
#page.immobili .lista ul li a { display: inline; float: left; margin: 10px 0 0 0; padding: 3px 0; width: 50px; background: #09c; color: #fff; text-align: center; }





/* -------- */
/* contatti */
/* -------- */

#page.contatti #telefono { background: transparent url(../images/decorazioni/telefono.gif) center bottom no-repeat; padding: 0 0 120px 0; }
#page.contatti #telefono p { font-size: 11px; }

#page.contatti .c2 #form { margin: 20px 0 0 0; }
#page.contatti .c2 #form form label { display: inline; float: left; }
#page.contatti .c2 #form form label.margin { margin-left: 18px; }
#page.contatti .c2 #form form input { width: 188px; }
#page.contatti .c2 #form form input.i_privacy { width: 15px; }
#page.contatti .c2 #form form textarea { width: 400px; }


/* hack per le cazzate di edo */

#page.contatti .c2 #form form div.msg label { display: block; float: none; }


#page.contatti .c3 #dati div { padding: 10px 0 0 0; }
#page.contatti .c3 #dati div span { margin: 10px 0; }
#page.contatti .c3 #dati div strong { margin: 10px 0; }

#page.contatti .c3 #map { margin: 30px 0 0 0; width: 220px; height: 300px; overflow: hidden; }





/* ------ */
/* lavora */
/* ------ */

#page.lavora .c2 #form { margin: 20px 0 0 0; }
#page.lavora .c2 #form form label { display: inline; float: left; }
#page.lavora .c2 #form form label.clear { display: block; float: none;}
#page.lavora .c2 #form form label.margin { margin-left: 18px; }
#page.lavora .c2 #form form label span { display: block; width: 188px; margin: 0 0 5px 0; }
#page.lavora .c2 #form form input { width: 188px; }
#page.lavora .c2 #form form input.i_privacy { width: 15px; }
#page.lavora .c2 #form form input#file { width: 400px; float: none; border: none; }
#page.lavora .c2 #form form textarea { width: 400px; }
#page.lavora .c2 #form form select#day { width: 50px; }
#page.lavora .c2 #form form select#month { width: 50px; margin: 0 0 0 5px; }
#page.lavora .c2 #form form select#year { width: 70px; margin: 0 0 0 5px; }
#page.lavora .c2 #form form button { float: right; margin: 0; }






/* FOOTER */


#footer { background: #f5f5f5 url(../images/sfondi/footer.gif) left bottom no-repeat; margin-top: 20px; }
#footer #footer_top { background: transparent url(../images/sfondi/footer_top.gif) top left no-repeat; height: 20px; }

#footer .colonna { display: inline; float: left; margin: 0 0 0 20px; width: 200px; }
#footer .colonna h3
	
	{
	
	background: transparent url(../images/patterns/tratteggio_footer_o.gif) left bottom repeat-x;
	
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	
	color: #666;
	
	font-size: 11px;
	
	text-transform: uppercase;
	
	}
	
#footer .colonna ul li { display: inline; }
#footer .colonna ul li a { display: block; height: 20px; color: #333; font-size: 10px; }


#footer .colonna.large { width: 280px; margin: 0 0 0 10px; }
#footer .colonna.large h3 { color: #09c; }
#footer .colonna.large ul li a { background: transparent url(../images/patterns/freccia_r_09c.gif) right center no-repeat; }


/* credits */


#credits {width: 940px; margin-top: 10px; font-size: 10px; }
#credits .left { margin: 0 0 0 10px; float: left; }
#credits .right { margin: 0 10px 0 0; float: right; }




/* alert form */

form label { position:relative;} 
form div { position:relative;}
.required-input{ position:absolute;  background: transparent url(../images/forms/alert-form.gif) top right no-repeat; width:6px; height:16px; display:block;}


.required-input{top:0; right:4px;}
.msg .required-input{top:0; right:4px;}
.privacy .required-input{top:0px; left:200px;}

.required-input em{ display:none;}

/* paginazione */

#page .cd .paginazione{display: block; height: 20px;  text-align: center; font-size: 14px; background: transparent url(../images/patterns/tratteggio_footer_o.gif) top left repeat-x; padding: 10px 0 0 0; }
#page .cd .paginazione a{ margin: 0 5px;}
#page .cd .paginazione a.active{ color:#333; }
