body{background-color:#FFF; background-image:url(images/body_background.jpg); background-repeat:repeat-x;
font: 13px 'Lucida Grande','Lucida Sans Unicode','Lucida Sans', LucidaGrande, Geneva, Arial, Verdana, sans-serif; 
}

/* TYPOGRAFY
--------------------*/
h1,h2,h3 {font-family: Arial, Helvetica, sans-serif; }
h1 {
    font-size:200%;
    font-weight:bold;
    margin: 0.2em 0;
    color: #000
}

h2 {
    font-size:130%;
    font-weight:bold;
    margin: 0.5em 0;
}

/*LINKS
--------------------*/
a {
	background-color: inherit;
	color: #33CC66;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	background-color: inherit;
	color: #006633;
	text-decoration:none;
}
a img {
	border:none;
}

#tagCloud a:hover, span.tagWord {
	background-color: #006633;
	color: #FFF;
	text-decoration:none;
	padding: 2px;
}

/* HEADER
--------------------*/
div#hd{height: 124px;}
h1.header {background-image:url(images/head.jpg); margin: 0; height: 124px;padding: 0;}
.logo_header{border: 1px solid #FFF;float: left; }

/* TOP MENU
--------------------*/
#topMenu{background-image:url(images/menuBackground.jpg); height: 30px; background-repeat:no-repeat;}

/* FORM
--------------------*/
#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

/* ADS
--------------------*/
.ad{background-color:#FFFFFF; margin: 1em 0 1em 0; height: 75px}

/* BLOCKS
--------------------*/
.block, .block_img, #gall_container, .blockNews{
    background-color:#FFFFFF; 
    border-top: 4px solid #33CC66;
    margin: 1em 0 1em 0;
    /*padding-right:1em;*/
    display:block
}
.block_img, #gall_container{
    padding-left: 10px;
    border: 1px solid #CCC;
    }

.block code {display: none; margin: 0; padding: 0;}

.blockNews img{
margin: 10px 6px 6px 0;
}

/*.block h1 a:hover, .blockNews  h1 a:hover{
background-color: #33CC66;
color: white;
padding: 5px;
}*/
.block h1, .blockNews  h1{font-size: 190%;}

/* LISTS
--------------------*/
ul {margin: 10px;
margin-left: 30px;
padding-left:0;
list-style-type: none;
list-style-image: url(images/bullet.gif);}

.noStyle{list-style-image: none; margin-left: 0;}

li {padding-left:0px; margin-bottom:5px;}

li.lista {border-bottom: 1px dashed #CCC; padding: 3px 0; margin: 0;}

a.selected{
background-color: #33CC66;
color: white;
padding: 2px;}


/* FOOTER
--------------------*/
div#ft{border-top: 4px solid #33CC66; padding-top: 1em; text-align:center; padding:1em;}

/* IMAGES
--------------------*/
.img-left{float: left}

/*GALLERY
-----------------------------------------------------------------------------*/
#gall_container {
padding: 6px;
height: 375px;
}

#gall_container img {
float: left;
margin: 4px;
padding: 4px;
border: 1px solid #CCCCCC;
/*background-image: url(../img/pic-loader.gif);*/
}

#loaderPic img{
float: none;
border: 0;
}

#gallery_box img{
float: left;
margin: 8px;
padding: 2px;
border: 1px solid #CCCCCC;
}

#gall_container  a:link img, #gall_container a:visited img, #gallery_box a:link img, #gallery_box a:visited img{
border: 1px solid #CCCCCC;
}

#gall_container  a:hover img, #gall_container a:active img, #gallery_box a:hover img, #gallery_box a:active img{
border: 1px solid #0099FF;
}

/* EXTRA
--------------------*/
.clear{clear: both}

/* =FLASH MESSAGE
-----------------------------------------------------------------------------*/
div.message, p.error, div.error-message {
	color: red;
	
	font-weight: bold;
	margin: 8px 0px;
	
}
div.error-message {
    font-size: 100%;
	clear: both;
	margin-top: 0px;
	margin-bottom:20px;
	font-weight: bold;
    color:red;
    padding-left: 18px;
    background: url(images/error.png) no-repeat left top;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}

#flashMessage {
    width:100%;
    background-color: #FFFF99;
    padding:0.25em;
    margin: 10px 0px 0px 0px;
}
input.borderRed{border-color: red}
div.ajaxMessage{color: red; font-weight: bold; display: inline; margin: 0; padding: 0}

/* POSTS
--------------------*/
#posts_pics{
float: right;
width: 200px;
height: 200px;
border: 1px solid #CCC;
margin: 0 5px;
padding: 5px;
}

/*
#large {
	width: 250px;
	height: auto;
	min-height: 300px;
}

#large img {
	max-width: 245px;
    max-height: 350px;
}
*/
#thumbnail ul{
	overflow: auto;
	float: left;
	list-style: none;
	margin-top: 0px;
	margin-left: 5px;
	_margin-left: 8px;
	padding: 5px;
	border: 1px solid #FFF;
	background: #fff;
}
#thumbnail li {
    list-style: none;
	float: left;
	width: 79px;
	margin: 8px;
	_margin: 5px;
}
#thumbnail a {
	display: block;
	width: 75px;
	height: 56px;
	padding: 1px;
	border: 1px solid #ccc;
}
#thumbnail a:hover {
	border-color: #405061;
}

div.disabled {
    display: inline;
	float: none;
	clear: none;
	color: #C0C0C0;
}

.postTitle{
margin-bottom: 20px;
}
.postTitle h1{
font-size: 250%;
color: #999;
}

#postInfo{
    margin: 5px 0;
    border-bottom: 1px dashed #CCC;
    border-top: 1px dashed #CCC;
    font-style: italic;
    padding: 3px 0;
}

#postInfo p{
    margin: 1px 0;
}
/**/
.date {
border-right:1px solid #CCCCCC;
color: silver;
float:left;
font-size:10px;
font-family: Arial;
margin-right:5px;
position:relative;
text-align:center;
top:5px;
width:58px;
line-height:3em;}

.date_day {
display:block;
font-size:2.3em;
}

.date_month {
display:block;
font-size:2.5em;
font-weight:bold;
}

.date_year {
display:block;
font-size:1.4em;
line-height:0.9em;
}

/* VIDEO GALLERY
--------------------*/
#displayVideo{
display:  block;
float: right;
margin: 10px;
border: 1px dashed #CCC;
padding: 10px;
width: 550px;
clear: both;
}

.gallThumbs{
float: left;
margin: 5px;
padding: 5px; 
width: 110px;
height: 130px;
}

.photoThumbs{
float: left;
margin: 5px;
padding: 5px; 
width: 160px;
height: 150px;
border: 1px solid #CCC;
}

.videoThumbs{
float: left;
margin: 5px; 
width: 100px;
height: 100px;
padding-top: 12px;
padding-left: 2px;
background-repeat: no-repeat;
}

#videos{
min-height: 180px;
height: 200px !important;
}

/* FULL CONTENT
--------------------*/
#content {
    border-top: 4px solid #33CC66;
    margin-bottom: 1em;
    padding-top: 1em
}

/* NEWS
--------------------*/
#news{
word-spacing:-0.05em;
}
#news img, #news object{
    padding: 5px;
    border: 1px solid #CCC;
    margin: 5px;
}

#news p{
    /*font-size: 120%;*/
    line-height: 20px;
    margin-bottom: 1em;}

#flashMsg{
    color: #FF0000;
	font-size: 200%;
	font-weight: bold;
	margin: 0 5px;
}

.box1{
color: #FFF;
background-color:#33CC66;
margin: 2em 0 1em 0;
padding: 15px;
display: block;
min-height: 60px;
height: auto !important;
}

div#ajaxBlock img{float:left; padding: 3px; border: 1px solid #CCC; margin-right: 5px;}
div#ajaxBlock ul{list-style-image: none; margin-left: 0px;}

/* PUBBLICAZIONI
--------------------*/
#pubbDetailBox, #newsDetailBox{float: right; margin: 0 0 2em 0; width: 220px;}
#newsDetailBox{width: auto; margin-bottom: 10px}
.pubbDownloads, #pubbDetails{margin-left: 5px; background-color: #FFFCCC;}
.pubbDownloads{border-top: 1px solid #000;word-wrap: break-word;}
#pubbDetails{padding: 5px;}
div.pubbDownloads ul{padding-left: 0; list-style-type: none;list-style-image: url(images/file_acrobat.gif);}
div.pubbDownloads li{word-break: break-all; width: 165px;}
div.pubbDownloads h3{background-color: #CCC; color: #FFF; margin: 0; padding: 2px}
#pubblicazioniThumb li{
    display: block;
    float: left;
    width: 43%;
    height: 130px;
    border-right: 1px solid #CCC;
    margin: 10px;
    padding: 10px;
}

#pubblicazioniThumb img{
    display: block;
    float: left;
    padding: 10px;
    margin: 0 10px 5px 0 ;
    border: 1px solid #CCC;
}

#pubblicazioniThumb a:hover  img  {
    background-color: #CCFFFF;
	border-color: #0000CC;
	text-decoration:none;
}

#pubblicazioniThumb .annata{
    display: block;
    width: 100%;
    font-size: 110%;
    margin-bottom: 10px;
    background-color: #CCFFFF;
    padding: 3px;
}

.pubbContainer, .vidContainer{
    display: block;
}


/* CENTRO DOCUMENTAZIONE
--------------------------*/
.centro_documentazione label{
    float: left;
    width: 120px;
}

.centro_documentazione .input{
    margin-bottom: 5px;
}

.faq {width: 100px;}
#dependentSelect2, #dependentSelect3{
    margin-left: 120px;
    margin-bottom: 5px;
}

/*LINKS
----------------------------*/
.linkCategory{color: #FFF; padding: 3px; background-color: #33CC66; border:1px dashed #CCC;}
.linkItem{font-size: 130%}

/*LANGUAGE LINKS
----------------------------*/
#languageSwitcher{float: left; padding: 12px; padding-top: 0;}
#userBar{height: 20px; clear: both; margin: 10px 0;}

.header-login{
    float: left;
    /*display: block;*/
    padding: 0 0 0 12px;
    margin: 0 0 0 12px;
    border-left: 1px solid #5481ac;
}

#login-form {
    float: left;
    padding: 0 0 0 20px;
    font-size: 85%;
    font-weight: bold;
}

#login-form #side-password, #login-form #side-username {
    width: 80px;
    border: 1px solid #CCC;
}

#login-form .login-input-go {
    padding:0;
    margin:0;
    border:0;
    padding: 0 0 0 2px;
    vertical-align: middle; 
    /*background:none;*/
    cursor:pointer;
}
#userBar input, #userBar label {
    vertical-align: middle;
    font-size: 100%;
    padding-left: 2px;
    margin-left: 3px;    
}
#search{float: right; padding-top: 12px;}
.gloader{color: #000; padding: 2px; display: block; width: 150px}

/*NEWSLETTER
----------------------------*/
div.newsletter{
    margin: 5px 0;
    background-color: #CCFF99;
	text-decoration:none;
	padding: 2px;
	border-bottom: 1px dashed #CCC;
	}
/*LISTS
----------------------------*/
li.borderBottom{border-bottom: 1px dashed #CCC; padding-bottom: 3px;}