body{
	background:#ededed url(../images/back.gif) no-repeat 50% 0;
	color:#555;
	font: 70%  "Tahoma", Arial, Helvetica, sans-serif;	
	text-align:center;
	line-height:150%;
	margin:0;
	padding:0;
}

/* ----- tabelle ----- */
table, td, input, textarea, select, li{
	font: 100% "Tahoma", Arial, Helvetica, sans-serif;
	color:#000;	
}
th{
	background:#ddd;
	padding:5px;
}
td{padding:5px;}

/* ----- links globali ----- */
a:link, a:visited, a:active{
	color:#275f81;
	text-decoration:none;
}
a:hover{color:#555;}

/* ----- paragrafi, headers & linee orizzontali ----- */
p, h1, h2, h3, h4, h5, h6{margin:1em 0;}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4, h5{font-size:100%;}
hr{display:none;}

/* ----- immmagini ----- */
img{border:none;}

/* ----- items nascosti ----- */
#skip{display:none;}
.hidden{display:none;}

/* ----- float left / right classes ----- */
.left{float:right;margin-right:.3em;}
.right{float:right;margin-left:.3em;}

/* ----- dettagli contatti ----- */
address{
	float:left;
	width:170px;
	margin:0;
	padding-top:11px;
	font-style:normal;
}

.contactNumbers{
	float:left;
	margin:0;
	padding:0;
	width:150px;
}

.contactNumbers h3{font-size:100%;color:#666;margin:0;padding:0;}
.contactNumbers p{margin-top:0em;}

/* ----- container grandezza & posizione ----- */
#container{
	margin:0 auto;
	width:820px;
	text-align:left;
	padding:0;
	position:relative;
}

/* ----- logo ditta ----- */
#logo{
	background:url(../images/logo.gif) no-repeat 0 0;
	position:absolute;
	top:0;
	left:16px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
}
#logo a{
	display:block;
	height:189px;
	width:254px;
}
	

#tagline{display:none;}

/* ----- info ----- */
#info{display:none;}

/* ----- opzionale mid div ----- */
#mid{}

/* ----- trail ----- */
#breadcrumbs{display:none;}

/* ----- ricerca ----- */
#search{display:none;}

/* ----- sezioni ----- */

#navDept{display:none;}
#navSubDept{display:none;}
#navTools{display:none;}
.navStatic{display:none;}

#navDeptTitle, #navToolsTitle, .navStaticTitle{display:none;}

/* ----- colonna navigazione ----- */
#side{display:none;}

/* ----- navigazione ----- */

#nav{
	float:right;
	display:inline;
	width:187px;
	background:url(../images/nav_back.jpg) no-repeat 0 0;
}

#nav ul, #nav li{
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul{
	width:104px;
	margin-left:33px;
	padding-top:8px;
}

#nav li{
	text-indent:-9999px;
	overflow:hidden;
	width:104px;
	height:59px;
}

#nav li a{
	display:block;
	height:59px;
}

#nav li#nav1 a{background:url(../images/nav1.jpg) no-repeat 0 0;}
#nav li#nav1 a:hover, #nav li#nav1 a.selected{background:url(../images/nav1.jpg) no-repeat 0 -59px;}
#nav li#nav2 a{background:url(../images/nav2.jpg) no-repeat 0 0;}
#nav li#nav2 a:hover, #nav li#nav2 a.selected{background:url(../images/nav2.jpg) no-repeat 0 -59px;}
#nav li#nav3 a{background:url(../images/nav3.jpg) no-repeat 0 0;}
#nav li#nav3 a:hover, #nav li#nav3 a.selected{background:url(../images/nav3.jpg) no-repeat 0 -59px;}
#nav li#nav4 a{background:url(../images/nav4.jpg) no-repeat 0 0;}
#nav li#nav4 a:hover, #nav li#nav4 a.selected{background:url(../images/nav4.jpg) no-repeat 0 -59px;}
#nav li#nav5 a{background:url(../images/nav5.jpg) no-repeat 0 0;}
#nav li#nav5 a:hover, #nav li#nav5 a.selected{background:url(../images/nav5.jpg) no-repeat 0 -59px;}

/* ----- banner ----- */
#banner{
	text-indent:-8000px;
	overflow:hidden;
	margin:0;
	padding:0;
}

#banner a{
	display:block;
	width:150px;
	height:100px;
	margin:55px 0 150px 22px;
}

/* ----- main content area ----- */
#main{
	float:right;
	display:inline;
	line-height:18px;
	width:362px;
	padding:2em 0;
}
#main h2#pageTitle{display:none;}

#main a{color:#cd0000;}
#main a:hover{color:#777;}

#main .linklist{
	list-style:none;
	padding:0;
	margin:0 0 0 12px;
}

#main .linklist li{
	background:url(../images/bullet.gif) no-repeat 0 50%;
	padding:0;
	margin:0;
	text-indent:18px;
	line-height:160%;
}

#content li{list-style:none;color:#444;line-height:16px;}

.note{
	font-size:110%;
}
.highlight{
	font-size:140%;
}
.module1{
	float:left;
	width:250px;
}
.module2{
	float:right;
	width:250px;
}

/* ----- headers sezioni ----- */ 

.pageTitle{
	margin:0;
	padding:0;
	height:31px;
	overflow:hidden;
	text-indent:-9999px;
}

#titleHome{background:url(../images/title_home.gif) no-repeat 0 0;}
#titleServices{background:url(../images/title_services.gif) no-repeat 0 0;}
#titleProducts{background:url(../images/title_products.gif) no-repeat 0 0;}
#titlePortfolio{background:url(../images/title_portfolio.gif) no-repeat 0 0;}
#titleContact{background:url(../images/title_contacts.gif) no-repeat 0 0;}
#titlePageNotFound{background:url(../images/title_pagenotfound.gif) no-repeat 0 0;}
/* ----- sottotitoli headers ----- */

.subtitle{
	height:24px;
	overflow:hidden;
	;text-indent:-9999px;
}

/* ----- homepage subheaders ----- */

#subtitleFeaturedWork{background:url(../images/subtitle_home.gif) no-repeat 0 0;}

/* ----- Services subtitles ----- */

#subtitleProducts{background:url(../images/subtitle_services.gif) no-repeat 0 0;}
#subtitleCustom{background:url(../images/subtitle_custom.gif) no-repeat 0 0;}
#subtitleBranding{background:url(../images/subtitle_branding.gif) no-repeat 0 0;}

.top{
	background:url(/_images/top.gif) no-repeat .4em .52em;
	display:block;
	text-indent:15px;
}

/* ----- footer area ----- */
#footer{
	background:url(../images/footer_back.jpg) no-repeat 0 0;
	margin:0 auto;
	padding:14px 0;
	width:472px;
	height:30px;
	text-align:center;
}

#footer p{margin:0;}

#footer ul, #footer li{
	margin:0;
	padding:0;
	list-style:none;
}
#footer li{
	display:inline;
	margin-right:.3em;
	border-left:1px solid #cc0000;
}
#footer li.first{border-left:none;}

#footer a{
	margin-left:.5em;
	color:#7d849b;
}

#footer a:hover{
	color:#777;
	text-decoration:underline;
}

#footer #credits{display:none;}

/* ----- foto sx ----- */
#fotosx, #fotosx li {
	margin:0;
	padding:0;
	list-style:none;
}

#fotosx{
	position:absolute;
	top:200px;
	left:50px;
	width:271px;
	height:360px;
	z-index:100;
}

/* ----- articoli ----- */
#articles, #articles li {
	margin:0;
	padding:0;
	list-style:none;
}

#articles{
	position:absolute;
	top:136px;
	left:0;
	width:271px;
	height:360px;
	background:url(../images/side_back.gif) no-repeat 0 0;	
	z-index:100;
}

#articles h2{display:none;}

#articles ul{
	margin:48px 0 0 0;
	padding:3px 10px;
	color:#777;
	min-height:290px;
}
* html #articles ul{height:290px;}

#articles li{
	margin-bottom:10.5px;
	line-height:150%;
	padding:0;
	margin-left:68px;
}

#articles li a{
	display:block;
	width:100%;
	color:#7d849b;
}

#articles li a:hover{
	background:url(../images/x.gif) no-repeat 140px 50%;
	color:#666;		
}

/* ------ links articoli ------ */

#articles .links, #articles .links li{
	margin:0;
	padding:0;
	list-style:none;
}

#articles .links{
	clear:left;
	float:left;
	display:inline;
	position:relative;
	margin:16px 0 0 50px;
}

#articles .links li{
	position:absolute;
	text-indent:-8000px;
	overflow:hidden;
}
#articles .links li a{display:block;}

.links #linksPcs{
	width:59px;
	height:67px;
	background:url(../images/link_pcs.gif) no-repeat 0 0;	
}
.links #linksPcs a{height:67px;}

.links #linksMos{
	top:0;
	left:70px;
	width:100px;
	height:32px;
	background:url(../images/link_mos.gif) no-repeat 0 0;	
}
.links #linksMos a{height:32px;}

.links #linksMvb{
	top:40px;
	left:70px;
	width:100px;
	height:32px;
	background:url(../images/link_mvb.gif) no-repeat 0 0;
}
.links #linksMvb a{height:32px;}

/* ----- tabelle e forms ----- */
fieldset{
	border:none;
	padding:0;
	margin-top:20px;
}
legend{
	font-weight:normal;
	padding:0;
	margin:0;
	color:#555;
	font-size:120%;
	clear:both;
}
fieldset h3, fieldset h3{margin:1em 0 0 0;}
#content table{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	line-height:150%;
}
th{
	border:1px solid #fff;
	background:#ddd;
	padding:0px;
	margin:0;
}
td{
	padding:1px;
	vertical-align:top;
}
 table .price{
	color:#13689d;
	font-size:110%;
	font-weight:bold;
}

#Comments{width:350px;height:150px;}

/* ----- first table data style ----- */
td.first{width:40%;}

/* ---------------------- float fix ----------------------------- */
.inner:after, .products:after, .products li:after, #pagination:after, #total:after, .modules:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
.inner, .products, .products li, #pagination, #total, .modules{display:block;}
/*  \*/
.inner, .products, .products li, #pagination, #total, .modules {min-height:1%;}
* html .inner, * html .products, * html .products li, * html #pagination, * html #total, * html .modules {height:1%;}
 /*  */

