body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/bgbody.jpg) top left repeat-x;
	text-align: center;
	font: 12px Arial;
	color: #004488;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 800px;
}
#top {
	border-top: 5px solid #E5E5E5;
	width: 800px;
	height: 75px;
	background: #FFF url(../images/numverde.gif) top right no-repeat;
	position: relative;
}
#logo {
	width: 200px;
	height: 130px;
	top: -5px;
	left: 20px;
	position: absolute;
}
#header {
	width: 800px;	
}
/********** STILI PER I BANNER **********/
#bannerhomepage {
	width: 520px;
	height: 380px;
	background: url(../images/homepage.jpg) top left no-repeat;
	float: left;
}
#bannerturistico {
	width: 520px;
	height: 380px;
	background: url(../images/turistico.jpg) top left no-repeat;
	float: left;
}
#bannerhostess {
	width: 520px;
	height: 380px;
	background: url(../images/hostess.jpg) top left no-repeat;
	float: left;
}
#bannercontabile {
	width: 520px;
	height: 380px;
	background: url(../images/contabile.jpg) top left no-repeat;
	float: left;
}
#bannerazienda {
	width: 520px;
	height: 380px;
	background: url(../images/azienda.jpg) top left no-repeat;
	float: left;
}
#bannerwebdesigner {
	width: 520px;
	height: 380px;
	background: url(../images/webdesigner.jpg) top left no-repeat;
	float: left;
}

#bannerreceptionist {
	width: 520px;
	height: 380px;
	background: url(../images/receptionist.jpg) top left no-repeat;
	float: left;
}

#bannerimport {
	width: 520px;
	height: 380px;
	background: url(../images/import.jpg) top left no-repeat;
	float: left;
}

#bannereventi {
	width: 520px;
	height: 380px;
	background: url(../images/eventi.jpg) top left no-repeat;
	float: left;
}

#bannertestimonial {
	width: 520px;
	height: 380px;
	background: url(../images/testimonial.jpg) top left no-repeat;
	float: left;
}

#form {
	width: 250px;
	height: 350px;
	background: #0052A4;
	float: right;
	padding: 15px;
	color: #FFF;
}
#form form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#form p {
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#form a {
	color: #FFF;
}
.inputbox {
	width: 173px;
	height: 16px;
	background-color: #DCDCDC;
	border: 1px solid #FFF;
}
#form .button {
	width: 73px;
	height: 21px;
	border: 1px solid #FFF;
	background-color: #ff6633;
	color: #FFF;
	font-size: 14px;
	padding-bottom: 2px;
}
#row {
	width: 250px;
	height: 30px;
}
#label {
	float: left;
	width: 75px;
	text-align: left;
	padding-top: 3px;
}
#field {
	float: right;
	width: 175px;
	text-align: right;
}
#row2 {
	width: 250px;
	height: 25px;
}
#check {
	float: left;
	width: 30px;
	text-align: left;
}
#descr {
	float: right;
	width: 220px;
	text-align: left;
	padding-top: 3px;
}

/********** STRETCHING COLUMNS HACK **********/
#content2 {
	clear:left;
	float:left;
	width:800px;
	overflow:hidden;
	background: #E5E5E5;
}
#content1 {
	float:left;
	width:800px;
	position:relative;
	right:280px;
	background: #FFF;
}
#colsx {
	float:left;
	width:480px;
	position:relative;
	left:300px;
	overflow:hidden;
}
#coldx {
	float:left;
	width:240px;
	position:relative;
	left:340px;
	overflow:hidden;
}
/********** FINE HACK **********/


/********** MENU COLONNA DESTRA **********/
#rollover img {
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.homepage {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-homepage.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.homepage:hover { 
	background-position: 0 -30px;
}
#rollover a.turistico {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-turistico.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.turistico:hover { 
	background-position: 0 -30px;
}
#rollover a.hostess {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-hostess.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.hostess:hover { 
	background-position: 0 -30px;
}
#rollover a.contabile {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-contabile.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.contabile:hover { 
	background-position: 0 -30px;
}
#rollover a.azienda {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-azienda.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.azienda:hover { 
	background-position: 0 -30px;
}
#rollover a.webdesigner {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-webdesigner.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.webdesigner:hover { 
	background-position: 0 -30px;
	
}

#rollover a.receptionist {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-receptionist.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.receptionist:hover { 
	background-position: 0 -30px;
}

#rollover a.import {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-import.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.import:hover { 
	background-position: 0 -30px;
}

#rollover a.eventi {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-eventi.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.eventi:hover { 
	background-position: 0 -30px;
}


#rollover a.testimonial {
	display:block;
	width: 240px;
	height: 30px;
	background: url(../images/menu-testimonial.gif) 0 0 no-repeat;
	border-bottom: 1px solid #E5E5E5;
}
#rollover a.testimonial:hover { 
	background-position: 0 -30px;
}
	
/********** FINE MENU **********/


#colsx span.titolo {
	color: #004488;
	font: 18px Arial;
	font-weight:bold; 
}
#footer {
	width: 800px;
	height: 70px;
	border-top: 1px solid #FFF;
	background: #004488 url(../images/logofooter.gif) top left no-repeat;
	position: relative;
}
#address {
	color: #FFF;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 20px;
}
#address a {
	color: #7BB53C;
}
input.error {
 border-color:#f00;
 background-color: #F19999;
}
label.error {
 color:#f00;
}