/***************************************************************************************************************************  
	Website: www.qrnet.it
	Version: 2.0
	Design Author: QRnet mediastudio
	Author URI: http://www.qrnet.it/ 				                                                   				
 ***************************************************************************************************************************/	


*, body, h1, h2, h3, h4, h5, h6, table, form {
margin:0px;
padding:0px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
				   
.nascondi, hr {
visibility:hidden;
display:none;
}

.disabilita {
position:absolute;
margin-left:-3000px;
}

body {
background:url(../images/bg.jpg) #fff repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
color:#888;
}


/*************************************************************************************************************			*  ALL
 *	ALL  				                                                   										
 *************************************************************************************************************/		  
		  
#all { 
width:798px;
margin: 0px auto 0px;
padding:0;
text-align:center;
clear:both;
}


/*************************************************************************************************************			*  TOP
 *	TOP  				                                                   				
 *************************************************************************************************************/		  
		  
#top { 
width:850px;
height:41px;
margin: 20px auto 0px;
padding: 0;
clear:both;
}

#top img {
border:none;
}

#logo {
height:41px;
margin: 0;
padding: 0;
float:left;
}

#logo h1 {
margin: 0;
padding: 0;
}

#logo h1 a{
display:block;
width:158px;
height:41px;
background-image: url("../images/logo.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#logo h1 a:hover { 
background-image: url("../images/logo.jpg");
background-position: -158px 0px;
background-repeat: no-repeat;
}

#logo h1 a span{
position:absolute;
margin-left:-3000px;
}

#last {
float:left;
background-image: url("../images/last.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
width:34px;
height:41px;
}


/*
#last span {
margin: 0;
padding: 0;
width:34px;
height:41px;
}

#last span a{
display:block;
width:34px;
height:41px;
background-image: url("../images/last.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#last span a:hover { 
background-image: url("../images/last.jpg");
background-position: -34px 0px;
background-repeat: no-repeat;
}
*/

/*************************************************************************************************************			*  NAVIGAZIONE
 *	NAVIGAZIONE 				                                                   				
 *************************************************************************************************************/	

#navigazione { 			
float:left;
margin: 0;
padding: 0;
height:41px;
}
		   
#navigazione ul { 
list-style-type: none; 
margin: 0 auto 0; 
padding: 0;
}

#navigazione ul li {
width:101px;
height:41px;
display:inline;
line-height:0;
float:left;
}

#navigazione ul li a {
display:block;
width:101px;
height:41px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#888;
text-align:center;
padding-top: 18px;
padding-bottom: 7px;
margin:0;
text-transform: lowercase;
text-decoration:none;
}


/*************** brand ***************/	

#navigazione ul li.brand a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.brand strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.brand a {
width:101px;
height:41px;
background-image: url("../images/navigazione/brandesign.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.brand a:hover { 
background-image: url("../images/navigazione/brandesign.jpg");
background-position: -101px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.brand { 
background-image: url("../images/navigazione/brandesign.jpg");
background-position: -202px 0px;
background-repeat: no-repeat;
}

/*************** webdesign ***************/	

#navigazione ul li.webdesign a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.webdesign strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.webdesign a {
width:101px;
height:41px;
background-image: url("../images/navigazione/webdesign.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.webdesign a:hover { 
background-image: url("../images/navigazione/webdesign.jpg");
background-position: -101px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.webdesign { 
background-image: url("../images/navigazione/webdesign.jpg");
background-position: -202px 0px;
background-repeat: no-repeat;
}

/*************** webservices ***************/	

#navigazione ul li.webservices a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.webservices strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.webservices a {
width:101px;
height:41px;
background-image: url("../images/navigazione/webservices.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.webservices a:hover { 
background-image: url("../images/navigazione/webservices.jpg");
background-position: -101px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.webservices { 
background-image: url("../images/navigazione/webservices.jpg");
background-position: -202px 0px;
background-repeat: no-repeat;
}

/*************** advertising ***************/	

#navigazione ul li.advertising a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.advertising strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.advertising a {
width:101px;
height:41px;
background-image: url("../images/navigazione/advertising.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.advertising a:hover { 
background-image: url("../images/navigazione/advertising.jpg");
background-position: -101px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.advertising { 
background-image: url("../images/navigazione/advertising.jpg");
background-position: -202px 0px;
background-repeat: no-repeat;
}

/*************** advertising-home ***************/	

#navigazione ul li.advertising-home a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.advertising-home strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.advertising-home a {
width:101px;
height:41px;
background-image: url("../images/navigazione/advertising-home.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.advertising-home a:hover { 
background-image: url("../images/navigazione/advertising-home.jpg");
background-position: -101px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.advertising-home { 
background-image: url("../images/navigazione/advertising-home.jpg");
background-position: -202px 0px;
background-repeat: no-repeat;
}

/*************** works ***************/	

#navigazione ul li.works a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.works strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.works a {
width:101px;
height:41px;
background-image: url("../images/navigazione/works.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.works a:hover { 
background-image: url("../images/navigazione/works.jpg");
background-position: -101px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.works { 
background-image: url("../images/navigazione/works.jpg");
background-position: -202px 0px;
background-repeat: no-repeat;
}

/*************** contact ***************/	

#navigazione ul li.contact a span{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.contact strong{
position:absolute;
margin-left:-3000px;
}

#navigazione ul li.contact a {
width:101px;
height:41px;
background-image: url("../images/navigazione/contact.jpg");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.contact a:hover { 
background-image: url("../images/navigazione/contact.jpg");
background-position: -101px 0px;
background-repeat: no-repeat;
}

#navigazione ul li.contact { 
background-image: url("../images/navigazione/contact.jpg");
background-position: -202px 0px;
background-repeat: no-repeat;
}


/*************************************************************************************************************			*  ADV
 *	ADV  				                                                   				
 *************************************************************************************************************/		  
		  
#advhome { 
width:798px;
height: 533px;
margin: 0px auto 0px;
padding: 0;
background: url("../images/adv/home.jpg") no-repeat top left;
}

#advbrandesign { 
width:798px;
height: 283px;
margin: 15px auto 0px;
padding: 0;
background: url("../images/adv/brandesign.jpg") no-repeat top center;
}

#advwebservices { 
width:798px;
height: 283px;
margin: 15px auto 0px;
padding: 0;
background: url("../images/adv/webservices.jpg") no-repeat top center;
}

#advwebdesign { 
width:798px;
height: 283px;
margin: 15px auto 0px;
padding: 0;
background: url("../images/adv/webdesign.jpg") no-repeat top center;
}

#advadvertising { 
width:798px;
height: 283px;
margin: 15px auto 0px;
padding: 0;
background: url("../images/adv/advertising.jpg") no-repeat top center;
}

#advworks { 
width:798px;
height: 283px;
margin: 15px auto 0px;
padding: 0;
background: url("../images/adv/works.jpg") no-repeat top center;
}

#advcontact { 
width:798px;
height: 283px;
margin: 15px auto 0px;
padding: 0;
background: url("../images/adv/contact.jpg") no-repeat top center;
}


/*************************************************************************************************************			*  HEADS
 *	HEADS 				                                                   				
 *************************************************************************************************************/	

h2 {
position:absolute;
margin-left:-3000px;
}

.headhome {
float:left;
background:url(../images/heads/about.jpg) no-repeat top left;
width: 300px;
height:40px;
margin-top:10px;
}

.headbrandesign {
float:left;
background:url(../images/heads/brandesign.jpg) no-repeat top left;
width: 158px;
height:42px;
margin-bottom:10px;
}

.headwebdesign {
float:left;
background:url(../images/heads/webdesign.jpg) no-repeat top left;
width: 158px;
height:42px;
margin-bottom:10px;
}

.headwebservices {
float:left;
background:url(../images/heads/webservices.jpg) no-repeat top left;
width: 158px;
height:42px;
margin-bottom:10px;
}

.headadvertising {
float:left;
background:url(../images/heads/advertising.jpg) no-repeat top left;
width: 158px;
height:42px;
margin-bottom:10px;
}

.headworks {
float:left;
background:url(../images/heads/works.jpg) no-repeat top left;
width: 158px;
height:42px;
margin-bottom:10px;
}

.headcontact {
float:left;
background:url(../images/heads/contact.jpg) no-repeat top left;
width: 158px;
height:42px;
margin-bottom:10px;
}

/*************************************************************************************************************			*  CONTENUTI
 *	CONTENUTI  				                                                   				
 *************************************************************************************************************/		  
		  
#contenuti { 
width:798px;
margin: 0px auto 0px;
padding:0;
text-align:left;
clear:both;
}	

#contenuti p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#888;
text-align:justify;
padding-bottom: 8px;
line-height:18px;
}	  

#contenuti ul {
padding-left:25px;
} 

#contenuti ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#888;
font-weight:bold;
text-align:left;
padding-bottom: 5px;
line-height:18px;
list-style:url(../images/lista.jpg);
} 



/*************************************************************************************************************			*  WORKS
 *	WORKS  				                                                   				
 *************************************************************************************************************/		  

.work {
background:url("../images/box-works.jpg") no-repeat top center;
width:260px;
height:240px;
float:left;
margin-right:3px;
margin-left:3px;
margin-top:7px;
text-align:left;
}

.pic { 
margin: 0;
text-align:center;
}

.pic img {
padding-top: 8px;
padding-left: 3px;
padding-right: 2px;
border:none;
}

.descrizione { 
margin: 0;
padding-left:5px;
padding-top:5px;
text-align:left;
}

.descrizione p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#888;
text-align:left;
padding-top:3px;
font-weight:bold;
}

.descrizione p strong{
color:#bbb;
margin-right:10px;
margin-left:4px;
font-weight:bold;
}

.descrizione p a{
color:#ccc;
font-weight:bold;
text-decoration:none;
}

.descrizione p a:hover{
color:#555;
}

.logos { 
text-align:left;
background:url(../images/works/logos.jpg) no-repeat top left;
margin-top:25px;
width: 798px;
height: 28px;
}

.web { 
text-align:left;
background:url(../images/works/web.jpg) no-repeat top left;
margin-top:25px;
width: 798px;
height: 28px;
}

.brandw { 
text-align:left;
background:url(../images/works/brandw.jpg) no-repeat top left;
margin-top:25px;
width: 798px;
height: 28px;
}

.adv { 
text-align:left;
background:url(../images/works/adv.jpg) no-repeat top left;
margin-top:25px;
width: 798px;
height: 28px;
}

.adv h3, .brandw h3, .web h3, .logos h3 {
position:absolute;
margin-left:-3000px;
}


/*************************************************************************************************************			*  CONTACT
 *	CONTACT  				                                                   				
 *************************************************************************************************************/	

.left {
float:left;
width: 390px;
}

.left p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#888;
text-align:left;
font-weight:bold;
line-height:18px;
border-bottom:1px #ccc dotted;
}

.left p a{
color:#888;
text-decoration:none;
}

.left p a:hover{
color:#ccc;
}

.left h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#bbb;
font-weight:bold;
text-align:left;
padding-top: 8px;
}

.right {
float:right;
width: 390px;
}

.right p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#888;
text-align:justify;
font-weight:bold;
line-height:18px;
border-bottom:1px #ccc dotted;
}

.right p span{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#888;
text-align:justify;
font-weight:bold;
}

.right p a{
color:#777;
text-decoration:none;
}

.right p a:hover{
color:#ccc;
}

.right h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#bbb;
font-weight:bold;
text-align:left;
padding-top: 8px;
}

		   
/*************************************************************************************************************			*  FOOTER
 *	FOOTER  				                                                   				
 *************************************************************************************************************/		  
		  
#footer { 
width:798px;
border-top: #e5e5e5 1px solid;
border-bottom: #e5e5e5 1px solid;
margin: 30px auto 20px;
padding: 5px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #bbbbbb;
}

#footer img{ 
border:none;
}

.leftfooter {
float:left;
width: 390px;
text-align:left;
}

.rightfooter {
float:right;
width: 390px;
text-align:right;
}

.rightfooter ul li{
display:inline;
}

.rightfooter ul li a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #bbbbbb;
}

.rightfooter ul li a:hover{
color: #888;
}