/******************************************/
/* Struttura dei tags fondamentali */
/******************************************/

body{color : #000;
background :  #FFFFc0 url(immagini/bg.jpg);
font : 18px verdana,arial,sans-serif;
padding : 1%;
}

/* Struttra da usare come Titolo */
h1{	
font-size:26px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align : center;
font-weight: bold;
}

/* Struttra da usare come Titoletto/sottotitolo */
h3{	
font-size:22px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align : center;
}

h2{	
font-size:22px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align : left;
}

h4{
font-size:20px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align : left;
font-weight: bold;
color:#00008b;
background :  #FFFFc0 url(immagini/bg.jpg);

}

.blu {
padding : 30px 10px;
color:#00008b;
background :  #FFFFc0 url(immagini/bg.jpg);
}

/* Struttura dei paragrafi */
p{
color :black;
background :  #FFFFc0 url(immagini/bg.jpg);
}

ul{
color :black;
background :  #FFFFc0 url(immagini/bg.jpg);
}

p.italico{
font-style:italic;
}

img{
border: none;
}

/******************************************/
/* Struttura dell'Header */
/******************************************/

/* Struttura dell'Header */
#header{
background : #FF9300 url(immagini/header2.gif);
border : 1px  /*dotted*/ #c60;
color : #009; 
height :66px;/* (font-size)+(padding * 2) <= (height) */
}

.VertAlignHeader{
font-size:26px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
font-weight:bold;
text-align : left;
padding : 16px 20px;
}
.subtitle{
color :black;
background :  #FFFFc0 url(immagini/bg.jpg);
font-size:14px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
font-style:italic;
font-weight:normal;
}


/* Struttura dei link sotto l'Header */
#headerc{ 
background : #FFFFC0 url(immagini/bg.jpg);
color : #007; 
text-align : left;
/* border : 1px solid #f93; */
/*border : 1px solid yellow;*/
padding : 2px;
font : 90% verdana,arial,sans-serif;
}

/* Struttura degli anchor sotto l'Header */
#headerc a{
background : #FFFFC0 url(immagini/bg.jpg);
color : #00008b;
text-decoration : none;
}
#headerc a:visited{
background : #FFFFC0 url(immagini/bg.jpg);
color : #00008b;
text-decoration : none;
}
#headerc a:hover{
background : #FFFFC0 url(immagini/bg.jpg);
color: blue;
text-decoration : underline;
}

/******************************************/
/* Struttura colonna sinistra */
/******************************************/
#colonna-sx {display: block;
background : #FFFFC0 url(immagini/bg.jpg);
color : #600;
font : 80% verdana,arial,sans-serif;
float : left;
width : 17%;/*colonna-sx +informazioni+margin=100%*/
text-align : left;
padding : 2px;
border : 1px  /*dotted*/ #c60;
}

/* Struttura degli anchor della colonna sinistra */
#colonna-sx a{color : #00008b;
text-decoration : none;
background : #FFFFC0 url(immagini/bg.jpg);
}
#colonna-sx a:hover{color : blue;
text-decoration : underline;
background : #FFFFC0 url(immagini/bg.jpg);
}


/* Struttura del box della colonna sinistra */
#colonna-sx .linksa{color : #00008b;
background : #FFFFC0 url(immagini/bg.jpg);
text-align : left;
border : 1px dotted #c60;
padding : 2px;
}
/* Struttura delle img nel box della colonna sinistra */
#colonna-sx .immaginesx{
text-align : center;
padding : 5px;
border:none;
}

/* Struttura del titoletto del box nella colonna sinistra */
#colonna-sx .titoletto{background : #FFFFC0 url(immagini/bg.jpg);
text-align : left;
color: #00008b;
font-weight:bold;
}

/******************************************/
/* Struttura della Finestra principale */
/******************************************/
#informazioni {background : #FFFFC0 url(immagini/bg.jpg);
text-align : center;
font : 90% verdana,arial,sans-serif;
color : #00008b;
float : left;
display: block;
width : 81%;/*colonna-sx +informazioni+margin=100%*/
}

/******************************************************/
/* Struttura della Finestra del Regolamentoprincipale */
/******************************************************/
#regolamento {background : #FFFFC0 url(immagini/bg.jpg);
text-align : center;
font : 90% verdana,arial,sans-serif;
color : #00008b;
margin:auto;
display: block;
width : 81%;/*colonna-sx +informazioni+margin=100%*/
}

/* Struttura degli anchor della finestra principale */
#informazioni a{ color : #00008b;
text-decoration : none;
background : #FFFFC0 url(immagini/bg.jpg);
}

#informazioni a:hover{color : blue;
text-decoration : underline;
background : #FFFFC0 url(immagini/bg.jpg);
}

.h3_red{
font-size:22px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align : center;
background : #FFFFC0 url(immagini/bg.jpg);
color : #FF0000;
}

/* Struttura per posizionare a sx della finestra principale */
.left{float : left;
text-align : left;
font-size:150%;
/*border : 1px solid #c60;*/
}

/* Struttura per posizionare a dx della finestra principale */
.right{float : right;
text-align : right;
padding:0px 0px;
}

/* Struttura che posiziona un riquadro nella finestra principale
usata  come intestazione principale*/
.top{
float : left;
background : #FFFFC0 url(immagini/bg.jpg);
text-align : left;
font : 90% verdana,Arial,sans-serif;
color : #00008b;
margin-top : 2px ;
padding : 0px 0px 0px 10px;
border : 1px solid #c60;
width : 100%;
}

/*da usare al posto di top quando voglio inserire hr come separatore*/
.top_hr{
float : left;
background : #FFFFC0 url(immagini/bg.jpg);
text-align : left;
font : 90% verdana,Arial,sans-serif;
color : #00008b;
margin-top : 2px ;
padding : 0px 0px 0px 10px;
width : 98%;/*attenzione non puo' essere 100% altrimenti IE6 interpreta male i margini 
							e va capo raddoppiando alcune lettere dell'ultima parola.*/

}

.top_scroll{
height:250px;
overflow: scroll;
}

.VertAlignTop{float:inherit;
font-size:20px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align :left;
padding-bottom:40px;
padding-left:40px;
}

.HeaderTop{float:left;
font-weight:bold;
font-size:20px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align :left;
padding:10px;
width:100%
}

/* Struttura usata per descrivere la presentazione */
.Description{float:inherit;
font-size:18px;
font-family:"Comic Sans MS", verdana, helvetica, sans-serif ;
text-align :left;
padding-bottom:20px;
padding-left:20px;
}


/* Struttura che posiziona un riquadro nella finestra principale
usata  per contenere la presentazione */
.middle{float : left;
background : #fff url(immagini/bg.jpg);
text-align : left;
font : 90% verdana,arial,sans-serif;
color : #00008b;
margin : 2px 0;
padding : 2px;
/*border : 1px dotted #000;*/
width : 100%;
}


/* Struttura che posiziona un riquadro nella finestra principale
usata come fondo pagina */
.down{float : left;
background : #ccc ;
text-align : center;
font : 90% verdana,arial,sans-serif;
color : #00008b;
margin : 2px 2px 0 0;
padding : 2px;
border : 1px solid #c60;
width : 100%;
}