/**************************************************** 
* Created by Ugo Chirico - www.ugosweb.com
* Copyright (c) 2006 by Ugo Chirico all right reserved
* License:
* You can use this stylesheet as you prefer but you MUST 
* add this copyright notice
*****************************************************/

/* html and body style */
html,body
{
	margin: 0;
	height:100%;
	background-image: url(img/bluecolor.jpg);
	background-repeat: repeat-x;
	background-color: RGB(183, 206, 224)
}

body
{
	font: normal 8pt thaoma,verdana,arial,sans-serif;
	text-align: center
}

a
{
	color: #369;
	text-decoration: none
}
a
img
{
	border: 0	
}

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

a#activelink
{
	color: #033;
	text-decoration: none
}


/* maincontainer is 760 x max */
div#container
{
	position: relative;
	width: 760px; 
	height: 100%;	
	margin: 0 auto;/*0;/*auto;  */
	text-align: left;
	/*border-left: 5px groove #36c;
    border-right: 5px groove #36c;*/
    background-color: #FFFFFF
}

body>div#container
{
	/* container fill all page in order to have footer at bottom */
	height:auto;
	min-height:100%
}

div#header
{
	height: 97px;
	background-color: #035493; /*RGB(57,121,169);/*RGB(44, 107, 146);/*#36C;*/
	/*background-image: url(img/bkSkyblue.jpg);*/
	/*background-image: url(img/bkgBlueNum2.gif);*/
	background-image: url(img/blue_header2.jpg);
	font-size: 7pt;
	color: #ffffff;
	border: solid 3px white;/*RGB(183, 206, 224);*/
	
	/*border-left: solid 2px RGB(183, 206, 224);
	border-right: solid 2px RGB(183, 206, 224);*/
	border-bottom: solid 1px #FFFFFF;/*RGB(183, 206, 224)*/
}

div#header
a
{
	color: White;
	vertical-align: middle
}

b.roundcorners
{
	display:block;
	background: Transparent
}

b.roundcorners
b
{
	display:block;
	height: 1px;
    overflow: hidden; 
    /*background-image: url(img/sfuma_vocihome.gif);
    background-repeat: repeat-x;*/
    background-color: RGB(183, 206, 224)
    /*background: #FFF*/
}

b.r0
{
	margin: 0 6px
}

b.r1
{
	margin: 0 5px
}
b.r2
{
	margin: 0 3px
}
b.r3
{
	margin: 0 2px
}

b.r4
{
	margin: 0 1px;
	height: 2px
}
 
div#headertopleft
{	
	position: absolute;
	font-weight: bold;
	top: 10px;
	left: 6px;
	width: 140px;
	text-align: left
}

div#headerbottomleft
{
	position: absolute;
	font-weight: bold;
	top: 80px;
	left: 6px;
	width: 140px;
	text-align: left	
}

div#headertopright
{
	position: absolute;
	font-weight: bold;
	top: 10px;
	right: 5px;
	width: 400px;
	text-align: center	
}

div#headerbottomright
{
	position: absolute;
	font-weight: bold;
	top: 80px;
	right: 5px;
	width: 400px;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px	
}

div#headercontent
{
	height: 85px;
	margin: 0 170px;	
	background-attachment: scroll;
	background-image: url(img/ugosweb.gif);
	background-position: left;
	background-repeat: no-repeat
}


div#content
{
	font-size: 8pt;
	margin: 0 119px 0 154px;
	text-align:justify;
	/*width: auto;/*100%*/	
	width: 483px;
	min-height: 680px;
}

/******************************
* mainnavigation
******************************/
div#mainnavigation
{
	position: relative;
	height: 18px;
	text-align: center;
	background-color: #eee;
	background-image: url(img/sfuma_vocihome.gif);
	background-repeat: repeat-x;		
}

div#mainnavigation
span
{
	/*display: table-cell;*/
	margin: 0 0px 0 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 4px;
	width: 40px;
	/*padding-top:2px;*/
	vertical-align: middle;
	/*list-style-image: url(img/separazionepo.gif);*/
	text-align: center;	
	height:100%
}

div#mainnavigation
span.mouseover
{	
	/*margin: 0 0px 0 0px;*/
	border: 1px inset;
	background-image: none;
	background-color: #eee
}

div#mainnavigation
a
{
	font: normal 7pt thaoma,verdana,arial,sans-serif;
	color:#369;
	text-decoration: none;
	text-align: center;
	width: 53px;
	height: 18px;
	
}

div#mainnavigation 
a:hover
{
	color: #f88;
	text-decoration: none
}

div#mainnavigation 
a#activelink
{
	color: #033;
	text-decoration: none
}

/******************************
* left
******************************/

div#left
{
	position: absolute;
	top: 101px;
	left: 0px;
	width: 154px;
	/*font-size: 8pt*/
	/*background-image: url(img/bkgFrmLeft.gif);
	background-repeat: repeat-y*/
	/*padding: 1em 0 0 10px*/
}

div#lefttop
{
	position: relative;
	height: 18px;
	margin-bottom: 13px;
	font-size: 7pt;
	text-align: center;
	vertical-align: middle;
	background-image: url(img/sfuma_vocihome.gif);
	background-color:#eee
}

/****************
* Right
****************/

div#right
{
	position: absolute;
	top: 101px;
	right: 0;
	width: 123px;
	text-align: center;
	/*height: 100%;
	max-height: 420;*/
	/*padding: 1em 5px;*/
	font-size: 7pt;
	min-height: 600px;
	
}

div#righttop
{
	position: relative;
	height: 18px;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;	
	background-image: url(img/sfuma_vocihome.gif);
	background-color: #eee;	
	font-size: 6pt
}

div#righttop
span
{
	vertical-align: middle;
	padding-top: 5px;
	height: 100%
}

div#righttop
img
{
	vertical-align: middle
}

/****************
* Footer
****************/
div#footer
{
	position: absolute;
	bottom:0; 
	width:760px;
	text-align:center;
	padding: 5px 0;
	/*background-image: url(img/bgBluSfum1.jpg);*/
	background-repeat: repeat-x;
	background-color:RGB(57,121,169);
	color: #FFF;
	font-size: 7pt;
	clear: both
}

div#footer 
a
{
	color: #fff;
	font-weight: bold;
	text-decoration: underline
}

/***************************/

span#expertise
{
	font-weight:bold;
	text-align:justify
}

img#seagull
{
	position: absolute;
	top: 5px;
	left: 500px;
	width: 105px;
	height: 90px;
}

.hidden
{
	position: absolute;
	visibility: hidden
}

.bordered
{
	border: 1px solid #bbf
}

.close
{
	position: absolute;
	text-align: right;
	font-size: xx-small;
	font-style: normal;
	color: #fff;
	cursor: pointer;
	vertical-align: middle;
	right: 2px;
}


div#sitemap
{
	background-image: url(img/map_opaque.gif);
	background-repeat: repeat;
	text-align: center;
	vertical-align: middle;
	width: auto
}

div#sitemap
img
{	
	text-align: center;
	vertical-align: middle
}

div#welcomebox
{
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;	
	text-align:justify;
	width: auto;/*160px;*/
	/*height: 118px;*/
}

div#welcomebox
p
{
	text-align:justify
}

.infobox
{	
	margin: 10px;	
	width: auto/*160px;*/
	/*display: inline;*/
}

.infobox
div
{
	padding: 5px;
	background-color: #E5EEFF;
	text-align:left;
	/*border: 1px dashed RGB(183, 206, 224)*/
	border-left: 1px solid RGB(183, 206, 224);
	border-right: 1px solid RGB(183, 206, 224)
	
}

.winbox
{
	display: block;
	text-align: left;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 15px;
	/*height: 100%;*/
	/*width: auto;/*160px;*/
	background-color: #EDEEFF;
	/*text-align:justify;*/
	border-bottom: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc
}

.winbox .content
{
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;	
	padding-top: 5px;
	padding-bottom: 5px;	
	text-align: left	
}

.list
td
{
	font-size: 7pt;
}

td
{
	vertical-align: top
}

.winbox .header
{
/*	margin-left: -5px;
	margin-right: 5px;
	
	/*margin-bottom: 5px;
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	/*padding-left: 3px;*/
	/*width: 100%;*/
	height: 15px;
	font-weight: bold;
	/*background-image: url(img/sfuma_vocihome.gif);*/
	background-image: url(img/sfuma_top.gif);
	background-repeat: repeat-x;
	background-color: #d5dEeF
}

.leftwinbox
{		
	/*display: table-cell;*/
	/*width: 50%;*/
	vertical-align: top;		
	border: dotted 1px lightgray;
	text-align:justify
}

.rightwinbox
{		
	/*display: table-cell;*/
	/*width: 50%;*/
	vertical-align: top;		
	border: dotted 1px lightgray
}

.leftmenu
{	
	list-style-image: url(img/bullet_green.png);
	list-style-position: outside;
	/*margin-left: 0px	*/
}

.leftmenu
li
{	
	/*margin-left: -25px;*/
	vertical-align: top
}


.floatingmenu
{
	position: absolute;
	visibility: visible;
	width: 200px;
	z-index: 1;
	border: 1px solid #acf;
	background-image:  url(img/whitebox.gif);
	background-repeat: repeat;
	background-color: #fff
}

.floatingmenu
img
{	
	text-align: center;
	vertical-align: middle
}

.floatingmenu
p
{
	top:0;
	height: 15px;
	font-weight: bold; 
	background-color:#acf;
	/*background-color: #abe;*/
	text-align: left;
	color: #FFF;
	vertical-align: middle
}

.floatingmenu
ul
{	
	text-align:left;
	/*margin-left: 0px;	/*list-style-type: none*/
	list-style-position: outside;
	list-style-type: none;
}

.floatingmenu
ul li
{	
	margin: 0 0 0.2em 0.2em;
	display: block;
	/*margin: 0 0 0 0;*/
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 0;
	/*background-image: none;*/
	text-align: left;
	vertical-align: middle;
	list-style-image: url(img/whitebox.gif);
	list-style-type: none
}

.floatingmenu
ul li.folder
{	
	/*list-style-type:square;*/
	list-style-image: url(img/bullet_add.gif)
}

.floatingmenu 
ul li ul
{		
	position: absolute;
	/*display: inline;*/
	padding-left: 5px; 
	margin-left: 3px;
	/*padding: 0; */
	/*left: -999px*/
	visibility: hidden
	/*z-index: -1*/
}

.floatingmenu
ul li ul.mouseover
{
	/*width: 10em;*/
	position: relative;
	/*left: auto;*/
	/*z-index: 1;*/
	visibility: visible
	
	/*left: -999px*/
	/*visibility: hidden*/
}

.article
{
	display: list-item;
	list-style-image: url(img/page.png);
	list-style-position: outside;	
	padding-bottom: 8px;
	margin-left: 20px	
}

.button
{	
	border: solid 1px #B0B0B0;
	background-image: url(img/butn.gif);
	/*background-image: url(img/sfuma_vocihome.gif);
	background-repeat: repeat-x;*/
	background-color: #d5dEeF;
	padding: 3px 1px 3px 1px;
	text-align: center
	
}

.bulletimg
{		
	display: inline;
	text-align: center;
	vertical-align: middle
}


div#left
.beginmenu
{
	width: 100%;
	height: 30px;
	background-image: url(img/beginleftmenu.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #DEE5EF;
	vertical-align: top
	
}

div#left
.endmenu
{
	width: 100%;
	background-image: url(img/endleftmenu.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF
}


h1
{
	/*color: #999;*/
	color: #67b	;
	font-size: 14pt
}

h2
{
	/*color: #999;*/
	color: #67b	;
	font-size: 12pt
}

h3
{
	color: #67b;
	font-size: 10pt;
	font-style: italic
}

h4
{
	color: #67b;
	font-size: 8pt;
	font-style: italic
}

h5
{
	color: #67b;
	font-size: 7pt;
	font-style: italic
}