/*
* STRUTTURA
*/
html,body{margin: 0; padding: 0; height: 100%;}
h1{margin: 0;padding-left:0.5em;padding-right:0.5em}

/*input,select{white-space: nowrap;}*/

/*div#center{width: 760px; min-width: 760px; margin: 0 auto;}*/

div#center{width: 1050px; min-width: 1050px; margin: 0 auto;}


div#header{margin-top: 5px; width: 100%; height: 100%; padding-left: 4px;}
div#leaderboard{margin-top: 1px; margin-bottom: 1px; width: 100%; height: 100%; padding: 1px 0px 1px 4px; background-color: navy; text-align: center;}
div#mainbanner{float: left; clear: both; width: 100%; height: 100%; border-left-width: 2px; border-right-width: 2px; border-bottom-width: 2px;}

div#affiliation01{margin-top: 1px; margin-bottom: 1px; width: 100%; height: 100%; padding: 1px 0px 1px 4px; background-color: white; text-align: center;}

div#navigation{clear: both;}
ul#nav{float:left;  margin: 0px; padding: 0px;}
ul#nav li{float: left; margin: 0px; padding: 0px; padding-right: 2px; padding-top: 2px;}
ul#nav a{float:left; padding: 5px 0px;}

div#contcontainer{float: left; clear: both; margin-top: 2px; margin-bottom: 2px; border-width: 2px; width: 100%; height: 100%;}
div#content{float: left; clear: both; margin-top: 5px; margin-bottom: 5px; width: 100%; height: 100%;}

div#leftboxes{float: left; width: 184px; min-width: 184px;}
div#maincontent{float: left; width: 650px; margin-left: 5px; margin-right: 5px;}
div#rightboxes{float: left; width: 184px; min-width: 184px;}


div#footer{clear: both; padding: 10px 2px; margin-bottom: 5px; width: 100%;}


div#window_pop_up{margin: 0px; border-width: 2px; border-style: solid; border-color: #000080; /*background-color: #ccc;*/  background-color: #efefef;}

/*
* FONT COLORI STILI
*/
/* old color: #36c, #9CC0FF*/
body{font-size: 76%; font-family: Verdana, Arial, Times New Roman; text-align: center;}
h1{font: bold 2.3em/80px arial,serif;}

input, textarea{font-size: 100%;}

div#container{text-align: left;}
div#header{text-align: left; color: #ff0; background: #000080 url('../images/header3.jpg') no-repeat; height: 80px; border-bottom: 1px solid #fff}

div#mainbanner{background-color: #000080; border-left-style: solid; border-left-color: #000080; border-right-style: solid; border-right-color: #000080; border-bottom-style: solid; border-bottom-color: #000080;}

div#data{text-align: left; font-size:19px; font-weight: bold; color: #fff; background-color: #000080;}
div#ora{text-align: left; font-size:19px; font-weight: bold; color: #fff; background-color: #000080;}
div#systemtitle{text-align: center; font-size:19px; font-weight: bold; color: #fff; background-color: #000080;}

/* TAB NAVIGAZIONE */
div#navigation{background-color: red;}
ul#nav{background-color: #fff;}
ul#nav, ul#nav li{list-style-type:none; text-align: center;}
ul#nav li{text-align: center;}
/*ul#nav a{width: 10em;}*/
ul#nav a{background-color: #000080; text-decoration:none; color: #fff; white-space: nowrap; font-size: 80%; font-weight: bold;  border: 1px solid #000080;}

ul#nav li a.SELECTED_PAGE{background-color: #ccc; color: #000080; border: 1px solid #000080;}
ul#nav li a.navon{background-color: orange;}
ul#nav li a.navoff{}

/* STRUTTURA */
div#contcontainer{border-style: solid; border-color: #000080; /*background-color: #ccc;*/  background-color: #efefef;}
div#content{/*background-color: red;*/}

div#leftboxes{/*background-color: yellow;*/}
div#maincontent{text-align: center; /*background-color: purple;*/}
div#rightboxes{/*text-align: right;*/ /*background-color: cyan;*/}

div#footer{text-align: center; color: #fff; background-color: #000080;}
div#footer a{color: #fff; font-weight: bold; text-decoration: underline;}


/* 
   BOX 
*/
.form
{
	/*float: center;*/
	clear: both;
	width: 100%;
 	height: 100%;
	margin: 0px 0px 10px 0px;
	padding: 1px;
	
    border: 1px solid #000;
    background-color: #fff;
    text-align: center;
    font-family: Verdana, Arial, Times New Roman;
}



.boxarticolo
{
	/*float: center;*/
	clear: both;
	width: 100%;
 	height: auto; 	
	margin: 0px 0px 10px 0px;
	padding: 1px;
	
    border: 1px dotted #000;
    background-color: #fff;
    text-align: left;
    font-family: Verdana, Arial, Times New Roman;
}


.boxetichetta
{
	color: navy; font-weight: bold; text-transform: capitalize; background-color: #ccc; padding: 3px 5px;
}


.boxnoarticoli
{
	/*float: center;*/
	clear: both;
	width: 100%;
 	height: auto; 	
	margin: 0px 0px 10px 0px;
	padding: 5px 1px;
	
    border: 1px solid #000;
    color: navy;
    font-weight: bold;
    background-color: #fff;    
    text-align: center;
    font-family: Verdana, Arial, Times New Roman;	
}

/*

    STILI PER IL TESTO DEGLI ARTICOLI
*/
.titoloboxarticolo, .titoloform, .formtitle
{
    color: #900;
    font-weight: bold;
    background-color: #fff;
    padding: 5px;
}

.sottotitoloboxarticolo
{
    color: #000;
    padding: 5px 5px;
    font-weight: bold;
    /*font-family: Verdana, Arial, Times New Roman;*/
}

.evidenza{font-weight: bold; color: navy;}

.citazione{font-style: italic; color: navy;}

.separatore{height: 20px;}

.corpoboxarticolo
{
    padding-top: 5px;
    text-align: justify;
    padding: 5px 5px;
    line-height: 1.5em;
}

/*
 Stili link dentro box articoli
*/
.boxarticolo a{color: navy; text-decoration: none; font-weight: bold;}
.boxarticolo a:visited{font-weight: bold;}
/*.boxarticolo a:hover{background-color: #ccc; text-decoration: underline; font-weight: bold;}*/
a.left:hover, a.right:hover{background-color: none;}

/* 
 stile per le immagini dentro i box articoli
*/
.corpoboxarticolo img{
float: left; 
margin: 4px 2px 2px 2px;

/*margin:20px 5px 20px 21px;*/
background-color:#fff;
padding:2px;
border:1px solid #ccc;
width:133px;
height:100px;

-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.updated
{
	float: right;
	padding: 2px;
	font-size: 90%;
	font-weight: bold;
	font-family: Verdana; 
	color: white;
	text-align: right;
	text-decoration: blink;
	background-color: red;	
	border: 1px solid #000;
}


/*
 stili per le news
*/
.news .boxarticolo{}
/*.news .boxetichetta{background-color: #FFF996;}*/
.news .boxetichetta{background-color: #FFA600;}
.news .titoloboxarticolo {border: 0px solid #000;  background-color:  #fff;}
.news .sottotitoloboxarticolo {}
.news .evidenza {color: green;}
.news .citazione {color: #FFA600;}
.news .corpoboxarticolo{color: navy;}
.news .boxarticolo a{color: navy;}
.news .boxarticolo a:visited{}
.news .boxarticolo a:hover{background-color: #FFA600;}
/*.news .boxarticolo a:visited{text-decoration: underline;}*/

/*
 stili per il primopiano
*/
.primopiano .boxarticolo{}
.primopiano .boxetichetta{background-color: #BFD1FF;}
.primopiano .titoloboxarticolo {border: 0px solid #000; background-color:  #fff;}
.primopiano .sottotitoloboxarticolo {}
.primopiano .evidenza {color: red;}
.primopiano .citazione {color: #008080;}
.primopiano .corpoboxarticolo{color: navy;}
.primopiano .boxarticolo a{color: navy;}
.primopiano .boxarticolo a:visited{}
.primopiano .boxarticolo a:hover{background-color: #BFD1FF;}
/*.primopiano .boxarticolo a:visited{color: navy;}*/

/*
stili per la cultura
*/
.cultura .boxarticolo{}
.cultura .boxetichetta{background-color: #A52A2A; color:  #fff;}
.cultura .titoloboxarticolo {border: 0px solid #000; background-color:  #fff;}
.cultura .sottotitoloboxarticolo {}
.cultura .evidenza {color: #A52A2A;}
.cultura .citazione {color: #D2691E;}
.cultura .corpoboxarticolo{color: navy;}
.cultura .boxarticolo a{color: navy;}
.cultura .boxarticolo a:visited{}
.cultura .boxarticolo a:hover{background-color: #DEB887;}


/*
stili per gli spettacoli
*/
.spettacoli .boxarticolo{}
.spettacoli .boxetichetta{background-color: #9932CC; color:  #fff;}
.spettacoli .titoloboxarticolo {border: 0px solid #000; background-color:  #fff; color: #9932CC;}
.spettacoli .sottotitoloboxarticolo {}
.spettacoli .evidenza {color: #FF00FF}
.spettacoli .citazione {color: #D87093;}
.spettacoli .corpoboxarticolo{color: navy;}
.spettacoli .boxarticolo a{color: navy;}
.spettacoli .boxarticolo a:visited{}
.spettacoli .boxarticolo a:hover{background-color: #FFDAB9;}

/*
stili per il cinema
*/
.cinema .boxarticolo{}
.cinema .boxetichetta{background-color: skyblue; color:  #fff;}
.cinema .titoloboxarticolo {border: 0px solid #000; background-color:  #fff; color: #9932CC;}
.cinema .sottotitoloboxarticolo {}
.cinema .evidenza {color: #FF00FF}
.cinema .citazione {color: #D87093;}
.cinema .corpoboxarticolo{color: navy;}
.cinema .boxarticolo a{color: navy;}
.cinema .boxarticolo a:visited{}
.cinema .boxarticolo a:hover{background-color: #fff;}

/*
stili per le gallerie
*/
.gallerie .boxarticolo{}
.gallerie .boxetichetta{background-color: purple; color:  #fff;}
.gallerie .titoloboxarticolo {border: 0px solid #000; background-color:  #fff; color: #9932CC;}
.gallerie .sottotitoloboxarticolo {}
.gallerie .evidenza {color: #FF00FF}
.gallerie .citazione {color: #D87093;}
.gallerie .corpoboxarticolo{color: navy;}
.gallerie .boxarticolo a{color: navy;}
.gallerie .boxarticolo a:visited{}
.gallerie .boxarticolo a:hover{background-color: plum;}

/*
stili per l'evidenza
*/
.evidenza .boxarticolo{background-color: yellow;}
.evidenza .boxetichetta{color: navy; font-weight: bold; text-transform: capitalize; background-color: #ccc; padding: 3px 5px;}
.evidenza .titoloboxarticolo {}
.evidenza .sottotitoloboxarticolo {color: navy;}
.evidenza .evidenza {color: red;}
.evidenza .corpoboxarticolo{color: navy;}

/*
stili per le pagine del menu
*/
.pagemenu .boxetichetta{text-align: center; background-color: #BFD1FF;}
.pagemenu .boxarticolo a:visited{}
.pagemenu .boxarticolo a:hover{background-color: #FFF;}

/*
stili box sinistra
*/

div#leftboxes div
{
	/*font-size: 1em;*/
	padding: 1px;
	margin: 0px 5px 1px 5px;
}

div#leftboxes .leftboxesbox
{
	margin-bottom: 10px;
}

div.leftboxesbox
{
	width: 176px;
 	height:auto;
	
    border: 1px dotted #000;
    background-color: #fff;
    text-align: left;
    font-family: Verdana, Arial, Times New Roman;
    overflow: hidden;
}

div#leftboxes div.evidenza
{
	font-weight: bold;
	text-align: center;
	color: navy;
	padding: 5px;
}

/*
stili box destra
*/

div#rightboxes div
{
	/*font-size: 1em;*/
	padding: 1px;
	margin: 0px 5px 1px 5px;
}

div#rightboxes .rightboxesbox
{
	margin-bottom: 10px;
}

div.rightboxesbox
{
	width: 176px;
 	height:auto;
	
    border: 1px dotted #000;
    background-color: #fff;
    text-align: left;
    font-family: Verdana, Arial, Times New Roman;
    overflow: hidden;
}

div#rightboxes div.evidenza
{
	font-weight: bold;
	text-align: center;
	color: navy;
	padding: 5px;
}



.titolettoGray
{
	background-color: #DCDCDC;
	font-weight: bold;
	text-align: center;
	padding: 3px 0px;
}

.titolettoNavy
{
	color: #fff; 
	background-color: #000080; 
	font-weight: bold; 
	text-align: center; 
	padding: 3px 0px;
}

a{color: #000;text-decoration: none;}
a:hover{text-decoration: underline;}


div.divon{background-color: #BFD1FF;}
div.divoff{background-color: #FFF;}

div#leftboxes .leftboxon{background-color: #BFD1FF;}
div#leftboxes .leftboxoff{background-color: #FFF;}

div.listaon{background-color: #BFD1FF;padding: 3px 1px; clear:both;}
div.listaoff{background-color: #FFF;padding: 3px 1px;  clear:both;}

div.listaheader{font-weight: bold; background-color: #CCC;}
div.listacol{float:left; text-align: left; white-space: nowrap; overflow: hidden; margin-right: 5px; width: 20%;}
div.listacom{float:right; text-align: right; white-space: nowrap; overflow: visible; margin-right: 1px; width: 23%;}

div.formfield{text-align: left;  white-space: nowrap;margin-right: 5px;}
div.text{white-space: nowrap; overflow: visible;}