/* CSS Document */
/*Formattazione della pagina*/
/********************************************
self made by lorettabweb.net *******************
*10/04/2012 ****************
*http://www.lorettabweb.net ***************
*For problem or congratulation's, contact me *
*email to : staff@lorettabweb.net *********
*Thank you @_@****************************
*********************************************/

html{
	background: #D2D2D2 url(images/body.jpg) repeat fixed top;
	height: 100%;
	margin: 0;
}

body  {
	background: transparent url(images/vaso.png) no-repeat fixed left top;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
}

  /*Formattazione del box contenitore*/
div#contenitore  {
	width: 70%;
	background: transparent url(images/fondo.png) repeat-x fixed top;
	color: #2F2F2F;
	margin: 10px auto 10px auto;
	padding: 5px;
	border: 1px solid #9C9C9C;
}

div#header  {
	width: 100%; /*necessario per estendere in larghezza il box*/
	height: 150px; /*altezza fissa del box*/
	background: transparent url(images/logo.png) no-repeat center top 99% ;
	border-bottom: 1px solid #474747;
}

div#sub  {
	width: auto; /*necessario per estendere in larghezza il box*/
	background-color: transparent;
	color: #000000;
}

  /*Formattazione del box di sinistra contenuto nel subheader*/
div#footer {
	clear: both; /*libera i lati del box*/
	font: italic normal 10px/16px Thaoma, Verdana, Geneva, sans-serif;
	width: auto; /*necessario per estendere in larghezza il box*/
	background-color: transparent;
	border-top: 1px solid #474747;
	color: #474747;
	text-align: right;
	padding: 10px 1px 10px 1px;
	text-align: center;
}

p{
   color: #000000;
	font: normal normal 12px/18px Thaoma, Verdana, Geneva, sans-serif;
	margin: 6px 6px 0 6px;
	padding: 0 10px 0 10px;
	text-align: justify;
}

p.clear {
	clear:both;
} 

hr {
	color: #5F2710;
	height: 1px;
	width: auto;
}

span {
	color: #2F2F2F;
}

ul,li{
	text-align: left;
	font: italic normal 12px/20px Thaoma, Verdana, Geneva, sans-serif;
	list-style: none;
}

blockquote {
	background: transparent url(images/cella.png);
	border: 1px dotted #8b0000;
	color: #660000;
	font: italic normal 12px/18px Thaoma, Verdana, Geneva, sans-serif;
	margin: 10px auto 10px auto;
	padding: 5px 3px 3px 3px;
	width: 80%;
}
/* ****************** TITOLI ******************* */

h1 {
	background: transparent url(images/cella.png);
	border-bottom: 1px solid #8b0000;
	border-left: 1px solid #eea0a0;
	border-right: 1px solid #cd1f1f;
	border-top: 1px solid #FBDFDF;
	color: #8B0000;
	font: normal 34px "Monotype Corsiva";
	margin: 0 auto 10px auto;
	padding: 3px 3px 3px 3px;
	width: 60%;
	text-align: center;
}

h2{
	background: transparent url(images/cella2.png);
	border-bottom: 1px dotted #8B0000;
	color: #8B0000;
	font: normal 24px "Monotype Corsiva";
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;	
}

h3 {
	border-bottom: 1px dotted #8B0000;
	color: #8B0000;
	font: normal 22px "Monotype Corsiva";
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;		
} 

h4{
	background: transparent url(images/barraMenuOn.jpg) repeat-x;
	color: #8B0000;
	font: normal 20px "Monotype Corsiva";
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	width: auto;
}

h5 {
	color: #2F2F2F;
	font: normal 18px "Monotype Corsiva";
	margin: 0;
	text-align: center;
}
   
h6 {
	color: #8B0000;
	font: normal 16px "Monotype Corsiva";
	margin: 5px 0 5px 0;
	text-align: center;
	vertical-align: bottom;
}	

/* ****************** CLASSI ******************* */

.border{
	border: 1px dotted #8B0000;
	padding: 10px 5px 5px 5px;
	vertical-align: middle;	
	width: auto;
}

.border100{
	border: 1px dotted #8B0000;
	padding: 10px 5px 5px 5px;
	vertical-align: middle;	
	width: 80px;
}

.border_right{
	border-right: 1px dotted #8B0000;
	padding: 10px 5px 5px 5px;
	vertical-align: middle;
	width: 180px;
}

.left{
	text-align: left;
}

.bottom{
	border-bottom: 1px dotted #8B0000;
	padding: 5px 5px 5px 5px;
}

.cards{
	font-size: 18px;
	font-style: italic;
	font-stretch: expanded;
	font-family: "Monotype Corsiva";
}

.cita{
	color: #2E2E2E;
	font: normal normal 11px/18px Thaoma, Verdana, Geneva, sans-serif;
	text-align: left;	
}

.cita_i{
   color: #8B0000;
	font: italic normal 11px/18px Thaoma, Verdana, Geneva, sans-serif;
}

.ico{
	vertical-align: middle;
	margin: 0 2px 5px 2px;
}

.info{
	background: transparent;
	font: normal 18px "Monotype Corsiva";
	color: #2e2e2e;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.line{
	border-top: 1px solid #8B0000;
	margin: 5px auto 5px auto;
	width: 60%;
	vertical-align: middle;
}

.risposta{
	color: #2E2E2E;
	font: italic normal 12px/18px Thaoma, Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
}

.nota_i{
   color: #2E2E2E;
	font: italic normal 11px/18px Thaoma, Verdana, Geneva, sans-serif;
	text-align: center;
}

.testo_rosso {
	font-weight: bold;
	color: Red;
}

.red{
	color: Red;
	font-weight: bold;
}

/* ****************** MENU' ******************* */

div#nav{
	color: #333366;
	height: 30px;
	font-size: 14px;
	font-weight: bolder;
}

div#nav ul {
    list-style: none; /* elimino i punti elenco */
    margin: 0px 0px 0px 0px; /* elimino i rientri delle liste */
    padding: 0px 0px 0px 0px; /* elimino i rientri delle liste */
}

div#nav li {
	display: inline; /* mette gli elementi della lista in linea */
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 5px;
}

div#nav li a{
	color: #EEF7E6;
	text-decoration: none;
}

div#nav li a:hover, 
div#nav li a:focus, 
div#nav li a:active {
    color: #333366;
    /*border-bottom: 5px solid #A5A5A5;*/
} 

  
  /* links */
  
a:link, a:visited {
   text-decoration: none;
   color: #474747;
} 

a:hover {
	text-decoration: none;
	color: #8B0000;
} 

a:active, a:focus {
	color: #474747;
}
/* ****************** TABELLE******************* */

.leggimi {
	margin: auto;
	width: auto;
	background: transparent;
	/*border: 1px dotted #8b0000;*/
	font: italic normal 12px/20px Thaoma, Verdana, Geneva, sans-serif;
	text-align: left;
}

.tabella_it {
	width: auto;
	background: transparent;
	/*border: 1px dotted #000000;*/
	border-collapse: collapse;
	font-size: 12px;
}

.tabella_it td {
	background: transparent;
	font-style: oblique;
	color: #000000; 
	/*border: 1px solid #8B0000;*/
	text-align: left;
	vertical-align: middle;
	padding: 0 5px 5px 5px;
}

.tabella_it th {
	background: transparent;
	font: normal 20px "Monotype Corsiva";
	color: #8B0000;
	/*border: 1px dotted #8B0000;*/
	vertical-align: middle;
	padding: 5px;
}
/*
td, th {
	vertical-align: top;
	
}
*/
td.centrata {
	text-align: center;
}
/*==========================================*/

/*
PER il BOX del modulo
*/
.sub_content {
	margin: auto;
	font: normal 11px/18px Thaoma Verdana Geneva sans-serif;
	background-color: transparent;
	padding: 25px;
	width: 75%;
}

/*
PER il leggimi
*/
#main {
	margin: auto;
	font: normal 11px/18px Thaoma Verdana Geneva sans-serif;
	background-color: transparent;
	padding: 25px 15px 10px 15px;
	width: 90%;
}