@charset "utf-8";
/* -------------------------------------------------------------- 
	VNIT Screen Styles
	* Version: 1.0 (21/07/2008)
-------------------------------------------------------------- */

/* =Import 
-------------------------------------------------------------- */
@import url("lib/reset.css");
@import url("lib/forms.css");

/* =General
-------------------------------------------------------------- */
html, body {height: 100%}
body {
	background:#B8B8B8 url(../img/bg_headerdark_inside.png) top left repeat-x;
	font: 12px/150% Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify;
}
body.home {
	background:#B8B8B8 url(../img/bg_headerdark.png) top left repeat-x;
}
.left {float:left;}
.right {float:right;} 
a {color: #7A0017; text-decoration:none;}
a:hover {text-decoration: underline;}
img.space {margin:0px 10px 5px 0;}

/* =Container
-------------------------------------------------------------- */
#nonFooter {
	min-height: 100%; 
	min-width:970px; 
	width:970px;
	background: url(../img/bg_trasp.png) repeat-y;
	margin:0 auto;
	padding:0 11px 0 11px;
}
* html #nonFooter	{	height: 100%; } 
#container	{ padding-bottom: 146px; } /*  must be higher than the footer margin-top */


/* =Header
-------------------------------------------------------------- */
#header {background: url(../img/bg_header.png) repeat-x; height:97px;}
#logo {background: url(../img/logo.png) top left no-repeat; height:95px; width:100%; display:block;}
#logo span{text-indent:-9999px}


/* =Menu
-------------------------------------------------------------- */
#menu{background: url(../img/bg_menu.png) repeat-x; height:35px;}
#navigation {height:34px; line-height:34px; float:right; width:740px;} /* width:618px */
#navigation ul {list-style-type: none;} 
#navigation li {display:inline;} 
#navigation li a{
	text-decoration: none;
	font-size:14px;
	padding:0 9px 0 9px;
	color: #fff;
	height:34px; line-height:34px;
	display:block;
	float:left;
} 
#navigation li a:hover{
	background: url(../img/menu_hover.png) repeat-x;} 
.divider {width:2px; height:34px; background: url(../img/menu_divider.png) no-repeat; display:block; float:left; }

/* =Mainbar
-------------------------------------------------------------- */
#mainbar{height: 285px; background: url(../img/bg_flash.png) no-repeat;}

/* =Insidebar
-------------------------------------------------------------- */
#insidebar{height: 160px; background:url(../img/bg_insidebar.png) no-repeat;}
.titletext {padding:54px 0 0 40px; font-size:28px; color:#FFF;}
.secondarytext {padding:14px 0 0 40px;font-size:14px; color:#FEDB3C;}


/* =Content
-------------------------------------------------------------- */
#content{background: url(../img/bg_main.png) repeat-x; padding:0 24px 0 24px;}
.maincolumn{
	padding-top: 30px;
	float: left;
	width:618px;
}
.secondarycolumn{ 
	padding-top: 30px;
	padding-left: 20px;
	float:right;
	width: 270px;
	background: url(../img/column_divide.png) left no-repeat;
}
#introabout {
	margin-bottom: 20px;
}
.columntitle {
	padding:8px 0 2px 0;
	border-bottom: 1px dotted #000;
	margin-bottom:20px;
}

.newsbox {margin-bottom: 20px;}
.newsdata, .newstitle, .newstext {padding:1px 0;}
.newsdata {font-size: 10px; font-weight:bold; }
.newsdata img {margin-right: 4px;}
.newstitle {color:#7A051A; font-weight:bold;}
.newstext {text-align: justify;}

.back {text-align:left; margin:4px 0;}
.leggi {text-align: right; margin:4px 0;}
.back a, .leggi a {font-size: 10px; font-weight:bold; }

.boxed{background:#f4f4f4; border:1px solid #DDD; padding:10px; margin-bottom:20px;}
.red {font-size: 10px; color:#F00; font-weight:bold;}

.servizibox {margin-bottom: 90px; border-bottom:1px solid #CCC; padding-bottom: 10px;}
	.servizibox ul {padding-left:30px;}
	.servizibox ul li{list-style-position : outside; list-style-type: disc; padding:2px; }
	.servizibox ul.indentata {padding-left:20px;}
	.servizibox ul.indentata li{list-style-position : outside; list-style-type: circle; padding:4px; }
	.servizibox .title {margin:16px 0; font-size:18px; color:#7A051A;}
	.servizibox .title span {font-size:14px}

.lavoraconnoibox {}
	.lavoraconnoibox ul {padding-left:30px;}
	.lavoraconnoibox ul li{list-style-position : outside; list-style-type: disc; padding:2px; }

ul.boxed-list {
  line-height: 1em;
  list-style: none;
  border-top: 1px solid #CCC;
}
ul.boxed-list li {
  border-bottom: 1px solid #CCC;
  padding: 1.12em 0;
  padding-top: 1em;
  padding-left: 20px;
}
ul.boxed-list li:hover { background-color: #F7F6F7;}

.downloadlist {margin-bottom: 100px; border-bottom:1px solid #CCC; padding-bottom: 10px;}
	.downloadlist ul {padding-left:30px; text-align: justify;}
	.downloadlist ul li{padding:4px; }
	.downloadlist ul li a {vertical-align:middle;}
	.downloadlist .title {margin:16px 0; font-size:18px; color:#7A051A;}

a.button {
  display: block;
  height: 18px;
  text-indent: -10000em;
  text-decoration: none;
  background: url('../img/leggi.gif') no-repeat left 0;
	float:right;
}
a.buttonyellow {
  display: block;
  height: 18px;
  text-indent: -10000em;
  text-decoration: none;
  background: url('../img/leggiyellow.gif') no-repeat left 0;
}
a.button:hover, a.buttonyellow:hover { background-position: left -18px; }

.introazienda {font-weight:bold; color:#7A0017; margin-bottom:20px;}
.introazienda b{color:#000;}

.logocontatti {color:#7A0017; font-size:18px;}
.phone {margin-bottom:10px; background:#EEE;}
.phone img{vertical-align:middle;}

.intro {margin-bottom:50px;}

#introconsulenza {}
#introconsulenza .list {float:right; width:300px; background: url(../img/list_servizi.png) no-repeat; height:200px;}
	#introconsulenza .list ul {font-size:10px; padding-left: 96px;}
	#introconsulenza .list li	{padding:2px 0; font-weight: 600;}
#introconsulenza .text {float:left; width:280px; padding:0 30px 0 0;}

#introconsulenza, #introservizi, #introtecnologie {margin-top: 25px;}

.error {
border-top: 1px solid #E47E79;
border-bottom: 1px solid #E47E79;
background:#FEE4E3;
height:24px;
color: #000;
padding-top:6px;
font-size: 11px;
text-align:center;
margin: 0 0 22px;
}
.error img {
vertical-align:middle;
}
.sending {
border-top: 1px solid #009933;
border-bottom: 1px solid #009933;
background:#D1EFD3;
height:24px;
color: #000;
padding-top:6px;
font-size: 11px;
text-align:center;
margin: 0 0 22px;
}

.thumb{
	vertical-align: middle;
	margin-right:12px;	
}
.marginthumb {
padding: 44px 0 22px 94px;
}

.lavoro {background: url(../img/lavoro.jpg) no-repeat;}
.alimentare {background: url(../img/alimentare.jpg) no-repeat;}
.privacy {background: url(../img/privacy.jpg) no-repeat;}
.varie {background: url(../img/privacy.jpg) no-repeat;}


/* =Footer
-------------------------------------------------------------- */
#footer { 
	background:url(../img/bg_footerdark.png) bottom repeat-x; 
	width:100%;
	margin: -140px 0 0 0; 
	height:140px;
}
#footerinside { 
	min-width:970px; 
	width:970px;
	margin: 0 auto; 
	background: url(../img/bg_footer.png) repeat-x; 
	height:140px;
	font-size:11px;
	color: #7A0017;
}
#footer #copy{width:300px; padding:68px 10px 0 10px;}
#footer #shortcut {width:560px; padding:68px 10px 0 10px;}
	#footer #shortcut {float:left;}
	#footer #shortcut ul {list-style-type: none;} 
	#footer #shortcut ul li {display:inline;} 
	#footer #shortcut li a.first{ padding: 0 0.8em 0 0;	} 
	#footer #shortcut li a{
    text-decoration: none;
    border-right: 1px solid #bbb;
    padding: 0 0.8em;
		color: #7A0017;
	}
	#footer #shortcut li a.last{border-right:none;}
	#footer #shortcut li a:hover{ text-decoration: underline;}
	#footer #copy{float:right; text-align:right;}

* html #footer { margin-top: -140px; } /* A CSS hack that only applies to IE -- specifies a different offset for the footer */

/* =Prodotti
-------------------------------------------------------------- */
.product {width:600px;}
.type{ margin:0 0 20px 0; border-collapse:collapse; width:100%}
.type td {padding:5px;}
.type td.image {width:20%;}
.type td.name {width:40%; text-align: left;}
.type td.desc {width:40%;}
.titletd { font-weight:bold; text-align:center;}

#bio .type, #bio .type td {border: 1px solid #f1aa71;}
#bio .type td.image {background:#f5e8d6;}
#bio .type .titletd {background:#f2c995;}

#food .type, #food .type td {border: 1px solid #4e6e6d;}
#food .type td.image {background:#aac1c1;}
#food .type .titletd {background:#759491;}

#lavaggio .type, #lavaggio .type td {border: 1px solid #a5a78f;}
#lavaggio .type td.image {background:#e0e8cb;}
#lavaggio .type .titletd {background:#c8d2b1;}

#accessories .type, #accessories .type td {border: 1px solid #cfd06f;}
#accessories .type td.image {background:#eae4ca;}
#accessories .type .titletd {background:#b5b089;}