/*
  IWAlabs (c)2008
--------------------*/

html {height: 100%; margin-bottom: .01em;}

body
{	width: 100%;
	padding: 0;
	margin: 0;
	background: #f9f9f9 url(../images/header-bg.png) top left repeat-x;
	font: large "Trebuchet ms", "Futura", "Gill Sans", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	text-align: center; }

form {padding: 0; margin: 0;}
p {font-size: .7em; margin: 0; padding: 0;}
ul {margin: 0; padding: 0; list-style: none;}
img {border: none;}
hr {display: none;}
a {color: #000; text-decoration: none; background-color: inherit;}
a:hover {text-decoration: underline;}
acronym, abbr, dfn, .abbr {border-bottom: #000 1px dashed; cursor: help;}
script, noscript {padding: 0; margin: 0;}

.inline {display: inline;}
.left {float: left;}
.right {float: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.none {display: none;}
.clear {clear: both;}

hr.block
{	display: block;
	clear: both;
	border-top: #ccc 1px solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin-bottom: 0;
	height: 1px; }

hr.clear /* for IE Mac [http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html] */
{	display: block;
	font-size: 1%;
	margin-top: -15px;
	visibility: hidden; }

/* IE Mac hide \*/
hr.clear {display: none;}
/* end IE Mac hide */

.hidden
{	width: .1em;
	height: 0;
	font-size: .1em;
	left: -1000em;
	position: absolute;
	visibility: hidden;
	overflow: hidden; }

.separator
{	display: block;
	height: 1px;
	clear: both;
	font-size: 1px; }

#quickmenu
{	position: absolute;
	text-align: left;
	top: -500em;
	height: 501.3em;
	width: 77%;
	z-index: 10; }

/*#quickmenu:hover,*/
#quickmenu.show
{	position: absolute;
	top: 0px;
	height: 1.35em; }

#quickmenu p
{	position: absolute;
	color: #fff;
	background-color: #000;
	border-bottom: #555 1px solid;
	border-right: #ccc 1px solid;
	width: 100%; }

#quickmenu a
{	color: #fff;
	line-height: 150%;
	background-color: #000;
	padding: .1em .5em; }

#quickmenu a:hover, #quickmenu a:focus
{	text-decoration: none;
	color: #000;
	background-color: #eee; }

p
{	font-size: .8em;
	margin: 0 0 1em 0;
	padding: 0; }

a {text-decoration: none; color: #800;}
a:hover {text-decoration: underline;}
a:visited {}

h1 {margin: 0 0 0 5%; padding-top: 12px; color: #fff;}

#layout
{	margin: 0 auto 2em auto;
	text-align: left;
	min-width: 768px;
	width: 92%;}

#head
{	position: relative;
	text-align: left;
	min-height: 115px;
	margin: 0 -4.35% 18px -4.35%;
	background-image: url(../images/header-bg.png); }

#head .logo
{	position: absolute;
	height: 84px;
	width: 439px;
	left: 4.4%;
	top: 0px;
	background: url(../images/logo.png) no-repeat; }

#divleft
{	padding: 0 1%;
	float: left;
	width: 58%;
	margin-top: 6px; }

#divmiddle
{	padding: 0 0 1% 0;
	float: right;
	width: 18%;
	margin-top: 6px; }

#divright
{	padding: 0 1% 1% 2%;
	clear: right;
	float: right;
	width: 18%;
	margin-top: 6px; }

#primopiano
{	margin-bottom: 24px;
	background-color: #fbfbfb;
	min-height: 162px; }

#primopiano:after  /* [http://www.positioniseverything.net/easyclearing.html] */
{	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.left {float: left;}
.right {float: right;}

#primopiano div.left {width: 40%; padding: 8px 0 8px 4px;}
/*#primopiano div.right {width: 55%;}*/
#primopiano h4 {margin: 8px 0; font-size: .95em;}
#primopiano p {margin: 4px 12px 4px 0;}

#primopiano img.left
{	padding: 4px;
	/*margin: 8px 0 0 4px;*/
	margin: 0 8px 0 2px;
	border: 1px solid #e1e1e1;
	background: #fff;
	width: 40%;
	height: auto; }

#divleft h3.home
{	border-top: 2px solid #d9d9d9;
	border-bottom: 1px solid #e5e5e5;
	padding: 7px 6px;
	margin: 0 0 10px 0;
	font-size: .9em;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #373abe;
	background-color: #f0f0f0; }

#divleft h3.titolo
{	font-size: 1.1em;
	color: #373abe;
	letter-spacing: 1px;
	border-bottom: #efc343 1px solid; }

#cloud ul
{	margin: .6em 0 1.4em 5px;
	font-size: .65em;
	text-align: left; }

#cloud ul li
{	display: inline;
	text-align: left;
	padding: 0 1em 0 0; }

#cloud a {line-height: 1.5em;}
#cloud a span {white-space: nowrap;}
#cloud ul li a, #archivio {color: #666; background-color: #fff;}

.fsize0 {font-size: 1em;}
.fsize1 {font-size: 1.2em;}
.fsize2 {font-size: 1.4em;}
.fsize3 {font-size: 1.6em;}
.fsize4 {font-size: 1.8em;}
.fsize5 {font-size: 2em;}
.fsize6 {font-size: 2.2em;}
.fsize7 {font-size: 2.4em;}
.fsize8 {font-size: 2.6em;}
.fsize9 {font-size: 2.8em;}

#altrenews {width: 100%;}

.altrenews
{	min-height: 4.2em;
	width: 48%;
	position: relative;
	font-size: .8em;
	margin-bottom: 15px;
	margin-top: 5px;
	/*overflow: hidden*/ }

.altrenews img
{	padding: 2px;
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 0px;
	left: 3px;
	width: 20%; }

#altrenews.intranet div img {width: 23%;}
.altrenews h4 a {color: #555;}
.altrenews p {font-size: .85em; margin: 0 0 0 26%;}

.altrenews h4
{	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 4px 26%;
	font-size: .9em; }

#loginbox form {margin: 0; padding: 0 8px;}
#loginbox form p {margin: .5em 0;}

#loginbox h3 a
{	text-decoration: none;
	display: block;
	color: #fff;
	width: 100%;
	background: url(../images/d-arrow.gif) right top no-repeat; }

#loginbox h3 a.up {background: url(../images/u-arrow.gif) right top no-repeat;}
#loginbox label {font-size: .75em; display: inline;}

#loginbox input
{	font-size: .75em;
	margin-top: -1.3em;
	width: 60%;
	float: right; }

input.submit
{	color: #fff;
	background-color: #373abe;
	border: none;
	cursor: pointer; }

#loginbox p.remember {vertical-align: top;}
#loginbox p.usr {font-size: .65em; margin: .5em 0 .1em 6px;}
#loginform p.usr {font-size: .6em; margin-left: -1px;}
#loginbox p.remember input {width: auto; margin-top: 0; float: none;}
#loginbox #pwd {display: block; margin-bottom: 1.2em;}

#loginbox p.lost
{	margin: 0;
	font-size: .65em;
	padding: .2em .6em;
	background-color: #f0f0f0; }

#loginbox p.lost a {color: #000;}

#loginbox input.submit
{	padding: .3em .4em;
	float: none;
	color: #000;
	background-color: #f0f0f0;
	border: #aaa 1px solid;
	width: 8em;
	margin-top: 0;
	margin-bottom: .5em; }

#loginbox
{	margin-bottom: 18px;
	width: 100%;
	color: #000;
	background-color: #e8f404; }

#gallery h3, #cloud h3, #archivio h3, #menu h3,
#formricerca h3, #activities h3
{	font-size: .8em;
	padding: 7px 12px 8px 6px;
	margin: 0;
	text-transform: uppercase; }

#loginbox h3
{	border-top: 2px solid #cacad9;
	color: #fff;
	background-color: #666;
	font-size: .8em;
	padding: 7px 6px 8px 6px;
	margin: 0;
	text-transform: uppercase; }

#gallery {margin-top: 15px;}

#gallery img
{	width: 96%;
	border: #ccc 1px solid;
	padding: 3px; }

#gallery h3
{	border-top: 2px solid #f0f0f0;
	color: #000;
	background-color: #ccc; }

#formricerca {margin-bottom: 18px;}

#formricerca h3 
{	border-top: 2px solid #e8f404;
	color: #000;
	background-color: #fff; }

#formricerca ul
{	padding: 0 10px 9px 6px;
	font-size: 1em;
	border-bottom: solid 1px #e8f404;
	color: #000; }

#formricerca ul li {position: relative; border-bottom: none;}
#formricerca ul input {width: 73%; font-size: .7em;}

#menusx ul.ricerca {font-size: 1em;}
#menusx ul.ricerca li {border-bottom: none;}

#formricerca input.submit
{ 	background: url(../images/search.gif) no-repeat;
	height: 28px;
	width: 28px;
	border: none;
	position: absolute;
	top: -4px;
	right: 0;
	text-indent: -1000em;
	line-height: 1px;
}

#activities h3, #cloud h3
{	border-top: 2px solid #cacad9;
	color: #fff;
	background-color: #373abe; }

#archivio
{	color: #bbb;
	background-color: #fcfcfc;
	padding-bottom: 4px;
	border-bottom: 1px solid #cacad9; }

#archivio h3
{	border-top: 2px solid #cacad9;
	color: #555;
	background-color: #fcfcfc; }

#archivio ul
{	font-size: .7em;
	list-style: square; }

#archivio ul {margin: -.5em 4px 0 36px;}
#pratiche ul {margin: -.5em 4px 0 24px;}
#archivio ul li {margin: .5em 0;}
#archivio ul li a {color: #555; background-color: inherit;}

#topmenu
{	float: right;
	font-size: .75em;
	width: 16.4%;
	padding-left: .7%;
	margin-right: 5%;
	min-height: 115px;
	background-image: url(../images/menu-bg.png); }

#topmenu ul
{	float: left;
	color: #000;
	width: 100%; }

#topmenu ul li {margin: .5em 0;	border-bottom: #999 1px solid;}
#topmenu ul li a {color: #fff; /*text-transform: capitalize;*/}
#topmenu ul li a:hover {text-decoration: none; color: #e8f404;}

#tabmenu {
	margin-left: 5%;
	top: 0px;
	margin-right: 22.9%; }

#tabmenu ul
{	position: absolute;
	bottom: 0px;
	width: 72%; }

#tabmenu ul li {float: left;}

#tabmenu ul li a, #tabmenu ul li span
{	padding: 0 1.5em;
	color: #555;
	background-color: #fff;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 1.1em;
	border-right: #555 1px solid; }

#tabmenu ul li.selez a, #tabmenu ul li.selez span
{	color: #000;
	background-color: #ccc;
	border-right: #555 1px solid;
	text-decoration: none;
	cursor: default; }

#tabmenu ul li.icon {border: none;}
#tabmenu ul li.icon a {padding: 0; border: none;}

#tabmenu ul li.icon a img
{	position: absolute;
	bottom: 1px;
	right: 45px; }

#tabmenu ul li.last a img {right: 5px;}

#menu
{	margin-bottom: 24px; 
	color: #000;
	background-color: #f6f6f6;
	width: 100%; }

#menu h3
{	border-top: 2px solid #d1d1d1;
	/*background-color: #e9e9e9;*/
	background-color: #efc343;
	color: #000; }

#menu ul {font-size: .7em; font-weight: bold;}
#menu ul li {border-bottom: solid 1px #fff;}

#menu ul li a
{	width: 96%;
	padding: .5em 0 .5em 5%;
	display: block; }

#menu ul li a:hover, #menusx ul li a:focus {text-decoration: underline;}

#menu ul li ul
{	font-size: 1em;
	font-weight: normal;
	color: #000;
	background-color: #fff;
	margin-left: -2px;}

#menu ul li ul li {padding: .2em; border-bottom: none;}

#menu ul li ul li.selez
{	color: #373abe;
	padding: .7em 10px .8em 20px;
	background-color: #f9f9f9; }

#menu ul li ul li a, #menu ul li ul li span
{	/*color: #000;*/
	font-size: 95%;
	text-decoration: none;
	width: 94.6%;
	padding: .5em 0 .5em 8px;
	background-color: #fff;
	border-left: #eee 3px solid;
	display: block; }

#menu ul li ul li span, #menu ul li.sel a {color: #373abe; font-weight: bold;}

#cloud h3 {border-top: 2px solid #d9d9d9; border-bottom: 1px solid #e5e5e5;}

#foot
{	clear: both;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	margin: 2em .5em 0 .5em;
	padding-bottom: 2em;
	color: #888;
	min-height: 20px;
	font-size: .65em; }

#foot ul li {float: left; padding: .2em .8em;}
#foot ul li.valid {float: right;}

.path
{	padding: .2em;
	border-top: 2px solid #d9d9d9;
	background-color: #f9f9f9;
	border-bottom: 1px solid #e5e5e5;
	font-size: .65em;
	/*margin-right: 39.2%;
	margin-top: 2em;*/
	margin-bottom: 1.2em; }

.subnode h4, .attachments h4 {font-size: .9em; color: #666; margin: 1em 0 0 0;}

.subnode ul
{	list-style: none;
	margin-top: 1em;
	color: #373abe;
	font-size: .8em;
	font-weight: bold; }

.subnode ul li
{	border-left: #efc343 8px solid;
	margin: .8em .3em;
	padding-left: 10px; }

.attachments ul li {font-size: 90%;}

.map ul {margin-left: 6px;}

.map ul li
{	list-style-type: square;
	margin: .5em 1em;
	font-weight: bold; }

.map ul li ul {margin-bottom: 1.5em;}
.map ul li ul li {font-size: 95%; font-weight: normal;}
.map ul li ul li ul li {font-size: 93%;}

#socialb
{	border-top: #eee 1px solid;
	border-bottom: #eee 2px solid;
	margin-top: 1.5em; }

#socialb p
{	display: inline;
	font-size: .75em;
	font-weight: bold;
	color: #373abe;
	text-transform: lowercase; }

#socialb ul {display: inline;}
#socialb ul li {display: inline;}
#socialb ul li img {margin-left: 4px;}

#divleft .content ul, #divleft .content ol
{	padding-left: 30px;
	font-size: .75em;
	margin: 1.2em auto; }

#divleft .content ul li, #divleft .content ol li {margin: .6em 0;}
#divleft .content ul li {list-style-type: square;}


/* Calendar - inspired by Veerle Pieters
   [http://veerle.duoh.com/index.php/blog/comments/a_css_styled_calendar] */

#calendar
{	width: 100%;
	font-size: .75em;
	border-left: 1px solid #a2adbc;
	color: #777;
	text-align: center;
	background-color: #fff; }

#calendar .nav, #calendar .nav a
{	color: #000;	
	text-align: center;
	text-decoration: none; }	

#calendar caption
{	margin: 0;
	padding: .1em 0;
	background: #f0f0f0;
	color: #000;	 
	text-align: center;
	border-right: 1px solid #a2adbc;
	border-left: 1px solid #a2adbc;
	border-top: 1px solid #a2adbc; }

#calendar th
{	font-size: .9em;
	color: #000;
	background: #ddd;
	padding: .1em;
	border-right: 1px solid #a2adbc;
	border-bottom: 1px solid #a2adbc;
	border-top: 1px solid #a2adbc; }

#calendar .today, #calendar td.today a
{	color: #fff;
	font-weight: bold;
	background: #555; }

#calendar td
{	border-right: 1px solid #a2adbc;
	border-bottom: 1px solid #a2adbc;
	text-align: center;
	padding: .1em; }

#calendar td a
{	font-weight: bold;
	display: block;
	color: #373abe;
	/*background-color: #f0f0f0;*/ }

#calendar td a:hover, #calendar td a:active {color: #373abe;}


/* buttons */
#buttons li {float: left; min-width: 47.5%; text-align: center; margin: 1.4% 2.5%; text-transform: lowercase;}
#buttons li a {display: block; margin: .6em 0 .7em 0; font-size: 215%;}
#buttons.fixed li {min-width: 47%; margin: 1.4% 1.6%;} /* buggy opera visualization */

#buttons li a.void:hover {text-decoration: none; cursor: default;}
#buttons li a.underline:hover {text-decoration: underline; cursor: pointer}

.buttontext {padding: 1%;}
.buttontext .back {float: right; margin-left: 8px;}
.buttontext ul {font-size: .7em; list-style: square; margin: -.4em 0 1em 30px;}
.buttontext ul li {margin: 0;}

/* rounded corners */
.round {position: relative;}
.round * {z-index: 100;}
.round .t {width: 100.01%; height: 10px; position: absolute; top: 0px; left: 0px; z-index: 1;}
.round .t * {width: 10px; height: 10px; position: absolute; top: 0px; right: 0px;}
.round .b {font-size: 0px; width: 100%; height: 10px; position: absolute; bottom: 0px; left: 0px; z-index: 1;}
.round .b * {width: 10px; height: 10px; position: absolute; bottom: 0px; right: 0px;}

.blue {background-color: #373abe; color: #fff;}
.blue * {color: #fff;}
.blue .t {height: 18px; background: url(../images/tl-blue.gif) no-repeat;}
.blue .t * {width: 18px; height: 18px; background: url(../images/tr-blue.gif) no-repeat;}
.blue .b {height: 18px; background: url(../images/bl-blue.gif) no-repeat;}
.blue .b * {width: 18px; height: 18px; background: url(../images/br-blue.gif) no-repeat;}

.orange {background-color: #efc343; color: #fff;}
.orange .t {height: 18px; background: url(../images/tl-orange.gif) no-repeat;}
.orange .t * {width: 18px; height: 18px; background: url(../images/tr-orange.gif) no-repeat;}
.orange .b {height: 18px; background: url(../images/bl-orange.gif) no-repeat;}
.orange .b * {width: 18px; height: 18px; background: url(../images/br-orange.gif) no-repeat;}

.grey {background-color: #ccc; color: #000;}
.grey .t {height: 18px; background: url(../images/tl-grey.gif) no-repeat;}
.grey .t * {width: 18px; height: 18px; background: url(../images/tr-grey.gif) no-repeat;}
.grey .b {height: 18px; background: url(../images/bl-grey.gif) no-repeat;}
.grey .b * {width: 18px; height: 18px; background: url(../images/br-grey.gif) no-repeat;}

.yellow {background-color: #e8f404; color: #fff;}
.yellow .t {height: 18px; background: url(../images/tl-yellow.gif) no-repeat;}
.yellow .t * {width: 18px; height: 18px; background: url(../images/tr-yellow.gif) no-repeat;}
.yellow .b {height: 18px; background: url(../images/bl-yellow.gif) no-repeat;}
.yellow .b * {width: 18px; height: 18px; background: url(../images/br-yellow.gif) no-repeat;}


/* SMiLE :) */