/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// AUTHOR:    Marco Paolucci
// INFO:      http://www.marcopaolucci.net
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* GENERAL
-----------------------------------*/
* {margin:0; padding:0}
img {border:0}
ul {list-style:none}

/* BASE TAG 
-----------------------------------*/
body {font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#5d5d5d; background:url(../img/bg_header.gif) left top repeat-x #FFF}

/* TESTO
-----------------------------------*/
h1 {height:20px; font-size:14px; line-height:14px; padding:10px; margin:0 0 20px 1px; font-family: Arial, Helvetica, sans-serif; background:#722801; color:#FFF}
h2 {height:20px; font-size:16px; padding:10px; margin-bottom:20px; font-family: Arial, Helvetica, sans-serif; background:#722801; color:#FFF}
	.paragrafo_centr h2 {background:#FFF; color:#333; padding:10px 10px 10px 0}
	.paragrafo_centr h2 .rosso {color:#990000}
	.paragrafo_centr h2 .arancione {color:#CC6600}
	.paragrafo_centr h2 .giallo {color:#FFAA00}
h3 { margin-bottom:10px; color:#ab4f2a}
h4 {margin-bottom:10px; font-size:12px}

.paragrafo_centr p { margin-bottom:10px; text-align:justify}
	.paragrafo_centr p.bold { font-weight:bold}

.title { font-weight:bold}

.footer_section p { font-size:11px; color:#5e5e5e; text-align:center}

hr { border-bottom:1px dashed #CCC; clear:left; border-top: 0; border-right: 0; border-left: 0; background-color:transparent; margin:30px 0}

/* LINK
-----------------------------------*/
a { color:#a34b27}
a:hover { text-decoration:none; color:#c17658}

.top_menu a { display:block; text-decoration:none; color:#000;  width:100px; height:21px; padding:10px 0; }

.bottom_menu a {color:#838383}
.bottom_menu a:hover { text-decoration:none; color:#454444}

/* CLASS
-----------------------------------*/
.header_section {}
.header_top { height:106px}

.nav {text-align:center; margin:0 0 20px; padding:0 0 5px; border-bottom:1px dashed #c3c3c3}

.right { float:right}

.img_sx { float:left; margin:5px 20px 5px 10px}
.img_paragrafo { float:left; margin:0 20px 20px 0; padding:3px; border:1px solid #c3c3c3} 
.img_paragrafo_dx { float:right; margin:5px 0 20px 20px; padding:3px; border:1px solid #c3c3c3} 
.img_offerte { float:left; width:40px; margin:5px 20px 10px 0; border:1px solid #c3c3c3}

.intro {font-size:11px; text-transform:none; padding:0 0 30px 0}
.intro p { padding-right:15px;}
.intro img {float:left; margin:0 10px 5px 0; padding:3px; border:1px solid #c3c3c3}

.topic1 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#990000; display:inline; padding-right:10px}
.topic2 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#993333; display:inline; padding-right:10px}
.topic3 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#996600; display:inline; padding-right:10px}

.box_eventi_news { margin-bottom:20px}
	.box_eventi_news li { width:230px; height:60px; border-bottom:1px dashed #c3c3c3; line-height:13px; font-size:11px}
	.box_eventi_news li img { height:38px}
	
.box_col_dx { padding:20px 0; border-bottom:3px solid #e9e8e4}

.paragrafo_centr { padding-bottom:20px; margin:0 20px 30px 20px; border-bottom:1px dashed #c3c3c3}
	.last_paragrafo {border-bottom:none}
.paragrafo_centr .paragrafo_centr_top {}
.paragrafo_centr .paragrafo_centr_bottom { width:454px; clear:left; margin-top:40px; background:#EEE; padding:3px}

.box_servizio { height:95px}

.descrizione { width:100%; margin-bottom:30px}
.descrizione ul {list-style:circle; margin:0 0 10px 15px}
.bookmark {float:right; margin-top:-30px}
.offerte {float:left; margin:10px 0; width:100%}

.list_inside_text { margin:20px 0; color:#ab4f2a}
	.list_inside_text li { padding:0 0 0 20px; background:url(../img/liststyle.gif) left 4px no-repeat}
.paragrafo_centr .paragrafo_centr_bottom .list_inside_text { margin:0 0 0 0}

.footer_section { padding-top:10px}

.fix_height { clear:left; visibility:hidden}

.firma {margin-top:15px}
p.ico { margin-top:10px}
p.ico a { margin-right:3px}

.sitemap { float:left; margin-right:60px; padding:0 0 30px 10px}

/* MENU DI NAVIGAZIONE
-----------------------------------*/
.top_menu { /*padding:5px 0*/height:41px;}
.top_menu li{ float:left; text-align:center; background:url(../img/menu_border.gif) right top no-repeat }
	.top_menu li.ultimo { background:none}
	.top_menu li:hover {background:url(../img/bg_header_hover.gif) left top repeat-x}

.box_col_dx li{ line-height:24px; background:url(../img/liststyle.gif) left 7px no-repeat; padding-left:20px}

.bottom_menu li {float:left; width:80px; height:21px; padding:2px 0 0 10px; font-size:11px}
.bottom_menu li ul li { clear:left; height:21px; padding:0 0 0 0 }

/* FORM
-----------------------------------*/

#form_eventi fieldset { border:none}
#form_eventi li { height:30px; clear:left}
#form_eventi li label { display:block; width:150px; float:left;}
	#form_eventi li label.oggetto {width:300px; font-size:10px}
#form_eventi li input { width:250px; float:left;}
#form_eventi textarea {float:left; width:250px; height:100px}
#form_eventi li input.submit { float:right; margin:15px 110px 0 0; width:70px}

#form_newsletter fieldset { border:none}
#form_newsletter li { margin-bottom:5px; background:none; clear:left}
#form_newsletter li label { float:left; display:block; width:70px}
#form_newsletter li input { float:left; width:110px}
#form_newsletter .check {font-size:9px}
#form_newsletter .check p {margin-bottom:5px}
#form_newsletter .check div {width:105px; height:28px; float:left}
#form_newsletter .check label {float:left; width:45px; margin-right:5px}
#form_newsletter .check input {float:left; width:20px}
#form_newsletter li input.submit { width:65px; margin-left:115px}

#form_esperto_risponde fieldset { border:none; margin-top:30px}
#form_esperto_risponde li { height:30px; clear:left}
#form_esperto_risponde li label {display:block; width:150px; float:left;}
#form_esperto_risponde li input {  width:250px; float:left;}
#form_esperto_risponde textarea {float:left; width:250px; height:100px}
#form_esperto_risponde input.submit2 { float:right; margin:15px 40px 0 0; width:70px; background:none; border:none; color:#a34b27; cursor:pointer; font-size:14px; font-weight:bold;}

/* TABLE
-----------------------------------*/
#listino_prezzi { width:450px; text-align:center; margin-bottom:20px}
#listino_prezzi th { background:#e1d4aa}
#listino_prezzi td { background:#ede3b9; width:150px; height:60px}

/* DIV
-----------------------------------*/
#wrapper { width:1000px; margin:0 auto; padding-bottom:20px}
#header { width:1000px; height:147px}
#content { border-bottom:1px solid #c3c3c3}
	.gallery { float:left; margin-top:3px; margin-bottom:3px; height:297px; width:750px; background:url(../img/ajax-loader.gif) center center no-repeat}
	.content_colonne { float:left; width:1000px; background:url(../img/bg_content.gif) center 2px repeat-y}
	.col_sx {float:left; width:250px; text-transform:lowercase }
	.col_c { float:left; width:500px; padding-bottom:30px; /*border-right:1px solid #c3c3c3; border-left:1px solid #c3c3c3*/}
	.col_dx {float:left; width:230px; margin-top:-301px; padding:0 0 10px 20px}
		#dettaglio .col_dx {float:left; width:230px; margin-top:0; padding:0 0 10px 20px}
#footer { width:1000px }