/* CSS Document */
.js {display: none;} 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;  zoom:1 }
table{border-spacing:1;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:”;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
input[type=submit]{ cursor:pointer;}
/*because legend doesn’t inherit in IE */
legend{color:#000;}

var,.iradius16{ cursor:pointer;}

body {
	font: 12px Georgia,Tahoma,Helvetica,sans-serif;
	color:#585858;
	background-color:#E1E1E1;
	height:100%;
	width:100%;
}
ul{  }
p { margin:0; padding:0; }
html { height: 100%; }

h1{font-size:38px; font-weight:normal; font-style:italic; line-height:70px; color:#FFFFFF;  } /* titoli sezioni */

h2{ font-size:26px;
	color:#BF7300;
	font-style:italic;
	margin-bottom:8px;}  
	
h3{ font-size:20px;
	color:#BF7300;
	font-style:italic;
	margin-bottom:8px;}
	
	

  
.floatl, div.floatl{ float:left; display:inline;  margin-right:4px;}
.floatr, div.floatr{ float:right; display:inline; margin-left:4px;} 
.clear{ height: 0; line-height: 0; font-size: 0; clear: both; overflow:hidden; }
.clear-space{ display:inline-block;  width:100%; height: 0; line-height: 0; font-size: 0; clear: both; overflow:hidden;  margin-top:15px; }
 
 

a { color:#333; text-decoration:none; outline:none; }
a:hover { color:#888; text-decoration:none; }
a img { border: none; } 
 
 
.msgnull{font-size:20px;
	color:#BF7300;
	font-style:italic;
	margin-bottom:8px;} /* messaggio di "non trovato" */
.msgerror{ font-size:20px;
	color:#BF7300;
	font-style:italic;
	margin-bottom:8px;} /* messaggio di ringraziamento/errore */ 
.link_indietro{}  /* Link "torna indietro" */ 



#loader{
text-align:center;
position:absolute;
width:230px;
height:170px;
left:50%;
top:50%;
margin:-85px 0 0 -115px;
color:#BF7300;
font-size:14px;

}
#loader img{  margin:5px 0;}


#logo{
position:absolute;
z-index:4;
top:0;
left:50%;
margin:50px 0 0 -480px; /*  estremo sinistro */
padding:0;
width:300px;
height:108px;
background-image:url(img/logo.png);
background-repeat:no-repeat;
overflow: hidden;
text-indent: -999px;
font-size: 0px;
display:block;
line-height: 0px;
}


#col{
position:absolute;
z-index:2;
width:260px;
height:100%;
left:50%;
margin:0 0 0 -480px;  /* viene posto all'estrema sinistra dei 960px, ovvero il suo lato sx dista dal centro 480 px */
background-image:url(img/bg-menu.png);
background-repeat:repeat-y; 
}
 
 
#menu-container{		/* centrato in verticale */
	height:350px;
	position:relative;
	z-index:2;
	top:50%;
	margin:-165px 0 0 0;
}

 
 
 
#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;left:0;
	background-color:#ccc;
	overflow:hidden;
}



	#mask {
		width:500%;						/* 100 x numero di slide (5) */
		height:100%;
		background-color:#eee;
	}

	.pagina {
		width:20%;						/* 100 diviso il  numero di slide */
		height:100%;
		float:left;
		background-color:#ddd;
	}
	
	
	.content {							/* contenuto delle pagine */
	width:650px;
	height:600px;
	padding:50px 0 0 50px;
	top:50%;
	left:50%;
	margin:-325px 0 0 -220px;
	position:relative;
	}
	
		.testo {							/* contenuto delle pagine */
	width:400px;
	line-height:14px;
	clear:both; 
	overflow:hidden;
	margin-bottom:20px;
	}
	
 
 
 
.icone-container{ 
width:360px;
height:120px;
overflow:hidden;
font-size:10px;
margin-top:8px; 
}
.ascensore-container{ width:260px;
height:32px;
overflow:hidden;
font-size:10px;
vertical-align:middle;
font-weight:bolder; 

}
.ascensore-down,.ascensore-up{
width:220px;
padding:0 0 0 55px;
height:29px;
margin:0 0 10px 0; 
background-image:url(img/ascensore-down.png); 
background-repeat:no-repeat;
background-position:0 0;
clear:both; 
display:block;
float:left;
text-decoration:none;
font-weight:bold;
font-size:11px;
}
.ascensore-up{
background-image:url(img/ascensore-up.png); 
}

.ascensore-down:hover,.ascensore-up:hover{ background-position:0 -29px;} 

.silouette{ margin-top:40px;}

/* stili sfondi pagine */
#profilo{
background-image:url(img/bg1.jpg);
background-position:center;
background-repeat:no-repeat;
}
#servizi{
background-image:url(img/bg2.jpg);
background-position:center;
background-repeat:no-repeat;
}
#portfolio{
background-image:url(img/bg3.jpg);
background-position:center;
background-repeat:no-repeat;
}
#news{
background-image:url(img/bg4.jpg);
background-position:center;
background-repeat:no-repeat;
}
#comunichiamo{
background-image:url(img/bg5.jpg);
background-position:center;
background-repeat:no-repeat;
}

#web{
background-image:url(img/bg6.jpg);
background-position:center;
background-repeat:no-repeat;
}


#seo{
background-image:url(img/bg8.jpg);
background-position:center;
background-repeat:no-repeat;
}

#grafica{
background-image:url(img/bg7.jpg);
background-position:center;
background-repeat:no-repeat;
}


/* PROFILI */

a.profili{
float:left;
height:226px;
overflow: hidden;
text-indent: -999px;
font-size: 0px;
display:block;
line-height: 0px;

background-repeat:no-repeat;
background-position:0 0;

}
a.profili:hover{background-position:0 100%; }

.federico{ width:37px; background-image:url(img/staff/federico.png); }
.marco{ width:30px; background-image:url(img/staff/marco.png); }
.nicolap{ width:40px; background-image:url(img/staff/nicolap.png); }
.nicolam{ width:51px; background-image:url(img/staff/nicolam.png); }
.luca{ width:53px; background-image:url(img/staff/luca.png); }
.annalisa{ width:47px; background-image:url(img/staff/annalisa.png); }
.michele{ width:43px; background-image:url(img/staff/michele.png); }



.box-profili{
display:none;
font-size:11px;
clear:both;
margin-top:30px;
width:280px;
height:71px;
padding:10px;
background-position:center;
background-repeat:no-repeat;
background-image:url(img/staff/staff-ballon.png);
}
.box-profili h3{ font-size:14px; float:left; width:280px;  clear:both;} 

.box-profili a.chiudi-profili{
float:right;
width:11px;
height:11px;
margin:3px 0;
background-position:center;
background-repeat:no-repeat;
background-image:url(img/x.png);
overflow: hidden;
text-indent: -999px;
font-size: 0px;
display:block;
line-height: 0px;
}
#empty-profili{ display:block; visibility:hidden;}

/* toolbar */
#toolbar{
position:absolute;
z-index:5;
top:50%;
right:0;
margin:-89px 0 0 0;
width:25px;
height:168px; 
padding:10px 5px 10px 15px;
background-image:url(img/toolbar.png);
background-position:left;

}

.link_bar{
display:block;
width:22px;
height:23px;
margin:5px 0;
background-repeat:no-repeat;
background-position:0 0;
overflow: hidden;
text-indent: -999px;
font-size: 0px;
display:block;
line-height: 0px;
}

.link_bar:hover{ background-position:0 -24px;}

.facebook_icon{background-image:url(img/facebook.png);}
.skype{background-image:url(img/skype.png);}
.mail{background-image:url(img/mail.png);}


ul{padding-left:20px;}
ul li{list-style:disc;}
em {font-style:italic;}

 
 
 

ul.menu { margin:0; padding:0; width:240px; height:180px; float:right; overflow:hidden;	 clear:both;}				/* contenitore generale */

ul.menu li {				/* riga di menu*/	
list-style:none;
height:36px;
width:240px;

display:block;
 }										
ul.menu li a{				/* link clibbabile (un eventuale sfondo e da mettere qui) */
	display:block;
	width:210px;
	padding:8px 25px 8px 0;
	text-align:right;
	height:18px; 
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	background-image:url(img/bg_linkmenu.png);
	background-position:right 0;
	background-repeat:no-repeat; font-weight:bold;

}	
					
ul.menu li a:hover{
background-image:url(img/bg_linkmenu.png);
	background-position:right 100%;
	background-repeat:no-repeat;
	font-weight:bold;
	}									
ul.menu li a.selected { 		/* stato selezionato */
	font-weight:bold;
	color:#B9651A;
	background-image:url(img/bg_linkmenu-selected.png)
}	


#dati{
	font-family:Tahoma, Geneva, sans-serif;
	color:#b0b0b0;
	font-size:9px;
	float:right;
	clear:both;
	width:150px;
	line-height:11px; 
	margin-top:30px; 
	padding:40px;
	text-align:right;
}

 
 /* STILI PORTFOLIO */
 .work-loaded{ overflow:hidden; clear:both; margin-top:40px; }
 .work-loaded .loading{ margin-top:145px; margin-left:215px;}
 .work-container{ width:650px; height:306px;  overflow:hidden; float:left; margin:15px 0; }
 .work-container .work-box{width:650px; height:306px; }
 .work-container a.work-thumb{  
 float:left;
 overflow:hidden;
 width:200px;
 height:85px;
 padding:5px;
 margin:3px;
 position:relative;
 background-image:url(img/fondo-port.png);
 background-repeat:no-repeat;
 background-position:center top;
 }
 
 .work-container a.work-thumb img{ 

	 filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
 
 .work-container a.work-thumb span{ 
 position:absolute;
 bottom:-50px;
 left:5px;
 width:200px;
 height:25px;
 padding:4px;
 background-color:#FFFFFF;
 display:none;
 cursor:pointer;
 filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

 }
 
 .work-container a.work-thumb:hover img{
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
 }
.work-container a.work-thumb:hover span{   }


.foto_sec{ display:none; }
a.goto{color:#BF7300; line-height:26px; font-weight:bold; float:right; clear:both; margin:10px 20px 0 0;}
a.goto:hover {color:#666666; }

ul.work-menu{ float:right; width:500px; padding:0 8px 0 0; }
ul.work-menu li{ float:right; padding:0 0 0 10px; list-style:none;}
ul.work-menu li a{ color:#DC6F2A; font-weight:bold; line-height:27px; display:block; height:27px; padding:0 10px 0 0;  }
ul.work-menu li a:hover{ color:#666;}


ul.work-menu li.selected{ background-image:url(img/work-menu-sel-left.png); background-position:left center; background-repeat:no-repeat;}
ul.work-menu li.selected a{ color:#333;  background-image:url(img/work-menu-sel-right.png); background-position:right center; background-repeat:no-repeat;}

.work-lift-down,.work-lift-up{
width:52px;
height:29px;
margin:0 0 0 8px;
background-image:url(img/ascensore-down.png); 
background-repeat:no-repeat;
background-position:0 0;
float:left;
overflow: hidden;
text-indent: -999px;
font-size: 0px;
display:block;
line-height: 0px;
}
.work-lift-up{
background-image:url(img/ascensore-up.png); 
display:none; 
}

.work-lift-down:hover,.work-lift-up:hover{ background-position:0 -29px; } 



/* NEWS */


.box-news{  /*box News*/
width:200px;
float:left;
margin:8px;
overflow:hidden;
}
.box-news h3{ 
font-size:16px;
width:170px;
padding:0 0 5px 30px;
background-image:url(img/read-news.png);
background-repeat:no-repeat;
background-position:left top;
}
.box-news a{color:#BF7300;}
.box-news a:hover{color:#666;}
 
#body-news{ width:750px; padding:15px;} 


 .thumb-left{
width:160px; 
float:left;
display:inline;
margin-right:4px;}

.thumb-left img{ clear:both;}
.thumb-left a{display:block;   } 


/* STILI CONTACT */

.contact,.contact-big{ float:left; width:112px; margin-right:5px; text-align:center; margin-bottom:85px;} 
.contact strong,.contact-big strong{font-weight:bold; display:block; text-align:center; margin:5px 0; font-size:11px;}


.contact-big{width:160px;}