/* @group CLEAR */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* @end */

/* @group layout pagina */
body { text-align: center; }
#page {	text-align:center;
	margin:0 auto;
	width:870px;
	padding:0;
	text-align: left;
	background-color: #fff;
}
#header {
	height: 140px;
	position: relative;
	background-color: #fff;
}
#menu { 
	position: absolute;
	width:600px; 
	margin:0;
	right: 0;
	top: 70px;
	padding: 0;
}
#menu-s{ 
	position: absolute;
	width:80px; 
	margin:0;
	right: 0;
	top: 10px;
	padding: 0;
}
#content {	
	width: 100%; 
}

#menu ul {
	display: block;
	height: 20px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}

#menu li {
	float: left;
	height:20px;
	margin: 0;
	padding: 0 ;
}
#menu li a,
#menu li a:active:visited {
	display: block;
	margin: 0;
	padding: 0px 25px 0px 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}
#prod_title {
	position: absolute;
	top: 350px;
	left: 30px;
}
#prod_imgs {
	position: absolute;
	top: 350px;
	right: 25px;
}
/* @end */
/* @group layout col_2_l */
#content {
	padding: 0 0 10px 0;
	overflow: hidden;
	width: 870px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#content-col_1 {
	float: left;
	width: 300px;
}
#content-main {
	float: right;
	width: 540px;
}
/* @end */
/* @group layout col_1 */
.col_1 #content-main {
	float: none;
	width: 870px;
}
/* @end */
/* @group Typeset */

body {
	font-size: 0.8em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
strong {
	font-weight: bold;
}
h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}
/* @end */

/* @group Style */

body {
	background-color: #00968b;
}
#header {
	background: url(img/header_bg_2.gif) 100% 0 no-repeat;
}
#page {
	background: #fff url(img/body_bg_2.gif) 100% 0 no-repeat;
}
#page.home {
	background: #fff url(img/body_bg_1.gif) 100% 0 no-repeat;
}
.prodotti #header {
	background: url(img/bg_pr.gif) 100% 0 no-repeat;
}
.azienda #header {
	background: url(img/bg_az.gif) 100% 0 no-repeat;
}
.applicazioni #header {
	background: url(img/bg_ap.gif) 100% 0 no-repeat;
}
.soluzioni #header {
	background: url(img/bg_so.gif) 100% 0 no-repeat;
}
.dovesiamo #header {
	background: url(img/bg_ds.gif) 100% 0 no-repeat;
}
.contatti #header {
	background: url(img/bg_co.gif) 100% 0 no-repeat;
}
#menu li a {
	color: #000;
	font-weight: bold;
}
#menu li.selected a {
	color: #f58b26;
}
#menu li a:hover {
	color: #00968b;
	font-weight: bold;
}
#menu-s a {
	color: #777;
	font-weight: normal;
	font-size: 0.9em;
}
#menu-s a.selected {
	color: #00968b;
}
a {
	color: #00968b;
	text-decoration: none;
}
a:hover {
	color: #00968b;
	text-decoration: underline;
}
.sidemenu {
	list-style-type: none;
	padding-left: 20px;
}
.sidemenu ul {
	list-style-type: none;
}
.sidemenu li a {
	display: block;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;
}
.sidemenu li a:hover {
	color: #00968b;
	text-decoration: none;
}
.sidemenu li li {
	margin:5px 0 5px 10px;
	height: 15px;
}
.sidemenu li li a {
	color: #000;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: normal;
	border-left:4px solid #fff ;
	padding-left: 5px;
}
.sidemenu li li a:hover {
	font-weight: bold;
	border-left:4px solid #00968b ;
}
.sidemenu li.selected a {
	font-weight: bold;
	color: #00968b;
}
li.accordion {
	margin: 0 0 10px 0;
}
.prod p {
	line-height: 10px;
}
.prod .info {
	height: 200px;
}
.prod .info p {
	padding-top: 25px;
	font-size: 1.2em;
	line-height: 1.3em;
}
#footer {
	background: url(img/footer_bg.png) right 12px no-repeat;
}
#footer p {
	text-align: center;
	font-size: 0.9em;
	color: #777;
	padding: 55px 0 10px 0;
}
table td {
	vertical-align: top;
}
#mappa {
	height: 350px;
}
#placeholder {
	background-color: #ddd;
	height: 400px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 870px;
	color: #fff;
	font-size: 2em;
	
}
#applicazioni {
	width: 870px;
	height: 630px;
	background: url(img/applicazioni.gif) 0 0 no-repeat;
}
.applicazione {
	position: absolute;
	width: 80px;
	height: 100px;
	text-align: center;
	font-size: 0.9em;
	color: #555;
}
.applicazione img{
	border: 2px solid #f0f0f0;
}
/* @end */

/* @group home */

#img-home {
	position: relative;
}
#img-home-2 {
	position: absolute;
	top: 0;
	left: 0;
}
#img-home-3 {
	font-size: 1.2em;
	width: 200px;
	position: absolute;
	top: 350px;
	left: 610px;
}

/* @end */
.validation-failed {
  border: 1px solid #f00;
}
.validation-passed {
  border: 1px solid green;
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  color:#fff; 
  background-color:#f00;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bb0;
}
.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}
.tip {
	padding: 5px;
	background-color: #555;
	color: #fff;
}
.tip-title {
	color: #fff;
	padding: 0 0 5px 0;
}