/*
Theme Name: SystemaIstituzionale
Theme URI: http://www.systemasrl.it/
Description: Theme for Systema srl
Version: 1.0
Author: Sara Gioria
Author URI: http://www.multiductus.it/
*/


body
{
margin: 0;
padding:0;
font-family: Arial, sans-serif;
color: #555555;
font-size: 12px;
}

* {
  margin:0;
  padding:0;
}

img {
border: 0;
}

a:link, a:visited, a:hover {  /* >>>>>> colore per i links */
color:#12803D;
}


#wrapper {
  width: 823px;
  margin: 0 auto;
  background: #FFFFFF url(images/bg.jpg) top left repeat-x;
}

#header {
background: transparent url(images/logo_payoff.jpg) top left no-repeat;
margin:0;
padding:0;
height: 79px;
}

/*--------------------------- MENU ----------------------------------*/

#menu {
margin: 0;
padding: 50px 0 0 0;
height:29px;
font: 10x Arial;
font-weight: bold;
color: #4A6A70;
}
#menu a:link, #menu a:visited  {
font: 10px Arial;
font-weight: bold;
color: #4A6A70;
text-decoration: none;
}

#menu a:hover {
font: 10px Arial;
font-weight: bold;
color: #32464A;
text-decoration: none;
}

#menu ul {
margin:0;
padding:0;
list-style-type: none;
}

#menu ul li {
float: right;
margin: 0;
padding: 0 20px;
height:29px;
line-height:29px;
border-right:1px solid #CACACA;
}

/*------------------------------------------------------------------------*/

#area {
background: transparent url(images/bg_istituzionale.jpg) top left no-repeat; /* >>>>>> immagine di sfondo per singola area */
height: 119px;
margin: 0;
padding: 0;
}


/*--------------------------- AREA-MENU ----------------------------------*/

#area-menu {
height: 38px;
padding: 81px 0 0 0;
position: relative;
z-index: 100;
}

#area-menu ul {
float:right;
height: 29px;
margin: 0;
padding: 9px 0 0 0;
list-style-type: none;
text-align:center;
}

#area-menu ul li {
float:left;
margin:0 2px; /*per distanziare le voci del menu nel header*/
}

#area-menu li a {
display: block;
padding: 7px 13px 7px 13px;
text-decoration:none;
color: #DDDDDD;
font-weight: bold;
}

#area-menu li a:hover {
display: block;
background: transparent url(images/bg_tasto_hover_verde.jpg) top left repeat-x; /* immagine di sfondo per effetto mouse-over */
padding: 7px 13px 7px 13px;
text-decoration:none;
color: #FFFFFF;
}

#area-menu li.current_page_item a { /* classe per la pagina attuale, se il menù viene usato per mostrare le pagine del blog */
display: block;
background: #FFFFFF url(images/bg_tasto_on.jpg) top left repeat-x;
padding: 7px 13px 6px 13px;
text-decoration:none;
color: #555555;
cursor:default;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

#area-menu li.attuale a { /* classe per la pagina attuale, se il menù viene usato per mostrare le aree - associare la classe al codice HTML */
display: block;
background: #FFFFFF url(images/bg_tasto_on.jpg) top left repeat-x;
padding: 7px 13px 6px 13px;
text-decoration:none;
color: #555555;
cursor:default;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

/*-------------------------- MENU LATERALE VERTICALE ----------------------*/
/*-------------------- menù da usare nella sidebar laterale ----------------*/

ul.menu-verticale {
list-style-image: url(images/lista_side.jpg);
list-style-position: inside;
}

ul.menu-verticale li{
padding-bottom: 7px;
border-bottom: 1px dashed #CCCCCC;
font-size: 14px;
color: #939393;
font-weight: bold;
}
ul.menu-verticale li a{
color: #939393;
text-decoration: none;
}
ul.menu-verticale li a:hover {
color: #cccbcb; /* >>>>>> colore per i links */
}
ul.menu-verticale li.current_page_item a {
color: #cccbcb; /* >>>>>> colore per la pagina attuale */
}


/*------------------CONTENT ------------*/
#content {
  width: 546px;
  float: right;
  margin: 0 0 0 15px;
  padding: 25px 0;
}

.entry ul {
list-style-position:inside;
list-style-type:disc;
margin: 0 0 0 25px;
}

.entry ol {
list-style-position:inside;
margin: 0 0 0 25px;
}

.postmetadata {
background-color: #eaeaea;
padding: 7px;

}


/*--------------------------------------*/


/*---------------- SIDEBAR --------------*/
#sidebar {
  float: right;
  width: 228px;
  margin: 0 20px 0 0;
  padding: 25px 0;
}

#sidebar ul {
list-style-position:inside;
list-style-type: none;
}

#sidebar ul li h3 {
background: transparent url(images/h3_side.jpg) top left no-repeat;
margin-top: 20px;
padding: 15px 0 7px 30px;
}

#sidebar ul li ul {
list-style-image: url(images/lista_side.jpg);
}

#sidebar ul li ul li{
padding-bottom: 7px;
border-bottom: 1px dashed #CCCCCC;
}

#sidebar ul.cerca {
list-style-type:none;
list-style-image:none;
}

#sidebar h3.news {
background: transparent url(images/h3_news.jpg) top left no-repeat;
margin-top: 20px;
padding: 15px 0 7px 30px;
}


/*---------------------------------------*/


/*---------------- FOOTER ---------------*/

#footer {
background-color: #cccccc;
margin:35px 0 0 0;
padding: 5px 0;
font-size: 11px;
color: #FFFFFF;
height:28px;
}

#inner-footer {
width: 823px;
margin: 0 auto;
height:28px;
}

#footer a{
color: #888888;
}
#footer a:hover {
color: #444444;
}

#footer .info {
float:left;
}
#footer .by {
float:right;
text-align: right;
}

/*---------------------------------------*/


/*---------------------------------------*/

.clear {
clear:both;
}


/*--------------------- ELEMENTI CONTENUTO ------------------------*/

/*titoli*/
h2, h2 a:link, h2 a:visited, h2 a:hover {
font-size: 26px;
margin:20px 0 0 0;
padding: 15px 0;
color:#555555;
text-decoration:none;
}

h3 {
font-size: 22px;
margin:0;
padding: 25px 0 7px 0;
color: #939393;
}

h4 {
font-size: 16px;
margin:0;
padding: 0px 0 7px 0;
color: #666666;
font-weight:bold;
}

.titoletto {
display:block;
font-weight: bold;
font-size: 20px;
color: #FFFFFF;
padding: 10px 0;
}

.banner .titoletto a, .titoletto a {
color: #FFFFFF;
text-decoration: none;
}

.titolino {
display:block;
font-weight: bold;
font-size: 16px;
color: #FFFFFF;
padding: 7px 0;
}

.titolo_side {
display:block;
font-size: 18px;
margin:0;
padding: 25px 0 0 0;
color: #12803D; /* >>>>>> colore del titolo nella colonna laterale */
}

small {
font-size: 11px;
font-weight:bold;
color: #12803D; /* >>>>>> colore della data sotto ai titoli */
}

.small-grey {
font-size: 10px;
font-weight:bold;
font-style: italic;
font-variant:normal;
}


/*immagini*/
img.align_left {
float:left;
padding: 5px 5px 5px 0;
}

img.align_right {
float:left;
padding: 5px 0 5px 5px;
}

.img_right {
float: right;
margin: 0 0 0 15px;
}

.img_dida_left {
float:left;
padding: 5px 10px 5px 0;
}

.img_dida_right {
float:right;
padding: 5px 10px 5px 0;
}

.img_dida_left p, .img_dida_right p {
margin: 0;
padding: 5px 0;
text-align:center;
font-size: 10px;
font-style:italic;
}

/*testo*/

p {
margin:0;
padding: 15px 0;
text-align:justify;
}

.more {
text-align:right;
color: #12803D; /* >>>>>> colore usato per scritta "Continua a leggere" */
padding: 0 0 20px 0;
margin: 10px 0 0 0;
}
.more a {
color: #12803D; /* >>>>>> colore usato per link in scritta "Continua a leggere" */
text-decoration:none;
}

.testo_colorato { /* >>>>>> colore del testo colorato */
font-weight:bold;
color:#12803D;
}

.testo_colorato a{ /* >>>>>> colore dei links nel testo colorato */
text-decoration: none;
color:#12803D;
}

.evidenziato { /* >>>>>> colore del testo con sfondo colorato */
color: #FFFFFF;
background-color:#12803D;
}

.esagerato { /* >>>>>> colore del testo esagerato */
font-size: 26px;
color:#12803D;
}

/*  liste   */

ul.lista_archives {
list-style-image: url(images/lista_side.jpg);
list-style-position: inside;
}

ul.lista_archives li{
padding-bottom: 7px;
border-bottom: 1px dashed #000000;
}

.categories ul li{
padding-bottom: 7px;
border-bottom: 1px dashed #CCCCCC;
}

.categories ul {
list-style-image: url(images/lista_side.jpg);
list-style-position: inside;
}




/*altri contenitori*/
.banner {
background: #CBCBCB url(images/bg_banner.jpg) top left repeat-x;
margin:0;
padding: 8px;
color: #414141;
font-size: 14px;
line-height: 18px;
}

.banner a {
color: #414141;
text-decoration: underline;
}

/*  banner colorati */
.banner_arancio {
background: #FB9F14 url(images/bg_banner_arancio.jpg) top left repeat-x; 
margin:20px 0;
padding: 8px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
.banner_verde {
background: #45C51C url(images/bg_banner_verde.jpg) top left repeat-x;
margin:20px 0;
padding: 8px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
.banner_blu {
background: #2E60AC url(images/bg_banner_blu.jpg) top left repeat-x; 
margin:20px 0;
padding: 8px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
.banner_azzurro {
background: #48C1D4 url(images/bg_banner_azzurro.jpg) top left repeat-x; 
margin:20px 0;
padding: 8px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
.banner_viola {
background: #752DB8 url(images/bg_banner_viola.jpg) top left repeat-x; 
margin:20px 0;
padding: 8px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
.banner_nero {
background: #030303 url(images/bg_banner_nero.jpg) top left repeat-x; 
margin:20px 0;
padding: 8px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}
.banner_rosso {
background: #CB0100 url(images/bg_banner_rosso.jpg) top left repeat-x; 
margin:20px 0;
padding: 8px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
}

.banner_arancio a:link, .banner_arancio a:visited, .banner_arancio a:hover, .banner_verde a:link, .banner_verde a:visited, .banner_verde a:hover, .banner_blu a:link, .banner_blu a:visited, .banner_blu a:hover, .banner_azzurro a:link, .banner_azzurro a:visited, .banner_azzurro a:hover, .banner_viola a:link, .banner_viola a:visited, .banner_viola a:hover, .banner_nero a:link, .banner_nero a:visited, .banner_nero a:hover, .banner_rosso a:link, .banner_rosso a:visited, .banner_rosso a:hover {
color: #FFFFFF;
}

/* */

.banner_bordo {
background-color: #FFFFFF;
margin:0;
padding: 8px 5px;
color: #666666;
font-size: 12px;
text-align: justify;
line-height: 20px;
border: 3px solid #999999;
}

.banner_community a{
color: #666666;
text-decoration: none;
}

.banner_side {
background: #CBCBCB url(images/bg_banner_side.jpg) top left no-repeat;
margin: 25px 0;
padding: 8px 8px 8px 45px;
color: #414141;
font-size: 12px;
line-height: 16px;
text-align:justify;
}

.banner_side a {
color: #414141;
text-decoration: underline;
}

.banner_side .titolo_banner_side a {
display:block;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
text-decoration:none;
}

.box_news {
padding: 20px 0;
border-top: 3px solid #12803D;  /* >>>>>> colore del bordo superiore del box news */
border-bottom: 3px solid #12803D; /* >>>>>> colore del bordo inferiore del box news */
}

code {
background-color:#EFF4FB;
border:1px solid #999999;
color:#666666;
display:block;
margin:5px;
padding:5px;
}

.box-top {
width: 228px;
height: 7px;
background: transparent url(images/box_top.gif) top left no-repeat;
margin: 25px 0 0 0;
padding: 0;
}
.box-center {
width: 204px;
background: transparent url(images/box_center.gif) top left repeat-y;
margin: 0;
padding: 0 12px;
}
.box-bottom {
width: 228px;
height: 7px;
background: transparent url(images/box_bottom.gif) top left no-repeat;
margin: 0 0 25px 0;
padding: 0;
}
#sidebar .box-center ul{
list-style-type:disc;
margin: 0 0 0 15px;
}

.box-top-body {
width: 545px;
height: 7px;
background: transparent url(images/box_top_body.gif) top left no-repeat;
margin: 25px 0 0 0;
padding: 0;
}
.box-center-body {
width: 520px;
background: transparent url(images/box_center_body.gif) top left repeat-y;
margin: 0;
padding: 0 14px;
text-align:justify;
}
.box-bottom-body {
width: 545px;
height: 7px;
background: transparent url(images/box_bottom_body.gif) top left no-repeat;
margin: 0 0 25px 0;
padding: 0;
}
/*----------------------- TABELLE ----------------------------*/

table {
border-collapse:collapse;
background:#FFFFFF;
border:0;
empty-cells: show;
}

td, th {
padding:5px 20px;
text-align:justify;
}

caption {
margin: 25px 0 5px 0;
padding: 0 0 5px 0;
text-align: left;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #666666;
background: transparent;
}

thead th, tfoot th, tfoot td {
background:#eaeaea;
color:#666666;
}

tfoot td {
text-align:right;
}

tbody th, tbody td {
border-bottom: 1px dotted #cccccc;
}

tbody th {
white-space: nowrap;
}


/*------------------------------------------------------------*/
/*------------------------------ FORM --------------------------*/

form {
margin: 15px 0 10px 0;
padding: 7px;
border: 1px dashed #CCCCCC;
}

fieldset {
background-color: #EAEAEA;
margin:0;
padding: 7px 7px 20px 7px;
border: 0;
}

legend {
background:#666666 none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:3px 6px;
}

label {
color:#666666;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:25px;
text-align: right;
margin: 5px 15px 0 0;
padding:0;
width:120px;
}

label.label_radio {
color:#666666;
font-size:12px;
font-weight:bold;
margin: 0;
padding: 10px 0 20px 5px;
display:block;
text-align: left;
float:left;
}

input.textbox {
background-color:#FFFFFF;
border:1px solid #666666;
color:#666666;
font-family: arial,helvetica,sans-serif;
height:15px;
margin: 5px 5px 0 0;
padding: 5px;
width:120px;
}

.note {
width: 485px;
height: 120px;
border:1px solid #666666;
}

.radio {
margin: 10px 0 20px 35px;
display:block;
float:left;
}

.button_invia {
background-color: #999999;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
margin: 5px;
padding: 5px;
border: 2px solid #FFFFFF;
}

#searchform label {
text-transform:uppercase;
margin: 0;
text-align:left;
display:inline;
height: 18px;
}




.post{
    display: block;
    overflow:hidden;
    width:98%;
    font-size:12px;
   
    
    }
.PostDate
{
    display:block;
 
}
/*------------------------------------------------------*/
/*------------------------ COMMENTI --------------------*/
.comments-template{
    background-color: #EFEFEF;
	margin: 10px 0 0;
	padding: 20px;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
    background: transparent url(images/commenti_bg.jpg) top right no-repeat;
	margin: 10px 0;
	line-height: 18px;
	padding: 20px 10px 10px 10px;
	background-color: #FFFFFF;
}

.comments-template h2, .comments-template h3{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
	padding: 10px 0 0 0;
	border-top: 1px dashed #CCCCCC;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template form p{
float:left;
margin: 7px 0;
padding: 0;
}

.comments-template label {
color:#666666;
display:block;
float:left;
font-size:14px;
font-weight:bold;
text-align: right;
padding:0;
width:120px;
font-variant: small-caps;
}

.comments-template input.campo-testo{
float:left;
width: 350px;
height: 25px;
border:1px solid #AAAAAA;
}

.comments-template textarea{
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
}

.comment-text {
width: 485px;
height: 120px;
border:1px solid #AAAAAA;
}

/*------------------------------------------------------*/