/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
color: #666;
font: 14px Verdana, arial, helvetica, sans-serif;
line-height: 130%;
padding: 0 20px;
}


/****** LAYOUT ******/
#container {
width: 960px;
margin: 15px auto;
padding: 0;
}

#head {
	margin: 0 0 40px 0;
	padding: 0;
	height: 100px;
	color: #FFFFFF;
	position: relative;
}

#content {
padding: 0;
}

#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#main {
width:600px;
float: left;
}

#leftcol {
float: left;
width: 240px;
}

#rightcol {
float: right;
width: 310px;
}



#footer {
float:bottom;
clear:both;
margin: 60px auto 10px auto;
padding: 0px;
}


/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
color: black;
font-weight: bold;
}

h1 {
	margin: 20px 0 20px 0;
	clear: both;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}

h3 {
	margin: 20px 0 0 0;
	clear: both;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #666666;


 }



h4 { margin-bottom: 4px }

p, ul, ol {
margin:0;
padding:0 0 20px 0;
}

ul, ol {
list-style:none;
padding:0;
}

ol.simple	{ 
list-style-type: decimal;
padding-left: 25px; 
}

ul.bullet { 
list-style-type: disc;
list-style-position: outside; 
margin:0 0 20px 20px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

strong {  font-weight: bold;  }

em { font-style: italic; }

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing: 1px;
border-bottom: 1px dashed;
}

#main { line-height: 150%; }

#rightcol { font-size: 12px; }

ul.submenu li { 
padding-left: 20px;
background-image: url("../../img/bullet.gif");
background-repeat: no-repeat;
margin: 8px 0;
line-height: 130%;
}

ul.submenu li.on { background-image: url("../../img/on.gif"); }

ul.submenu li a { font-weight: bold; }

ul.submenu li span.on {
color: #DC0009;
font-weight: bold;
}

/***** Links *****/

a, a:visited { 
text-decoration: underline; 
color: #1767d5 
}

a:hover {
	text-decoration: none;
	color: #db0007;
}

/***** TABLES *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

table tr td {
padding:2px;
}

/***** Global Classes *****/

.wrap			{ width:960px; margin:0 auto; }
.clear			{ clear: both; display: block; height: 0; visibility: hidden; }

.float-left 	{ float:left; }
.float-right 	{ float:right; marigin-left: 20px }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left; margin:4px 10px 4px 0; }
.img-right 		{ float:right; margin:4px 0 4px 10px; }

.margin-left	{ margin-left: 15px; }
.margin-right	{ margin-right: 15px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.nobg			{ background-image: none; }


/***** HEAD *****/
img#logo { float: left; }


/***** NAVBAR *****/

#navbar {
	margin: 0 0 0 242px;
	padding: 40px 0 0 0;
	list-style: none;
	color: #FFFFFF;
}

#navbar li {
padding-top: 20px;
margin: 0;
height: 40px;
margin-left: 5px;
list-style: none;
background-repeat: no-repeat;
display: inline;
}

#navbar li a, #navbar li a:visited {
display: block;
text-decoration: none;
text-indent: -5000px;
height: 40px;	
background-image: url("../../img/navbar.gif");
background-repeat: no-repeat;
}






#navbar2 {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #CC6633;
	width: 491px;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 40px;
}

#navbar2 li {
	float: left;

}

#navbar2 li#catalogo a {
	height: 40px;
	width: 292px;
	display: block;
	background-image: url(../img/catalogo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;

}

#navbar2 li#catalogo a:hover {
	background-position: 0px -40px;

}

#navbar2 li#catalogo {
	height: 40px;
	width: 292px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: left;

}



#navbar2 li#iscriviti {
	background-color: #FFFF66;
	height: 40px;
	width: 65px;

}

#navbar2 li#iscriviti a {
	height: 40px;
	width: 65px;
	display: block;
	background-image: url(../img/ISCRIVITI.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;

}

#navbar2 li#iscriviti a:hover {
	background-position: 0px -40px;

}

#navbar2 li#arearis {
	height: 40px;
	width: 112px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: left;

}

#navbar2 li#arearis a {
	height: 40px;
	width: 112px;
	display: block;
	background-image: url(../img/area_riservata.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -3000px;

}

#navbar2 li#arearis a:hover {
	background-position: 0px -40px;

}








#navbar li {float: left;}

/* BUTTONS */
#venditori a	{
	background-position: 0 0;
	width: 125px;
	margin-left: 98px;
}
#diventare a 	{ background-position: -130px 0px; width: 162px; }
#vendere a		{ background-position: -297px 0px; width: 109px;  }
#comprare a		{ background-position: -411px 0px; width: 73px; }
#iscriviti a 	{ background-position: -489px 0px; width: 65px; }

/* OVER STATES */
#venditori a:hover	{ background-position: 0 -40px; width: 125px; }
#diventare a:hover 	{ background-position: -130px -40px; width: 162px; }
#vendere a:hover	{ background-position: -297px -40px; width: 109px; }
#comprare a:hover	{ background-position: -411px -40px; width: 73px; }
#iscriviti a:hover	{ background-position: -489px -40px; width: 65px; }

/* ON STATES */
#navbar.venditori #venditori a 	{ background-position: 0 -80px; width: 125px; height: 60px } #navbar.chisiamo li#chisiamo 			{ padding-top: 0; }
#navbar.diventare #diventare a 	{ background-position: -130px -80px; width: 162px; height: 60px } #navbar.vendi li#vendi 			{ padding-top: 0; }
#navbar.vendere #vendere a 		{ background-position: -297px -80px; width: 109px; height: 60px } #navbar.business li#business 		{ padding-top: 0; }
#navbar.comprare #comprare a 	{ background-position: -411px -80px; width: 73px; height: 60px } #navbar.occasioni li#occasioni 	{ padding-top: 0; }
#navbar.iscriviti #iscriviti a 	{ background-position: -489px -80px; width: 65px; height: 60px } #navbar.negozio li#negozio 		{ padding-top: 0; }


/***** INTRO *****/

ol#intro-graph, ol#intro-graph li { padding: 0px; margin: 0px; }
ol#intro-graph li { float: left; display: inline; }
ol#intro-graph:after {content: "."; display: block; height: 20px; clear: both; visibility: hidden;}

#intro { 
background-repeat: no-repeat; 
background-position: right top;
margin: 20px 0;
height: 185px;
}

#intro:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#intro p, p.intro { 
font-family: Arial, sans-serif;
font-size: 18px;
line-height: 150%;
color: #648ABF; 
width: 635px;
float: left;
padding: 0;
}

#intro img {
display: inline;
float: left;
margin-left: 20px;
}

#intro h1 img { margin: 0 0 20px 0;}


#intro2 { 
background-repeat: no-repeat; 
background-position: right top;
margin: 20px 0;

}

/***** FOOTER *****/

#footer { 
clear: both;
color: #999999;
font-size: 12px;
text-align: center;
}

ul#sitemap,
ul#sitemap li,
ul#sitemap li ul { 
color: #666666; 
margin: 0; padding: 0; 
font-size: 13px; 
text-align: left;
}

ul#sitemap li { 
padding-right:20px;
min-height: 150px;
width: 800px;
list-style:none; list-style-image:none;
float: left;
display: inline;
}

ul#sitemap li ul li { min-height: 20px; clear: both; padding: 0; }

#footer p#graybox {
clear: both;
color: #737373; 

padding: 4px 15px 0 15px;
margin: 20px 0 10px 0;
height: 40px;
text-align: left;
}

#footer p#graybox img { vertical-align: middle; }



ul.admin {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	border: 1px solid #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;

}

ul.admin li {
	display: inline;
	float: left;
	padding-right: 10px;
	line-height: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-right: 10px;

}

ul.admin li.ultimo {
	display: inline;
	float: left;
	padding-right: 10px;
	line-height: 30px;
	margin-right: 10px;
	border-right-width: 0px;
	border-right-style: none;

}


ul.admin li a {
	text-decoration: none;
	color: #666666;
	font-size: 13px;
}

ul.artic {
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	border: 1px solid #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;

}

ul.artic li {
	display: inline;
	float: left;
	padding-right: 10px;
	line-height: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-right: 10px;

}

ul.artic li.sep {
	display: inline;
	float: left;
	line-height: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-right: 10px;

}

ul.artic li.ultimo {
	display: inline;
	float: left;
	line-height: 30px;
	border-right-style: none;
	margin-right: 0px;

}


ul.artic li a {
	text-decoration: none;
	color: #666666;
	font-size: 13px;
}
.in {
	clear: both;

}
.large {
	clear: both;	
}


a {
	color: #333333;
	text-decoration: underline;

}

a:visited {
	color: #333333;
	text-decoration: underline;

}

a:hover {
	color: #666666;
	text-decoration: underline;

}

table.bord {
	border: 1px solid #CCCCCC;

}

legend {
	margin: 0 0 0 0;
	clear: both;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: bold;

}


label.log {
	width: 100px;
	display: block;
	float: left;
	padding-left: 10px;

}