@charset "UTF-8";
/* ANIMAZstudio - CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body  {
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #669966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg_head-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0;
	padding: 0px;
}
#top {
	background-image: url(../images/bg_headerbar_green.jpg);
	background-repeat: repeat-x;
}
#wrap {
	background-image: /*url(../images/bg_shad.jpg)*/;
	background-repeat: /*repeat-y*/;
	background-position: /*0px 0px*/;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background: #ffffff;	
}

#container {
	width: /*780px*/;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: /*url(../images/ico_sign.gif)*/;
	background-repeat: /*no-repeat*/;
	background-position: /*99% 89%*/;
} 

#header {
	background-color: transparent;
} 
#header a {
	text-decoration: none;
	color: #FFFFFF;
}
#header a:hover {
	color: #006600;
}

#header h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
	overflow: hidden;
	font-weight: normal;
	font-size: 34pt;
	visibility: hidden;
}
#header h1 span  {
	font-size: 0.39em;
	font-weight: normal;
}
#header h1 span a {
	font-weight: normal;
}
#header span a:hover {
}
#header  span .active {
	font-size: 100%;
}
#header .webdesign {
	background-image: url(../images/bg_head_webdesign.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#mainContent {
	margin: 0 0 0 250px; /* il margine destro di questo elemento div crea la colonna sul lato destro della pagina; indipendentemente dalla quantità di contenuto presente nel div sidebar1, lo spazio della colonna rimane inalterato. È possibile rimuovere questo margine se si desidera che il testo del div #mainContent riempia lo spazio di #sidebar1 quando il contenuto di #sidebar1 finisce. */
	padding: 0 40px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	background-color: transparent;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #99CC99;
} 
#mainContent h1 {
	margin-top: 18px;
	color: #669966;
	font-size: 16pt;
	margin-bottom: 8px;
}
#mainContent h1 span {
	font-size: 50%;
}
#mainContent h2 {
	display: block;
	clear: both;
	margin-bottom: 15px;
}
#mainContent p {
	margin-bottom: 30px;
	color: #669966;
	font-size: 12pt;
}
#mainContent   a {
	text-decoration: none;
}
#mainContent img {
	margin-right: 35px;
	margin-bottom: 25px;
	float: left;
	border: 1px solid #669966;
}
#mainContent .MainTxt {
	font-size: 14px;
	color: #669966;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainContentTop {
}
#sidebar {
	width: 200px;
	padding-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	float: left;
	text-align: left;
	margin-left: 20px;
}
#sidebar  h3 {
	padding-left: 10px;
	font-size: 14px;
}
.greenline      {
	padding-left: 20px;
	font-family: monospace;
	background-color: #CCFF99;
	margin-right: 10px;
	margin-left: 10px;
	color: #669966;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11pt;
	margin-top: 12px;
}
#sidebar  ul {
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 25px;
}
#sidebar  li {
	font-family: monospace;
	list-style-position: inset;
	padding-bottom: 4px;
	font-size: 10pt;
}
#sidebar a {
	color: #669966;
	text-decoration: none;
}
#sidebar a:hover {
	color: #336600;
}
#sidebar .smaller {
	font-size: 80%;
	color: #99CC99;
}
#footer {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 40px;
	background-color: #003333;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #003333;
} 
#footerIn {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#footer p {
	margin: 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	font-size: 10pt;
	text-align: left;
	color: #003333;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 110px;
	padding-left: 0;
}
#footer br {
	margin-bottom: 6px;
}
#footer strong {
}
#footer a {
	color: #003333;
	text-decoration: none;
}
#footer a:visited {
	color: #003333;
}
#footer a:hover {
	color: #fff;
}
#bottom {
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	width: 400px;
}
#subFooter {
	font-size: 12px;
	color: #669966;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #003333;
	padding-bottom: 50px;
}
#subFooter h4 {
	margin-bottom: 5px;
	font-size: 12px;
}
#subFooter strong {
	color: #99cc99;
}
#subFooter a {
	color: #669966;
	text-decoration: none;
}
#subFooter a:visited {
	color: #669966;
}
#subFooter a:hover {
	color: #99cc99;
	text-decoration: none;
}
#subFooter a:active {
}

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/

	float: left;

	margin-right: 8px;

}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}
.active {
	color: #FF9900;
}
.ext {
	color: #669966;
}
.small {
	font-size: 13px;
}
.emphSmallOrange {
	font-size: 12px;
	color: #FF6600;
}
.floatSx {
	clear: both;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
	width: 100%;
}

/* xxxxxxxxxx end class HALFMOON xxxxxxxxxxxxx */


/* xxxxxxxxxxxxx to avoid this class BLUETABS xxxxxxxxxxxxxxxxx  
.bluetabs{
	margin-top: 0px;
	background-color: transparent;
}

.bluetabs ul{
	margin-left: 0;
	margin-bottom: 30px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired
	padding-top: 6px;
	padding-right: 0;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.bluetabs li{
	display: inline;
	margin: 0;
	background-color: transparent;
}
.bluetabs   li   a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	color: #669966;
	background-color: transparent;
}

.bluetabs li a:visited{
	color: #669966;
}

.bluetabs li a:hover{
	text-decoration: none;
	color: #FF0000;
}

.bluetabs li a:active {
	color: #FF0000;
}
.bluetabs li .selected{
	color: #FF0000;
	text-decoration: none;
}
.bluetabs   li   .selected   a{ /*selected main tab style
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
.bluetabs li .selected a:visited {
	color: #FF0000;
	font-weight: normal;
}
.bluetabs li .selected  a:hover{ /*selected main tab style
	text-decoration: none;
	font-weight: normal;
	color: #FF0000;
}
.bluetabs   li   .selected a:active   {
	color: #FF0000;
	font-weight: normal;
}

/* +++++++++++++++ end BLUETABS ++++++++++++++++++ */

/* +++++++++++++++ start class DROPDOWN ++++++++++++++++++ 

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}

.dropmenudiv_b a{
	width: auto;
	display: block;
	text-indent: 5px;
	border: 0 solid #918d8d; /*THEME CHANGE HERE
	border-bottom-width: 1px;
	padding: 2px 0;
	text-decoration: none;
	color: #006600;
	font-weight: normal;
}

* html .dropmenudiv_b a{ /*IE only hack
	width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE
	background-color: #CCFF99;
}

/* xxxxxxxxxxxxxxxxx end DROP DOWN MENU xxxxxxxxxxxxxxxxxx */
.floatDx {
	clear: both;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
	width: 100%;
}
#flag {
	color: #FFFFFF;
	background-color: #006600;
	width: 80px;
	position: absolute;
	top: 15%;
	font-family: monospace;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99CC00;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #99CC00;
	right: 0%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #99CC00;
}
#flag a {
	color: #FFFFFF;
	text-decoration: none;
}
#flag a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#flag a:hover {
	color: #99CC00;
	text-decoration: none;
}
#flag a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* ++++++++++++++++ BLUEMENU +++++++++++++++++  */

#bluemenu {
	padding-left: 30px;
	margin-top: 40px;
	padding-right: 30px;
}
#subMenuBar {
	background-color: transparent;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
}

/* xxxxxxxxxx start class HALFMOON instead of BLUETABS xxxxxxxxxxxxx */
/* ANIMAZSTUDIO notes*/
/* to start this class you have swaped "e" with "b" and the name of the class "bluetabs" with "halfmoon" that was in the html dropdown code */
 

.halfmoon{
margin-bottom: 1em; /* elimina margine per accorciare distanza con swf sotto il menu */
}

.halfmoon ul{
	padding: 3px 9px 2px 5px;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: 12px Verdana;
	list-style-type: none;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336666;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
	text-decoration: none;
	padding: 3px 9px 2px 5px;
	margin: 0;
	margin-right: 1px;
	color: #336666;
	font-size: 13px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #336666;
	background-color: #C6DADD;
	background-image: url(../images/dropdowntabs/halfmoontab.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.halfmoon li a:visited{
	color: #336666;
}

.halfmoon li a:hover {
	background-color: #fff;
}

.halfmoon li .selected{
	background: #fff url(../images/dropdowntabs/halfmoontab.gif) top right no-repeat;
	text-decoration: none;
}
.halfmoon li .selected a{ /*selected main tab style */
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.halfmoon li .selected a:visited {
	color: #fff;
	background-color: #fff;
	font-weight: normal;
}
.halfmoon li .selected  a:hover{ /*selected main tab style */
	text-decoration: none;
	font-weight: normal;
}
.halfmoon li .selected a:active   {
	color: #fff;
	background-color: #336666;
	font-weight: normal;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
	position:absolute;
	top: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	width: 200px;
	visibility: hidden;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #336666;
	border-right-color: #336666;
	border-bottom-color: #336666;
	border-left-color: #336666;
	background-color: #fff;
}


.dropmenudiv_b a{
	width: auto;
	display: block;
	text-indent: 5px;
	border: 0 solid #336666; /*THEME CHANGE HERE*/
	border-bottom-width: 1px;
	padding: 2px 0;
	text-decoration: none;
	color: #336666;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
	background-color: #C6DADD;
}
.linksBoxTop {
	font-size: 13px;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99cc99;
	clear: right;
	margin-bottom: 12px;
}
.linksBoxTop  strong {
	color: #336633;
}
.linksBoxTop a {
	color: #336633;
	text-decoration: none;
}
.linksBoxTop a:visited {
	color: #336633;
}
.linksBoxTop a:hover {
	background-color: #669966;
	color: #CCFFCC;
	font-weight: lighter;
}
.linksBoxTop a:active {
	color: #336633;
}
.linksBox {
	font-size: 13px;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99cc99;
	clear: both;
	margin-bottom: 12px;
}
.linksBoxTop p {
}
.linksBox strong {
	color: #336633;
}
.linksBox img {
	float: left;
}
.linksBox a {
	color: #336633;
	text-decoration: none;
}
.linksBox a:visited {
	color: #99CC99;
	background-color: #336633;
}
.linksBox a:hover {
	background-color: #669966;
	color: #CCFFCC;
}
.linksBox a:active {
	color: #99CC99;
	background-color: #336633;
}
.script         {
	color: #FF0000;
	text-decoration: none;
}
#linksFooter {
	padding-top: 40px;
	margin-bottom: 50px;
}
#linksFooter p {
	font-size: 14px;
	background-color: #99CC99;
	color: #336633;
	padding-right: 10px;
	padding-left: 10px;
}
#linksFooter a {
	color: #003300;
}
#linksFooter a:visited {
	color: #003300;
}
#linksFooter a:hover {
	color: #99CC99;
	background-color: #336633;
}
#linksFooter a:active {
	color: #003300;
}