﻿body
{
    margin: 0;
    padding: 0;
    text-align: center;
    background: #999999; /* colore di sfondo */
    color: #fff; /* colore del testo */
    font-family: Arial, Helvetica, Sans-Serif;
}

/* LAYOUT */
#centrato
{
    width: 872px;
    margin: auto;
    text-align: left; /* per IE5.x/Win */
}

#corpo
{
    float: left;
    width: 872px;
}

#header
{
    width: 100%;
    text-align: right;
    font-size: 11px;
}
/* Intestazione con menu a destra */
.HeaderMenu
{
    float: left;
    text-align: right;
    width: 857px;
    margin-top: 20px;
}

/* Intestazione con motivi floreali */
#HeaderLogo
{
    float: left;
    width: 135px;
    height: 114px;
    background:#999999 url(Images/landi.png) top left no-repeat;
}

#HeaderImg
{
    float:left;
    width:707px;
    height:114px;
    margin:0 15px 0 15px;
}


#colonna-1
{
    float: left;
    position: relative; /* Necessario per l'allineamento in basso del menu */
    width: 135px;
    height: 401px;
}

#colonna-2
{
    width: 737px;
    float: left;
    height: 386px;
    background-color: #ddd;
}

/* AREA NELLA COLONNA DESTRA */
#left
{
    float: left;
    width: 15px;
    height: 386px;
    background: #999999 url(Images/sfleft.png) top left no-repeat; /* impostare il colore di sfondo esadecimale */
}

#mid
{
    float: left;
    width: 707px;
    height: 386px;
    background: #666;
}

#right
{
    float: left;
    width: 15px;
    height: 386px;
    background: #999999 url(Images/sfright.png) top left no-repeat;
}

#bottom
{
    float: left;
    width: 737px;
    height: 15px;
    background: #999999 url(Images/sfbottom.png) top left no-repeat;
}


.ssproArea /* Sfondo dell'area SlideShowPro */
{
    float: left;
    width: 707px;
    height: 386px;
    
}

.pageTitle
{
    position:relative;
    top:15px;
    left:49px;
    font-size:20px;
    color:#cc9933;
}

.ssproAnimation /* Animazione Flash */
{
    float: left;
    width: 648px;
    height: 327px;
    margin-left: 35px;
    margin-top: 15px;
    padding: 10px;
}

.pageContent /* Contenuto pagina */
{
    float: left;
    width: 737px;
    margin-left: 135px;
}

.pageContent p
{
    padding: 0 20px 0 20px;
    font-size: 12px;
    text-align: justify;
}
.footer
{
    float: left;
    margin-left: 135px;
    font-family: Arial, Helvetica, Sans-Serif;
    width: 737px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    padding-top: 30px;
}
/*FINE AREA NELLA COLONNA DESTRA

/* menu_A */
.menuVerticale
{
    /* Queste due righe di testo sono necessarie per l'allineamento in basso del menu */
    position: absolute;
    bottom: -20px; /* Per compensare il padding-bottom del tag <li>    */ /* Fine */
    float: left;
    width: 135px;
    margin-bottom: 15px;
    text-align: right;
    font-family: Arial, Helvetica, Sans-Serif, Verdana;
    font-size: 10px;
}
.menuVerticale ul
{
    list-style-type: none;
}
.menuVerticale li
{
    padding-bottom: 10px;
}

.menuVerticale a:link, .menuVerticale a:visited, .menuVerticale a:active
{
    color: #fff;
    text-decoration: none;
}

.menuVerticale a:hover
{
    color: #cc0000;
    text-decoration: none;
}

/* Menu orizzontale [controllo menu_head.ascx] */
.menuOrizzontale
{
    color: #ccc;
    margin: 0;
    padding: 0;
    text-align: right;
}

.menuOrizzontale li
{
    display: inline;
    margin: 0;
    height: 0;
    border-left: solid 1px #bc9842;
    padding: 0 5px;
}

.menuOrizzontale li.primaVoce
{
    border-left: none;
}

.menuOrizzontale a
{
    white-space: nowrap;
}

.menuOrizzontale a:link, .menuOrizzontale a:visited
{
    color: #fff;
    text-decoration: none;
}

.menuOrizzontale a:hover, .menuOrizzontale a:focus, .menuOrizzontale a:active
{
    color: #cc0000;
}

/* Eventi */
.evento
{
    float: left;
    width: 320px;
    padding-bottom: 14px;
}

.descrizioneEvento
{
    float: left;
    width: 155px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

.descrizioneEvento h1
{
    font-weight: bold;
    font-size: 13px;
    color: #cc9933;
}


.descrizioneEvento p
{
    font-size: 11px;
    text-align: justify;
    color: #ccc;
}

.iconaEvento
{
    float: left;
    width: 155px;
    border: none;
    padding: 0 5px 0 0;
}

.data
{
    font-size: 11px;
    color: #ccc;
    font-weight: bold;
}

.NavBar
{
    text-align: center;
    font-size: 11px;
}

.NavBar a
{
    text-decoration: none;
}
.NavBar a:link, a:visited, a:active
{
    color: #fff;
}

.NavBar a:hover
{
    color: #cc0033;
}

/* Link Standard */
a:link, a:active, a:visited
{
color:#ffffff;
text-decoration:none;
}

a:hover
{
color:#cc9933;
}
