/*marzo 2006 sito web Tre W s.c. progettazione e gestione siti web*/
/*Layout fluido a due colonne: PAGINE INTERNE */


body{
	font-size: 80%;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(../immagini/sfondoverde2.gif);
	background-repeat: repeat;
}
/*intestazione contiene logo e marchio Tre W*/
div#header{
	width:100%;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
} 
/*letteralmente "involucro" contenitore di destra che gestisce il contenuto con sfondo bianco per differenziarsi dal body con sfondo verde*/
div#wrapper{
	float: right;
	width: 100%;
	margin-right: -352px;
	margin-top: 0px;
	background-color: #FFFFFF;
	margin-bottom: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccddbb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccddbb;

}
/*contenuto*/
div#content{
	margin-right: 352px;
	margin-top: 0px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 10px;
	margin-bottom: 0px;

}
/*prima colonna di sinistra con i collegamenti della navigazione contestuale*/
div#navigation{
	float: left;
	width: 350px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccddbb;
	background-image: url(../immagini/sfondoverde2.gif);

}

/*seconda colonna posizionata sotto quella della navigazione contestuale per le foto, gli approfondimenti e la navigazione locale*/

div#extra{
	float: left;
	clear: left;
	width: 350px;
	padding: 0px 0px 5px;
	margin: 0px;
	background-image: url(../immagini/sfondoverde2.gif);

}
/*pič di pagina*/
div#footer{
	clear: both;
	width: 100%;
	height: 40px;
	margin-top: 5px;
	text-align: left;
	vertical-align: middle;
	padding-top: 15px;
	font-size: 80%;
}


/*home page: stile dei box di progettualita, accessibilita e visibilita con all'interno un box per le immagini*/
.box00{
	width: 90%;
	text-align: left;
	padding: 5px;
	margin: 25px 5px 5px;
	background-color: #FFFFFF;

}
.box{
	width: 90%;
	padding: 5px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;

}

.sx_foto{
	width: 150px;
	padding: 0px;
	float: left;
	border: none;
	height: 150px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 50px;

}

#dx1{
	text-align: left;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #cccccc;
	background-image:  url(../immagini/pat.jpg);
	float: right;
	background-repeat: no-repeat;
	width: 50px;
	height: 49px;
	background-position: center center;

}

#dx2{
	text-align: left;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #cccccc;
	background-image:  url(../immagini/katia.jpg);
	float: right;
	background-repeat: no-repeat;
	width: 50px;
	height: 42px;
	background-position: center center;


}
#dx3{
	text-align: left;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #cccccc;
	background-image:  url(../immagini/claudio.jpg);
	float: right;
	background-repeat: no-repeat;
	width: 50px;
	height: 65px;
	background-position: center center;
}

/*stile bordo box*/
.bordo {
	margin: 2px;
	border: 1px solid #99CC33;
	padding: 5px;

}



/*titoli e paragrafi*/

h3{
	font: lighter 230%/0.95 "Century Gothic", Verdana, sans-serif;
	color: #FF6600;
	padding-left: 5px;
}

h4{
	color:#333333;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	width: 93%;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 190%;
	font-style: normal;
	line-height: 0.95;
	font-weight: normal;
	font-variant: normal;


}

h5{
	font: lighter normal 150%/0.95 Verdana, sans-serif;
	color: #333333;
	padding-left: 5px;
	
}
p {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;

}
/*stile bordo immagine*/
.cornice {
	border-top: 1px solid #ccddbb;
	border-bottom: 1px solid #ccddbb;

}

/* stile dei link*/

a:link {
	color: #0066cc;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
a:visited {
	text-decoration: none;
	padding: 0px;


}
a:hover {
	color: #0066cc;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*semplice lista non ordinata con punto elenco quadrato*/
#lista li {
	list-style-type: square;
}
.immagini {
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}


/* stili carattere */

.sottotitolo_verde {
        font-size: 1.60em;
	font-family: Georgia, 'Times New Roman', serif;
	color: #7BBB15;
	text-align: left;
        font-weight: 100; }

.titolo_verde {
	font-family:  'Tahoma', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.75em;
	letter-spacing: 0.1em;
	line-height: 1.1em;
	margin:0px;
	text-align: left;
	text-transform: uppercase;
	color: #7BBB15;
}

.titolo_natale {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.75em;
	line-height: 1.5em;
	margin:0px;
	text-align: center;
	text-transform: none;
	color: #CC0000;
	font-style: oblique;
	text-decoration: blink;

}