.button {
	color: #333333;
	background-color:#FFFFFF;
	font-size: 15px;
	text-transform: uppercase;
	border-top-color: #7D9EFF;
	border-right-color: #0099CC;
	border-bottom-color: #0099CC;
	border-left-color: #7D9EFF;
}
.LinkProgrammaClicked{
		background-color:#069;
		color:white;
		border-top:1px solid white;
}
.LinkEventoClicked{
        display:block;               
		font-weight:normal;
		background-color:#069;
		color:white;
		border-top:1px solid white;
}
.titoloEvento a:hover{ 
display:block;
background-color:#069;
color:white;
border-top:1px solid white;
}

.titoloEvento a{ 
display:block;
padding:5px;
border-top:1px solid white;
}

.TitoloMediatecaSx{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
	color:#FF0000;
}

/*banner e citazione*/
a.banner{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#900;
	font-weight:bold;
}
a.citazione{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
	line-height:10px;
    margin-top:0px;
    
}

/*stili per il layout fisso con background*/
html,body{
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding:0;
height:100%;
}

body{
font-family: verdana,sans-serif;
font-size:11px;
text-align:center;
background-color:#eee;
}
/*contenitori generali*/

div#container{
width:960px;
margin:0 auto;
background-color:#fff;
border:1px #ccc solid;
border-width:0 1px;
text-align:left;

} 

/*Header, menu, citazioni e banner*/
div#blu{
position:absolute;
top:0;
left:0;
width:100%;
background-color:#069;
height:100px;
 }

div#header{
position:relative;
top:0;
left:0;
background-color: #006699;
height:100px;
width:960px;
}

#immagineAnno{
margin:5px 10px;
width:170px; 
border:1px #fff solid;
}

div#menu{
position:absolute;
bottom:5px;
left:0;
width:960px;
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:1px;
font-size:12px;
font-weight:bold;
padding:3px 0 0 0;
}

div#banner{
position:relative;
bottom:-25px;
left:5px;
width:79%;
font-weight:bold;
color:#cc6600;
border-bottom:1px #CCCCCC solid;
z-index:1;
}

div#citazione{
position:absolute;
top:10px;
right:90px;
width:600px;
text-align:right;
font-style:italic;
font-size:10px;
color:#FFFFFF;
}
div#descrImmagine{
font-size:10px;
font-style:italic;
}

#associati{
position:absolute;
bottom:-35px;
right:5px;
background-color:#fc0;
width:180px;
text-align:center;
}

#associati a{
color:#069;

font-size:14px;
font-weight:bold;
}

div#newsletter{
color:#069;
background: #FFFF99;
}

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

#menu li{
float: left;
margin: 0;
} 

#menu ul a{
height: 15px;
line-height: 15px;
float: left;
width: 137px;
display: block;
color: #fff;
text-decoration: none;
text-align: center;
}

#menu ul a:hover{
color:#CC6600;
}

/*layout centrale*/
div#middleHome{
position:relative;
margin-top:25px;
height:100%;
}

div#middle{
margin-top:5px;
}

div#middleMediateca{
clear:both;
margin-top:5px;
}

div#center{
position:absolute;
top:5px;
left:195px;
width:570px;
height:auto;
float:left;
}

div#contentDestro{
padding:0 20px;
font-size:13px;
border:1px #CCCCCC solid;
border-width:0 1px 0 0;
min-height:600px;
/*height:600px;*/
}

div#contentSinistro{
padding:0 20px;
font-size:13px;
border:1px #CCCCCC solid;
border-width:0 0 0 1px;
min-height:600px;
/*height:600px;*/
}



div#footer{
clear:both;
bottom:0;
padding:20px 0;
border-top:1px #CCCCCC solid;
text-align:center;
width:100%;
}

hr{
border: none 0;
border-top: 1px dotted #aaa;
width: 80%;
height: 1px;
text-align:center;
} 

div#left{
float:left;
margin-top:5px;
width:190px;
}

div#content{
float:left;
margin-top:5px;
border:1px #ccc solid;
border-width:0 1px;
min-height:900px;
width:570px;
}

div#contentMediateca{
padding-top:5px;
text-align:left;
min-height:400px;
/*height:400px;*/
border-right:1px #ccc solid;
}

#centroMediateca{
width:670px;
}

td#right{
width:280px;
text-align:center;
vertical-align:top;
padding-top:10px;
}

div#centroDestro{
margin-top:5px;
float:left;
width:765px;
}

div#centroSinistro{
margin-top:5px;
float:right;
width:765px;
}

div#centroProgramma{
margin-left:195px;
margin-top:5px;
width:755px;

}

div#contentProgramma{
border:1px #CCCCCC solid;
border-width:0 0 0 1px;
min-height:600px;
/*height:600px;*/
}

div#leftProgramma{
float:left;
margin-top:5px;
width:190px;
}


#contentSinistro img {
max-width:700px;
}

div#right{
float:right;
width: 190px;
margin-top:5px;
}

#topMediateca{
margin:0 10px;
margin-bottom:5px;
padding:0 5px;
line-height:22px;
border-width:1px 0;
border-color:#900;
border-style:solid;
color:#900;
font-weight:bold;
text-transform: uppercase;
}

div#topLogin {
margin:0 10px;
padding:0 5px;
line-height:22px;
border-width:1px 0;
border-color:#900;
border-style:solid;
color:#900;
font-weight:bold;
text-transform: uppercase;
}

#boxLogin{
margin:0 10px;
padding:1px;
background-color:#fee;
color:#900;
font-weight:normal;
}

#cercaMediateca{
margin:0 5px;
text-align:center;
}

#titoloMediateca{ 
padding:0px 5px 3px 5px;
}

div.sponsor{ 
background-color:#eee;
margin:20px 5px;
padding:2px 0;
color:#bbb;
text-align:center;
}

div.sponsor img{
/* 
margin-top:1px;
margin-bottom:1px;
margin-left:6px;
margin-left:-4px;
*/
text-align:center;
}

div#topRassegna{ 
background-color:#afa;
}

/*stili per gli appuntamenti*/

.NomeProssimiAppuntamentiCentro {
font-size:18px;
clear:right;
text-align:left;
padding:10px 5px;
}

.titoliRassegna {
font-size:18px;
clear:both;
text-align:left;
padding:10px;
}

.periodoRassegna{
font-size:12px;
color:#999;
}

.articoloRassegna{ 
padding:5px 20px;
text-align:left;
}

.topData{
color:white;
font-size:10px;
text-align:right;
padding:0 20px;
border-left:1px white dotted;
}

.topOra{
color:white;
font-size:10px;
text-align:right;
padding-left:20px;
border-left:1px white dotted;
}

.topIndirizzo{
color:white;
font-size:10px;
text-align:left;
padding-right:20px;
}

div#topappuntamento{
display:block;
background-color:#069;
color:white;
font-size:10px;
line-height:14px;
padding:0 10px 3px 10px;
}

div#topsegnalazione{
display:block;
background-color:#900;
color:white;
font-size:10px;
line-height:14px;
padding:0 10px 3px 10px;
}

div.appuntamento{
padding:5px 0;
margin:5px 10px;
}

div.segnalazione{
padding:5px 0;
margin:5px 10px;
}

div#segnalazioneContent{
padding:5px;
}

div#appuntamentoContent{
padding:0px;
}

td.introduzione{ 
padding:5px;
margin:5px 0 5px 5px;
width:35%;
}


.intro{
width:75%;
text-align:left;
vertical-align:top;
padding-top:10px;
font-size:12px;
}

.foto{
margin:5px 0;
width:200px;
margin-right:5px;
padding-right: 5px;
border-right:1px #ccc solid;
}

.fotoProgramma{
margin:5px 0;
width:250px;
margin-right:5px;
padding-right: 5px;
border-right:1px #ccc solid;
border:0;
}

#contenSinistro img{
width:600px;
}

div.linkAppuntamento{ 
margin:0 10px;
}

div.continua{ 
margin:0 15px;
text-align:right;
clear:both;
}

#linkApp{
font-size:14px;
line-height:18px;
text-decoration:overline;
}

/*Mediateca*/
div#headerMediateca{
position:relative;
top:0;
left:0;
background-color: #990000;
height:100px;
width:960px;
}

div#rosso{
position:absolute;
top:0;
left:0;
width:100%;
background-color:#900;
height:100px;
 }

/*caratteri generali di tutto il sito*/
div.rounded{
font-weight:bold;
padding:5px 0;
margin:0 10px;
}

div.preTop{
padding:5px;
}

div#top{
font-weight:normal;

}

div.lined{
margin:0 10px 15px 10px;
padding:0 5px;
line-height:22px;
border-width:1px 0;
border-color:#ccc;
border-style:solid;
color:#069;
font-weight:bold;
text-transform: uppercase;
}

div.lined2{
margin:0 10px 15px 10px;
padding:0 5px;
line-height:22px;
border-width:1px 0;
border-color:#ccc;
border-style:solid;
color:#069;
font-weight:bold;
}

div.streaming{
margin:0 10px 15px 10px;
padding:0 5px;
line-height:22px;
border-width:1px 0;
border-color:#ccc;
border-style:solid;
color:#069;
font-weight:bold;
text-transform: uppercase;
font-size:14px;
text-decoration: blink;
}

div#top div{
padding:0 5px;
}

div#box{
margin:10px;
}

div#rassegna{
width:500px;
padding:0 15px 15px 15px;
}

a {
text-decoration:none;
color:#006699;
}

a:hover{
color:#CC6600
}

#marqueeEvidenza{
height:100px;
text-align:center;
}

#evidenza{
margin:10px;
}

#marqueeNotizie{
height:100px;
text-align:center;
}

#notizie{
margin:10px;
}

#postiSoci{
margin:5px;
}


/*programma*/

#programmaRel{
width:100%;
}

#programmaSinistra{
width:220px;
}

#programmaDestra{
padding-left:5px;
border-bottom:1px #ccc solid;
}

#programmaBasso{
margin:20px 0;
width:100%;
}

div#categorieProgramma{
font-size:14px;
line-height:20px;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
height:250px;
overflow:auto;
}

div#categorieProgramma a{
display:block;
padding:0 10px;
border-top: 1px solid white;

}

div#categorieProgramma a:hover{
background-color:#069;
color:white;
}

div#eventiProgramma{
padding:0 5px;
text-align:center;
height:250px;
overflow:auto;
}

/*{
display:block;
color:white;
background-color:#069;
}*/

#approfondimenti{
margin:5px 10px;
line-height:18px;
font-size:12px;
}

#addthis{
text-align:right;
margin:5px 0;
}

div.colonnaMediateca{
float:left;
width:190px;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
overflow:auto;
height:250px;
}

div.colonnaMediateca a{
color:#900;
display:block;
padding:0 0 0 5px;
font-size:14px;
line-height:20px;
}

div.colonnaMediateca a:hover{
color:white;
background-color:#900;
}

div.colonnaMediatecaUltima{
text-align:center;
float:left;
width:235px;
overflow:auto;
}

div#navigazioneMediateca{
margin-top:10px;
width:960px;
border-bottom:1px solid #ccc;
}

.ciclo{
color:#900;
text-transform:uppercase;
font-size:10px;
}

.ospite{
text-transform:uppercase;
font-size:10px;
}


div#wn{
position:relative;
}


.LinkRassegnaStampa{
	font-size:14px;
    line-height:24px;

}

.LinkDicono{
	font-size:14px;
}

h3{
font-size:12px;
color:#444;
}

h1{
color:#069;
}

#tramvai{
border-collapse:collapse;
border:1px #ccc solid;
margin: 30px 10px 0 20px;
width:90%;
}

/*Calendario*/
#cellaGiorno{
border-left:1px #ccc solid;
border-top:1px #ccc solid;
}

.giorno{
margin-bottom:90%;
text-align:right;
margin-right:5px;
color:#555;
font-size:12px;
}

.tabOspite{ 
background-color:white;
width:100%;
border:1px #ccc solid;
border-width:0 1px;
height:100%
}

.fotoOspite{ 
height:200px;
}

.bioOspite{
padding:10px;
text-align:justify;
}

#titoloCiclo{
background-color:white;
}

#titoloCiclo h2{
color:#900;
}

#loadarea img{
height:500px;
}

.titoloEvidenzaNews{ 
font-size:18px;
line-height:30px;

}

#elencoNews{
margin:0 10px;
}

div#data{ 
text-align:right;
color:gray;
}