/*-----------------------------------
	Alessio Cartocci
	iPost / Eustema s.p.a. (c)2008
------------------------------------*/


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

body
{	width: 99.98%;
	padding: 0;
	margin: 0;
	/*background: #fff url(../images/header-bg.png) center top 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;}
.underline {text-decoration: underline;}

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: #373abe 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;}

#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/menu-bg.png); }

#logo
{	position: absolute;
	height: 84px;
	width: 439px;
	left: 3.8%;
	top: 0px;
	z-index: 30;
	background: url(../images/logo-ipost-a.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; }

.absfull, #layout div.absfull
{	position: absolute;
	width: auto;
	padding: 0 .5%;
	top: 0px;
	left: 0px; }

.absfull-ff3, #layout div.absfull-ff3 {width: 98%; margin-top: -8.2em;}
.full, #layout.full {width: 100%;}
.dwn {background: url(../images/fd-arrow.png) right top no-repeat;}
.up {background: url(../images/fu-arrow.png) right top no-repeat;}
.dwn a, .up a {display: block;}

#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; }

h3.titolo span.right img {margin-top: 6px;}

#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; }

#altrenews.intranet div h4, #altrenews.intranet p {margin: 0 0 4px 30%; padding-right: 8px;}

#loginbox form {margin: 0; padding: 0 8px;}

#pratiche form
{	margin: 0;
	color: #000;
	padding: 1px 8px 0 8px;
	border-bottom: #ccc 1px solid; }

#pratiche ul {padding-top: 5px;}
#pratiche ul li {position: relative;}
#pratiche ul li span {position: absolute; top: 0px; right: 4px;}

#loginbox form p, #pratiche 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 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, #pratiche input.submit
{	padding: .3em .4em;
	float: none;
	color: #000;
	background-color: #f0f0f0;
	border: #aaa 1px solid;
	width: 8em;
	margin-top: 0;
	margin-bottom: .5em; }

#pratiche input.submit {font-size: .75em;}
#pratiche label {float: left; width: 42%; font-size: .7em;}
#pratiche select {font-size: .7em;}

#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; }

#pratiche h3, #rassegna h3
{	border-top: 2px solid #cacad9;
	font-size: .8em;
	padding: 7px 6px 8px 6px;
	margin: 0;
	text-transform: uppercase; }

#pratiche h3 {color: #000; background-color: #ccc;}
#pratiche h3 a {display: block; background: url(../images/d-arrow.gif) right top no-repeat;}
#rassegna h3 {color: #fff; background-color: #373abe;}

#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;}
*/

li#formricerca, #topmenu li#formricerca {border-bottom: none; position: relative; margin-top: 8px;}

li#formricerca input
{	padding-left: 1px;
	width: 88%;
	border: none;
	background: url(../images/back-greyc.png) repeat-x left 95%;
	font: .9em "Trebuchet ms", "Futura", "Gill Sans", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; }

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

#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, #pratiche
{	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, #pratiche ul
{	font-size: .7em;
	list-style: square; }

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

#rassegna ul
{	margin: 0;
	padding: 0 .6em .5em .6em;
	font-size: .65em; }

#rassegna ul li {margin: .5em 0; padding: 0;}
#rassegna ul li a, .attach ul li a {padding-left: 24px; background-repeat: no-repeat;}
#rassegna ul li a.today {background-image: url(../images/today.gif);}
#rassegna ul li a.arch {background-image: url(../images/arch.gif);}

#topmenu
{	float: right;
	font-size: .8em;
	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;}
#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 .9em;
	color: #373abe;
	background-color: #e8f404;
	font-weight: bold;
	font-size: 1.1em;
	border-right: #373abe 1px solid; }

#tabmenu ul li.selez a /*, #tabmenu ul li.selez span*/
{	color: #000;
	background-color: #fff;
	border-right: #373abe 2px 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.istituto
{	color: #000;
	background-color: #e8f404;
	border-bottom: #e8f404 1px solid; }

#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 p, #foot ul li span
{	text-align: center;
	color: #555;
	font-size: 90%;
	margin-top: .25em; }

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

.path, .pathAppl
{	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;}
#divleft .content object {width: 100%; margin-top: -.5em;}


/* 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;
	padding: 0;
	/*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 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: #000; }

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

.calendar .yes {background-color: #f5f5f5;}
.calendar td.today a:hover, .calendar td.today a:active {color: #fff;}
.calendar abbr, .calendar acronym {border-bottom: none;}

#rassegna div {margin-top: 6px;}
li div .calendar {font-size: 90%;}
#rassegna div .calendar {font-size: 100%; border-color: #ddd;}
#rassegna div .calendar td a {font-weight: normal; padding-left: 0;}
#rassegna div .calendar th, #rassegna div .calendar td {border-color: #ddd;}

#rassegna div .calendar .nav, li div .calendar .nav
{	margin: -16px 4px 0 4px;
	padding-left: 0;
	font-size: 130%;
	text-decoration: none; }

#rassegna div .calendar caption
{	font-size: .95em;
	border-color: #ddd;
	letter-spacing: 1px;
	text-transform: lowercase;
	background-color: #f9f9f9; }

li div .calendar caption {font-size: .95em;}


/* 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}
#buttons li a:link, #buttons li a:visited {text-decoration: none;}
#buttons li a:hover {text-decoration: underline;}

.buttontext {padding: 1%;}
.buttontext strong {font-size: 1.1em;}
.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 0 .1em 0;}
.buttontext ul.links li {margin: .5em 0;}

.buttontext ul.links li a, .buttontext a.links
{	font-weight: bold;
	font-size: 110%;
	padding: .2em 26px .2em 0;
	background: url(../images/forward-small.png) no-repeat right 60%; }


/* rounded corners */
.round {position: relative;}
.round * {z-index: 100;}

.round .t
{	width: 100.01%;
	height: 18px;
	position: absolute;
	background: url(../images/tl.gif) no-repeat;
	top: 0px;
	left: 0px;
	z-index: 1; }

.round .t *
{	width: 18px;
	height: 18px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/tr.gif) no-repeat; }

.round .b
{	font-size: 0px;
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../images/bl.gif) no-repeat;
	z-index: 1; }

.round .b *
{	width: 18px;
	height: 18px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: url(../images/br.gif) no-repeat; }

.blue {background-color: #373abe; color: #fff;}
.blue .t {background: url(../images/tl-blu.gif) no-repeat;}
.blue .t * {background: url(../images/tr-blu.gif) no-repeat;}
.blue .b {background: url(../images/bl-blue.gif) no-repeat;}
.blue .b * {background: url(../images/br-blue.gif) no-repeat;}
.orange {background-color: #efc343; color: #fff;}
.orange .t {background: url(../images/tl-orange.gif) no-repeat;}
.orange .t * {background: url(../images/tr-orange.gif) no-repeat;}
.orange .b {background: url(../images/bl-orange.gif) no-repeat;}
.orange .b * {background: url(../images/br-orange.gif) no-repeat;}
.grey {background-color: #cccccc; color: #000;}
.grey .t {background: url(../images/tl-grey.gif) no-repeat;}
.grey .t * {background: url(../images/tr-grey.gif) no-repeat;}
.grey .b {background: url(../images/bl-grey.gif) no-repeat;}
.grey .b * {background: url(../images/br-grey.gif) no-repeat;}
.yellow {background-color: #e8f404; color: #fff;}
.yellow .t {background: url(../images/tl-yellow.gif) no-repeat;}
.yellow .t * {background: url(../images/tr-yellow.gif) no-repeat;}
.yellow .b {background: url(../images/bl-yellow.gif) no-repeat;}
.yellow .b * {background: url(../images/br-yellow.gif) no-repeat;}
.black {background-color: #555555; color: #fff;}
.black .t {background: url(../images/tl-black.gif) no-repeat;}
.black .t * {background: url(../images/tr-black.gif) no-repeat;}
.black .b {background: url(../images/bl-black.gif) no-repeat;}
.black .b * {background: url(../images/br-black.gif) no-repeat;}
.red {background-color: #c00000; color: #fff;}
.red .t {background: url(../images/tl-red.gif) no-repeat;}
.red .t * {background: url(../images/tr-red.gif) no-repeat;}
.red .b {background: url(../images/bl-red.gif) no-repeat;}
.red .b * {background: url(../images/br-red.gif) no-repeat;}
.blue *, .red *, .black * {color: #fff;}

/*
.blue {background: #2d2fb7 url(../images/back-blue.png) repeat-x bottom; color: #ffffff;}
.orange {background: #efc343 url(../images/back-orange.png) repeat-x bottom; color: #ffffff;}
.grey {background: #dddddd url(../images/back-grey.png) repeat-x bottom; color: #000080;}
.yellow {background: #e8f404 url(../images/back-yellow.png) repeat-x bottom;}
.red {background: #ff0000 url(../images/back-red.png) repeat-x bottom;}
.black {background: #555555 url(../images/back-black.png) repeat-x bottom;}
.blue *, .red *, .black * {background: none; color: #ffffff;}
.orange *, .yellow * {background: none; color: #000080;}
.grey * {background: none; color: #000090;}
*/

#divmiddle .round
{	margin-bottom: 18px;
	width: 100%;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	border-top: #ddd 1px solid;
	background: url(../images/back-y.png) repeat-x left bottom; }

#divmiddle .t
{	height: 18px;
	background: url(../images/tl.gif) no-repeat;
	top: -1px;
	left: -1px; }

#divmiddle .t *
{	width: 18px;
	height: 18px;
	background: url(../images/tr.gif) no-repeat;
	top: 0px;
	right: -2px; }

#divmiddle .b
{	height: 18px;
	background: url(../images/bl.gif) no-repeat;
	bottom: -1px;
	left: -1px; }

#divmiddle .b *
{	width: 18px;
	height: 18px;
	background: url(../images/br.gif) no-repeat;
	right: -2px; } /*-3px*/

#divmiddle .round p
{	font-size: .65em;
	padding: .5em .5em 0 .5em;
	margin: 0; }

#divmiddle .round p strong, #divright .round p strong {font-size: 120%;}
#divmiddle .round p a, #divright .round p a {text-decoration: underline;}

#divmiddle .round p.golink, #divright .round p.golink
{	text-align: center;
	font-size: 105%;
	font-weight: bold;
	text-transform: lowercase;
	margin: 0;
	padding: .3em .2em .5em .3em; }

#divmiddle .round p.golink a, #divright .round p.golink a
{	padding: 2px 38px 3px 0;
	display: block;
	background: url(../images/forward.gif) no-repeat right top;
	text-decoration: none;
	text-align: right;
	color: #000080;
	margin: 0 .2em 0 0;
	width: auto; }

#divmiddle .round p.golink a:hover {text-decoration: underline;}

/* new */
#divleft.home {width: 70.1%;}
#divright.home {width: 24%}

#divright .round {margin-bottom: 18px; width: 100%; border-left: #ddd 1px solid; border-right: #ddd 1px solid; border-top: #ddd 1px solid; background: url(../images/back-w.png) repeat-x left bottom;}
#divright #login {background: #e8f404 url(../images/back-ye.png) repeat-x left bottom; text-transform: lowercase;}
#divright .t {top: -1px; left: -1px;}
#divright .t * {top: 0px; right: -2px;}
#divright .b {bottom: -1px; left: -1px;}
#divright .b * {right: -2px;}
#divright .round p {font-size: .65em; padding: .5em .5em 0 .5em; margin: 0;}
#divright .round p strong {font-size: 120%;}
#divright .round p a {text-decoration: none;}
#divright .round p.golink a {text-align: right; color: #000080; padding-right: 38px; margin: 0 .2em 0 0; width: auto;}

/**/
#tabmenu ul li {margin-right: 6px; background: #e8f404 url(../images/backtab-ye.png) repeat-x; position: relative;}
#tabmenu ul li.selez {background: #ffffff url(../images/backtab-wh.png) repeat-x;}
#tabmenu ul li a, #tabmenu ul li.selez a {color: #000080; border: none; background: transparent url(../images/tr-blue.gif) top right no-repeat; text-transform: lowercase;}
#tabmenu ul li span {position: absolute; width: 8px; height: 18px; left: 0px; top: 0px; background: transparent url(../images/tl-blue.gif) top left no-repeat;}
#topmenu ul li {margin: .5em 0;	border-bottom: #0060a0 1px solid;}
#topmenu ul li a {color: #fff; text-transform: lowercase; display: block;}
/**/

#login label {width: 33%; float: left; padding-top: .2em;}
#login input {width: 63%; border: 1px solid yellow;}
#login .reminder {position: absolute; left: 33%; top: 0px; font-size:90%; visibility: hidden;}
#login .reminder span {color: #999;}
#login p.go {color: #000080; padding: .3em .35em; text-align: right; font-size: 105%; font-weight: bold;}
#login p.go * {vertical-align: middle;}
#login p.go input {width: auto; border: none; margin-left: .2em;}
#login p a:hover {text-decoration: underline;}
#login p.lost {padding: 0 .5em 12px .5em; margin-top: -.4em}
#login p.lost a {display: inline;}
#divright #bannerservizi {background: #eee url(../images/back-greyc.png) repeat-x bottom;}

#divleft h3.home, #map h3, #mapdesc h3 {background: #fff url(../images/back-w.png) repeat-x bottom; padding: .3em 4px; border: #ddd 1px solid; border-bottom: none; margin: 0 0 .7em 0; font-size: 1em; position: relative; text-transform: lowercase; letter-spacing: 0;}
#divleft h3.home a, #map h3 a, #mapdesc h3 a {color: #000080; width: 98%; display: block; padding: 0 5px; background: url(../images/help.gif) 100% 50% no-repeat;}
/*#divleft h3.home a, #map h3 a, #mapdesc h3 a {color: #000080; width: 98%; display: block; padding: 0 5px; cursor: default; background: transparent; text-decoration: none;}*/
#divleft h3.home span, #map h3 span, #mapdesc h3 span {position: absolute; width: 100%; height: 10px; left: -1px; top: -1px; background: transparent url(../images/tl.gif) top left no-repeat;}
#divleft h3.home span b, #map h3 span b, #mapdesc h3 span b {position: absolute; width: 18px; height: 12px; right: -2px; top: 0px; background: transparent url(../images/tr.gif) top left no-repeat;}
#map h3, #mapdesc h3 {color: #373abe; padding-right: 0; margin-bottom: 0; padding-left: 10px;}
#mapdesc h3 {margin-bottom: 12px;}
#map h3 {background: #ced8fd url(../images/back-m.gif) repeat-x bottom; color: #000050; border-right-color: #a7b4e8; border-left-color: #a7b4e8; padding-bottom: .31em;}
#map {float: right; width: 500px;}
#maplist {position: absolute; width: 11em; font-size: .7em; z-index: 200;}
#maplist span.t {height: 10px; width: 92%; background: url(../images/tl-t.gif) top left no-repeat;}
#maplist span.t * {right: -8%; background: url(../images/tr-t.gif) top right no-repeat;}
#maplist span.b {height: 10px; width: 92%; background: url(../images/bl-t.gif) bottom left no-repeat;}
#maplist span.b * {right: -8%; background: url(../images/br-t.gif) bottom right no-repeat;}
#maplist div {margin: 10px 0; padding: 0 10px; background-color: #fff; border-left: #ddd 1px solid; border-right: #ddd 1px solid;}
#maplist .close {position: absolute; right: 6px; top: 4px; cursor: pointer; width: 14px; height: 14px; background-image: url(../images/closepop.gif); background-repeat: no-repeat;}
#maplist h4 {font-size: 1.1em; margin: 0 0 6px 0;}
#mapdesc h4 {font-size: .9em; margin: 0;}
#maplist .bottom {position: absolute; top: 99%; left: 25%; width: 53px; height: 40px; background: url(../images/b-tip.gif) no-repeat;}
#mapdesc {margin-right: 525px; text-align: left;}
#mapdesc table.datagrid {border-collapse: collapse; width: 99.2%; font-size: 100%;}

/**/
#beta {position: absolute; width: 60px; height: 60px; top: 5px; right: 5px; z-index: 30; background: url(../images/beta.gif) no-repeat; display: none;}
/**/
.rsubmit {padding: .15em .5em; cursor: pointer; color: #000080; text-transform: lowercase; font: 1.2em 'Trebuchet ms', 'Futura', 'Gill Sans', 'Bitstream Vera Sans', Arial, Helvetica, sans-serif; background: #e8e8e8 url(../images/back-p.png) repeat-x bottom left; border: none;}
.smiley {background: #e8e8e8 url(../images/back-smileys.png) bottom right; border: none; text-align: left; padding-right: 76px; padding-left: .5em}
.loading {background: #fff url(../images/loading.gif) no-repeat; padding-left: 22px;}
#divmiddle #contatti {background-color: #ececec; background-image: url(../images/back-greyc.png);}
#divmiddle #contatti p.golink {margin: 0 .2em; padding-right: 0;}
#divmiddle #contatti img {position: absolute; left: 6px; top: 2px;}
#divmiddle #callcenter p {text-align: center; padding-bottom: 3px;}


/* SMiLE :) */