/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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;}
em {margin:0;padding:0;border:0;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
ol, ul, li {list-style-position:inside;}
/*common font-size,font-family,color,line-height*/
body {background: #f5f5f6 url(../images/sfondi/barreHeader.jpg) repeat-x;
			font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#57545e; line-height:18px;}
			

/***********************************************/
/* style da cambiare per tools                 */
/***********************************************/
a, a:visited {color: #57545e; font-weight:bold; text-decoration:none;}
a:hover {color: #ef1c24; font-weight:bold; text-decoration:underline;}

a.link, a.link:visited, a.linkNav, a.linkNav:visited {padding:0px 0px 0px 15px; color:#57545e; font-weight:bold; background:url(../images/elementiGrafici/freccinaRossa.gif) 0px 6px no-repeat; float:left; clear:both;}
a.link:hover, a.linkNav:hover {background-image:url(../images/elementiGrafici/freccinaRossa.gif);}

a.colored, a.colored:visited {color:#ef1c24;}

h1{ font-size:16px; line-height:20px; color: #ef1c24; font-weight:bold; padding:0px 0px 10px 0px; text-transform:uppercase;}
h2{ font-size:14px; line-height:16px; color: #ef1c24; font-weight:bold;}

#paging a, #paging a:visited {float:right; margin-left:3px; height:19px; width:19px; line-height:19px; text-align:center; color:#57545e;}
#paging a:hover {color:#ef1c24; background-color:#fef3f4; text-decoration:none; }
#paging span { position:relative; float:right; margin-left:3px; height:19px; width:19px; line-height:19px; text-align:center;}
			
a.button, a.button:visited, a.button:hover {width:104px; border:none; background-image:url(../imagesg/bottoni/sfondoButton.gif); height:36px; line-height:35px; text-align:center; color:#57545e; font-weight:bold; font-size:12px;}
a.button:hover {text-decoration:none;}

.errorMessage { color: #ef1c24;}

div.c708 div.content ul li { padding-left: 0px; list-style-position:outside; margin-left:25px;}
div.textImg ul li { padding-left: 0px; margin-left:20px; list-style-position:outside;}
div.content table td {border: 1px solid #57545e; padding:5px;}
div.content table.tools td {border:0px; padding:0px;}
div.content table.details td {border:0px; padding:0px;}
div.content table.mgnlControlBarSmall td {border: 0px; padding:0px;}

/***********************************************/
/* Common Tag                                  */
/***********************************************/
table {border-collapse:collapse;border-spacing:0;}
img {border:0px;}

/***********************************************/
/* Common Class                                */
/***********************************************/
.textRight {text-align:right;}
.takeAll {float:left; position:relative; clear:both;}
.max {width:100%;}
.left {float: left;}
.right {float: right;}
.clearThis {clear:both;}

.f10 {font-size:10px;line-height:12px;}
.f11 {font-size:11px;line-height:14px;}
.f12 {font-size:12px;}
.f14 {font-size:14px; line-height:18px;}
.f15 {font-size:15px; line-height:18px;}
.f18 {font-size:18px; line-height:22px;}
.f36 {font-size:36px; line-height:40px;}

.vlightGray {color:#acacab}
.lightGray {color:#959398;}
.gray {color:#57545e;}
.darkGray {color:#373739;}
.red {color:#ef1c24;}
.white {color:#fff;}

.borderBot {border-bottom: 1px solid #e4e4e4}
.borderRight {border-right: 1px solid #e4e4e4}

img.teaser {display:block; margin-bottom:10px;}

/***********************************************/
/* Form                                        */
/***********************************************/
input{font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#57545e;}
select{font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#57545e}
label {font-weight:bold;}
fieldset {padding:0px ;margin:0px; border:none;}
legend {font-weight:bold;font-size:11px;}
input, textarea, select {border:none;}
textarea {width:648px; height:100px; padding:5px;font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#57545e; border:1px solid #d8d8d8;}



/***********************************************/
/* Header                                      */
/***********************************************/

div#header {margin:0 auto; width:972px; height:152px; background: url(../images/sfondi/header.jpg) no-repeat;}
div#header div#logo {float:left; width:100px;}
div#header div#headerRight {float:right; width:700px; text-align:right; padding-top:10px;}
div#header div#headerRight p {font-size:11px; color:#4c4951; padding:0px; }
div#header div#headerRight form#cerca input.cerca {padding:4px 5px; width:120px; font-size:10px; color:#57545e;}


/***********************************************/
/* Container                                   */
/***********************************************/
div#container {margin:0 auto; width:972px;padding:0px 8px 0px 8px; background: url(../images/sfondi/Centrale.jpg) repeat-y;}


/***********************************************/
/* Generic page                                    */
/***********************************************/
div#container div#main {float:left; position:relative; clear:both; width:960px; background: #fff url(../images/sfondi/contenuto.jpg) top left repeat-x;}

div#container div#explore {float: left; position: relative; clear: both; width:960px; padding:10px 0px 10px 12px; background: #fff url(../images/sfondi/esplora.jpg) top left no-repeat;color:#ef1c24; line-height:14px;}
div#container div#explore div.toggler {cursor:pointer; padding:5px 0px 5px 35px; margin-bottom:10px; background:url(../images/elementiGrafici/btEsplora_a.gif) left center no-repeat; font-size:15px; font-weight:bold; color:#57545e;}
div#container div#explore div.active {background:url(../images/elementiGrafici/btEsplora.gif) left center no-repeat;}
div#container div#explore div.element a, div#container div#explore div.element a:visited {font-weight:normal; color:#ef1c24;font-size:11px;}
div#container div#explore div.element a.linkNav, div#container div#explore div.element a.linkNav:visited {font-weight:bold; color:#57545e;font-size:12px;text-transform:uppercase;}

div.image {border:1px solid #e4e4e4; padding:2px; margin-bottom:30px;}
div.image img {display:block;}
div.image div.caption {padding:10px; font-size:10px; line-height:12px; }

/***********************************************/
/* Footer                                      */
/***********************************************/

div#footer { margin:0 auto; width:972px; padding:0px 8px 0px 8px; background: url(../images/sfondi/Centrale.jpg) repeat-y;}
div#footer div#content {border-top:1px solid #e4e4e4; padding:10px 12px 10px 12px; font-size:11px; color:#57545e;}
div#footerBottom { margin:0 auto; width:988px; height:8px; background: url(../images/sfondi/ombraFooter.jpg) no-repeat;}					


/***********************************************/
/* Home                                        */
/***********************************************/
div#homeTop {background:url(../images/sfondi/sfondoFotoHome.gif) left bottom repeat-x;}


/***********************************************/
/* Columns                                     */
/***********************************************/
.c200 {width:200px;}
.c214 {width:214px;}
.c228 {width:228px;}
.c230 {width:230px;}
.c236 {width:236px;}
.c312 {width:312px;}
.c386 {width:386px;}
.c436 {width:436px;}
.c627 {width:627px;}
.c652 {width:652px;}
.c678 {width:678px;}
.c708 {width:708px;}
.c720 {width:720px;}
.c972 {width:972px;}

/***********************************************/
/* Spaces                                      */
/***********************************************/

.pLeft-1 {padding-left:12px;}
.pRight-1 {padding-right:12px;}
.pLeft-2 {padding-left:14px;}
.pLeft-3 {padding-left:25px;}
.pRight-2 {padding-right:14px;}
.mRight-1 {margin-right:12px;}
.pTop-1 { padding-top:10px;}
.mTop-1 { margin-top:10px;}
.pBot-1 { padding-bottom:10px;}
.mBot-1 { margin-bottom:10px;}
.pTop-2 { padding-top:20px;}
.mTop-2 { margin-top:20px;}
.pBot-2 { padding-bottom:20px;}
.mBot-2 { margin-bottom:20px;}

/***********************************************/
/* Box                                      */
/***********************************************/
.topBox {float:left; width:100%; height:10px; background: url(../images/box/topBoxGray.gif) no-repeat top left;}

.topBoxLeft {float:left; width:100%; background: url(../images/box/leftTop.gif) no-repeat top left;}
.topBoxCenter {clear:both; height:21px; margin:0px 14px 0px 14px; background:url(../images/box/top.gif) repeat-x;}
.topBoxRight  {float:right;width:100%; background: url(../images/box/rightTop.gif) no-repeat top right;}
.middleBoxLeft {float:left; width:100%; background:url(../images/box/left.gif) repeat-y top left;}
.middleBoxRight{float:right; width:100%; background:url(../images/box/right.gif) repeat-y top right;}
.content[class] {clear:both; margin:0px 3px 0px 3px; padding:0px 12px 0px 12px; background: #fff url(../images/box/sfumaTop.gif) repeat-x top left;}
.content {clear:both; margin:0px 2px 0px 1px; padding:0px 12px 0px 12px; background: #fff url(../images/box/sfumaTop.gif) repeat-x top left;}
.bottomBoxLeft {float:left;width:100%; background:url(../images/box/leftBottom.gif) no-repeat top left;}
.bottomBoxCenter {clear:both;margin:0px 14px 0px 14px; height:9px;background:url(../images/box/bottom.gif) repeat-x;}
.bottomBoxRight  {float:right;width:100%; background: url(../images/box/rightBottom.gif) no-repeat top right;}

.topBoxLeftGray {float:left; width:100%; background: url(../images/box/leftTopGray.gif) no-repeat top left;}
.topBoxCenterGray {clear:both; height:10px; margin:0px 10px 0px 10px; background:url(../images/box/topGray.gif) repeat-x;}
.topBoxRightGray  {float:right;width:100%; background: url(../images/box/rightTopGray.gif) no-repeat top right;}
.middleBoxLeftGray {float:left; width:100%; background:url(../images/box/leftGray.gif) repeat-y top left;}
.middleBoxRightGray {float:right; width:100%; background:url(../images/box/rightGray.gif) repeat-y top right;}
.contentGray {clear:both; margin:0px 3px 0px 3px; padding:0px 14px 0px 14px; background-color: #f3f3f3;}
.bottomBoxLeftGray {float:left;width:100%; background:url(../images/box/leftBottomGray.gif) no-repeat top left;}
.bottomBoxCenterGray {clear:both;margin:0px 10px 0px 10px; height:10px; background: url(../images/box/topGray.gif) repeat-x;}
.bottomBoxRightGray {float:right;width:100%; background: url(../images/box/rightBottomGray.gif) no-repeat top right;}


/***********************************************/
/* Tools                                       */
/***********************************************/

/* Menu tools */
div#containerMenuTools {padding-top:2px; height:60px; /*overflow:hidden;*/}
div#containerMenuTools a, div#containerMenuTools a img, div#containerMenuTools img {float:left;}
div#containerMenuTools img {display:block; border:0px; float:left;}

/* Tools home */
#spoVirt {background: url(../images/toolGrigi/sportelloVirtuale.jpg) no-repeat bottom center;}
#alb {background: url(../images/toolGrigi/albo.jpg) no-repeat bottom center;}
#reg {background: url(../images/toolGrigi/regolamenti.jpg) no-repeat bottom center;}
#numUtili {background: url(../images/toolGrigi/numeriUtili.jpg) no-repeat bottom center;}
#citScrive {background: url(../images/toolGrigi/cittadinoScrive.jpg) no-repeat bottom center;}
#cerOff {background: url(../images/toolGrigi/cercoOffro.jpg) no-repeat bottom center;}
#mult {background: url(../images/toolGrigi/multimedia.jpg) no-repeat bottom center;}
#col {background: url(../images/toolGrigi/collegamenti.jpg) no-repeat bottom center;}
 
#gallery_container2 {width:972px; height:210px; margin:0px auto 0px; padding:0px; display:block; position:relative; }
/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd { display:block; position:absolute; cursor:pointer; width:12px; height:210px; top:0px; right:5px; background:url(../images/toolGrigi/next.jpg) no-repeat center;  }
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:12px; height:210px; top:0px; left:0px; background:url(../images/toolGrigi/back.jpg) no-repeat center;  }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:948px ; height:210px ; padding:0px;  margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 {display:block; position:relative; width:6000px; }
#thumbs2 div.thumbnail { display:block; position:relative; float:left; width:236px; height:210px; text-align:center; padding:0px; margin:0px; border-right:1px #a6a6aa solid;  }
#thumbs2 a, #thumbs2 a:visited { padding:10px 12px 0px 12px; margin:0px;  clear:both; display:block;text-decoration:none; font-size:15px; color:#373737;}
#thumbs2 a:hover {text-decoration:none;}
#thumbs2 a span, #thumbs2 a:visited span { display:block;font-size:11px;color:#fff; font-weight:normal;line-height:14px;padding-top:10px;}


/***********************************************/
/* Menu                                        */
/***********************************************/
ul#menu {width:198px; float:left; clear:both; position:realtive;}
ul#menu li { list-style-type:none; margin-left:0px; width:198px; float:left; clear:both; position:realtive;} 
ul#menu li a, ul#menu li a:visited {display:block; padding: 5px 0px 5px 14px; background: url(../images/menu/freccinaRossa.gif) 0px 10px no-repeat; font-size:12px; font-weight:bold; color:#57545e; float:left; clear:both; position:realtive; width:184px;}
ul#menu li a:hover {background: #fef3f4 url(../images/menu/freccinaRollover.gif) 0px 10px no-repeat; color:#ef1c24; text-decoration:none;}
ul#menu li a.select, ul#menu li a.select:hover {display:block; padding: 5px 0px 5px 14px; background: url(../images/menu/freccinaRossa.gif) 0px 10px no-repeat; color:#ef1c24; float:left; clear:both; position:realtive; width:184px;}
ul#menu ul.submenu[class] {margin-bottom:10px;}
ul#menu ul.submenu[class] li {margin-left:14px; float:left; clear:both; position:realtive; width:184px;}
ul#menu ul.submenu {margin-bottom:5px;}
ul#menu ul.submenu li {margin-left:7px; float:left; clear:both; position:realtive; width:184px;}
ul#menu ul.submenu li a, ul#menu ul.submenu li a, ul#menu ul.submenu li a:visited {display:block; padding: 4px 0px 4px 14px; background: url(../images/menu/freccinaGrigia.gif) 0px 8px no-repeat; font-size:11px; font-weight:normal; color:#57545e; border-bottom:1px solid #e4e4e4; float:left;  clear:both; position:realtive; width:170px;}
ul#menu ul.submenu li a:hover {background: #fef3f4 url(../images/menu/freccinaGrigia.gif) 0px 8px no-repeat; color:#ef1c24; text-decoration:none;}
ul#menu ul.submenu li a.select, ul#menu ul.submenu li a.select:hover {display:block; padding: 4px 0px 4px 14px; background: url(../images/menu/freccinaGrigia.gif) 0px 8px no-repeat; color:#ef1c24; float:left;  clear:both; position:realtive; width:170px;}


/***********************************************/
/* breadcrumbs                                 */
/***********************************************/
#breadcrumbs {padding:0px 0px 10px 0px; color:#a6a4a9;font-size:10px;}
#breadcrumbs a, a:visited {color:#a6a4a9; }
#breadcrumbs a:hover {text-decoration:underline;}


/***********************************************/
/* Generic page                                */
/***********************************************/

ul.iniziativeAttivita {list-style-type:none;}
ul.iniziativeAttivita li {list-style-type:none; border-bottom:1px solid #e4e4e4; margin-left:0px;}
ul.iniziativeAttivita li div.date {float:left; width:90px; padding:10px 10px 10px 0px;}
ul.iniziativeAttivita li div.text {float:left; width:315px; border-left:1px solid #e4e4e4; padding:10px 14px 10px 14px;}
ul.iniziativeAttivita li div.images {float:left; width:200px; padding:10px 0px 0px 0px;}

.numeriutiliselected { background-color:#e9e8f6; background-image:url(../images/elementiGrafici/freccinaNumeri.gif); background-repeat:no-repeat; background-position:right top; height:43px; line-height:43px;}
.numeriutiliselected .col1 {width:326px; text-align:center;}
.numeriutiliselected .col2 { width:314px; }
.numeriutili {height:43px; line-height:40px;}
.numeriutili .col1 {width:326px; text-align:center; }
.numeriutili .col2 { width:314px; }
.numeriutili .col1 div, .numeriutiliselected .col1 div{ margin-top:8px; margin-left:12px;}
#numeriutilidetails { width:314px; padding:0px;}

.ufficiselected { background-color:#fef3f4; background-image:url(../images/elementiGrafici/freccinaUffici.gif); background-repeat:no-repeat; background-position:right top; height:43px; line-height:43px;}
.ufficiselected .col1 {width:326px; text-align:center;}
.ufficiselected .col2 { width:314px; height:43px; line-height:43px; vertical-align:middle;}
.uffici {height:43px; line-height:43px; vertical-align:middle;}
.uffici .col1 {width:326px; text-align:center; vertical-align:middle}
.uffici .col2 { width:314px;}
.uffici .col1 div, .ufficiselected .col1 div{ margin-top:8px; margin-left:12px;}
#ufficidetails { width:314px; padding:0px;}
#ufficidetails table.details td {border-bottom:1px solid #e4e4e4; height:35px; line-height:30px; vertical-align:middle;}
#ufficidetails table.details td.title { width:100px; font-weight:bold;}
#ufficidetails table.details td.text { width:180px;}

table.tools td {border-bottom:1px solid #e4e4e4; height:35px; line-height:30px; vertical-align:middle;}
table.tools td.title { width:582px; padding:0px 14px 0px 14px;}
table.tools td.ico { width:35px;}
table.tools td.last {border-bottom:none;}
div.section {border-bottom:1px solid #e4e4e4;}

.startform {width:678px;}
.sportelloform label {height:28px; line-height:28px; min-width:180px; padding:0 10px; background-color:#ececec;  float:left; font-weight:normal;}
.sportelloform input { padding:6px 0px; border:1px solid #d8d8d8;  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;}

fieldset {margin:0px; padding:0px; border:0px;}
fieldset label {position: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 {position:relative; clear:both; float:left;}
fieldset table span.mgnlControlButtonSmall { height:12px; line-height:12px;}

#multi .boxmulti {width:118px; height:134px; border:1px solid #e4e4e4; padding:10px 15px; margin:0px 25px 25px 0px;}

div.c708 div.content ul.iniziativeAttivita li { padding-left:0px; margin-left:0px;}

div.AlboReg { background:url(../images/elementiGrafici/frecToolSportello.gif) 0px 6px no-repeat; width:525px; padding-left:15px;} }