/* CSS Document */

body {
	padding:1px;
	margin:0;
	background-image: url(../foto/Righe_e_sfondi/gradiente_sfondo.png);
	background-repeat: repeat-x;
	color: #FFF;
	font-family: "Comic Sans MS", cursive;
	font-size: 10px;
}

/*crea box liquido*/
#contenitore{
	clear:left;
	padding:0px;
	width:70%;
	height:auto;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: ridge;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #B7C6D0;
	border-left-color: #B7C6D0;
	border-top-width: medium;
	border-top-color: #B7C6D0;
	margin-top: 2.5em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

/*formattazione data*/
.input {
	border-style: none;
	font-family:"Comic Sans MS", cursive;
	font-size:10pt;
	color : #FFF;
	font-weight: normal;
	font-style:normal;
       }

/* utilizzato per contenere il form */
#boxcentro {
	width: 40%;
	height:auto;
	border: solid thin #930;
	margin: auto;
	padding: 5px;
	background-color: #F3ECE4;
}

#box1 {
	background-color:#FFF;
	width: 98%;
	height:auto;
	border: none;
	padding: 5px;
	margin: auto;
}
#box2 {
	background-image:  url("../foto/Righe_e_sfondi/sfondo3.jpg");
	width: auto;
	height:auto;
	border: 2px inset #930;
	padding: 5px;
	margin: auto;
}

#testa{
	width: auto;
	height: auto;
	color: #ffffff;
	background-color: #a4b8cf;
	margin: auto;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
	border-top-style: none;
	border-bottom-width: medium;
	border-bottom-style: ridge;
	border-bottom-color: #B7C6D0;
}

/*utilizzato per i contenuti del piede*/
#piede {
	width: auto;
	height: 35px;
	margin: 1px;
	padding: 0px;
	background-color: #a4b8cf;
	border-top-width: thin;
	border-top-style: double;
	border-top-color: #FFF;	
}


/* CONTENITORI DEI BORDI E DEL CONTENUTO DEL BOX */
div.BORDI {
    clear:left;
    margin:auto;
    height:auto;
}

div.CONTENUTO {
	color: #000000;
	margin:auto;
	padding: 5px;
	background-color: #a4b8cf;
}

/* CREAZIONE DEGLI ANGOLI SMUSSATI */
span.TOP, span.BOTTOM {
	display: block;
	background-color: #084a8a;
}

span.TOP span, span.BOTTOM span {
	display: block;
	overflow: Hidden;
	height: 1px;
	background-color: #a4b8cf;
}

span.RIGA1{margin: 0 5px;}

span.RIGA2{margin: 0 3px;}

span.RIGA3{margin: 0 2px;}

span.TOP span.RIGA4, span.BOTTOM span.RIGA4{
	margin: 0 1px;
    height: 2px;
}

/* Codice HTML per ottenere cornici con bordi arrotondati nel punto di inserimento

<div class="BORDI">
<span class="TOP">
<span class="RIGA1"></span>
<span class="RIGA2"></span>
<span class="RIGA3"></span>
<span class="RIGA4"></span>
</span>
</div>

<div class="CONTENUTO">
 inserire qui i contenuti della cornice
</div>

<div class="BORDI">
<span class="BOTTOM">
<span class="RIGA4"></span>
<span class="RIGA3"></span>
<span class="RIGA2"></span>
<span class="RIGA1"></span>
</span>
</div>
       */

/* CONTENITORI DEI BORDI E DEL CONTENUTO DEL BOX (1) */
div.BORDI1 {
    clear:left;
    margin:auto;
    height:auto;
}

div.CONTENUTO1
{
	background-color: #D5793C;
	color: #000000;
	padding: 5px;
}

/* CREAZIONE DEGLI ANGOLI SMUSSATI (1) */
span.TOP1, span.BOTTOM1 {
	display: block;
	background-color:  #FFF;
}

span.TOP1 span, span.BOTTOM1 span {
	display: block;
	overflow: Hidden;
	background-color: #D5793C;
	height: 1px;
}

span.RIGA1_1{margin: 0 5px;}

span.RIGA2_1{margin: 0 3px;}

span.RIGA3_1{margin: 0 2px;}

span.TOP1 span.RIGA4_1, span.BOTTOM1 span.RIGA4_1 {
	margin: 0 1px;
    height: 2px;
	width:auto;
}


/* Codice HTML per ottenere cornici con bordi arrotondati (1)

<div class="BORDI1">
<span class="TOP1">
<span class="RIGA1_1"></span>
<span class="RIGA2_1"></span>
<span class="RIGA3_1"></span>
<span class="RIGA4_1"></span>
</span>
</div>

<div class="CONTENUTO1">
 inserire qui i contenuti della cornice
</div>

<div class="BORDI1">
<span class="BOTTOM1">
<span class="RIGA4_1"></span>
<span class="RIGA3_1"></span>
<span class="RIGA2_1"></span>
<span class="RIGA1_1"></span>
</span>
</div>

*/

.Listatogrande {
	font-family: "Georgia", Times, sans-serif;
	font-size: 12px;
	color: #330066;
	list-style-type: circle;
	font-style: italic;
	text-decoration: none;
	text-align: left;

}
.listatoitalic {
	font-family: "Georgia", Times, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #330066;
	list-style-type: circle;
	text-align: left;
}
.listatonormale {
	font-family: "Georgia", Times, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #330066;
	list-style-type: disc;
	text-align: left;
	font-style: normal;
}
a:link {
	border: 0px;
	text-decoration: none;
	font-family: "Comic Sans MS", Arial, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	/*clear: both;*/
}
a:visited {
	border: 0px;
	text-decoration: none;
	font-family: "Comic Sans MS", Arial, sans-serif;
	font-style: italic;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	font-family: "Comic Sans MS", Arial, sans-serif;
	color: #360;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}

#posizionesinistra {
	float: left;
	margin: 5px 5px 5px 5px;
	border: thin solid #990000;
	vertical-align: top;
	
}
#posizionedestra {
	float: right;
	margin: 5px 5px 5px 5px;
	border: thin solid #990000;
	vertical-align: top;
}

/*fissa l'immagina in un punto pecifico del body1*/
#posizioneimm_ {
	position: absolute;
	visibility: visible;
	z-index: 5;
	height: auto;
	width: auto;
	left: 5em;
	top: 10em;
	right: auto;
	bottom: auto;
	padding: 5px;
	border: none;
}


.Firma {
     font-family: "Comic Sans MS", Arial, sans-serif;
	 color: #FF0000;
	 font-size: 11px;
	 text-align: right;
	 font-weight: lighter;
	 font-style: italic;
}
#home{
	border: none;
	}
#contatti{
	border: none;
    }
#biografia{ 
           border: none;
    }
#foto1{
	border: none;
	  }
#foto2{
      border: none;
	  }
#foto3{
       border: none;
	   }
#foto4{
       border: none;
	   }   
#foto5{
       border: none;
	   }
p {
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-style: normal;
	color: #384758;
	text-decoration: none;
	text-align: justify;
}
		   
p.destro {
	text-align: right;
	text-indent: 12px;
} 
p.giustificato {
	text-align: justify;
	text-indent: 12px;
				}

p.sinistro {
	text-align: left; 
	text-indent: 12px;
}
p.centro {
	text-align: center;
	text-indent: 12px;
}

.GeorgiaRosso11px {
	font-family: "Georgia", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	color: #CC0000;
	font-weight: normal;
}

.GeorgiaRosso12px {
	font-family: "Georgia", Arial, sans-serif ;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #CC0000;
	font-weight: normal;
}

.GeorgiaRosso13px {
	font-family: "Georgia", Arial, sans-serif ;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	color: #CC0000;
	font-weight: normal;
}

.GeorgiaRosso15px {
	font-family: "Georgia", Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	color: #CC0000;
	font-weight: bold;
}
.Comic {
	font-family: "Comic Sans MS", cursive;
	font-size: 15px;
	font-style: normal;
	line-height: normal;
	color: #22325B;	 
}
.Comic1 {
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	color: #22325B;	 
}
.Comic2 {
	font-family: "Comic Sans MS", cursive;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #22325B;	 
}
.h1 {
	font-family: "Comic Sans MS", cursive, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	color: #22325B;
	}
.h2 {
    font-family: "Comic Sans MS", cursive, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #22325B;
	}
.h3 {
    font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #22325B;
	}
.h4 {
    font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	color: #22325B;
	}
.h5 {
    font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #22325B;
	}
.h6 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #22325B;
}
.Georgiacolor {
	font-family: "Georgia", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}

table {
	/*background-color: #FFF;*/
	margin: 2px;
	padding: 2px;
	height: auto;
	text-align:left;
	width: 100%;
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-style: italic;
	color: #600;
}
td {
	/*background: #FFF;*/
	height: auto;
	width: auto;
	margin: 2px;
	padding: 2px;
}

label {
	text-align: left;
	vertical-align: middle;
	font-family: "Comic Sans MS", cursive;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #22325B;
}
