html, body {
width:100%;
margin: 0; padding: 0; border:0;
text-align: center;
font: normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;
color: #696158;
background-color:#f3f3eb;
}
h1, h2, h3, h4, h5, h6, ol, hr, div, img, p, ul, li, dl, dd, dt, form {
padding: 0; margin: 0; border:0; text-align: left;
}
a, a:hover, a:visited, a:link { text-decoration:none; color: #696158; cursor:pointer }
a:hover{ border-bottom:1px dotted #00bbcd; color:#00bbcd; }
a.active{ border-bottom:1px dotted #00bbcd; color:#00bbcd; font-weight:bold}
a.white{ color:#fffffe; }
a.white:hover{ border-bottom:1px dotted #fffffe; }
input { font: normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;}
textarea { font: normal 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;}
object:active, div:active { outline: none; }
.hide { display:none }
#boxError { width:auto; height:16px; padding-top:5px; font-size:10px; color:#F00}
h1 { font-size:30px; font-weight:normal;}
h2 { font-size:18px;}
h3 { font-size:16px;}
h4 { font-size:14px;}
#container {width: 947px; height:auto; overflow:auto; margin:5px auto 10px; background:url(../images/bg_container.gif) repeat-y left}
/*-----------------------------------------------------
MENU_TOP
------------------------------------------------------*/
#menu_top { width:100%; height:auto; overflow:auto; list-style-type:none; background-color:#f3f3eb }
#menu_top li{ float:right; width:auto; height:auto; font-size:12px; font-weight:bold; padding:5px 10px;}
/*-----------------------------------------------------
COLUMN SX
------------------------------------------------------*/
#columnsx { float:left; width: 201px; height:auto;}
#columnsx .logo { width:auto; background-color:#f3f3eb}
#columnsx .logo img { margin:0 15px 10px;}
#columnsx .logo a:hover,#columnsx .logo a:active { border-bottom:none}
#columnsx .page_ref { width:auto; padding:10px; font-size:14px; font-weight:bold; text-align:right; color:#FFF; background-color:#00bbcc;}
#columnsx dl {width:auto; padding:15px; background-color:#e7e6dc; border-bottom:4px solid #f3f3eb}
#columnsx dl dt { width:auto; font-size:14px; font-weight:bold; padding:5px 0;}
#columnsx dl dd{ padding:2px 0;}
#columnsx dl .down_doc{ width:96%; padding:2px 0; background:url(../images/down_doc.gif) no-repeat right center;}
#columnsx dl .down_doc_tar{ width:96%; padding:2px 0; background:url(../images/down_doc.gif) no-repeat right center;}
#columnsx form {width:auto; padding:15px; background-color:#e7e6dc;}
#columnsx form fieldset { border:none; padding:0; margin:0}
#columnsx form fieldset legend { width:auto; font-size:14px; font-weight:bold; padding:5px 0 10px;}
#columnsx form fieldset label { width:auto; font-size:10px;}
#columnsx form fieldset label a { width:auto; font-size:10px; border-bottom:1px dotted #00bbcd; color:#00bbcd;}
#columnsx form fieldset input { width:auto; background-color:#f3f3eb; padding:2px; margin:4px 0 10px;}
/*#columnsx form fieldset .btn_submit{ width:70%; font-size:10px; font-weight:bold; color:#FFF; background-color:#69645f; padding:6px 6px 6px 8px; margin:5px 0 0 0; border:none; text-align:left}*/
#columnsx form fieldset .btn_submit{ width:60%; font-size:10px; font-weight:bold; color:#FFF; background-color:#69645f; padding:6px 6px 6px 12px; margin:5px 0 0 0;}
#columnsx form fieldset .reg{ width:60%; font-size:10px; font-weight:bold; color:#FFF; background-color:#00bbcc; padding:6px 6px 6px 12px; margin:10px 0 0 0;}
#columnsx form fieldset .message { width:95%; font-size:10px; color:#F00; margin-top:10px; }
/*-----------------------------------------------------
MAIN
------------------------------------------------------*/
#main { float:left; width: 744px; height:auto;}
.with_pdd_bottom { padding-bottom:20px}
/*-----------------------------------------------------
HEADER
------------------------------------------------------*/
#header { width: auto; overflow:auto; border-bottom:2px solid #f3f3eb;}
#header ul.home { width:auto; float:right; list-style-type:none;}
#header ul.home li{ width:120px; height:auto; font-weight:bold; font-size:10px; margin-right:26px;}
#header ul.home .compila{ padding-top:56px;}
#header ul.home .invia{ padding-top:52px;}
#header ul.home .ricevi{ padding-top:60px;}
#header ul.home .diventa_cliente{ width:auto; height:auto; color:#FFF; text-align:left; background-color:#00bbcc; padding:6px 6px 6px 12px; margin-right:0; margin-top:50px;}
#header .come_diventare_cliente{ width:160px; height:auto; float:right; font-size:10px; color:#FFF; text-align:left; background-color:#00bbcc; padding:6px 6px 6px 12px; margin-right:0; margin-top:200px;}
.header_bg_home { height:351px; background-image:url(../images/header_home.jpg);}
.header_bg_chi_siamo { height:248px; background-image:url(../images/header_chisiamo.jpg)}
.header_bg_servizi_online { height:248px; background-image:url(../images/header_servizi_online.jpg)}
.header_bg_servizi_offline { height:249px; background-image:url(../images/header_servizi_offline.jpg)}
.header_bg_infocamere { height:249px; background-image:url(../images/header_infocamere.gif)}
.header_bg_diventa_cliente { height:249px; background-image:url(../images/header_diventa_cliente.jpg)}
.header_bg_info_contatti { height:248px; background-image:url(../images/header_infoecontatti.gif)}
/*------------------------------------------------------
CONTENT
------------------------------------------------------*/
#content { width: auto; height:auto; overflow:auto; background-color:#FFF;}
#content h1 { color:#FFFFFF; height:20px; font-size:14px; font-weight:bold; padding:14px 0 10px 24px; margin-bottom:15px; background-color:#69645f; border-bottom:2px solid #f3f3eb;}
#content .home { height:44px; padding:20px 0 20px 24px; font-size:30px; font-weight:normal; margin-bottom:0px;}
#content .box_servizi { float:left; width:246px; height:auto; overflow:auto; padding-bottom:15px; /*background-color:#fff; */border-right:2px solid #f3f3eb;}
#content .box_servizi p { width:auto; height:180px; padding:20px 0 0 24px;}
#content .box_servizi h2 { color:#FFF; padding:14px 0 14px 24px; font-size:14px; background-color:#00bbcc;}
#content .box_servizi h2 a { color:#FFF; border-color:#FFF}
#content .box_servizi h2 a:hover { color:#FFF;}
#content .box_servizi span { float:right; width:auto; height:auto; padding:5px 10px; background-color:#c4c3bf;}
#content .box_servizi span a.servizi { color:#fffffe; font-weight:bold}
#content .box_servizi span a.servizi:hover { border-color:#FFF}
#content .last { width:248px; border-right:none;}
#content h2 { height:20px; font-size:12px; font-weight:bold; padding:0 0 10px 24px; color:#00bbcd;}
#content .descr { width:94%; padding:0 0 15px 24px; }
#content ul { width:94%; list-style-type:circle; padding:0 0 15px 34px;}
#content ul li { padding-left:12px; margin-left:12px; list-style-type:disc }
#content .evd { width:auto; color:#00bbcd; }
#content .mail { width:auto; height:auto; overflow:auto}
#content .mail span { float:left; width:auto; padding-right:3px}
#content .mail a { float:left; width:auto; padding-top:2px; border:none}
#content .underline { width:94%; height:auto; overflow:auto; margin:0 0 10px 24px; border-bottom:1px solid #c0c0c0; }
#content .underline p { float:left; width:60%; height:auto; font-size:11px; padding-bottom:5px}
#content .underline .title { float:left; width:40%; height:auto; color:#00bbcd; font-size:12px; font-weight:bold}
#content .underline .font12 { font-size:12px}
#content .mar_bot_20 { margin-bottom:20px;}
#content .acc_itnccia{ width:50%; font-size:10px; font-weight:bold; color:#FFF; padding:6px 6px 6px 12px; margin:25px 0 0 24px; background:#00bbcc url(../images/ico_frecciadx_bl.gif) no-repeat 95%;}
#content .ott_itnccia{ width:50%; font-size:10px; font-weight:bold; color:#FFF; padding:6px 6px 6px 12px; margin:10px 0 20px 24px; background:#c4c3bf url(../images/ico_frecciadx_gr.gif) no-repeat 95%;}
#content .infocontatti { float:left; width:27%; padding:0 0 15px 24px;}
#content .infocontatti .descr { padding-left:0}
#content .infocontatti .underline { margin-left:0}
#content .map { float:right; width:68%; padding-bottom:15px;}
/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
#footer { clear:both; width:100%; height:auto; overflow:auto; padding:10px 0; text-align:left; background-color:#f3f3eb}
#footer address { float:left; width:auto; font-style:normal; font-size:10px;}
#footer address span { color:#00bbcd; font-weight:bold}
#footer .des_by { float:right; width:auto; height:auto; text-align:right; font-size:10px;}
#footer .des_by a{ font-weight:bold}
/*------------------------------------------------------
BOX NEWSLETTER
------------------------------------------------------*/
#box_newsletter { width:auto; height:auto; /*padding-top: 60px;*/ padding:20px 0;}
#box_newsletter_form {padding:0 0 0 20px;}
#box_newsletter_form p {padding:15px 0 0 0;}
#box_newsletter_form .cyan { color:#00adab; padding-bottom:10px;}
#responseSend {padding:40px 0; }
#responseSend p {font-size:12px; text-align:center;}