﻿


html
{
    margin: 0;
    padding: 0;
}

link
{
}

link :hover
{
    color: Gray;
}

body.fs1
{
    text-align: center;
    font-family: Arial, Sans-Serif;
    font-size: 9pt;
}

body.fs2
{
    text-align: center;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
}

body.fs3
{
    text-align: center;
    font-family: Arial, Sans-Serif;
    font-size: 11pt;
}

hr
{
    color: #bbbbbb;
    height: 1px;
}

h3
{
    font-size: 130%;
    font-weight: lighter;
}

a img
{
border-width:0px;
}
div#container
{
    /*background-color:transparent; 	padding:0px; 	min-width:700px; 	position:relative; 	left: 50%; 	margin-left:-512px;*/
    width: 980px;
    margin: 0px auto;
    text-align: left;
}

div#header
{
    position: relative;
    height: 199px;
    border-width: 0px;
    padding: 0px;
    background-image: url(  "Images/header_bg.gif" );
    background-repeat: no-repeat;
}

div#menu
{
    /*position: absolute; 	width: 193px; 	border: 0px; 	left: 8px; 	top: 199px; 	padding: 0px; 	border: 0px; 	margin: auto;*/
    float: left;
    width: 193px;
}

#content
{
    margin-left: 228px;
    margin-top: 70px; /* width: 671px;*/
    padding: 5px 0px 5px 0px; /* border-bottom: dashed 1px black;*/
}

#footer
{
    border-top: dashed 1px black;
    height: 30px;
    margin-top: 10px;
    text-align: center;
    clear: left;
}

#footer .credits a
{
    vertical-align:middle;
    margin:10px;
}
#footer .credits img
{
    vertical-align:middle;
}

.lastModification
{
    color:#555555;
}
.lastModification span
{
    font-weight:bold;
}

#top_menu
{
    position: absolute;
    background-color: #464d51;
    margin-left: 228px;
    margin-top: 257px;
    width: 431px;
    height: 17px;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

#top_menu span
{
    padding:0px 5px 0px 5px;
    color: #ffffff;
    cursor:default;
}
#top_menu a
{
    text-decoration: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 100%;
}
#top_menu a:hover
{
    color: #aaaaaa;
}

#email_box
{
    position: absolute;
    background-color: #87a6c3;
    background-image: url(  "Images/email_icon.gif" );
    background-repeat: no-repeat; /*width: 179px;*/
    width: 260px;
    height: 17px;
    color: #ffffff;
    margin-left: 670px;
    margin-top: 257px;
    font-family: Arial;
    font-weight: bold;
    font-size: 105%;
    padding-left: 50px;
}
#email_box a
{
    margin-top: -1px;
    text-decoration: none;
    color: White;
}
#email_box a:hover
{
    text-decoration: none;
    color: #dddddd;
}

#setFontSize
{
    position: absolute;
    top: 240px;
    left: 858px;
    font-family: Arial;
    text-align:right;
}
#setFontSize span
{
    font-size: 10pt;
    color: #87a6c3; 
    white-space: nowrap;
}
.watermark
{
    color: Gray;
    font-style: oblique;
    font-size: 90%;
}

.error
{
    color: Red;
}

.fontLbl
{
    text-decoration: none;
    color: White;
}
.fontLbl:hover
{
    text-decoration: none;
    color: #cd1f20;
}

.fontLbl_selected
{
    text-decoration: none;
    color: #cd1f20;
}

.fontLblSelected:hover
{
    text-decoration: none;
    color: White;
}





#address_box
{
    position: absolute;
    top: 203px;
    left: 677px;
    font-size: 100%;
    font-family: Arial;
    color: #464d51;
    padding: 0px;
    margin: 0px;
}

.breadcrum
{
    /*position:absolute; 	left:228px; 	top:278px; 	*/
    text-decoration: none;
    color: #464d51;
    font-family: Arial;
    font-size: 100%;
    border-bottom: dashed 1px black;
    padding:3px 0px 3px 0px;
    white-space:nowrap;
}
.breadcrum a
{
    color: #464d51;
    text-decoration: none;
    margin:0px 3px 0px 3px;
}

.breadcrum a:hover
{
    color: #cd1f20;
    text-decoration: none;
}
.breadcrum span
{
    margin:0px 3px 0px 3px;
}



#div_header_image
{
    border: 0px;
    position: absolute;
    left: 228px;
    top: 122px;
    width: 441px;
    height: 130px;
    padding: 3px 0px 0px 0px;
    border-top: dashed 1px black;
}

.menuCategories
{
    border: 0px;
    height: 20px;
    padding: 3px 0px 0px 15px;
    display: block;
    color: #ffffff;
    font-family: Arial;
    font-size: 120%;
    margin: 2px 0px 2px 0px;
    background-image: url(  "Images/menu_bg_line.gif" );
    background-repeat: repeat-y;
    text-transform: uppercase;
    text-decoration: none;
}


a.menuCategories:hover
{
    color: #cccccc;
}

.menuItem
{
    padding-left: 15px;
    border: solid 0px green;
    display: block;
    text-decoration: none;
    color: #464d51;
    font-family: Arial;
    text-transform: uppercase;
    margin: 4px 0px 4px 0px;
}

.menuItem:hover
{
    background-position: bottom;
    background-image: url(  "Images/menu_bg_line.gif" );
    background-repeat: no-repeat;
    color: #cd1f20;
}



.box
{
    border: solid 1px #464d51;
    margin: 5px 0px 5px 0px;
    padding: 0px; /* width: 100%; */
    min-height: 50px;
}

.box .name
{
    background-color: #f7b413;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    line-height: 25px;
}


/* ----- Primo Piano ----- */

.mainInfos
{
    width: 590px;
    float: left;
    left: 0px;
}

.leftInfos
{
    right: 0px;
    width: 150px;
    float: right;
}

.PP_container
{
    margin: 10px;
}

.PPRight_container
{
    margin-top: 2px;
}

.PPRight_Item
{
    width: 100%;
    margin: 0px 0px 3px 0;
}

.PP_Item
{
    /*width: 98%;*/
    margin: 5px 0px 20px 0;
    /*padding: 4px;*/
    border-bottom: dashed 1px #254f83; /* #fff9e9;*/
}

.PP_Item .title
{
    font-weight: lighter;
    font-size: 130%;
    color: #cd1f20;
    margin-bottom: 3px;
}

.PP_Item .body
{
    /* float:left; /*     /*	border-top:solid 2px #f7b413;*/
    /*padding: 0px 0px 5px 0px;*/
    margin-bottom: 10px;
    border-top: solid 1px #f7b413;
    display: block;
}

.PP_Item1 .date
{
    border-top: solid 1px #bbbbbb;
    width: 90%;
    text-align: right;
    font-style: italic;
    color: gray;
    font-size: 80%;
}

/* ------------------------*/

.blogbox
{
border:solid 1px Red;
}


/* ------- Section ------- */

.section_Container
{
    padding-top: 10px;
    width: 671px;
}

.section_Header
{
    height: 60px;
    text-align: left;
}

.section_Icon
{
    background-position: center;
    background-repeat: no-repeat;
    border-right: dotted 1px #464d51;
    padding: 5px 15px 5px 0px;
    width: 60px;
    height: 60px;
}

.section_Title
{
    /*color: #f7b413; 	color: #006633; 	color: #5e7ea7;*/
    color: #f7b413;
    font-weight: lighter;
    font-size: 160%;
}

.section_Body
{
    padding-top: 10px;
    padding: 10px; /*border-top: solid 1px #464d51;*/
}

.section_Body a
{
    text-decoration: none;
}


.section_Body a:hover
{
    text-decoration: underline;
}



/* ------------------------*/


.ValidatorError
{
    color: Red;
    font-size: 70%;
}


.deliberaItem
{
    width:100%;
    border-bottom: dotted 1px #f7b413;
    margin: 10px 0px 10px 0px;
}
.deliberaItem .name
{
    font-weight: bold;
    margin-bottom: 3px;
}
.deliberaItem .object
{
    text-align: justify; 
}
.deliberaItem .resources
{
     margin: 5px 0px 3px 0px;
}
.deliberaItem .resources a
{
    text-decoration: none;
    color: #cd1f20;
    margin-right:5px;
}
.deliberaItem .resources span
{
   color: #cd1f20;
   margin-right:5px;
}


/*------------ HeaderSearcher --------------*/

#headerSearcher
{
    position: absolute;
    left: 675px;
    top: 147px;
    padding-left:5px;
}
#headerSearcher span
{
    font-weight: bold;
    font-size: 120%;
    white-space: nowrap;
}

/*------------------------------------------*/

#rssFeed
{
    position: absolute;
    right: 4px;
    top: 180px;
}

#rssFeed img
{
    width:10px;
    height:10px;
}

#rssFeed a
{
    color:Black;
    text-decoration:none;
}


.selectorPages
{
    border-bottom: solid 1px #6d7c87;
}


/* ----  SHOW PICTURES ----*/


.pictureItem
{
    float: left;
    margin: 5px 5px 5px 5px;
    height: 100px;
}


.photo
{
    background-color: #dddddd;
    padding: 5px 5px 15px 5px;
    border: solid 1px #999999;
}

.photo:hover
{
    border-color: #cd1f20;
}

.pictureItem .lente:hover
{
    cursor: pointer;
}

/*-------------------------*/



.albumItem
{
    margin: 0px 0px 15px 0px;
    padding-left: 15px;
    width: 100%;
    border-bottom: dotted 1px #cd1f20; /*#464d51;*/
}

.albumItem_Title
{
    color: #cd1f20;
    font-weight: bold;
}

.albumItem_Descr
{
}

/*-------------------------*/

.documentTypeItem
{
    width: 100%;
    margin: 5px 0px 5px 0px;
    border-bottom: dotted 1px #aaaaaa;
}

.documentTypeItem .name
{
    font-size: 130%;
}

.documentTypeItem .description
{
    color: #004faf;
    text-align: justify;
}

.documentItem
{
    position:relative;
    width: 95%;
    margin: 2px 10px 2px 10px;
}

.documentItem .name
{
    text-decoration: none;
    font-weight: bold;
    color: #cd1f20;
}

.documentItem .description
{
    color: #555555;
    text-align: justify;
}

.documentItem .name:hover
{
    text-decoration: none;
    color: #464d51; /*  border-bottom: dotted 1px #464d51;*/
    color: #003366;
}

.documentItem .fileSize
{
    font-size: 80%;
    color: #888888;
    font-style: italic;
}

.resultItem
{
    width: 80%;
    margin-top: 15px;
}

.resultItem_Name
{
    color: #cd1f20;
    text-decoration: none;
}

.resultItem_Content
{
    text-align: justify;
}

.resultItem_Url
{
    color: #bbbbbb;
}

.subSectionCaption
{
    color: #6d7c87;
    font-size: 115%;
    font-weight: bold;
}


.tesseraSanitaria
{
    width: 340px;
    height: 222px;
    position: relative;
    background-image: url(images/tessera_sanitaria.gif);
    background-attachment: scroll;
    background-repeat: no-repeat;
    font-weight: bold;
}

.tesseraSanitaria .codFis
{
    position: absolute;
    top: 75px;
    left: 55px;
    color: Red;
    font-size: 120%;
}
.tesseraSanitaria .cognome
{
    position: absolute;
    top: 101px;
    left: 65px;
}
.tesseraSanitaria .nome
{
    position: absolute;
    top: 120px;
    left: 65px;
}
.tesseraSanitaria .luogo
{
    position: absolute;
    top: 145px;
    left: 65px;
}
.tesseraSanitaria .data
{
    position: absolute;
    top: 185px;
    left: 65px;
}
.tesseraSanitaria .sesso
{
    position: absolute;
    top: 120px;
    left: 320px;
}



/* -------------------------- GRAFICI ------------------*/

.graph
{
    width: 100%;
    height: 100%;
}

.graph .title
{
    font-size: 110%;
    font-weight:bold;
}

.mainSummary
{
    font-size: medium;
    text-align: center;
}
.mainSummary span
{
    color: Red;
    font-weight: bolder;
    font-size: larger;
}

.graph .bars
{
    width: 100%;
    
}

.vBars
{
    position: relative;
}

.graph .caption
{
    display: block;
    width: 70px;
    vertical-align: middle;
    margin-top: 5px;
}

div.bar
{
    display: block;
    background-color: Red;
    border: solid 1px black;
    text-align: center;
    margin-bottom: 3px;
}

div.histoDato
{
    height: 100%;
    float: left;
    width: 8%;
    position: relative;
}

div.histoDato .caption
{
    position: absolute;
    text-align: center;
    bottom: -20px;
    width: 90%;
    text-transform: uppercase;
}

div.histoDato .vBar
{
    display: block;
    background-color: Red;
    border: solid 1px black;
    width: 90%;
    position: absolute;
    bottom: 0px;
    padding-top: 5px;
    text-align: center;
}


div.details
{
    width:100%;
    font-size:110%;
    position:relative;
}

div.details .selectors
{
    position:absolute;
    right:0px;
    top:0px;
}

div.vBar span
{
    color: White;
    width: 100%;
}

div.bar span
{
    color: White;
}

div.bar.bar1
{
    background-color: Maroon;
}
div.bar.bar2
{
    background-color: Gray;
}
div.bar.bar3
{
    background-color: Green;
}
div.bar.bar4
{
    background-color: #0d74cc;
}
div.bar.bar5
{
    background-color: #ffd200;
}
div.bar.bar6
{
    background-color: #a790f0;
}
div.bar.bar7
{
    background-color: #3205c5;
}
div.bar.bar8
{
    background-color: #496419;
}
div.bar.bar9
{
    background-color: #7b6304;
}
div.bar.bar10
{
    background-color: #555555;
}
div.bar.bar11
{
    background-color: #ff900e;
}
div.bar.bar12
{
    background-color: #662b73;
}
div.bar.bar13
{
    background-color: #d200ff;
}

div.vBar.bar14
{
    background-color: #dddddd;
}
div.vBar.bar15
{
    background-color: #77acdb;
}
div.vBar.bar16
{
    background-color: #4e4eaf;
}
