/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TAG HTML

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
    text-align: center;
    font-family: Verdana;
    font-size: 9pt;
    background-color: #FFF7E7;
}
p
{
    text-align: justify;
}
span.text
{
    text-align: center;
    font-size: 1.0em;
    visibility: visible;
    overflow: auto;
    color: black;
    line-height: normal;
    font-style: normal;
    position: static;
    top: 20px;
    font-variant: normal;
    text-decoration: none;
}
a:link, a:hover, a:visited
{
    color: #7C6F57;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENUTI

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ==============HEADER============ */

.Header
{
    margin: 10px;
    height: 120px;
    width: 95%;
    padding: 5px;
    position: relative;
    background-image: url(Images/Sfondo_Header.jpeg);
    background-color: #FFF760;
    background-repeat: repeat-x;
}
.Header-Left
        {
    text-align: center;
    width: 25%;
    float: left;

}
.Header-Right
{
    width: 25%;
    float: right;
}
.Header-Midle
{
    width: 45%;
    float: left;
    margin-left: 2%;
    height: 106px;

}

/* ==============CONTENUTO PRINCIPALE============ */


.Three-Column-Page
{
    position: relative;
    width: 95%;
    margin: 10px;

}
.Left-Div
{
    vertical-align: top;
    text-align: center;
    padding: 5px;
    margin: 10px;
    width: 23%;
    height: auto;
    float: left;
    background-image: url(Images/Sfondo_Div_Laterale_Sinistro.jpeg);
    background-color: #FFF760;
    background-repeat: repeat-y;
}
.Main-Content
        {
    border-width: 1px;
    border-color: #CACACA;
    width: 45%;
    float: left;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-right-style: dashed;
    border-left-style: dashed;
}
.Right-Div
        {
    padding: 5px;
    margin: 10px;
    width: 23%;
    float: right;
    height: 100%;
    background-image: url(Images/Sfondo_Div_Laterale_Sinistro.jpeg);
    background-color: #FFF760;
    background-repeat: repeat-y;
}

/* ==============COLONNA SINISTRA============ */

.LeftNews
{
    vertical-align: top;
    padding: 10px;
    margin: 5px;
    width: 85%;
}
.Contatore
{
    vertical-align: top;
    padding: 10px;
    margin: 5px;
}

/* ==============COLONNA DESTRA============ */

.Right-Edizione
{
    padding: 5px;
    margin: 5px;
    width: 85%;
}
.Edizione-Titolo
{
    text-align: justify;
    background-color: #0000FF;
    color: #FFFFFF;
}
.Edizione-Presentazione
{
    text-align: justify;
}
.Edizione-DalAl
{
    background-color: #00CCFF;
}
.Edizione-Leggi
{
    text-align: right;
    background-color: #00FFFF;
}
.CalendarioMaster
{
    vertical-align: top;
    padding: 5px;
    margin: 0px;
    width: 85%;
}

.CalendarioInattivo
{
    color: #0000ff;
    background-color: #ccffff;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NAVIGAZIONE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.MainMenu
{
    border-width: 1px;
    border-color: #CACACA;
    width: 95%;
    margin: 10px;
    padding: 5px;
    text-align: justify;
    border-top-style: dashed;
    border-bottom-style: dashed;
}
.LeftMenu
{
    text-align: center;
    padding: 5px;
    width: 85%;
}
.SiteMapPath
{
    text-align: right;
    width: 95%;
    margin: 10px;
    padding: 5px;
}
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/Contorno/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	GRUPPI DATE & CONCERTI

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Edizione, a.Edizione, a.Edizione:active, a.Edizione:hover, a.Edizione:link
{
    color: #FFFFFF;
}
.Principale, a.Principale, a.Principale:active, a.Principale:hover, a.Principale:link
{
    font-family: 'Arial Black';
    font-weight: 600;
    font-size: 30px;
    font-variant: normal;
    color: #FF3300;
    text-align: center;
}
.Spalla
{
    font-family: 'Arial Black';
    font-weight: 600;
    font-size: 20px;
    font-variant: normal;
    color: #6699FF;
    text-align: center;
}
.Spalla
{
    font-family: 'Arial Black';
    font-weight: 600;
    font-size: 20px;
    font-variant: normal;
    color: #6699FF;
    text-align: center;
}
.SecondoPalco
{
    font-family: 'Arial Black';
    font-weight: 600;
    font-size: 10px;
    font-variant: normal;
    color: #CCFF99;
    text-align: center;
}
.InizioConcertoOre
{
    text-align: center;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TITOLI

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1
{
    font-family: 'Arial Black';
    font-size: 35px;
    font-weight: 600;
    text-transform: capitalize;
    color: #3333FF;
    text-align: center;
}

/* ==============REPEATER============ */


.Data
{
    font-family: 'Arial Black';
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    color: #3333FF;
    text-align: center;
}

.TitoloSerata
{
    font-family: Arial;
    font-weight: 600;
    font-size: 20px;
    color: #CCFF99;
    text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTROLLI

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.RepeaterEdizione
{
    background-color: #00CCFF;
    border-top-style: double;
    border-top-width: 1px;
    border-top-color: #FFFF00;
}
.DivSiteNavigation
{
    width: 950px;
    text-align: center;
    vertical-align: top;
    top: 3px;
    left: -2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Footer
{
    width: 900px;
    padding: 5px;
    margin: 10px;
    background-color: #FFFFCC;
}