@charset "utf-8";
/* CSS Document */

@import url(reset.css);

body  {
	/*font: 100% Tahoma, Arial, Helvetica, sans-serif; */
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px; 
	background: #CFDEFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	/* background-image: url(../images/pagebk.jpg); */
	background-repeat: repeat-x;	
	font-size: 14px;
}
h1 {
	font-size: 22px;
	font-weight: 401;
	color: #2D5AC3;
}

h2 {
	font-size: 16px;
	color: #2D5AC3;
}

h3 { margin:0px; font-size:14px }

ul, ul li { padding: 0px; margin: 0px; }
a img { border:none; }
a { color:#2D5AC3; text-decoration:none; }
p { margin:5px 0 }
img { display:inline; }

blockquote { padding:10px; background-color:#CFDEFF; border-color:#D6DFF3 #D6DFF3 #5478CD #5478CD; border-width:1px; border-style:solid; -moz-border-radius:10px; }

.titoloblu { color: #2D5AC3; }
.titolorosso { color: #990000; }
.titoloblu, .titolorosso { font-size: 20px; margin-bottom:10px; display:block; font-weight:bold; letter-spacing:1px; }
.content .grassetto, .grassetto { font-weight:bold; color:#2D5AC3; }

.linkdocumento { background:#EFEFEF url(../fileicons/pdf.png) no-repeat 5px center; border:1px solid #CCCCCC; padding: 2px 2px 2px 30px; }


.container { 
	width: 960px;  
	margin: 0 auto;
	background-color:#FFF;
} 
#header { 
	height:80px;
	text-indent:-999em;
	background-color:#CFDEFF;
} 
#header #logo a { display:block; width:348px; height:80px; background:url(../images/logo.png) no-repeat left center; }
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#top_menu { background:#FFF url(../images/menubk1.png) repeat-x; height:35px; letter-spacing:1px; font-weight:bold; font-size:11px; }
#top_banner { background-color:#AABDE6; padding:10px 0; overflow:hidden; }
#top_banner img { width:960px; height:260px; }
#top_banner #slider { margin:0 auto; }
#top_banner h2 { margin:0px; }

#main { overflow:hidden; }

#sidebar {
	float: right; /* since this element is floated, a width must be given */
	/* background-color:#EBEBEB; */
}
#mainContent {        
	float:left;
	width:640px;
} 
#footer {
	padding:5px 10px;
	background-color: #ffffff;
	background-image: url("../images/menubk1.png");
	background-repeat: repeat-x;
	font-size: 10px;
	height:25px;
	border-top:1px solid #DDDDDD;
} 
#footer #footercontent { margin:0 auto; overflow: hidden; width:940px; }
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer #cert { width:25%;  float:left }
#footer #legalinfo { width:50%; float:left; text-align:center; }
#footer #footerlinks { width:25%;  float:right; text-align:right; line-height:25px; }

#egov2012 { overflow:hidden; background-color:#AABDE6; padding:10px; color:#2D5AC3; height:230px; }
#egov2012 .panes { float:right; width:65%; position:relative; height:180px; background:url("../images/egov2012.jpg") no-repeat scroll right bottom transparent; padding:10px 1%; line-height:15px; background-color:#CFDEFF; line-height:20px; }
#egov2012 .tabs { float:left; width:33%; height:200px; }

#sidebar h3 { font-weight:normal; }
#sidebar .sidebarbox { background-color:#AABDE6; margin-bottom:10px; overflow:hidden; padding:10px; }
#sidebar ul li { line-height:24px; background:url(../images/pad_bkg_links.png) repeat-x; padding:0 5px; }

#newsbox { background-color:#AABDE6; padding:10px 10px 0 10px; overflow:hidden; margin-bottom:10px; }
#newsbox .button { margin-bottom:10px; }
#newsbox .newsimg { width:30px; height:30px; padding:0 5px; margin-right:5px; float:left; overflow:hidden; }
#newsbox .newstitolo { width:225px; float:right; overflow:hidden; }
#newsbox .newsarchivio { text-align:right; font-weight:bold; margin-bottom:10px; overflow:hidden; }
#newsbox .newsarchivio a { display:block; float:right; padding:5px 10px; background-color:#CFDEFF; }
#newsbox .titolorosso { float:left; }

#eventlist { height:160px; overflow:hidden; position:relative; }
#eventlist ul { position:absolute; list-style:none; }
#eventlist ul li { height:60px; width:280px; overflow:hidden; padding:5px 10px; background-color:#CFDEFF; margin-bottom:10px; line-height:20px; font-weight:bold; }
#eventlistactions { float:right;margin-top:-25px; font-size:10px; width:100px; overflow:hidden; }
#eventlistactions a { cursor:pointer; }
#eventlistactions .prevPage { width:40px; }
#eventlistactions .nextPage { width:40px; }
#eventlist .eventimg { float:left; margin-right:10px; height:43px; width:43px; }
#eventlist .eventdata { color:#990000; text-align:right; line-height:15px; }

.newsdata { font-size:10px; color:#990000; text-align:right; line-height:15px; }
.sidebarelement { margin-bottom:10px; line-height:15px; padding:5px; background-color:#CFDEFF; overflow:hidden !important; }

.box { width:300px; padding:10px; }
.box_2 { width:620px; padding:10px; }
.box_3 { width:940px; }
.box_container { overflow:hidden; }
.box_container .box, .box_container .box_2 { float:left; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* .UrbiRisolve { top:500px; position:absolute; } */

.FooterLink
{
    color:#2D5AC3;
    text-decoration:none;
}

.FooterLink:hover
{
    color:#015298;
    text-decoration:underline;
}

.UrbiRisolveLink
{
    color:#2D5AC3;
    text-decoration:none;
    font-weight:bold;
}

.UrbiRisolveLink:hover
{
    color:#015298;
    text-decoration:underline;
    font-weight:bold;
}


/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	background-color:#AABDE6;
}

/* single tab */
ul.tabs li {
	/** float:left; */
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	font-size:11px;
	display:block;
	height: 40px;
	line-height:40px;
	padding:0px 5px;
	font-weight:bold;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background:url(images/slider_item_bk.png) no-repeat 0 0; 
	color:#015298;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color: #CFDEFF;
}


/* initially all panes are hidden */
div.panes div.pane {
	display:none;
}

/* tab pane styling */
div.panes div.element {
	display:none;
}

div.panes div.element .egovbutton { position:absolute; bottom:0; padding:5px 15px; background-color:#AABDE6; }

.content { margin-bottom:10px; line-height:20px; text-align:justify; color:#2D5AC3; }
.content strong, .content b { color:#990000 }
.content ul { list-style:circle outside none }
.content ul li { margin-left:20px; }
.content img { margin:10px; }
.content a { font-weight:bold; }

div.button { overflow:hidden }
div.button a { background:#CFDEFF url(../images/pad_bkg_button.png) repeat-x; border-width:1px; border-style:solid; border-color:#C0CDED #C0CDED #2D5AC3 #2D5AC3; line-height:30px; padding:5px 10px; font-weight:bold; }
div.button.right { text-align:right }
div.button.center { text-align:center }
div.button a:hover { background-color:#AABDE6; }

.newsitem { overflow:hidden; background-color:#CFDEFF; margin-bottom:10px; padding:10px; }

.allegati { margin:10px 0; }

.vertical {

	/* required settings */
	position:relative;
	overflow:hidden;


	/* vertical scrollers have typically larger height than width */
	height: 400px;
	/* width: 550px; */
	border-top:1px solid #ddd;
}

/* root element for scrollable items */
.items {
	position:absolute;

	/* this time we have very large space for height */
	height:20000em;
	margin: 0px;
}

/* single scrollable item */
.items div {
	/* border-bottom:1px solid #ddd; */
	/* margin:10px 0; */
	padding:10px;
	font-size:12px;
	/* height:110px; */
}

/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;
	/*
         height:120px;
	 width:240px;
        */
}


.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
	/* width:550px; */
        margin-top: 10px;
	/* margin:30px 0 10px 0; */
}

#actions a {
	font-size:11px;
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;
}

.nextPage {
	float:right;
}