/* MSS */
/* Autore:				giorgio@evoluzionetelematica.it */
/* Creato:				2009 */
/* Ultima modifica:		           */

@import url("reset.css");

home, body {width:100%; height:100%; margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333333; background-color:#fff;}
a img {border:0;}

/*** header ***/

ul#header {width:1000px; height:166px; margin:0 auto; padding:0; background:transparent url(../images/bgFasciaTop.jpg) left bottom no-repeat; position:relative;}

ul#header li {margin:0; padding:0; text-indent:-10000px; color:#fff}

ul#header li#mn1 a, ul#header li#mn2 a { text-indent:0; display:block; widows:337px; height:43px; color:#FFFFFF; text-decoration:none}

ul#header li#mn1 {width:337px; height:43px; margin:0; padding:0; background:url(../images/logoMSS.jpg) 0 0 no-repeat; position:absolute; top:21px; left:15px;}
ul#header li#mn2 {width:260px; height:43px; margin:0; padding:0; background:url(../images/divisione-informatica.png) 0 0 no-repeat; position:absolute; top:21px; left:352px;}
ul#header li#mn3 {height:21px; margin:0; padding:0; position:absolute; top:0px; right:0px; border-bottom:1px solid #eaeaea; text-indent:0;}
ul#header li#mn3 h2 {color:#b2b2b2; font-size:0.625em; font-weight:normal; padding:8px}
ul#header li#mn4 {width:73px; height:23px; margin:0; padding:0; background:url(../images/bordoTop.png) top left no-repeat; position:absolute; right:0; top:58px; text-indent:0;}
ul#header li#mn5 {width:101px; height:23px; margin:0; padding:0; background:url(../images/bordoTop.png) top left no-repeat; position:absolute; right:73px; top:58px; text-indent:0;}

ul#header li#mn4 a, ul#header li#mn5 a {color:#595959; font-weight:bold; font-size:0.750em; padding:0 0 0 10px; margin:0; text-decoration:none}
ul#header li#mn4 a:hover, ul#header li#mn5 a:hover {color:#878787; font-weight:bold;}
ul#header li#mn6 {width:300px; height:20px; position:absolute; bottom:10px; right:10px; color:#fff; font-style:italic; font-size:24px; text-indent:0; text-align:right}

/*** sviluppo centrale ***/

#spazioCentrale {width:1000px; margin:20px auto; padding:0;  position:relative; height:670px;}

/* sidebar
--------------------------------------------------------*/
#sidebar {width:235px; float:left;}		
.sidebarbox h3 		{ 
	font-size: 1.2em;
	color:#4D4C4C;
	text-align:center;
	padding: 5px 0 10px;
	margin:0;
	text-decoration:none;
	}
.sidebarbox	{
		background:#FFFFFF url(../images/h3-bg.gif) repeat-x;
		}
.sidebarbox {
			line-height: normal;
			width: 170px;
			border:1px solid #cbcbcb;
			padding:5px 15px 15px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-khtml-border-radius:3px;
			}
.sidebarbox p {font-size: 0.80em;margin: 5px 0 15px;}
.tour {padding:0px 0 0 10px;}

ul#sottoMenu {margin:0 6px 0 0; margin /**/:0 13px 0 0; padding:0;}
ul#sottoMenu li {width:235px; margin:0 0 12px 0; padding:0; background:url(../images/bgLI.png) left bottom no-repeat; line-height:18px}
ul#sottoMenu a {color:#3a3a3a; font-weight:normal; text-decoration:none; margin:0; padding:0 0 2px 10px; font-size:0.750em; display:block}
ul#sottoMenu a:hover {color:#878787;}


ul#spotBox {margin:0; padding:0; position: relative; top:0;}
ul#spotBox li {color:#333333; line-height:1.000em; }
ul#spotBox li#box1 {position:absolute; top:0; left:755px;  width:235px; height:294px; }
ul#spotBox li#box2 {position:absolute; top:322px; left:248px; width:226px; height:330px; padding:0 16px 0 0; border-right:1px dotted #b9b9b9}
ul#spotBox li#box3 {position:absolute; top:322px; left:498px; width:235px; height:330px; padding:0 12px 0 0; border-right:1px dotted #b9b9b9}
ul#spotBox li#box4 {position:absolute; top:322px; left:755px; width:235px; height:330px;}

ul#spotBox li h2 {font-size:1.000em; font-weight:normal; margin:0 0 10px 0; padding:0 0 12px 52px; font-family:Arial, Helvetica, sans-serif; line-height:1.125em;}
ul#spotBox li#box1 h2 {color:#313131; border-bottom:3px #313131 solid; background:url(../images/ico1.png) 0 0 no-repeat;}
ul#spotBox li#box2 h2 {color:#078f00; border-bottom:3px #078f00 solid; background:url(../images/ico2.png) 0 0 no-repeat;}
ul#spotBox li#box3 h2 {color:#057db6; border-bottom:3px #057db6 solid; background:url(../images/ico3.png) 0 0 no-repeat;}
ul#spotBox li#box4 h2 {color:#7c094a; border-bottom:3px #7c094a solid; background:url(../images/ico4.png) 0 0 no-repeat;}
.txtBox {color:#333333; font-size:0.750em;}
.txtBox a {color:#333333; text-decoration:underline}
.txtBox a:hover {color:#878787; text-decoration:none}

ul#spotBox li#box2 a {display:block; color:#078f00; font-weight:bold; text-decoration:none; font-size:0.750em; margin:14px 0 0 0; padding:0 0 0 18px; background:url(../images/fc-verde.png) 0 2px no-repeat;}
ul#spotBox li#box3 a {display:block; color:#057db6; font-weight:bold; text-decoration:none; font-size:0.750em; margin:14px 0 0 0; padding:0 0 0 18px; background:url(../images/fc-azzurra.png) 0 2px no-repeat;}
ul#spotBox li#box4 a {display:block; color:#7c094a; font-weight:bold; text-decoration:none; font-size:0.750em; margin:14px 0 0 0; padding:0 0 0 18px; background:url(../images/fc-viola.png) 0 2px no-repeat;}

ul#spotBox li#box2 a:hover, ul#spotBox li#box3 a:hover, ul#spotBox li#box4 a:hover {color:#878787}


/*** spazio immagini ***/

#boxImg {width:497px; height:294px; margin:0; padding:0; border-right:1px dotted #b9b9b9; position: absolute; left:248px; top:0}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 497px;
height: 294px; /* Set height to be able to contain height of largest content shown*/
border:0;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

#p-select {z-index:180;}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
padding:0px;
margin:0;
visibility: hidden;
width: 497px;
height: 294px;
z-index:1;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
position:absolute; top:0; right:0px;
z-index:4;
padding:0; margin:0;
display: block; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
float:left; display: block; width:20px; cursor: pointer; margin:0px 4px 0 0; font-size:11px; color:#333333; font-family:Arial; background-color:#b9b9b9; color:#999; text-align:center; font-weight:bold; }

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */

}

.glidecontenttoggler a:hover{
color:#999; background:#fff;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
background-color:#999; color:#fff; text-decoration:none; padding:2px 0 4px 0; }

.glidecontenttoggler a.toc:hover {color:#999; background:#fff;}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color:#999}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
color:#999
}


/*** footer ***/

ul#footer {width:1000px; margin:0 auto 20px; padding:9px 0; border-top:1px dotted #8b8b8b; clear:both; text-align:center}
ul#footer li {font-size:0.750em; margin:0 4px; padding:0 5px 0 0; border-right:1px solid #a9a9a9; float:left; display:inline; color:#232323; line-height:18px; text-align:center} 
ul#footer li a {font-weight:normal; text-decoration:underline; color:#232323}
ul#footer li a:hover {font-weight:normal; text-decoration:none; color:#333333}
ul#footer li.sel a {font-weight:normal; text-decoration:none; color:#333333}
ul#footer li.sel a:hover {font-weight:normal; text-decoration:none; color:#333333}
ul#footer li.po {font-size: 0.85em; font-family: Tahoma; float: right; border: 0;}