*
{
	margin: 0pt;
	padding: 0pt;
}

ul
{
	display: block;
	list-style-image: url('none');
	list-style-position: outside;
	list-style-type: none
}

li
{

}

li a
{

}

li a:hover
{

}

BODY {
	margin:0;
	padding: 0;
	FONT-SIZE: 12px;
	text-decoration: none;
	BACKGROUND-COLOR: #EBEBED;
 /*   font-family:arial,verdana, sans-serif; */
    font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif; 
    text-shadow: 1px 1px 1px #FFF;
}



.topbar-fixed { margin-top:31px; }
.topbar-nofixed #topbar { margin-top:0; }
/* ====================== END HEADER ====================== */


/* ====================== START TOPSPACE ====================== */
body.admin-bar #topbar { margin-top:28px; }
.topbar-fixed #topbar { position:fixed; top:0; width:100%; z-index:90000; }
.topbar-none #topbar { display:none; }
#topbar { background:url('bg-topheader.png') no-repeat top center; height:31px }
#topbar ul { list-style:none; }
#topbar ul li { line-height:30px; height:30px; margin:0; padding:0 5px 0 0; background-position:5px center; background-repeat:no-repeat; float:left; }
#topbar ul li.fast-info { position:relative; }
#topbar ul li.right { float:right; }         
#topbar ul li.margin { margin:0 0 0 40px; }
#topbar ul li.icon { padding-left:25px; }
#topbar ul li.plus { background-image:url('images/icons/plus.png') }
#topbar ul li.plus:hover { background-image:url('images/icons/less.png') }
#topbar ul li, #topbar ul li a { font-size:14px; color:#6a6868; text-shadow:0 2px 2px #dcdbdb; font-weight:normal; text-transform:uppercase; line-height:26px; }
#topbar ul li a:hover { color:#383838; }
/* ====================== END TOPSPACE ====================== */




#CONTENITORE {
	margin:0 auto 0 auto;
	width:960px;
    overflow:hidden; 
}

/* INIZIO HEADER  */

#CONTENITORE_header {
	margin:0 auto 0 auto;
	width:960px;
	height:152px;
	float:left;
	background-image: url('sfondo_header.jpg');
    background-repeat:repeat-x;
    display:inline;
}

#logo {
	width:262px;
	height:96px;
	float:left;
    display:inline;
    margin-top:20px;
}

#voce_menu1 {
	width:70px;
	height:auto;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:265px;
    text-align:center;
    font-weight:bold;
}

#voce_menu2 {
	width:70px;
	height:auto;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:10px;
    text-align:center;
    font-weight:bold;
}

#voce_menu3 {
	width:70px;
	height:auto;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:18px;
    text-align:center;
    font-weight:bold;
}

#voce_menu4 {
	width:70px;
	height:auto;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:10px;
    text-align:center;
    font-weight:bold;
}

#voce_menu5 {
	width:70px;
	height:auto;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:10px;
    text-align:center;
    font-weight:bold;
}

.h2navbar {
font-family: arial,verdana, sans-serif; 
margin:0;
font-size: 20px;
display: inline;
color : #3366CC;
margin-left:20px;
}

#link_menu1 { color:#f00;color:#808080;text-decoration:none;font-size:15px;font-weight:normal; }
#link_menu2 { color:#f00;color:#808080;text-decoration:none;font-size:15px;font-weight:normal; }
#link_menu3 { color:#f00;color:#808080;text-decoration:none;font-size:15px;font-weight:normal; }
#link_menu4 { color:#f00;color:#808080;text-decoration:none;font-size:15px;font-weight:normal; }
#link_menu5 { color:#f00;color:#808080;text-decoration:none;font-size:15px;font-weight:normal; }

/* FINE HEADER  */


#servizi {
	width:240px;
	height:352px;
	float:left;
    display:inline;
    margin-top:0px;
 /*   background-image: url('servizi.jpg');
    background-repeat:repeat-x; */
}

#immagini {
	width:720px;
	height:352px;
	float:left;
    display:inline;
    margin-top:0px;
}

#spazio {
	width:960px;
	height:30px;
	float:left;
    display:inline;
    margin-top:0px;
    background-image: url('ombra_larga.png');
}

#mezzi {
	width:960px;
	height:61px;
	float:left;
    display:inline;
    margin-top:5px;
    background-image: url('mezzi.jpg');
}

#design {
	width:208px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:0px;
    background-image: url('design.jpg');
    background-repeat:repeat-x;
    z-index: 1000;
    
}

#design_testo1 {
	width:200px;
	height:261px;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:0px;
    color:#505050;
    line-height: 1.3;
}

#design_testo2 {
	width:200px;
	height:261px;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:0px;
    color:#505050;
    line-height: 1.3;
}

#design_testo3 {
	width:200px;
	height:261px;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:0px;
    color:#505050;
    line-height: 1.3;
}

#design_testo4 {
	width:200px;
	height:261px;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:0px;
    color:#505050;
    line-height: 1.3;
}

#design_testo5 {
	width:200px;
	height:261px;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:0px;
    color:#505050;
    line-height: 1.3;
}

#design_testo6 {
	width:200px;
	height:261px;
	float:left;
    display:inline;
    margin-top:70px;
    margin-left:0px;
    color:#505050;
    line-height: 1.3;
}

#web {
	width:208px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:35px;
    background-image: url('web.jpg');
    background-repeat:repeat-x;
}

#preventivi {
	width:220px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:35px;
    background-image: url('preventivi.jpg');
    background-repeat:repeat-x;
}

#offerte {
	width:208px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:35px;
    background-image: url('offerte.jpg');
    background-repeat:repeat-x;
}


/* FORM HOMEPAGE  */
input.text {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #505050;
	background: #CCCCCC;
	border: 0px solid #000000;
	width: 220px;
}
input.pulsante {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #505050;
	background: #CCCCCC;
	text-align: center;
	padding: 5px;
	width: 62px;
	border: 0px solid #000000;
	margin-top: 10px;
}
input.text:focus {
	background: #DDDDDD;
}

input.pulsante:hover {
	background: #E2E2E2;
}
input.pulsante:active {
	background: #E2E2E2;
}

textarea.sfondo {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #505050;
	background: #CCCCCC;
	width: 220px;
	height:60px;
	border: 0px solid #000000;
	padding-right: 0px;
	padding-left: 0px;
}

textarea.sfondo:focus {
    background: #DDDDDD;
}

/* FINE FORM HOMEPAGE  */

#spazio2 {
	width:960px;
	height:40px;
	float:left;
    display:inline;
    margin-top:0px;
}

#quote_area {position:relative;top:0;right:0;width:208px;padding-left:0px;padding-top:14px;height:115px;font-size:15px;line-height:20px;color:#AD144C;font-style:italic}
#quote_area p {width:225px;}
#quote_area a {display:block;color:#FFF;background:url('pulsante-preventivi.jpg') repeat-x;margin-bottom:5px;height:60px;}
#quote_area a:hover {color:#B25697;background:url('pulsante-preventivi-over.jpg') repeat-x;}
.button {display:inline-block;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:20px;text-decoration:none;padding:5px 15px;background:url(pulsante-preventivi-over.jpg) repeat-x left -250px;background: rgba(70, 83, 99, 0.2);line-height:25px;font-style:normal;text-shadow:none;color:#465363;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
.button:hover {color:#fff;background:#465363;background:url('pulsante-preventivi-over.jpg') repeat-x left top;}

#mission {
	width:208px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:0px;
    background-image: url('mission.jpg');
    background-repeat:repeat-x;
}

#servizi2 {
	width:208px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:35px;
    background-image: url('servizi2.jpg');
    background-repeat:repeat-x;
}





#marketing {
	width:208px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:0px;
    background-image: url('mkt.jpg');
    background-repeat:repeat-x;
}

#seo {
	width:208px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:35px;
    background-image: url('seo.jpg');
    background-repeat:repeat-x;
}

#portfolio {
	width:484px;
	height:331px;
	float:left;
    display:inline;
    margin-top:0px;
    margin-left:25px;
    background-image: url('portfolio.jpg');
    background-repeat:repeat-x;
}

#portfolio_contenuto {
	width:464;
	height:270px;
	float:left;
    display:inline;
    margin-top:61px;
    margin-left:10px;
}


#spazio3 {
	width:960px;
	height:40px;
	float:left;
    display:inline;
    margin-top:0px;
}

#footer {
	width:100%;
	height:214px;
	float:left;
    display:inline;
    margin-top:0px;
    background-color: #D1D2D4;
}

#CONTENITORE_footer {
	margin:0 auto 0 auto;
	width:960px;
    overflow:hidden;
    height:214px; 
    background-image: url('sfondo_footer.jpg');
    BACKGROUND-COLOR: #EBEBED;
}

#footer1 {
	width:150px;
	height:140px;
	float:left;
    display:inline;
    margin-top:38px;
    margin-left:30px;
}

#footer2 {
	width:150px;
	height:140px;
	float:left;
    display:inline;
    margin-top:38px;
    margin-left:100px;
}

#footer3 {
	width:150px;
	height:140px;
	float:left;
    display:inline;
    margin-top:38px;
    margin-left:100px;
}

#footer4 {
	width:150px;
	height:140px;
	float:left;
    display:inline;
    margin-top:38px;
    margin-left:100px;
}

#footer5 {
	width:960px;
	height:30px;
	float:left;
    display:inline;
    margin-top:8px;
    margin-left:0px;
}

#linea_footer1 {
	width:100%;
	height:1px;
	float:left;
    display:inline;
    margin-top:0px;
    background-color: #828284;
}

#linea_footer2 {
	width:100%;
	height:2px;
	float:left;
    display:inline;
    margin-top:0px;
}

/* PORTFOLIO HOME */


.qitem {
	width:140px;
	height:110px;	
	border:4px solid #EBEBED;	
	margin:10px 10px 10px 0;
	background: url('../portfolio/bg.gif') no-repeat;	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		border:0px none;
	
		/* allow javascript moves the img position*/
		position:absolute;
		z-index:200
	}

	.qitem .caption {
		position:absolute;
		z-index:0;	
		color:#ccc;
		display:block;
	}

		.qitem  h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#369ead;
		}

		.qitem  p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
		}



/* Setting for bars */
.bar1, .bar2, .bar3, .bar4 {
	position:absolute;
	background-repeat: no-repeat; 
	z-index:200;
}

.clear {
	clear:both;	
}

/* FINE PORTFOLIO HOME */