/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/*common font-size,font-family,color,line-height*/
body {background: #d8d8d8;font-size: 12px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#666663;line-height:16px;}

/***********************************************/
/* Common Tag                                  */
/***********************************************/

table{border-collapse:collapse;border-spacing:0;}

/*common link*/
a {color: #0099cc; text-decoration:none;}
a:link, a:visited, a:active {color: #0099cc;}
a:hover {color: #0099cc; background-color:#e5f5fa;}
a.link { padding:0px 0px 0px 20px; background-color:#FFFFFF; background-image:url(../img/icone/Freccina.gif); background-position:0px 0px; background-repeat:no-repeat; font-weight:bold;}
a.link:hover { background-color:#e5f5fa; background-image:url(../img/icone/Freccina.gif);}
a.nohover:hover {color: #0099cc; background:none;}

/*to redefine*/
h1{ font-size:2em; line-height:28px; color: #0099cc;}
h2{ font-size:1.16em; line-height:18px; color: #0099cc;}
h3{}

/***********************************************/
/* Common Class                                */
/***********************************************/

.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.takeAll {float: left; position: relative; clear: both;}
.max {width:100%;}
.left {float: left;}
.right {float: right;}
.clearThis {clear:both;}
.errorMessage { color: #cc0000;}

.teaser {padding-bottom:20px;}
.teaser img {margin-bottom:10px;}
.teaser a.nohover:hover { background:none;}

.f10{font-size:0.84em;}
.f11{font-size:0.92em;}
.f14{font-size:1.16em; line-height:18px;}
.f16{font-size:1.34em; line-height:20px;}

.azzurro {color: #0099cc;}
.nero {color:#666663;}

/***********************************************/
/* Form                                        */
/***********************************************/

input{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;color:#666663;}
select{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;color:#666663}
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #d8d8d8;}
legend {font-weight:bold;font-size:1.2em;}
input, textarea, select {border:1px solid #d8d8d8;}
textarea {width:648px;height:100px;padding:5px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;color:#666663;}

/***********************************************/
/* Container                                   */
/***********************************************/

div#container {margin:0 auto;width:1020px;}
div#main {margin:0 auto;width:1000px; padding:0px 10px; background-color:#c8c8c9;}

/***********************************************/
/* Header                                      */
/***********************************************/

div#container div#header {width:960px; padding:0px 20px; background-color:#FFFFFF; height:115px;}
div#container div#header #data {height:30px; line-height:30px; background-color:#f2f2f2; text-align:center; width:168px; border-right:1px solid #c8c8c9;}
div#container div#header input.cerca { padding:3px 5px; width:116px;}
a#btnCerca, a#btnCerca:hover {width:66px; border:none; background-image:url(../img/button/btCerca.gif); height:24px; line-height:24px; text-align:center; color:#FFFFFF; float:right; font-weight:bold; font-size:0.84em;}

/***********************************************/
/* Content                                     */
/***********************************************/

div#container div#content {width:960px; padding:0px 20px 35px; background-color:#FFFFFF;}

/***********************************************/
/* Footer                                      */
/***********************************************/

div#container div#footer {width:960px; padding:0px 20px; background-color:#FFFFFF; }
div#container div#footer .boxFooter{border-left:1px solid #d8d8d8; height:70px;}

/***********************************************/
/* Home                                        */
/***********************************************/

img.bordi { border:1px solid #c8c8c9;}

#home .firstNews { border:2px solid #e0e0e0; border-top:none; padding:15px; width:426px;}
#home .firstNews img { margin-left:20px; float:right;}

/***********************************************/
/* Columns                                     */
/***********************************************/

.c200 { width:200px; }
.c215 { width:215px; }
.c250 { width:250px; }
.c320 { width:320px; }
.c340 { width:340px; }
.c460 { width:460px; }
.c480 { width:480px; }
.c720 { width:720px; }

/***********************************************/
/* Sapces                                      */
/***********************************************/

.append-1 { padding-right: 40px;}
.append-2 { padding-right: 45px;}
.preappend-1 { padding-left: 40px;}
.preappend-2 { padding-left: 45px;}

.mbottom-1 { margin-bottom:10px;}
.mbottom-2 { margin-bottom:20px;}
.pbottom-1 { padding-bottom:10px;}
.pbottom-2 { padding-bottom:20px;}
.mtop-0 { margin-top:5px;}
.mtop-1 { margin-top:10px;}
.mtop-2 { margin-top:20px;}
.ptop-0 { padding-top:5px;}
.ptop-1 { padding-top:10px;}
.ptop-2 { padding-top:20px;}

/***********************************************/
/* Tools                                       */
/***********************************************/

#tools { position:absolute; right:-26px; top:-32px; height:74px; overflow:hidden; width:770px;}
#tools a, #tools a:hover { float:left; color:#7c7c7a; width:68px; padding:40px 10px 0px;; margin-top:3px; height:31px; text-align:center;}
#tools a.oneline, #tools a.oneline:hover { float:left; color:#7c7c7a; width:68px; padding:46px 10px 0px;; margin-top:3px; height:25px; text-align:center;}
#tools img { float:left; margin: 3px 0px;}
#tools #scrollTools {width:720px; position:absolute; background-image:url(../img/tools/ombraTools2.gif); background-repeat: no-repeat; background-position:left top; padding-left:3px; font-size:0.84em; line-height:12px;}
#tools #openTools {margin:0px; z-index:2; position:absolute; right:0px; cursor:pointer;}

/***********************************************/
/* Menu                                        */
/***********************************************/

ul#menu li { list-style-type:none; position:relative; float:left;}
ul#menu li a { width:160px; padding:7px 10px 6px 30px; background-color:#FFFFFF; background-image:url(../img/icone/Menu.gif); background-position:2px 7px; background-repeat:no-repeat; position:relative; float:left; clear:both; border-bottom:1px solid #efefef; font-size:1.08em;}
ul#menu li a:hover { background-color:#e5f5fa; background-image:url(../img/icone/menuRollover.gif);}
ul#menu li a.select, ul#menu li a.select:hover { width:160px; padding:7px 10px 6px 30px; background-color:#FFFFFF; background-image:url(../img/icone/menuSelect.gif); background-position:2px 7px; background-repeat:no-repeat; position:relative; float:left; clear:both; border-bottom:1px solid #efefef; color:#666663;}

/***********************************************/
/* Submenu                                     */
/***********************************************/

ul#menu ul.submenu li { width:190px; padding:0px 5px;}
ul#menu ul.submenu li a { width:170px; padding:7px 10px 6px 10px; position:relative; float:left; clear:both; font-size:1em; color:#666663; background:none; border-bottom:none;background-color:#f4f4f4;}
ul#menu ul.submenu li a:hover {color: #0099cc;background:none;background-color:#f4f4f4;}
ul#menu ul.submenu li a.select, ul#menu ul.submenu li a.select:hover { width:170px; padding:7px 10px 6px 10px; background:none; position:relative; float:left; clear:both; border-bottom:none;background-color:#f4f4f4;color: #0099cc;}
ul#menu ul.submenu li.primo { background-image:url(../img/grafica/submenu_top.gif); padding-top:7px; background-repeat:no-repeat; background-position:top; }
ul#menu ul.submenu li.ultimo { background-image:url(../img/grafica/submenu_bottom.gif); padding-bottom:7px; background-repeat:no-repeat; background-position:bottom;}
ul#menu ul.submenu li.primoultimo { background-image:url(../img/grafica/submenu_topbottom.gif); padding:7px 5px 7px; background-repeat:no-repeat; background-position:top; }

/***********************************************/
/* breadcrumbs                                 */
/***********************************************/

#breadcrumbs {padding:10px 0px; color:#a2a29f;}
#breadcrumbs a {color:#a2a29f; background:none; float:left;}
#breadcrumbs a:hover {color:#a2a29f; background:none; text-decoration:underline;}
#breadcrumbs span {float:left;}
#breadcrumbs span.space { width:26px; text-align:center;}

/***********************************************/
/* News                                        */
/***********************************************/

.listanews {border-bottom:1px solid #efefef; padding:10px 0px;}
.listanews p {padding-left:20px;}
.listanews .left { width:380px;}
.listanews .right { width:70px;}

#ultimeNews {background-image:url(../img/grafica/UltimeNews.gif); height:30px; line-height:30px; padding-top:10px; font-weight:bold;}

#paging a { position:relative; float:right; margin-left:3px; height:19px; width:19px; line-height:19px; border:1px solid #c8c8c9; text-align:center;}
#paging span { position:relative; float:right; margin-left:3px; height:19px; width:19px; line-height:19px; border:1px solid #c8c8c9; text-align:center;}

/***********************************************/
/* Generic page                                */
/***********************************************/

#generic {border-top:3px solid #efefef; padding-bottom:40px;}
#generic .title { padding:20px 0px;}
#generic ul  {padding-left:20px;}
#generic img.gleft { margin:0px 15px 15px 0px; float:left;}
#generic img.gright { margin:0px 0px 15px 15px; float:right;}

#generic .box {border-bottom:3px solid #f4f4f4; margin-bottom:10px; font-weight:bold; text-transform:uppercase;}
#generic a.icone {line-height:20px;}
#generic img.icone { margin-right:8px; float:left;}

#generic .firstNews { padding:10px; width:700px; background-color:#cdebf3; margin:15px 0px 30px;}
#generic .firstNews img.foto { border:1px solid #FFFFFF; margin-right:12px;}
#generic .firstNews img { margin-right:20px; float:left;}
#generic .firstNews table td { vertical-align:middle;}

fieldset {margin:0px; padding:0px; border:0px;}

.sezionecv {height:30px; line-height:30px; font-weight:bold; padding:20px 60px 0px 8px; width:252px;}
.comprovendo {padding:15px 0px 15px; border-bottom:1px solid #e4e4e4; width:320px;}
.comprovendo .col1 {width:38px; padding-left:2px;}
.comprovendo .col2 {width:280px;}

#multi {background-image:url(../img/grafica/BaseGallery.jpg); background-repeat:no-repeat; background-position:top; padding:40px 22px 20px 22px; width:676px;}
#multi .boxmulti {width:118px; height:140px; border:1px solid #e4e4e4; padding:10px 15px; margin:0px 25px 25px 0px; background-color:#FFFFFF;}
.numeriutiliselected { background-color:#e6f5fc; background-image:url(../img/grafica/Freccia.gif); background-repeat:no-repeat; background-position:right top; height:72px; line-height:72px;}

#reservation {background-image:url(../img/grafica/BaseReservation.jpg); background-repeat:no-repeat; background-position:top; padding:40px 22px 20px 22px; width:676px;}
#reservation .boxmulti {width:118px; height:140px; border:1px solid #e4e4e4; padding:10px 15px; margin:0px 25px 25px 0px; background-color:#FFFFFF;}

.numeriutiliselected .col1 {width:80px; text-align:center; border-top:1px solid #e6f4f5;}
.numeriutiliselected .col2 { width:240px; border-top:1px solid #e6f4f5;}
.numeriutili {height:72px; line-height:72px;}
.numeriutili .col1 {width:80px; text-align:center; }
.numeriutili .col2 { width:240px; }
.numeriutili .col1 div, .numeriutiliselected .col1 div{ margin-top:8px; margin-left:12px;}
#icoBanche { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icone/icoChiese.png', sizingMethod='scale');  width:54px; height:56px;}
#icoChiese { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icone/icoChiese.png', sizingMethod='scale'); width:54px; height:56px;}
#icoFarmacie { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icone/icoFarmacie.png', sizingMethod='scale'); width:54px; height:56px;}
#icoMedici { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icone/icoMedici.png', sizingMethod='scale'); width:54px; height:56px;}
#icoServiziPubblici { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icone/icoServiziPubblici.png', sizingMethod='scale'); width:54px; height:56px;}
#icoUfficiPostali { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icone/icoUfficiPostali.png', sizingMethod='scale'); width:54px; height:56px;}
#icoUrgenze { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/icone/icoUrgenze.png', sizingMethod='scale'); width:54px; height:56px;}
#icoBanche[id] { background-image:url(../img/icone/icoBanche.png); width:54px; height:56px;}
#icoChiese[id] { background-image:url(../img/icone/icoChiese.png); width:54px; height:56px;}
#icoFarmacie[id] { background-image:url(../img/icone/icoFarmacie.png); width:54px; height:56px;}
#icoMedici[id] { background-image:url(../img/icone/icoMedici.png); width:54px; height:56px;}
#icoServiziPubblici[id] { background-image:url(../img/icone/icoServiziPubblici.png); width:54px; height:56px;}
#icoUfficiPostali[id] { background-image:url(../img/icone/icoUfficiPostali.png); width:54px; height:56px;}
#icoUrgenze[id] { background-image:url(../img/icone/icoUrgenze.png); width:54px; height:56px;}
#numeriutilidetails { width:275px; padding:30px 35px; background-color:#f1f1f1; height:450px;}

div.link { background-image:url(../img/grafica/fasciaLunga.jpg); width:680px; height:31px; line-height:31px; padding-left:40px; font-weight:bold; margin-bottom:5px;}
table.link_doc td {border-bottom:1px solid #d8d8d8; height:30px; line-height:30px; vertical-align:middle;}
table.link_doc td.col1 { width:60px; text-align:center;}
table.link_doc td.col2 { width:645px; padding-right:5px;}
table.link_doc td.col3 { width:70px; text-align:right; padding-right:5px; }
table.link_doc td.col4 { width:35px; vertical-align:middle;}
table.link_doc td.last {border-bottom:none;}
div.linktitle {padding-left:55px; width:665px; margin-top:30px;}
.linkimage {position:absolute; left:7px; top:-15px;}

.sezione {height:30px; line-height:30px; font-weight:bold; color: #0099cc; padding:20px 60px 0px 8px; width:252px; cursor:pointer; margin-bottom:1px;}
.section .titolo { background-color:#f7f7f7; font-weight:bold; height:30px; line-height:30px; border-bottom:1px solid #d8d8d8; width:310px; padding-left:10px;}
.section .parti { border-bottom:1px solid #c8c8c9; padding:0px 5px 0px 0px; width:315px; border-bottom:1px solid #d8d8d8;height:30px; line-height:30px;}
.section .parti .icona { width:30px; text-align:center; float:left;}.section .parti .tit { width:85px; float:left;}

.sportello { background-image:url(../img/grafica/fasciaLunga.jpg); width:680px; height:31px; line-height:31px; padding-left:40px; font-weight:bold; margin-bottom:5px;}
table.sportello_doc td {border-bottom:1px solid #d8d8d8; height:30px; line-height:30px; vertical-align:middle;}
table.sportello_doc td.col1 { width:35px; padding-left:5px;}
table.sportello_doc td.col2 { width:640px; padding-right:5px;}
table.sportello_doc td.col3 { width:35px;}
table.sportello_doc td.last {border-bottom:none;}

.startform {background-image:url(img/grafica/Sfuma.jpg); background-repeat:repeat-x; border:2px solid #e0e0e0; border-top:2px solid #049bd0; width:716px;}
.sportelloform label {height:28px; line-height:28px; min-width:180px; padding:0 10px; border:1px solid #d8d8d8; float:left;}
.sportelloform input, .sportelloform select { padding:6px 0px; background-color:#ececec; width:248px; margin-left:10px;}
.sportelloform label.chekbox {height:28px; line-height:28px;  padding-left:5px; border:none;}
.sportelloform input.chekbox {width:15px; padding:6px 0px; background-color:#ececec; margin-top:7px; margin-left:10px;}
.sportelloform .perchek {border:1px solid #D8D8D8; width:305px;}
.sportelloform .full {height:28px; line-height:28px; text-align:center; width:65px; background-color:#ececec;}
.sportelloform label.small { width:130px;}
.sportelloform input.small { width:155px;}

fieldset {margin:0px; padding:0px; border:0px;}
fieldset label {poaition:relative; clear:both; float:left;}
fieldset input { padding:6px 0px; background-color:#ececec; width:248px; margin-left:10px;}
fieldset span {height:28px; line-height:28px; width:180px; padding:0 10px; border:1px solid #d8d8d8; float:left;  margin-bottom:5px;}
fieldset div, fieldset table {poaition:relative; clear:both; float:left;}
fieldset table span.mgnlControlButtonSmall { height:12px; line-height:12px;}

a.button, a.button:hover {width:66px; border:none; background-image:url(../img/button/btCerca.gif); height:24px; line-height:24px; text-align:center; color:#FFFFFF; 	font-weight:bold; font-size:0.84em;}

#regolamenti .regolamento { background-image:url(../img/grafica/fasciaLunga.jpg); width:700px; height:31px; line-height:31px; padding:0px 10px; font-weight:bold; margin-bottom:5px; cursor:pointer;}
#regolamenti .section { width:720px;} 
#regolamenti .section .parte { border-bottom:1px solid #c8c8c9; padding:10px 0px; width:720px;} 
#regolamenti .section .left { width:110px; padding-left:10px;}
#regolamenti .section .right { width:600px;}

#search .titolo { background-image:url(../img/grafica/fasciaLunga.jpg); width:700px; height:31px; line-height:31px; padding:0px 10px; margin-bottom:5px;}
#search .section { width:720px;} 
#search .section .parte { border-bottom:1px solid #c8c8c9; padding:10px 0px; width:720px;} 
#search .section div.left { width:40px; padding-left:10px;}
#search .section div.right { width:670px;}

#cittadino .toggle {padding:10px 20px; width:678px; border:1px solid #e4e4e4; border-top:none; background-color:#e6f5fa; font-size:14px; cursor:pointer;}
#cittadino .section { border:1px solid #e4e4e4; border-top:none; width:678px; padding:10px 20px; background-color:#f2f2f2; }
#cittadino .main { padding:10px 20px; width:678px; border:1px solid #e4e4e4; border-bottom:none; }

#sitemap .titolo { background-image:url(../img/grafica/fasciaLunga.jpg); width:440px; height:31px; line-height:31px; padding:0px 10px; margin-bottom:5px;}
#sitemap .main { width:460px; padding:10px 0px;border-bottom:1px solid #c8c8c9;} 
#sitemap .toggle { width:460px;} 
#sitemap .section { width:460px;} 
#sitemap .section .parte {padding:5px 0px 0px 0px; width:430px;} 
#sitemap .section .parte ul { padding-left:30px; list-style:none;}
#sitemap .section .parte ul li { line-height:24px; clear:both;  float:none; position:relative;}
#sitemap .section .parte ul li img { float:left; margin:4px 7px 0px 0px;}
#sitemap .section .parte ul li img.open { cursor:pointer;}
#sitemap .section .parte ul li a { float:left;}
#sitemap .section .parte ul li a.menu { background-image:url(../img/icone/menuSelect.gif); padding-left:20px; background-position:left 1px; background-repeat:no-repeat; }
#sitemap .section .parte ul li a.father { background-image:url(../img/icone/piu.gif); padding-left:20px; background-position:left 1px; background-repeat:no-repeat; }
#toolsright { width:178px; border:1px solid #e2e2e2; border-top:2px solid #0099cb; padding:10px 10px 25px 10px;}
#toolsright a {float:left; height:32px; line-height:32px;}
#toolsright img { float:left; margin-right:20px; margin-top:5px;}

#chiusurapagina {position:absolute; left:0px; bottom:0px; width:1020px; height:10px;}

/***********************************************/
/* Calendar Reservation                                */
/***********************************************/

.divDateOn {float:left;width:64px;height:64px;border:1px solid #d6d6d6;margin-right:4px;margin-bottom:15px;background-color:#ffffff}
.divDateOn:hover {cursor:pointer;text-decoration:none;border:1px solid #0099CC;background-color:#ffffff}
.divDateOff {float:left;width:64px;height:64px;border:1px solid #d6d6d6;margin-right:4px;margin-bottom:15px;background-color:#ffffff}
.divDateDisable {float:left;width:64px;height:64px;border:1px solid #d6d6d6;margin-right:4px;margin-bottom:15px;background-color:#eeeeee}
.dayCalendar {margin-right:10px;margin-top:30px;font-size:24px;float:right;}	