@import url(_reset.css);
@import url(_typography.css);

a:active, a:focus{outline:0; } 
.container{
	background: black;
	width: 1000px;
	height: 620px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -310px 0 0 -500px;
	overflow: hidden;
	color: black;
}
.frame{ background: white; width: 948px; height: 502px; position: absolute; top: 50%; left: 50%; margin: -284px 0 0 -474px; overflow: hidden;  color: black;  }
#Stripone{ position: absolute; left: 0px; top: 0; height: 100%; width: 999999px; z-index: 1; }
#Frame-27 #Stripone{ left: -45px}
#Frame-28 #Stripone{ left: -35px}
#Frame-29 #Stripone{ left: -65px}
#Frame-30 #Stripone{ left: -30px}
#Frame-31 #Stripone{ left: -20px}
#Frame-32 #Stripone{ left: -50px}

.main{ width: 1131px; height: 100%; float: left; position: relative; background-repeat: repeat-x; }

#Main-26,
#Main-33,
#Main-34,
#Main-35{ background-image: url(../img/stage_home.png); background-position: 0 -15px; }
#Main-27{ background-image: url(../img/stage_consulenza.png); background-position: 0 166px; }
#Main-28{ background-image: url(../img/stage_communication.png); background-position: 0 263px; }
#Main-29{ background-image: url(../img/stage_web.png); background-position: 0 22px; }
#Main-30{ background-image: url(../img/stage_print.png); background-position: 0 351px; }
#Main-31{ background-image: url(../img/stage_paper.png); background-position: 0 345px; }
#Main-32{ background-image: url(../img/stage_partner.png); background-position: 0 377px; }

.palla{ background-repeat: no-repeat; background-position: 0 0; width: 471px; height: 471px; position: absolute; top: 0; }
.palla hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}


#Main-27 .palla{ left: 53px; background-image: url(../img/palla_consulenza.png); color: white;  background-color: transparent;  }
#Main-28 .palla{ left: 43px; background-image: url(../img/palla_communication.png);	color: white;  background-color: transparent; }
#Main-29 .palla{ left: 73px; background-image: url(../img/palla_web.png);	color: white;  background-color: transparent; }
#Main-30 .palla{ left: 38px; background-image: url(../img/palla_print.png);	color: white;  background-color: transparent; }
#Main-31 .palla{ left: 27px; background-image: url(../img/palla_paper.png);	color: white;  background-color: transparent; }
#Main-32 .palla{ left: 57px; background-image: url(../img/palla_partner.png);	color: white;  background-color: transparent; }

#Main-27 .palla h1,#Main-27 .palla h4,
#Main-28 .palla h1,#Main-28 .palla h4,
#Main-29 .palla h1,#Main-29 .palla h4,
#Main-30 .palla h1,#Main-30 .palla h4,
#Main-31 .palla h1,#Main-31 .palla h4,
#Main-32 .palla h1,#Main-32 .palla h4{ color: white;  background-color: transparent; }

#Main-33 .palla,
#Main-34 .palla,
#Main-35 .palla{ left: 8px; background-image: url(../img/palla_neutra.png); }

.content{ position: absolute; left: 90px; top: 90px; width: 280px; height: 240px; }
.content h1.campo-1{ margin-left: 8px}

.menu{ margin: 0; list-style: none;}
.menu li{ float: left; display:inline}
#dati-foot li{ margin-left: 10px; display: inline; }

#Logo{ width: 275px; height: 59px; position: absolute; bottom: 11px; right: 130px; z-index: 3; background: url(../img/logo-paperlink.gif) no-repeat; }
#Logo a{ display: block; width: 100%; height: 100%;}
#Logo a span{ display: block; text-indent: -999999px}

#Main-Menu{ width: 225px; height: 251px; position: absolute; bottom: 0px; right: 130px; z-index: 2; background: url(../img/albero.png) no-repeat 0 0; }

#Main-Menu ul{ height: 100%; }
#Main-Menu ul li{ position: absolute;}
#Main-Menu ul li a{ display: block; width: 35px; height: 35px; position: absolute; background-image: url(../img/menu.gif); background-repeat: no-repeat; background-position: 0 0; }
#Main-Menu ul li.menu6li109 a{ left: 73px; top: 27px; background-position: -73px -27px; }
#Main-Menu ul li.menu6li108 a{ left: 111px; top:57px;	background-position: -112px -57px;}
#Main-Menu ul li.menu6li110 a{ left: 155px; top:51px;	background-position: -156px -50px;}
#Main-Menu ul li.menu6li111 a{ left: 138px; top:99px;	background-position: -139px -99px;}
#Main-Menu ul li.menu6li112 a{ left: 87px; top:111px;	background-position: -87px -111px;}
#Main-Menu ul li.menu6li113 a{ left: 52px; top:72px;	background-position: -53px -72px;}
#Main-Menu ul li a span{ height: 70px; position: absolute; display: block; overflow: hidden; left: 400px; background-repeat: no-repeat; line-height: 66px; text-transform: uppercase; font-size: 15px; text-align: center; }
#Main-Menu ul.menu6 li a:hover span{ }
#Main-Menu ul li.menu6li109 a span{ background-image: url(../img/tab_consulenza.png); width: 236px;top: 135px }
#Main-Menu ul.menu6   li.menu6li109 a:hover span{ left:50px;}
#Main-Menu ul li.menu6li108 a span{ background-image: url(../img/tab_communication.png); width: 174px; top: 105px; line-height: 66px; }
#Main-Menu ul.menu6 li.menu6li108 a:hover span{ left:62px; }
#Main-Menu ul li.menu6li110 a span{ background-image: url(../img/tab_web.png); width: 86px; top: 111px; line-height: 66px; }
#Main-Menu ul.menu6 li.menu6li110 a:hover span{ left:18px;}
#Main-Menu ul li.menu6li111 a span{ background-image: url(../img/tab_print.png); width: 99px; top: 63px; line-height: 70px; }
#Main-Menu ul.menu6 li.menu6li111 a:hover span{ left:35px; }
#Main-Menu ul li.menu6li112 a span{ background-image: url(../img/tab_paper.png); width: 100px;top:51px }
#Main-Menu ul.menu6 li.menu6li112 a:hover span{left:86px;}
#Main-Menu ul li.menu6li113 a span{ background-image: url(../img/tab_partner.png); width: 120px; top: 90px; line-height: 66px; }
#Main-Menu ul.menu6 li.menu6li113 a:hover span{left:121px;}

.menu8{ background: url(../img/contatti.gif) no-repeat; height: 30px; text-transform: uppercase; position: absolute; bottom: 17px; left: 26px; width:110px;}
.menu8 li{ height: 100%; line-height: 30px; font-size: 1.2em}
.menu8 li a{ display: block;height: 100%; padding-left: 40px; color: #fff; }
.menu8 li a:hover{ color: #fff; }


.scrollarea{ width: 280px; height: 238px; position: relative; overflow: auto; }
.scrollstrip{ position: absolute; width: 280px; overflow: hidden; top: 0; left: 0; }
.scrollstrip .pad{ padding: .5em .8em}
.arrows{ display: block; position: absolute; left: 50px; width: 26px; height: 26px; overflow: hidden; text-indent: -99999px; background-image: url(../img/arrows.png); background-repeat: no-repeat; background-position: 0 0;  z-index: 1;  }
.arrowdown{ top: 225px; background-position: 0 -26px }
.arrowup{ top:195px; }

#Footer{ width: 1000px; height: 20px; position: absolute; top: 50%; left: 50%; margin: 310px 0 0 -500px; overflow: hidden; line-height: 20px; font-size: 80%; }
.menu5{ float: left; }
.menu5 li a{ padding: 0 1em}
.menu5 li.first a{ padding: 0 1em 0 0}
#Dati{ float: right; }
#Dati li{ padding: 0 .6em}
#Dati li.last{ padding: 0 0 0 .6em}

.panelnews{
	position: absolute;
	right: 200px;
	top: -14px;
	width: 386px;
	background: url(../img/panel_news.png) no-repeat bottom;
	padding-top: 10px;
	padding-bottom:17px;
	overflow: visible;
}

.panelnews .pad{
	padding: 24px 15px 0 15px;
	border: 2px solid #ccc;
	border-top: none;
	margin: 0 31px 0 31px
}
.beforenews{
	display: block;
	background-image: url(../img/close.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	bottom:17px;
	right:31px;
	width: 25px;
	height: 21px;
	text-indent: -99999px;
}

.afternews{ display: none; }
#Main-27 .panelnews{right:190px;}
#Main-27 .panelnews .pad{ border-color:#BAB098 }
#Main-27 .beforenews{ 	background-position:-25px 0; }

#Main-28 .panelnews .pad{ border-color:#AF64A0 }
#Main-28 .beforenews{ 	background-position:-50px 0; }

#Main-29 .panelnews{ right: 170px}
#Main-29 .panelnews .pad{ border-color:#19ADB9 }
#Main-29 .beforenews{ 	background-position:-75px 0; }

#Main-30 .panelnews{  right: 205px}
#Main-30 .panelnews .pad{ border-color:#E2001A }
#Main-30 .beforenews{ 	background-position:-100px 0; }

#Main-31 .panelnews{  right: 215px}
#Main-31 .panelnews .pad{ border-color:#0055A0 }
#Main-31 .beforenews{ 	background-position:-125px 0; }


#Main-32 .panelnews{  right: 185px}
#Main-32 .panelnews .pad{ border-color:#A6BA42 }
#Main-32 .beforenews{ 	background-position:-150px 0; }


.panelnews h1{font-size:1.2em;line-height:1.25;margin-bottom:.6em;}

.text-1 #Dati{ float: none;}
.text-1 #Dati li{ width: 100%; clear: both; line-height: 1.8em }

.cmenucasehnews{ width: 240px; height: 345px; position: absolute; left: 172px; top: 70px; }
.cmenucasehnews li{ position: absolute;}
.cmenucasehnews li.menu9li115{ left: 0; bottom:0;height: 30px; width:104px}
.cmenucasehnews li.menu9li116{ right: 0; top:0;height:50px; width:40px}
.cmenucasehnews li a{ display: block; width: 100%; height: 100%; text-indent: -999999px}
.cmenucasehnews li a.menu9a116{ background: url(../img/news.png) no-repeat 6px 10px;}

#boxAjax{ background: url(../img/stage_popup.png) no-repeat bottom; }
#boxAjax h1{ background: black; color: white; /*height: 45px;*/ vertical-align:baseline; /*line-height:62px;*/ padding: 15px 5px 0 5px; position: absolute; top: 0; left:36px; margin:0;}
#boxAjax .text-2{ margin-top: .4em}
#boxAjax .scrollstrip .pad{ padding: 0 .8em .5em .8em}


#CloseBox{ background-image: url(../img/close.gif); background-repeat: no-repeat; background-position: -2px -2px; cursor: pointer; }


#boxAjax .palla{ width: 450px; height:274px; position: static;}
#boxAjax .arrows{ left: 12px}
#boxAjax .content{ position: absolute; left: 0; top:0; width:380px; height: 280px;}
#boxAjax .scrollarea{ width: 392px; height: 210px; position: absolute; overflow: auto; left:35px; top:55px}
#boxAjax .scrollstrip{ position: absolute; width:382px; overflow: hidden; top: 0; left: 0; }

/*-----Modifiche per la Home--------*/
#Main-26 .content{ position: absolute; left: 90px; top: 140px; width: 480px; height: 280px; }
#Main-26 .scrollarea{ width: 480px; height: 272px; position: relative; overflow: auto; }
#Main-26 .scrollstrip{ position: absolute; width: 480px; overflow: hidden; top: 0; left: 0;  }
#Main-26 .titolo{ font-size:30px}
#Main-26 .content h1{ font-size:20px }

/*--------Cambia Lingua -------*/
#CambiaLingua{
	position:absolute;
	top:3px;
	right:20px;	
	z-index:9999px;
}

#CambiaLingua ul{ list-style:none;}
#CambiaLingua li{ float:left; display:inline;}
#CambiaLingua li.on{ display:none;}
#CambiaLingua li a{ display: block; height:20px; line-height:20px; overflow:hidden; color:#FFFFFF}
#CambiaLingua li a:hover{ text-decoration:underline;}