/* CSS - LAYOUT */
* { margin: 0; padding: 0;}
a img { border: none; }
body { 
	text-align: center;
	font: 11px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../img/bkbody.jpg) 0 0 repeat-x;
	color: #333;
	padding-bottom: 10px;
}
input, select, option {
	font: 11px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
option {
	padding-right: 15px;
}



/*WRAPPER X CENTRARE*/
#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/*HEADER*/
#header {
	width: 900px;
	height: 83px;
	background: url(../img/header.jpg) 0 0 no-repeat;
}

#header h1 {
	display: none;
}

/*LAYOUT*/
#wrapcols {
	width: 900px;
	margin-top: 15px;
	float: left;
	background: url(../img/bkwrapcols.gif) 260px 0 no-repeat;
}

#wrapcols #sidebar {
	width: 260px;
	float: left;
	padding-top: 10px;
}
#wrapcols #main {
	width: 616px;
	padding: 12px 12px 0;
	float: left;
	min-height: 300px;

}

/*SIDE NAV*/
#wrapcols #sidebar ul {
	margin-left: 35px;
	list-style: none;
	font-size: 12px;
	text-transform: uppercase;
}
#wrapcols #sidebar ul li {
}

#wrapcols #sidebar ul li a {
	display: block;
	height: 1%;
	padding: 6px 0 6px 36px;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
#wrapcols #sidebar ul li a:hover, #wrapcols #sidebar ul li a.on {
	color: #333;
}

#wrapcols #sidebar ul li#zero a {
	background: url(../img/nav/off/00.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#uno a {
	background: url(../img/nav/off/01.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#due a {
	background: url(../img/nav/off/02.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#tre a {
	background: url(../img/nav/off/03.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#quattro a {
	background: url(../img/nav/off/04.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#cinque a {
	background: url(../img/nav/off/05.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#sei a {
	background: url(../img/nav/off/06.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#sette a {
	background: url(../img/nav/off/07.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#otto a {
	background: url(../img/nav/off/08.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#nove a {
	background: url(../img/nav/off/09.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#dieci a {
	background: url(../img/nav/off/10.gif) left center no-repeat;
}


#wrapcols #sidebar ul li#zero a:hover, #step00 #wrapcols #sidebar ul li#zero a {
	background: url(../img/nav/on/00.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#uno a:hover, #step01 #wrapcols #sidebar ul li#uno a {
	background: url(../img/nav/on/01.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#due a:hover, #step02 #wrapcols #sidebar ul li#due a {
	background: url(../img/nav/on/02.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#tre a:hover, #step03 #wrapcols #sidebar ul li#tre a {
	background: url(../img/nav/on/03.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#quattro a:hover, #step04 #wrapcols #sidebar ul li#quattro a {
	background: url(../img/nav/on/04.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#cinque a:hover, #step05 #wrapcols #sidebar ul li#cinque a {
	background: url(../img/nav/on/05.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#sei a:hover, #step06  #wrapcols #sidebar ul li#sei a {
	background: url(../img/nav/on/06.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#sette a:hover, #step07  #wrapcols #sidebar ul li#sette a {
	background: url(../img/nav/on/07.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#otto a:hover, #step08  #wrapcols #sidebar ul li#otto a {
	background: url(../img/nav/on/08.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#nove a:hover, #step09  #wrapcols #sidebar ul li#nove a {
	background: url(../img/nav/on/09.gif) left center no-repeat;
}
#wrapcols #sidebar ul li#dieci a:hover, #step10  #wrapcols #sidebar ul li#dieci a {
	background: url(../img/nav/on/10.gif) left center no-repeat;
}

#wrapcols #sidebar h2.preview {
	padding: 15px 0 0 35px;
	font-size: 12px;
	text-transform: uppercase;
	color: #3a6a92;
}
#wrapcols #sidebar div {
	border: 1px dashed #333;
	margin: 5px 10px 5px 35px;
	padding: 3px;
}


/*MAIN CONTENT*/
#main h2 {
	color: #3a6a92;
	font-size: 18px;
}
#main h3 {
	color: #333;
	font-size: 16px;
	padding: 5px 0;
}

#main label {
	color: #3a6a92;
	font-weight: bold;
}

#main p {
	line-height: 1.3;
	padding: 8px 0;
}

#main table {

}
#main table td {
	vertical-align: middle;
	padding: 5px 10px 5px 0;
}
#main table td a.colore {
	padding: 0 15px 0 0;
	background: url(../img/ico_sel_colore.gif) right center no-repeat;
	text-decoration: underline;
	color: #3a6a92;
	margin-left: 10px;
}
#main table td input {
	vertical-align: middle;
}

#main table td.forlab {
	width: 130px;
}



/*STEP 01*/
#step01 #main div {
	float: left; width: 200px;
	text-align: center;
	padding: 10px 0;
}
#step01 #main div input {
	vertical-align: middle;
	margin-right: 5px;
}

/*STEP 02*/
#step02 #main table {
	/*margin-top: 10px;*/
}


/*STEP 05*/
#step05 #main table td input {
	margin-right: 5px;
}
#step05 #main table td label {
	margin-right: 5px;
}

/*STEP 06*/
#step06 #main table td input {
	margin-right: 5px;
}
#step06 #main table td label {
	margin-right: 5px;
}

#step08 #main table td input.largo {
	margin-right: 5px; width: 100%;
}
#step08 #main table td input.stretto {
	margin-right: 5px; width: 22%;
}
#step08 #main table td input.medio {
	margin-right: 5px; width: 47%;
}



/*BUTTON WRAP*/
#buttonwrap {
	margin-left: 272px;
	display: inline;
	float: left;
	width: 616px;
	padding: 20px 0 0;
}
#buttonwrap input {
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #fff;
	text-transform: uppercase;
	color: #fff;
	padding: 7px 5px;
	cursor: pointer;
}

#buttonwrap div#prev {
	float: left; width: 50%;
}
#buttonwrap div#next {
	float: right; width: 50%;
	text-align: right;
}
#buttonwrap div#next input {
	background: url(../img/button/next.jpg) right center;
	padding-right: 28px;
}

#buttonwrap div#next input.anteprima {
	background: url(../img/button/anteprima.jpg) right center;
	padding-right: 28px;
	color: #333;
	margin-right: 10px;
}


#buttonwrap div#prev input {
	background: url(../img/button/prev.jpg) left center;
	padding-left: 28px;
}






/*FOOTER*/
#footer {
	clear: left;
	width: 900px;
	background: url(../img/bk_footer.gif) 0 0 no-repeat;
	font-size: 10px;
	color: #999;
}
#footer p {
	padding: 30px 15px 0 0;
	text-align: right;
}
#footer p a {
	color: #777;
	text-decoration: underline;
}





 /*CLEAR FIX*/
.cleared:after {
	display: block; 
	visibility: hidden;
	content: "."; 
	height: 0; 
	clear: both;
}
.cleared {
	clear : both; /* per Gecko */
	height: 1%; /* per IE */
}