@charset "utf-8";
/* CSS Document */

*{	
	margin:0;
	padding:0;
}
body {
  background: #e8e8e8;
  color: #000000;
  font-family:  Arial, Helvetica, Georgia, verdana, sans-serif;
  background-image:url(../images/bg.gif);
  background-repeat:no-repeat;
  background-position: top center;  
	font-size:12px;
	margin: 0 auto;
}
.body2 {
  background: #e8e8e8;
  color: #000000;
  font-family:  Arial, Helvetica, Georgia, verdana, sans-serif;
  background-image:url(../images/bg2.gif);
  background-repeat:no-repeat;
  background-position: top center;  
	font-size:12px;
	margin: 0 auto;
}


.bg_blk {
  background-image: url(../images/bg_blk.png);
}
/*GENERALS-------------------------------*/

a {
  text-decoration: none;
  color: #525252;
}
a:hover {
  color: #858585;
}
.link {
  color: #ffffff;
}
.fix {
  clear:both;
  height:0;
  line-height:0;
}

.fix2 {

}

#bullet2 {
  margin-left:30px;
  position:absolute;
  margin-top:20px;
}
#bullet2 img {
  float: left;
  margin-left: 5px;
  border:0;
}

h1 {
  display: none;
}
h2 {
  display: none;
}
h3 {
  display: none;
}
h4 {
  display: none;
}
#ie6only {
  width: 500px;
  margin: 40px auto;
  display: none;
}

/*STRUCTURES-----------------------------------------*/

#container {
  width: 1082px;
  margin: 0 auto;
}

/*CONTENTS-----------------------------------------*/

#slide {
  z-index: -20;
  width: 1083px;
  height: 626px;
  margin: 0 auto;
}
#slide2 {
  z-index: -20;
  width: 1083px;
  margin: 0 auto;
}
#slide img {
  z-index: -20;
}
#bullet {
  margin-left:40px;
  position:absolute;
  margin-top:320px;
}
#bullet img {
  float: left;
  margin-left: 5px;
  border:0;
}
#corner {
  z-index: 120;
  width: 1084px;
  height: 51px;  
  background-image:url(../images/corner.png);
  background-repeat:no-repeat;
  background-position: center center; 
  position: absolute;
  top: 600px;
  margin: 0 auto;
}
#corner2 {
  z-index: 120;
  width: 1084px;
  height: 51px;  
  background-image:url(../images/corner.png);
  background-repeat:no-repeat;
  background-position: center center; 
  position: absolute;
  top: 650px;
  margin: 0 auto;
}
#logo {
  position: absolute;
  z-index: 110;
  margin-left: 41px;
} 
#logo img{
  border: 0;
}   
#frase {
  width: 631px;
  height: 190px;
  background-image:url(../images/frase.png);
  background-repeat:no-repeat;
  background-position: left top; 
  position: absolute;
  top: 117px;
  margin-left: 32px;
}

/*banner-----------------------------------------*/

#banner {
  z-index: 1;
  width: 1083px;
  height: 81px;
  background-image:url(../images/bg_bottom.png);
  background-repeat:no-repeat;
  background-position: left top; 
  position: absolute;
  top: 545px;
}
#servizi {
  float: left;
  margin-top: 19px;
  width:515px;
  z-index: 200 !important;
}
#servizi span{
  color: #ffffff;
  font-size: 11px;
}
#share {
  float: right;
  margin-right: 40px;
  margin-top: -60px;
}
#share img{
  float: left;
  border: 0;
  margin-right: 10px;
}
#banner-nav {
  width: 20px;
  position: absolute;
  top: 30px;
  margin-left: 468px;
}
#banner-nav img{
  border: 0;
  float: left;
  margin-right: 5px;
}
#izlab {
  float: right;
  margin-right: 35px;
  margin-top: -112px;	
}
#izlab img{
  float: left;
  border: 0;
}
/*navigation-----------------------------------------*/

#top {
  z-index: 100;
  width: 1083px;
  height: 45px;
  margin: 0 auto;
  background-image:url(../images/bg_top.png);
  background-repeat:no-repeat;
  background-position: top center; 
  position: absolute;
}
#nav {
  margin-top: 20px;
  margin-right: 25px;
  float: right;
}
#nav ul {
  list-style-type: none;
}
#nav li {
  float: left;
  background-image:url(../images/nav-sep.png);
  background-repeat:no-repeat;
  background-position: right center; 
  padding-right:13px;
  margin-right: 8px;
}
#nav li a{
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
}
.last {
  background-image: none !important;
}
#nav li a:hover{
  color: #999 !important;
}
#nav li a:active{
  border-bottom: 3px #ffffff solid;
  padding-bottom: 6px;
}

.menuattivo{
  color: #999 !important;
}

/* sub menu ------------------------------------*/

ul {
    padding: 0; margin: 0;
}
ul li {
  list-style-type: none;
  position: relative; margin: 0; padding: 0;
  }
ul ul {display: none;}
ul li:hover > ul {
  width: 280px;
  display: block; 
  position: absolute; 
  background-image:url(../images/bg_sub.png);
  background-repeat: no-repeat;
  background-position: top left; 
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomright:5px;
  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-bottom-right-radius:5px;
  padding: 60px 60px 40px 50px;
  border-bottom: 2px solid #000000;
}
li:hover.sub_bg2 ul {
  width: 200px;
  display: block; 
  position: absolute; 
  background-image:url(../images/bg_sub2.png) !important;
  background-repeat: no-repeat;
  background-position: top left; 
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomright:5px;
  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-bottom-right-radius:5px;
  padding: 60px 60px 40px 50px;
  border-bottom: 2px solid #000000;
}
li:hover.sub_bg3 ul  {
  width: 200px;
  display: block; 
  position: absolute; 
  background-image:url(../images/bg_sub3.png) !important;
  background-repeat: no-repeat;
  background-position: top left; 
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomright:5px;
  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-border-bottom-right-radius:5px;
  padding: 60px 60px 40px 50px;
  border-bottom: 2px solid #000000;
}
li a {
  display: block; 
  text-decoration: none;
}
ul#topmenu li a:hover {}
li.sub > a {
  
}
.sub li {
  clear: left;
  font-weight: bold;
}
.sub1 a{
  margin-bottom: 12px;
  clear: right !important;
  display: block;
  font-weight: bold;
}
.sub1 a:link{
  margin-bottom: 5px;
}
.sub1 a:active{
}
.sub1 {
  background-image: none !important;
}
.sub a:link{
  margin-bottom: 5px;
}
.sub a:hover {
  border-bottom: 0px !important;
  padding-bottom: 0px !important;
  color: #cccccc !important;
}  
.perego {
  background-image:url(../images/perego_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
}
.twsport {
  background-image:url(../images/twistersport_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
}
.iz {
  background-image:url(../images/iz_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.tw {
  background-image:url(../images/tw_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.twg {
  background-image:url(../images/twg_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.path {
  background-image:url(../images/percorso_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.model{
  background-image:url(../images/modello_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.pro {
  background-image:url(../images/professionisti_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.part {
  background-image:url(../images/partners_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.proj{
  background-image:url(../images/progettare_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.gest {
  background-image:url(../images/gestione_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}
.special {
  background-image:url(../images/progetti_ico.jpg) !important;
  background-repeat: no-repeat;
  background-position: top left !important; 
  padding-left: 28px;
  width: 100%;
}

/*INTERNE-----------------------------------------*/

#main {
  background: #ffffff;
  z-index: 20;
  width: 1083px;
  height: 581px;
  margin: 0 auto;
  position: absolute;
  top: 45px;
}
#main2 {
  z-index: 20;
  width: 1083px;
  margin: 0 auto;
}
#main img{
  border: 0;
}
#main2 img{
  border: 0;
}
#main-text {
  width: 993px;
  margin: 83px auto;
}
#main-text2 {
  width: 993px;
  padding-top: 83px;
  margin: 0 auto;  
}
#left {
  width: 311px;
  float: left;
}
#left img{
  height:472px;
}
#right {
  width: 612px;
  float: left;
  margin-left: 70px;
}
.title_main2 {
  margin-top: 5px !important;
}
.text1 {
  width: 277px;
  float: left;
  margin-right: 58px;
}
.text2 {
  width: 277px;
  float: left;
}
.text1_b {
  width: 256px;
  float: left;
  margin-right: 54px;
}
.text2_b {
  width: 256px;
  float: left;
}
.text1_c {
  width: 292px;
  float: left;
  margin-right: 54px;
}
.text2_c {
  width: 292px;
  float: left;
}
.text_o {
  padding-right:20px;
  padding-bottom: 20px;
	
}
.margin {
  margin-bottom: 22px;
} 
.t_1 {
  float: left;
  margin-right: 20px;
}
.t_main2 {
  margin-top: 20px;
}


/* news -----------------------------------------*/

.titlenews {
  font-weight: bold;
  font-size: 15px;
	background-image:url(../images/icon_news.png);
  background-repeat:no-repeat;
  background-position: left center;
	padding-left: 20px;
	padding-top: 1px;
}
.title_section {
  text-transform: uppercase;
	font-weight: bold;
}
.info_cliente {
  width: 580px;
}
/*bottom-----------------------------------------*/

#bottom {
  width: 993px;
  margin: 0 auto;
}
.sep {
  width: 993px;
  height:1px;
  margin-top: 25px;
  margin-bottom: 25px;
  background-image:url(../images/sep.jpg);
  background-repeat:repeat-x;
  background-position: right center;
}
.sep2 {
  width: 100%;
  height:1px;
  margin-top: 25px;
  margin-bottom: 25px;
  background-image:url(../images/sep.jpg);
  background-repeat:repeat-x;
  background-position: right center;
}
#info {
  font-size: 15px; 
}

#info a{
  color:#858585; 
}

#info a:hover{
  color:#858585; 
}

/*news-----------------------------------------*/

#news {
  margin-top: 60px;
  color: #000000;
}
.box1 {
  width: 246px;
  height: 45px;
  background-image:url(../images/border-right.jpg);
  background-repeat:no-repeat;
  background-position: right center;
  padding-right: 13px;
  float: left;
}
.box {
  width: 247px;
  height: 45px;
  background-image:url(../images/border-right.jpg);
  background-repeat:no-repeat;
  background-position: right center;
  padding-right: 13px;
  padding-left: 13px;
  float: left;
}
.box3 {
  width: 247px;
  height: 45px;
  padding-left: 13px;
  float: left;
}

/*mappa-----------------------------------------*/

#mappa {
  float:left;
  margin-right:58px;
  width:277px;
}
#mappa li{
  margin-bottom:10px;
}
#mappa li{
  font-weight: bold;
}
#mappa ul li ol li{
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: 10px;
}

/*Form----------------------------------------------*/

.form input, textarea, select, input {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -x-system-font:none;
  background:#F5F5F5 none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  color:#666666;
  font-size:13px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  margin:0 0 10px;
  padding:5px;
  width:280px;
}
.form {
  margin-top: 15px;
  padding: 15px;
  background: #eee;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}
label {
  float:left;
  width:150px;
}
.form input.submit {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  background:#000 none repeat scroll 0 0;
  border:1px solid #222222;
  color:#FFFFFF;
  cursor:pointer;
  width:100px;
  margin-left: 150px;
}

/*footer-----------------------------------------*/

#footer {
  width: 993px;
  margin-top:25px;
  color: #525252;
  margin-bottom:22px;
}
#footer img {
  border: 0;
  margin-right: 10px;
}
#nav-footer {
  float: left;
  width:700px;
  margin-top:0px;
  font-size: 10px;
}
#nav-footer ul{
  list-style-type: none;
}
#nav-footer li {
  float:left;
  border-right: 1px solid #525252;
  padding-right: 10px;
  margin-right: 10px;
  text-transform: uppercase;
}
#siti {
  width: 993px;
  color: #525252;
  margin-top:24px;
	margin-left:43px;
	float:left;
	width: 150px;

}
#siti img {
  border: 0;
  margin-right: 10px;
}
#text_siti {
  width: 792px;
  height: 45px;
  background-image:url(../images/border-right.jpg);
  background-repeat:no-repeat;
  background-position: left center;
  padding-left: 30px;
  float: left;
  margin-left: 20px;
	margin-top:24px;

}
#s12{
  width:515px; 
  height:80px; 
  display:block;margin-left:102px;
}
.customer_link {
  font-weight: bold;
  font-size: 14px;
}

/*pathway-------------------------------------------*/

.pathway {	
  position: absolute;
  top: 28px;
  margin-left: 438px;
  color: #999;
}
.pathway2 {	
  position: absolute;
  top: 72px;
  margin-left: 438px;
  color: #999;
}

/*tooltip*/

a.tool span { display:none;}
a.tool:hover span { display:block;}
a.tool:hover span {
display: block;
z-index:1;
}
a.tool:hover span {
  background-image:url(../images/bg_tool.png);
  background-repeat:no-repeat;
  background-position: top left;
  display:block;
  position: absolute;
  top: -140px;
  left: 0;
  z-index: 1000;
  color:#fff;
  padding:28px;
  width:926px;
  height: 157px;
  font-size: 14px;
}
a.tool:hover { position: relative; }

/*tooltip2*/

a.tool2 span { display:none;}
a.tool2:hover span { display:block;}
a.tool2:hover span {
display: block;
z-index:1;
}
a.tool2:hover span {
  background-image:url(../images/bg_tool2.png);
  background-repeat:no-repeat;
  background-position: top left;
  display:block;
  position: absolute;
  top: -250px;
  left: -20px;
  z-index: 1000;
  color:#000;
  padding:30px;
  width:550px;
  height: 185px;
  font-size: 14px;
}
a.tool2:hover { position: relative; }

/*tooltip3*/

a.tool3 span { display:none;}
a.tool3:hover span { display:block;}
a.tool3:hover span {
display: block;
z-index:1;
}
a.tool3:hover span {
  width: 100%;
  background-image:url(../images/bg_tool3.jpg);
  background-repeat:no-repeat;
  background-position: bottom left;
  background-color: #000000;
  display:block;
  position: absolute;
  top: -100px;
  left: 0;
  z-index: 1000;
  color:#fff;
  padding:20px;
  padding-bottom: 30px;
  font-size: 14px;
}
a.tool3:hover { position: relative; }


/*slide homepage*/
#bullet a {color:#ffffff; background:url('../images/bullet.png') no-repeat; text-decoration: none; margin: 2px; padding: 3px 5px; opacity:0.4;filter: filter:alpha(opacity=50); }
#bullet a.activeSlide {color:#ffffff;  background:url('../images/bullet.png') no-repeat; text-decoration: none; margin: 2px; padding: 3px 5px;  opacity:10;filter: filter:alpha(opacity=100);}
#bullet a:focus { outline: none; }

#bullet2 a {color:#ffffff; background:url('../images/bullet.png') no-repeat; text-decoration: none; margin: 2px; padding: 3px 5px; opacity:0.4;filter: filter:alpha(opacity=50); }
#bullet2 a.activeSlide {color:#ffffff;  background:url('../images/bullet.png') no-repeat; text-decoration: none; margin: 2px; padding: 3px 5px;  opacity:10;filter: filter:alpha(opacity=100);}
#bullet2 a:focus { outline: none; }

#s4{z-index:-1000;}

.pippo {
  margin-top: 30px;
}

/* Clienti e case history -----------*/

.cliente_name {
	width: 200px;
}
.logo_cliente {
	padding: 10px;
	border: 1px solid #333333 !important;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.info_cliente2 {
  width: 200px;
}
.web_hover {
	foat: left;
	width: 300px;
	margin-top: 5px;
}
.identity_hover {
	foat: left;
	width: 300px;
	margin-top: 5px;
}
.eventi_hover {
	foat: left;
	width: 300px;
	margin-top: 5px;
}
.video_hover {
	foat: left;
	width: 300px;
	margin-top: 5px;
}
.client_row {
	width: 320px;
	float: left;
}
.client {
	width: 300px;			
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.pright {
	width: 300px;			
}
.web_link {
	margin-right: 5px;
	margin-bottom: 5px;
}
.identity_link {
	margin-right: 5px;
	margin-bottom: 5px;
}
.eventi_link {
	margin-right: 5px;
	margin-bottom: 5px;
}
.identity_link {
	margin-right: 5px;
	margin-bottom: 5px;
}
/* buttom --------------------*/

.green.button {

}
.large.button {

}
.showreel {
				-moz-border-radius:5px 5px 5px 5px;
				-webkit-border-radius:5px 5px 5px 5px;
				-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
				background:url("../images/overlay-button.png") repeat-x scroll 0 0 #000000;
				border-bottom:1px solid rgba(0, 0, 0, 0.25);
				color:#FFFFFF !important;
				cursor:pointer;
				display:inline-block;
				font-weight:bold;
				line-height:1;
				overflow:visible;
				font-size:13px;
				padding:8px 19px 9px;
				position:relative;
				text-decoration:none;
				text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
				width:auto;
				text-transform: lowercase !important;
}
.back {
	      -moz-border-radius:5px 5px 5px 5px;
				-webkit-border-radius:5px 5px 5px 5px;
				-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
				background:url("../images/overlay-button.png") repeat-x scroll 0 0 #333333;
				border-bottom:1px solid rgba(0, 0, 0, 0.25);
				color:#FFFFFF !important;
				cursor:pointer;
				display:inline-block;
				font-weight:bold;
				line-height:1;
				overflow:visible;
				font-size:13px;
				padding:8px 19px 9px;
				position:relative;
				text-decoration:none;
				text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
				width:auto;
				text-transform: lowercase !important;			
}
.history_text {
	margin-left:70px;
  width:612px;
	float: left;
}
.case_voice {
	font-weight: bold;
	float: left;
	margin-right: 3px;
}
.case_voice2 {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 3px;
}
.logocase {
				border:1px solid #333333 !important;
				float:left;
				margin-bottom:20px;
				margin-right:20px;
				padding:10px;
}
.row2 {
  float: left;
	margin-left:71px;
	margin-top: 32px;
}
.row {
	padding-right: 20px;			
}
/* speciale natale */

#main_nat {
  background: #ffffff;
  z-index: 20;
  width: 1083px;
  margin: 0 auto;
  position: absolute;
  top: 45px;
}
#main-natale {
  width: 993px;
  margin: 70px auto;
	margin-bottom: 0px !important;
}
.natale {
  background: #e8e8e8;
  color: #000000;
  font-family:  Arial, Helvetica, Georgia, verdana, sans-serif;
  background-image:url(../images/bg3.gif);
  background-repeat:no-repeat;
  background-position: top center;  
	font-size:12px;
	margin: 0 auto;
}
#corner3 {
  z-index: 120;
  width: 1084px;
  height: 51px;  
  background-image:url(../images/corner.png);
  background-repeat:no-repeat;
  background-position: center center; 
  position: absolute;
  top: 850px;
  margin: 0 auto;
}
#slide3 {
  z-index: -20;
  width: 1083px;
  height: 885px;
  margin: 0 auto;
}
.like_natale {
	position: absolute;
	margin-top: 291px;
	margin-left: 776px;
}
.soleterre {
	width: 175px;
	height: 44px;			
	position: absolute;
	margin-top: 492px;
	margin-left: 735px;
	cursor: pointer;
}
.soleterre a{
}