@font-face {font-family: 'HNR'; src: url('helveticaneue-webfont.eot'); src: url('helveticaneue-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-webfont.woff') format('woff'), url('helveticaneue-webfont.ttf') format('truetype'), url('helveticaneue-webfont.svg#HelveticaNeueRegular') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'HNB'; src: url('helveticaneue-bold-webfont.eot'); src: url('helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-bold-webfont.woff') format('woff'), url('helveticaneue-bold-webfont.ttf') format('truetype'), url('helveticaneue-bold-webfont.svg#HelveticaNeueBold') format('svg'); font-weight: bold; font-style: normal}
@font-face {font-family: 'HNL'; src: url('helveticaneue-light-webfont.eot'); src: url('helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'), url('helveticaneue-light-webfont.woff') format('woff'), url('helveticaneue-light-webfont.ttf') format('truetype'), url('helveticaneue-light-webfont.svg#HelveticaNeueLight') format('svg'); font-weight: normal; font-style: normal}


/* ######### CSS ######### */
*								{outline: none; margin: 0; padding: 0}
body 							{margin: 0; padding: 0; font: normal 8px Verdana, Arial, Helvetica, sans-serif; background-color: #e4e4e4; text-align: center}
h1								{font-family: HNR; font-size: small; text-align: center; color: #333333; text-shadow: 0px 1px 0px #e5e5ee}
h2								{font-family: HNR; font-weight:bold; font-size: 36pt; text-align: left; color: #333333; text-shadow: 0px 1px 0px #e5e5ee; margin: 5px}
h3								{font-family: HNR; font-weight:bold; font-size: 36pt; text-align: left; color: #333333; text-shadow: 0px 1px 0px #e5e5ee; margin: 5px}
h4								{font:300 16px HNL, HNR, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0)}
p								{font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0)}
img 							{border: 0}

a								{color: #336699; text-shadow: 1px 1px 1px #666666; font-family: HNR; text-decoration:none; font-size: 9pt;}
a:hover							{color: #333333; text-shadow: 1px 1px 1px #666666; font-family: HNR; text-decoration:none; font-size: 9pt;}
a:active						{color: #336699; text-shadow: 1px 1px 1px #666666; font-family: HNR; text-decoration:none; font-size: 9pt;}


a.link							{font-size: 9pt; color: #8ec4d0; text-shadow: 1px 1px 1px #ffffff; font-family: HNR; text-decoration:none}
a.link:hover					{font-size: 9pt; color: #333333; text-shadow: 1px 1px 1px #ffffff; font-family: HNR; text-decoration:none}
a.link:active					{font-size: 9pt; color: #8ec4d0; text-shadow: 1px 1px 1px #ffffff; font-family: HNR; text-decoration:none}

div.socialcontainer				{text-align:left; margin-left:40px; border-bottom: 1px dotted; color:#333333}
.social							{padding: 8px}
.testo 							{font-family: HNR; font-size: x-large; text-align: left; color: #8ec4d0; line-height: 30px; text-shadow: 0px 1px 1px #555}
.testoindex 					{font-family: HNR; font-weight:bold; font-size: 22pt; text-align: left; color: #8ec4d0; line-height: 30px; text-shadow: 0px 1px 1px #555}
.testobig 						{font-family: HNR; font-weight:bold; font-size: 36pt; text-align: left; color: #333333;  line-height: 30px; text-shadow: 0px 1px 0px #e5e5ee; margin: 5px}
.testoshare 					{font-family: HNR; font-weight:bold; font-size: 20pt; text-align: left; color: #333333;  line-height: 30px; text-shadow: 0px 1px 0px #e5e5ee; margin: 5px}
.testosmall 					{font-family: HNR; font-size: medium;  font-style: italic; text-align: justify; color: #333333;  line-height: 30px; text-shadow: 0px 1px 0px #e5e5ee}
.testonormale					{font-family: HNR; font-size: medium;  font-style: none; text-align: justify; color: #333333;  line-height: 30px; text-shadow: 0px 1px 0px #e5e5ee; padding-left:50px}
.details						{margin:15px 20px}
img.a 							{position: absolute; top: 10; text-align: center; z-index: 10}
img.b 							{position: absolute; text-align: center; top: 10}
button							{border: 1px solid #8ec1da; background-color: silver;  border-radius: 4px;  box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;  -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;  -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;  -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;  color: #3985a8;  text-shadow: 0 1px #fff;  padding: 5px 30px}
#box							{padding-top: 180px; width: 100%; height: 1000px; border-bottom: 1px black; background: silver}
#box1							{padding-top: 180px; width: 100%; height: 1000px; border-bottom: 1px dotted double black; background: red}
#box2							{padding-top: 180px; width: 100%; height: 1000px; border-bottom: 1px dotted double black; background: #f7f7f7}
#footer 						{position: fixed; bottom:0; text-align: center; width:100%; z-index:998; height: 139px; background-image: url(img/nuvole.png); background-repeat: no-repeat; margin-bottom: 5}
#footer-interno 				{padding-top: 250px}
#header 						{width: 100%;  height: 10px}
#header2 						{width: 100%; height: 118px; text-align: center; margin-top: auto}
#header3 						{text-align: center; margin:0 auto;width: 100%; background-image: url(img/menu_bg.png); background-repeat: repeat-x; height: 45px}
#header3bis						{text-align: center; margin:0 auto; width: 1000px; position: relative}
#header4 						{width: 100%; margin: auto}
#header5 						{width: 1000px; margin: auto}
#header5 h2						{padding-left:50px}
/* ######### TOPNAV ######### */
ul#topnav 						{list-style: none; font-size: 1.1em; float: left; display: block}
ul#topnav li 					{float: left; padding: 0; position: relative; padding-left:30px}
ul#topnav li a 					{float: left; height: 44px}
ul#topnav li:hover a, ul#topnav li a:hover {background-position: left bottom}
ul#topnav a.home 				{background: url(img/nav_piramedia.png) no-repeat; width: 120px}
ul#topnav a.clienti 			{background: url(img/nav_clienti.png) no-repeat; width: 120px}
ul#topnav a.sale 				{background: url(img/nav_turismo.png) no-repeat; width: 150px}
ul#topnav a.dove	 			{background: url(img/nav_dove.png) no-repeat; width: 120px}
ul#topnav a.servizi 			{background: url(img/nav_servizi.png) no-repeat; width: 150px}
ul#topnav a.contatti			{background: url(img/nav_contattaci.png) no-repeat; width: 150px}
ul#topnav li .sub 				{z-index:2000; position: absolute; top: 44px; left: 0; background: #227493 url(img/sub_bg.png) repeat-x; padding: 35px 35px 35px; float: left;  -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none}
ul#topnav li .row 				{clear: both; float: left; width: 100%; margin-bottom: 10px}
ul#topnav li .sub ul			{list-style: none; margin: 0; padding: 0; width: 150px; float: left}
ul#topnav .sub ul li 			{width: 100%; color: #fff; text-align: left}
ul#topnav .sub ul li h2 		{padding: 0;  margin: 0; font-size: 1.3em; font-weight: normal; text-align: left}
ul#topnav .sub ul li h2 a 		{padding: 5px 0; background-image: none; color: #d6d6d6; text-align: left}
ul#topnav .sub ul li a 			{float: none;  text-indent: 0; height: auto; background: url(img/navlist_arrow.png) no-repeat 5px 12px; padding: 7px 5px 7px 15px; display: block; text-decoration: none; color: #fff; text-align: left}
ul#topnav .sub ul li a:hover 	{color: #ddd; background-position: 5px 12px }/* ######### MOSAIC ######### */
.mosaic-block 					{float:left;position:relative;overflow:hidden;width:400px;height:125px;margin:8px 45px 8px 45px;background:#ffffff url(img/progress.gif) no-repeat center center;-moz-border-radius: 5px 5px / 5px 5px;border-radius: 5px 5px / 5px 5px;border:1px solid #fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5)}
.mosaic-backdrop 				{display:none; position:absolute; top:0; height:100%; width:100%; background:#ffffff; padding: 10px}
.mosaic-overlay 				{display:none; z-index:5; position:absolute; width:100%; height:100%; background:#111; -moz-border-radius: 5px 5px / 5px 5px;border-radius: 5px 5px / 5px 5px}
.circle .mosaic-overlay 		{background:url(img/hover-magnify.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none}
.fade .mosaic-overlay 			{opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); background:url(img/bg-black.png)}
.bar .mosaic-overlay 			{bottom:-100px; height:100px; background:url(img/bg-black.png)}
.bar2 .mosaic-overlay 			{bottom:-50px; height:100px; opacity:0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80)}
.bar2 .mosaic-overlay:hover 	{opacity:1;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter:alpha(opacity=100)}
.bar3 .mosaic-overlay 			{top:-100px; height:100px; background:url(img/bg-black.png)}
/* ######### SLIDE ######### */
#example 						{width:1000px; height:400px; position:relative; margin:0 auto}
#ribbon 						{position:absolute; top:-3px; z-index:500}
#frame 							{position:absolute; z-index:0; width:1000px; height:400px; top:-3px; left: 0; margin: 0 auto}
#slides 						{position:relative; top:15px; margin: 0 auto; z-index:100}
.slides_container 				{width:771px; overflow:hidden; position:relative; display:none; margin: 0 auto}
.slides_container div.slide 	{width:771px; height:315px; display:block}
#slides .next,#slides .prev 	{position:relative; width:24px; height:43px; display:block; z-index:101}
#slides .next 					{top:-75px; left:905px}
.pagination 					{margin:5px auto 0; width:100px}
.pagination li 					{float:left; margin:0 1px; list-style:none}
.pagination li a 				{display:block; width:12px; height:0; padding-top:12px; background-image:url(img/pagination.png); background-position:0 0; float:left; overflow:hidden}
.pagination li.current a 		{background-position:0 -12px}
.caption 						{z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:10px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); width:771px; font-size:1.3em; line-height:1.33; color:#fff; text-shadow:none}
/* ######### FEEDBACK ######### */
#feedback						{width:100%; position:fixed; bottom:0; height:480px; margin-bottom:-300px; z-index:10000}
#feedback .section				{background:url('img/nuvole.png'); height: 480px; background-repeat: no-repeat}
#feedback h6					{background:url("img/arrows.png") no-repeat; height:160px; margin:5px 0 12px; cursor:pointer}
#feedback a.submit:hover		{background-position:left bottom}
#feedback a.submit.working		{background-position:top right !important; cursor:default}
#feedback .message				{font-family:Corbel,Arial,sans-serif; color:#5a665b; text-shadow:1px 1px 0 #b3c2b5; argin-bottom:20px}
#feedback .arrow				{float:right; height:90px; position:absolute}
/* ######### MENU BASSO ######### */
div.menufooterbasso				{text-align: center; margin:0 auto; width: 100%}
div.menufooterbassodue			{text-align: center; margin:0 auto; width: 1000px; position: relative}
div.mfbuno						{position: absolute; width:160px; top:29px; left:0; text-align:left; padding:5px}
div.mfbdue						{position: absolute; width:160px; top:29px; left:160px; text-align:left; padding:5px}
div.mfbtre						{position: absolute; width:160px; top:29px; left:320px; text-align:left; padding:5px}
div.mfbqua						{position: absolute; width:160px; top:29px; left:480px; text-align:left; padding:5px}
div.mfbcin						{position: absolute; width:160px; top:29px; left:640px; text-align:left; padding:5px}
div.mfbsei						{position: absolute; width:160px; top:29px; left:800px; text-align:left; padding:5px}
/* ######### ASSISTENZA ######### */

.bubble {
	clear: both;
	margin: 0px auto;
	width: 350px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);	
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.rectangle {
	background: #7f9db9;
	height: 50px;
	width: 380px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

.triangle-l {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 65px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 350px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.info {
	padding: 60px 25px 35px 25px;
}

.info h2 {
	font-size: 20px;
}

.info p {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}

.info p a {
	color: #c4591e;
	text-decoration: none;
}

.info p a:hover {
	text-decoration: underline;
}
h2{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
h2 {
	font-style: italic;
	font-weight: normal;
	line-height: 1.2em;
}