/* style sheet for www.comune.castelbolognese.ra.it */
/* Stile predefinito */

p,ul,li,h1,h2,h3,h4,div,td,input,select,textarea{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #333333;
}

form {margin:0; padding:0}

p{
margin: 5px 7px 5px 12px;
line-height: 15px;
}

a:link    {color:#3344cc }
a:visited {color:#664499;}
a:active  {color:#990000 }
a:hover   {color:#990000 }

h1,h2,h3,h4 { font-family: Georgia, Times, "Times New Roman", serif }

h1{
font-size: 17px;
font-weight: bold;
margin: 10px 5px 10px 10px;
}
h2{
margin: 11px 10px 15px 10px;
color: #807060;
font-size: 26px;
font-weight: normal;
letter-spacing: -1px;
word-spacing: -1px;
border-bottom: 1px solid #d8b888;
line-height: 24px;
}
h3{
color: #807060;
font-size: 20px;
font-weight: normal;
margin: 15px 10px 5px 10px;
letter-spacing: -1px;
word-spacing: -1px;
line-height: 18px;
border-bottom: 1px solid #d8b888;
}

h4{
color: #998877;
font-size: 17px;
font-weight: normal;
margin: 8px 5px 2px 10px;
xline-height: 18px;
}

abbr, acronym {
border-bottom: none;
cursor: help;
}

/* layout */


html, body { margin: 0; height: 100% }

body{
background-color: #f0e8d8;
background-image: url('/img/body.png');
background-position: center;
background-repeat: repeat-y;
}
#wrapper{
}

#top{
background-image: url('/img/top.png');
background-repeat: repeat-x;
}
#header{
margin: 0 auto 0 auto;
width: 760px;
height: 200px;
background-image: url('/img/header.png');
background-position: center;
background-repeat: repeat-y;
position:relative;
}

#main{
background-color: white;
background-image: url('/img/body.png');
background-position: center;
background-repeat: repeat-y;
margin: 0 auto 0 auto;
padding: 0 10px 0 10px;
width: 740px;
overflow: auto;
}

#bottom{
background-image: url('/img/bottom.png');
background-repeat: repeat-x;
}
#footer{
margin: 0 auto 0 auto;
width: 760px;
height: 180px;
background-image: url('/img/footer.png');
background-position: center;
background-repeat: repeat-y;
clear:both;
position:relative;
}

#navigation{
float: left;
width: 100px;
height: 410px;
}

#subnavigation{
float: left;
width: 120px;
overflow:hidden; /* CHECK */
}

#wide{
float:left;
width: 640px;
margin: 0 0 10px 0;
}

#content{
float:left;
width: 520px;
margin: 0 0 10px 0;
}

#map{
float:right;
width:170px; /* CHECK */
}

/* header */

#headline h1{
position: absolute;
top:     0px;
left:   10px;
width: 300px;
height: 105px;
margin:0;
padding:0;
text-indent: -100em; /* hide text */
overflow: hidden;    /* hide text */
xborder: 1px solid gold;
}
#headline h1 a{
display:block;
height: 105px;
}
#headline p{
position: absolute;
bottom: 30px;
left:   80px;
color: #cccfcf;
line-height: 15px;
xborder: 1px solid red;
}
#headline p a{
color: #cccfcf;
text-decoration: none;
font-weight: bold;
}
#headline p a:hover{
color: white;
}
#headline p .small{
color: #999f9f;
font-size: 10px;
line-height: 13px;
display: block;
}



#accessibility h3      { display: none }
#accessibility .skip   { display: none }
#accessibility #accdef { display: none }
#accessibility{
position: absolute;
top:     0px;
right:  20px;
height: 30px;
}
#accessibility ul{
list-style: none;
margin:0;
padding:0;
}
#accessibility li{
float:left;
padding: 0 6px 2px 6px;
margin: 6px 0;
border-right: 1px solid #bbbbbb;
}
#accessibility a { text-decoration: none }
#accessibility a:link    { color:#dddddd }
#accessibility a:visited { color:#dddddd }
#accessibility a:hover   { color:#ffffff }

#accessibility #accfnt{
color: #aaaaaa;
border-right: none;
padding-right: 50px;
}
#accessibility #accfntbig, #accessibility #accfntdef{
position: absolute;
top: 0px;
display: block;
width:25px;
height:30px;
background-image: url(/img/fonts.png);
text-indent: -100em; /* hide text */
overflow: hidden;    /* hide text */
}
#accessibility #accfntdef:hover { background-position: 0px 0px }
#accessibility #accfntdef{
right: 25px;
background-position: 0px 0px;
cursor: default;
}
#accessibility #accfntbig:hover { background-position: 25px 30px }
#accessibility #accfntbig{
right: 0px;
background-position: 25px 0px;
}

#tools h3    { display: none }
#tools{
position: absolute;
bottom: 30px;
right:  20px;
width: 100%;
}
#tools ul{
list-style: none;
margin:0;
padding:0;
}
#tools li#tolcnt { bottom:55px; }
#tools li#tolmds { bottom:35px; }
#tools li#tolsrc { bottom: 0px; }
#tools li{
position: absolute;
right:0px;
}
#tools a:link    { color:#bbbfbf }
#tools a:visited { color:#bbbfbf }
#tools a:hover   { color:#ffffff }
#tools a{
display: block;
margin:0;
padding: 1px;
text-decoration: none;
font-weight: bold;
}
#srctxt:focus {background: white}
#srctxt, #srcbut{
margin: 7px 0;
background: #dddddd;
vertical-align: middle;
}
#srctxt{
width: 100px;
padding: 1px;
background: #dddddd;
border: 1px solid #445961;
}
#srcbut{
height: 20px;
width: 60px;
background-image: url(/img/search.png);
color: #cccccc;
border:none;
font-weight: bold;
}

#breadcrumbs h3 { display: none }
#breadcrumbs{
position: absolute;
bottom: 1px;
left:   10px;
margin: 5px 0 0 0px;
font-size:16px;
color:#666666;
font-weight:bold;
}
#breadcrumbs a:link     { color: #999999 }
#breadcrumbs a:visited  { color: #999999 }
#breadcrumbs a:hover    { color: #ffffff }
#breadcrumbs a{
text-decoration: none;
font-size:13px;
}
#breadcrumbs #home{
display:block;
float:left;
width:100px;
height:28px;
margin: -4px 0 0 0px;
padding:0;
background-image: url(/img/home.png);
background-position: 0px -1px;
text-indent: -100em; /* hide text */
overflow: hidden;    /* hide text */
}
#breadcrumbs a#home:hover{
background-position: 0px 29px;
}
#breadcrumbs b{
color:#ffffff;
font-size:13px;
}

/* navigation */

#navigation h3 { display: none }

#navigation ul{
position: relative;
margin: 0;
padding: 0;
height: 410px;
}

#navigation li{
position: absolute;
left: 0;
width: 100px;
margin: 0;
padding: 0;
display: block;
list-style: none;
text-indent: -100em; /* hide text */
overflow: hidden;    /* hide text */
}

#navigation li a{
display: block;
}

#navigation, #navigation a:hover, #navigation .current, #navigation .current a
{ background-image: url(/img/navigation.png) }

#navcit, #navcit a { height: 30px; top:   5px; background-position: 0   -5px }
#navcom, #navcom a { height: 30px; top:  35px; background-position: 0  -35px }
#navuff, #navuff a { height: 40px; top:  65px; background-position: 0  -65px }
#navsrv, #navsrv a { height: 40px; top: 105px; background-position: 0 -105px }
#navevn, #navevn a { height: 30px; top: 145px; background-position: 0 -145px }
#navclt, #navclt a { height: 40px; top: 175px; background-position: 0 -175px }
#navass, #navass a { height: 30px; top: 215px; background-position: 0 -215px }
#navstr, #navstr a { height: 30px; top: 245px; background-position: 0 -245px }
#navlnk, #navlnk a { height: 30px; top: 275px; background-position: 0 -275px }
#navnws, #navnws a { height: 40px; top: 305px; background-position: 0 -305px }
#navdoc, #navdoc a { height: 30px; top: 345px; background-position: 0 -345px }
#navnlt, #navnlt a { height: 30px; top: 375px; background-position: 0 -375px }
#navtrs, #navtrs a { height: 50px; top: 405px; background-position: 0 -405px }

#navcit.current, #navcit a:hover { background-position: -100px   -5px }
#navcom.current, #navcom a:hover { background-position: -100px  -35px }
#navuff.current, #navuff a:hover { background-position: -100px  -65px }
#navsrv.current, #navsrv a:hover { background-position: -100px -105px }
#navevn.current, #navevn a:hover { background-position: -100px -145px }
#navclt.current, #navclt a:hover { background-position: -100px -175px }
#navass.current, #navass a:hover { background-position: -100px -215px }
#navstr.current, #navstr a:hover { background-position: -100px -245px }
#navlnk.current, #navlnk a:hover { background-position: -100px -275px }
#navnws.current, #navnws a:hover { background-position: -100px -305px }
#navdoc.current, #navdoc a:hover { background-position: -100px -345px }
#navnlt.current, #navnlt a:hover { background-position: -100px -375px }
#navtrs.current, #navtrs a:hover { background-position: -100px -405px }

#navcit.current a { background-position: -200px   -5px }
#navcom.current a { background-position: -200px  -35px }
#navuff.current a { background-position: -200px  -65px }
#navsrv.current a { background-position: -200px -105px }
#navevn.current a { background-position: -100px -145px }
#navclt.current a { background-position: -200px -175px }
#navass.current a { background-position: -200px -215px }
#navstr.current a { background-position: -200px -245px }
#navlnk.current a { background-position: -200px -275px }
#navnws.current a { background-position: -100px -305px }
#navdoc.current a { background-position: -200px -345px }
#navnlt.current a { background-position: -100px -375px }
#navtrs.current a { background-position: -100px -405px }


/* subnavigation */

#subnavigation, #subnavigation ul, #subnavigation li a,
#subnavigation li.current,         #subnavigation li a:hover,
#subnavigation li.current span,    #subnavigation li a:hover span,
#subnavigation .group
{background-image:url(/img/subnavigation.png)}

#subnavigation{
padding-bottom: 60px; /* bottom background space */
background-repeat: no-repeat;
background-position: bottom left;
}
#subnavigation h3{
display: none;
}
#subnavigation ul{
margin:0;
padding: 5px 0 0 0; /* top background space */
background-repeat: no-repeat;
background-position: top left;
list-style: none;
}
#subnavigation li {
padding: 0;
margin: 0;
border-bottom: 1px solid #eddfbf; /* ie extra padding bug */
font-size:12px;
}
#subnavigation li a {
display: block;
text-decoration: none;
padding: 4px 2px 4px 8px;
margin: 0;
}
#subnavigation li span {
display: block;
}
#subnavigation li.current, #subnavigation li a:hover {
padding: 0px 0px 4px 0px;
}
#subnavigation li.current span, #subnavigation li a:hover span {
padding: 4px 2px 0px 8px;
}

#subnavigation li.current      { background-position: 240px bottom }
#subnavigation li.current span { background-position: 240px top }
#subnavigation li a:hover      { background-position: 360px bottom }
#subnavigation li a:hover span { background-position: 360px top }

#subnavigation a:link     { color: #5f5850 }
#subnavigation a:visited  { color: #5f5850 }
#subnavigation a:hover    { color: #990000 }
#subnavigation li.hover   { color: #990000 }
#subnavigation li.current { color: #990000; font-weight:bold }

#subnavigation li.group {
background-position: 120px top;
color:white;
border:none;
xborder-top: 1px solid white;
padding:8px 0 0 0;
margin: 0 0 0 0;
}
#subnavigation li.group ul {
padding:2px 0 0 0;
}
#subnavigation span.group{
background-position: 120px bottom;
font-size: 11px;
text-transform: uppercase;
display: block;
padding: 0px 2px 6px 8px;
margin:0;
}


/* map */

#map{
background-image: url('/img/map.bot.png');
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 60px; /* bottom background space */
}
.map{
background-image: url('/img/map.bg.png');
padding: 0 0 6px 0;
}
.map#contatti h3 { background-image: url('/img/map.contatti.png') }
.map#uffici   h3 { background-image: url('/img/map.uffici.png')   }
.map#servizi  h3 { background-image: url('/img/map.servizi.png')  }
.map#news     h3 { background-image: url('/img/map.news.png')     }
.map#files    h3 { background-image: url('/img/map.files.png')    }
.map#related  h3 { background-image: url('/img/map.related.png')  }
.map h3{
height:36px;
margin:0;
padding:0;
text-indent: -100em; /* hide text */
overflow: hidden;    /* hide text */
border: none;
}
.map h4{
margin:0 0 0 0;
padding: 3px 0 3px 16px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
background-image: url('/img/map.head.png');
background-repeat: no-repeat;
}
.map ul{
margin:0;
padding:0;
list-style: none;
}
.map li{
margin: 0 1px 0 10px;
padding: 0;
border-top: 1px solid #f0e8d8;
zoom:1; /* ie margin bug */
}
.map li a{
margin:0;
padding: 1px 0 3px 6px;
display:block;
}
.map li a:hover{
background:#f8f4f0;
}
.map#contatti li{
padding: 1px 0 6px 6px;
}
.map#contatti li a{
margin:0;
padding: 0;
display: inline;
}
.map#contatti li a:hover{
background:none;
}
.map#contatti li h4{
color: #5f5850;
margin:0 0 0 0;
padding: 3px 0 3px 0px;
font-size: 11px;
text-transform: uppercase;
background-image: none;
}
.map#contatti th{
color: #887766;
text-align:left;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
padding-right:6px;
border-right: 1px solid #b89878;
}
.map#contatti td{
padding-left:6px;
}

/* footer */

#up{
float:right;
width: 75px;
margin: 10px 0;
}
#up a{
text-decoration: none;
display: block;
}

#footer a:link    { color: #cccfcf }
#footer a:visited { color: #cccfcf }
#footer a:hover   { color: #ffffff }

#footer ul{
margin:0;
padding: 0;
list-style: none;
}
#footer li {
display:inline;
}
#footer li a{
float:left;
padding: 0 5px;
margin: 3px 0;
text-decoration: none;
border-left: 2px solid #556666;
}
#footer li.first a { border-left: none }

#footer li#counter a {
	float: right;
	margin-right: -5px;
	border-left:none;
	}
#footer #counter img {
	border: 1px solid #222;
	}

#jump h3 {display: none}
#jump{
float:left;
width:685px;
}
#jump ul{
margin: 5px 0 0 15px;
}
#jump .first, #jump .first a { clear:left } /* ff clear li, ie clear a */

#style, #siteinfo, #footnote{
width: 720px;
margin: 3px 20px 0 20px;
float:left;
display: inline;
border-top: 1px solid #556666;
}
#style h3, #siteinfo h3{
float:left;
padding: 0 10px 0 0;
margin: 3px 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #889999;
font-size:13px;
letter-spacing: 0px;
word-spacing: 0px;
line-height: 16px;
border: none;
}

#style #cssdef {display: none}
#style #cssbig a {border-left: none }


#siteinfo{

}

#credits h3 {display: none}
#credits{
display: none;
width: 200px;
float:right;
xbackground:gold;
}

#footnote p{
position: relative; /* ie bin laden bug */
padding: 0 5px;
margin: 3px 0;
text-align:center;
color: #999f9f;
font-size: 11px;
}

/* links */

.links h3{
border-bottom: 1px solid #e8d8c0;
}

.links .image{
width: 120px;
float: left;
margin: 10px 0 10px 10px;
display:inline;
}
.links .image img{
border: 1px solid #998877;
}

.links .text{
width: 508px;
float: left;
}


/* misc */

#trs{
	background:url(/img/trasparenza.gif) top right no-repeat;
	padding-right: 200px;
	margin-right: 10px;
	height: 160px;
	}

.data{
margin: 0px 10px 5px 10px;
}
/* TEMP */
.uff {width: 330px}
.uff td{width:100%}
.uff th{width:auto}

.sin {width: 350px}
.sin td{width:100%}

.data table{
border-top: 1px solid #d8b888;
width:100%;
xwidth:330px;
}
.data table th{
text-align: right;
vertical-align:top;
padding: 3px 6px;
color: #998877;
background: #f0e8d8;
border-bottom: 1px solid white;
width:100px;
}
.data table td{
padding: 3px 0px 3px 6px;
border-bottom: 1px solid #e8d8c0;
}


ul.cols{
width:640px;
list-style-type: none;
margin:0;
padding:0;
overflow:auto; /* clear fix */
}
ul.cols li{
width:320px;
margin:0;
padding:0;
clear:both;
}
ul.cols li.odd{
float:left;
clear:left;
}
ul.cols li.evn{
float:right;
clear:right;
}

div.col{
width: 320px;
float: left;
overflow:auto; /* clear fix */
margin-bottom: 10px;
}

h3{
clear: left;
}

/* contatti */

p.cnttop{
clear: both;
text-align: right;
margin-bottom: -30px;
margin-top: 30px;
color: #d8b888;
}
ul.cntmenu {
margin:0;
padding:0;
overflow: auto;
}
ul.cntmenu li {
margin:0 10px 5px 10px;
display:inline;
float:left;
}

/* home */

#hpgtitle{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #998877;
margin: 24px 0 10px 10px;
text-transform: uppercase;
letter-spacing: 0px;
word-spacing: 0px;
line-height: 11px;
}

#hpgbox{
float:right;
width:220px;
margin-right:10px;
display: inline;
}
.hpgbox{
background-image: url('/img/hpgbox.png');
background-position: bottom;
overflow:auto;
margin-top: 10px;
padding-bottom:5px;
}
.hpgbox h4{
margin:0;
padding: 5px 5px 0 10px;
background-image: url('/img/hpgbox.png');
background-position: top;
border-bottom:1px solid #d8b888;
}

#hpgcontent{
width:400px;
float:left;
}
#hpgcontent h3 a{
text-decoration: none;
color: #807060;
}
.hpgcontent, #hpgdoc{
background-image: url('/img/hpgcontent.png');
background-position: bottom;
background-repeat: no-repeat;
overflow:auto; _height:100%;
margin-bottom: 5px;
padding-bottom: 5px;
}

.hpgmore{
color: #d8b888;
word-spacing:-2px;
}
.hpgmore a{
word-spacing:0px;
}


.hpggem{
text-align: center;
margin: 5px 0 0 0;
}

#hpgdoc {padding-bottom:10px;}
#hpgdoc .col{
	width: 200px;
	margin-bottom: 0px;
	}


/* gmap */

#gmap{
width: 618px;
height: 500px;
margin:10px;
border: 1px solid gray;
}

/* news */

.nwssmalldate{
font-family: Georgia, Times, "Times New Roman", serif;
color: #998877;
margin-top:15px;
margin-bottom:-5px;
}

.nwsbigdate{
font-family: Georgia, Times, "Times New Roman", serif;
color: #998877;
font-size: 17px;
font-weight: normal;
margin: 8px 5px -8px 12px;
}

.nwssep{
margin-top:30px;
}

.nwsmore, .nwsback{
text-align: right;
color: #d8b888;
word-spacing:-2px;
}
.nwsmore{
margin-top: 30px;
border-top: 1px solid #d8b888;
text-align: right;
}
.nwsback{
float:right;
}
.nwsmore a, .nwsback a{
word-spacing:0px;
}


#apiheader{
margin: 0 auto 0 auto;
width: 760px;
height: 105px;
background-image: url('/img/header.png');
background-position: top;
background-repeat: repeat-y;
position:relative;
}

/* documenti */

.doc{
	background-color:#f0f0f8;
	border:1px solid #ccccdd;
	margin: 0 10px 0 10px;
	}

.doctrs{
clear: left;
text-align: right;
color: #d8b888;
word-spacing:-2px;
border-top: 1px solid #d8b888;
}
.doctrs a{
word-spacing:0px;
}

/* image */

.pic, .thumb, .lpic, .rpic, .hpglpic, .hpgrpic{
	display:inline; /* ie double margin bug */
	background-color:#f0f0f8;
	border:1px solid #ccccdd;
	}
.pic img, .thumb img, .lpic img, .rpic img, .hpglpic img, .hpgrpic img{
	display:block; /* fix bottom gap */
	border: 1px solid #666666;
	}
.pic {
	float:right;
	margin: 2px 10px 2px 10px;
	padding: 8px;
	}
.thumb {
	float:left;
	margin: 2px 10px 2px 10px;
	padding: 8px;
	}
.thumb a {
	width:122px;
	text-decoration: none;
	}

.lpic {
	float:left;
	clear:left;
	margin: 3px 10px 3px 10px;
	}
.rpic {
	float:right;
	clear:right;
	margin: 3px 10px 3px 5px;
	}
.lpic, .rpic{
	padding: 8px 8px 0 0; /* see .vpic a */
	}
.lpic a.w, .rpic a.w { width:182px }
.lpic a.h, .rpic a.h { width:122px }
.lpic a, .rpic a{
	float:left;
	margin: 0 0 0 8px; /* see .vpic */
	display:inline; /* ie double margin bug */
	text-decoration: none;
	}
.lpic a span, .rpic a span{
	display:block;
	font-size:11px;
	padding: 2px 0 6px 0;
	}
.lpic br, .rpic br { clear:both }

.lpic a:hover span, .rpic a:hover span {
	position:relative;
	top:-40px;
	padding-top:42px;
	margin-bottom:-40px;
	background-image:url(/img/zoom.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	}


.hpglpic { float:left }
.hpgrpic { float:right }
.hpglpic, .hpgrpic {
	margin: 2px 10px 2px 10px;
	padding: 4px;
	display:inline;
	}
.hpglpic a, .hpgrpic a {
	width:122px;
	text-decoration: none;
	}

.thumb a:link,     .lpic a:link,     .rpic a:link,     .hpglpic a:link,     .hpgrpic a:link,       { color: #888899 }
.thumb a:visited,  .lpic a:visited,  .rpic a:visited,  .hpglpic a:visited,  .hpgrpic a:visited,    { color: #888899 }
.thumb a:hover,    .lpic a:hover,    .rpic a:hover,    .hpglpic a:hover,    .hpgrpic a:hover,      { color: #000000; position:relative }
.thumb a:hover img,.lpic a:hover img,.rpic a:hover img,.hpglpic a:hover img,.hpgrpic a:hover img,  { border: 1px solid #000000 }


.asspic {
	float:left;
	clear:both;
	margin: 3px 10px 3px 10px;
	display:inline;
	}

/* consiglio comunale */

.video{
	padding: 5px 0 0 10px;
	}
#video{
	float:right;
	margin: 0 10px 0 0;
	}


/* newsletter */

#newsletter{
	margin: 10px 10px 20px 10px;
	padding: 10px 0;
	background-color:#f0f0f8;
	border:1px solid #ccccdd;
	}
#newsletter label{
	display:block;
	float: left;
	clear:left;
	padding: 5px 10px;
	text-align: right;
	width: 60px;
	}
#newsletter input{
	display:block;
	margin: 3px 0 0 80px;
	width: 300px;
	}
#newsletter input.check{
	float: left;
	clear:left;
	padding: 2px 10px;
	margin: 4px 0 0 56px;
	width: auto;
	}
#newsletter label.check{
	margin-left: 80px;
	width: auto;
	float: none;
	clear:none;
	text-align: left;
	padding: 5px 0;
	}

#newsletter input.submit{
	width: auto;
	padding: 0 20px;
	}

.error{
	margin: 10px 10px 10px 10px;
	padding: 5px 0;
	background-color:#c43;
	border:1px solid #990000;
	}
.error p{
	color: #fff;
	}