* {
    margin: 0 ;
    padding: 0;
}

body{
    font-family: "Comic Sans MS", cursive, sans-serif;
/*    font-family:verdana, "Trebuchet MS",fantasy,  arial,sans-serif;*/
    font-size: 75%;
/*    background-image: linear-gradient(to bottom, #FFFFFF 0%, #ff0 150%); */
/*    background: #fff  url(../images/sabbia1_tran.jpg) repeat 0 0;*/
/*    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFC0CB 200%); */
/*    background-image: linear-gradient(to bottom, #FFFFFF -20%, #F0DC82 100%); */
/*    background-image: linear-gradient(to bottom, #FFFFFF -20%, #F0E68C 100%); */
    background-image: linear-gradient(to bottom, #FFFFFF -20%, #F7E89F 100%); 

    }

ol li{
        list-style: decimal-leading-zero;
}

/* HEADER */

#header{
        width: 100%;
        height: 36px;
        background-color: #5E86C1;
	font-size:0.9em;
}
#header ul{
        margin: 0 auto;
        padding:0 0 0 620px;
        display: block;
        width: 380px;
	font-weight: bold;
}

#header li{
        display: inline;
        margin: 0;
        padding:0 8px;
}

#header a:link, 
#header a:visited{
        color: #fff;
	line-height:36px;
        text-decoration:none;
	
/*        font-variant:small-caps;*/
}


/* TESTATA */

#testata
{
    width: 960px;
    height: 296px;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    position: relative; 
}

#logo 
{
        margin:0 0 0 0;
	padding: 0;
        position:absolute;
	top:0;
	left:12px;
	z-index:3;
        width: 216px;
}

#logo a
{
        display: block;    
        width: 350px;
        height:216px;
        text-indent:-9999px;
        background: transparent url(../images/logo2.png) no-repeat 0 0;
}

#best
{
    position:absolute;
    bottom:40px;
    right:20px;
/*    float:right;*/
    z-index:3;
}

#gandhi
{
    position:absolute;
    width:500px;
    top:30px;
    right:20px;
    line-height: 2em; 
    text-align: right;   
    z-index:3;
    color:#000;
}

#gandhi
{
/*    text-shadow: 1px 1px 10px #5E86C1;*/
}


.cit span
{
    font-weight: bold;
}

#figure
{
        display: block; 
	position:absolute;
	bottom:0;
	z-index:2;
        width: 954px;
        height: 140px;
	margin: 0 auto;
	padding:0;
	background:  transparent url(../images/home_2.png) no-repeat 0 0;
	border-width: 3px 3px 0 3px;
	border-style: solid;
	border-color: #5E86C1;
}


/* MENU */


#menu{
	padding:0;	
	margin: 0 auto;
	width: 960px;
	height: 36px;
	position:relative;
	font-size:1.2em;
	font-weight: bold;
}

div#menu ul{
    list-style-type:none;
}

.elenco li{

	float: left;
	width: 240px;
	height: 36px;
	margin:0;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background-color: #5E86C1;
	padding:0;
}

.elenco li a{
	display: block;
        width:240px;
	line-height:36px;
	color: #fff;
	font-weight: bold;
/*        font-variant:small-caps;*/
        text-decoration:none;
}
.elenco a:hover{
        width:240px;
	line-height:36px;
	background: #fff;
	color:#5E86C1;
	padding:0;
}
.sub-elenco{
	visibility: hidden;
}
.elenco li:hover .sub-elenco{
	visibility: visible;
}
.sub-elenco li{
        margin:0;
	padding:0;
	background:#5E86C1;
	color:#ffffff;
}
.sub-elenco li:hover{
	width: 240px;
	color:#5E86C1;
	background:#ffffff;
}
.ultimo-sub
{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


/* CONTENUTI */

#contenuti
{
    clear:both;
    width: 960px;
    height: 460px;
    margin: 40px auto;
    padding: 0;
}

#benvenuto
{
    float:left;
    width:320px;
    height:100%;
    background-color: #ffffff;
    box-shadow:  0px  0px 10px #dedede;
    margin: 0;
    
}

.flusso
{
    padding: 20px;
    font:1em;
    line-height: 1.7em;
    text-align: left;
}

.log{
    float:left;
    padding: 8px 20px 20px 4px;
}

.avatar{
    float:left;
    padding: 8px 20px 10px 4px;
}

#news
{
    float:right;
    width:600px;
    height:100%;
    background-color: #ffffff;
    margin: 0;
    box-shadow:  0px  0px 10px #dedede;
}

#news_ins
{
    width:564px;
    margin: 0 auto;
}

#news_ins img

{
   margin: 0 auto;
   margin-top:20px;
}

#news_ins p
{
    margin:8px;
    font-size:1.5em;
    text-align: center;    
}

#news_ins span
{
    font-weight:bold;
    color:red;
}


.titoli
{
    height:36px;
    margin:0 auto;
    line-height:36px;
    text-align:center;
    color:#FFFFFF;
    background-color:#5E86C1;
/*    border-bottom: 1px solid #5E86C1;*/
/*    margin-bottom: 8px;*/
}

#prossimo
{
/*    background:blue;*/
/*    pagging-top:3px;*/
/*    height:700px;*/
}

.pros
{
    padding: 4px;
    font-size:1.2em;
    color: red;
    font-weight:bold;
}

.appuntamenti
{
    height:80px;
    width:564px;
    background: red;
    margin: 8px, auto;
}

.uno{
    background: transparent url(../images/blue.png) no-repeat 0 0;
}

.due{
    background: transparent url(../images/yellow.png) no-repeat 0 0;
}

.tre{
    background: transparent url(../images/brown.png) no-repeat 0 0;
}


.space{
    height:8px;
/*    background:yellow;*/
}

.data
{
    float:left;
    width:100px;
/*    height:90px;*/
    text-align:center;
    border: 2px solid #000;
    background: #fff;
}

.data span
{
    font-size:1.6em;
    font-weight:bold;
    line-height: 1em;
}

.data em
{
    font-weight:normal;
    line-height:0.6em;
}

.data strong
{
    line-height: 1em;
    font-size:3em;
    color:#5E86C1;
}

.tit
{
    font-size:1.2em;
    text-align:center;
    padding: 3px;
}

.tit em
{
    font-size:0.8em;
}

/* MENU 2 */

/* MENU 2 */

#menu2
{
    width: 1032px;
    height: 228px;
    margin: 40px auto;
    padding: 0;
}

.botton 
{
    position:relative;
    float:left;
    width:272px;
    height: 228px;
    margin:0 36px;
    z-index:2;
    box-shadow:  0px  0px 10px #dedede;
}

.key
{
    position:absolute;
    bottom:0;
    right:0;
    height:26px;
    width:272px;
    background-color:#5E86C1;
    color: #FFF;
    line-height:1.8em;
    font-size:1.4em;
    font-weight: bold;
    text-align: center;
    z-index:3;
    font-variant:small-caps;
}

/* FOOTER */

#Afooter{
    clear: both;
    width: 960px;
    height:220px;
    margin: 40px auto;
    color: #FFFFFF ;
    background-color: #5E86C1;    
    padding: 10px 0 10px 0;
}

#indice{
/*    position:relative;*/
    float:left;
    width:638px;
    height:200px;
}

.ind
{
    float:left;
    display:block;
    width:212px;
    height:140px;
    padding: 30px 0;
    line-height: 2em; 
    font-weight: bold;
    text-align: center;
}
.ind a
{
    text-decoration:none;
    color: #FFFFFF;
}

.ind ul
{
list-style-type: none;
}

#partner{
    float:right;
    width:320px;
/*    height:200px;*/
    text-align: center;
/*    background:#fff;*/
    border-left:2px solid #fff;
}

.ref_s
{
    float:left;
    width:80px;
    height: 80px;
    margin:10px 20px 10px 60px;
/*   background: transparent url(../images/Progettiedeventi_3.png) no-repeat 0 0;*/
}

.ref_d
{
    float:right;
    width:80px;
    height: 80px;
    margin:10px 60px 10px 20px;
/*   background: transparent url(../images/Progettiedeventi_3.png) no-repeat 0 0;*/
}


.part{
    color:#000;
}

#footer                                                                                                                                        
{
    clear: both;
    width: 960px;
/*    height:70px; */
    overflow:hidden;
    margin: 0 auto;
    color: #FFF;
    background-color: #0B0B61;
}

.foo
{
    float:left;
    width:500px;
    padding:20px;
    text-align: left;
    font-size: 0.8em;
}

#author
{
    float:right;
    width:300px;
    padding:65px 10px 0 0px;
    text-align: right;
    font-size:0.7em;
}