html {
 margin: 0px;
 padding: 0px;
}

body {
 background: #fff url(../images/bodybg.gif) repeat-x;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #000;
 text-align: center;
 margin: 0px;
 padding: 0px;
}
 
a img {
 border:0;
}

a {
text-decoration:none;
}

strong {
color:#2d459f;
}

.clearer { 
float: none; 
clear: both;
height:0;
visibility:hidden;
width:100%;
} 

/* -------------------------------------| Header |-------------------------------------------- */

#header {
 width: 750px;
 margin: 0 auto;
 height: 200px;
 position:relative;
 text-align:left;
}
 	
#logo {
 float: left;
 margin-left:0;
 margin-top:0;
 width: 105px;
 height:200px;
 padding-right:10px;
}

#header h1 {
font-size:36px;
color: #fff;
margin:0;
padding:10px;
margin-left:10px;
font-family: trebuchet ms, verdana, arial, tahoma;
}

#header h2 {
font-size:16px;
color: #a0a0a0;
margin:0;
padding:0;
font-family: trebuchet ms, verdana, arial, tahoma;
}

#header p {
 font-size: 14px;
 color: #221E1F;
 font-weight:bold;
 font-family: trebuchet ms, verdana, arial, tahoma;
 letter-spacing:1px;
 /* text-transform:uppercase; */
 margin-top:25px;
}

 
/* --------------------------- Top Navigation----------------------------- */
#topmenu {
position:absolute;
top:173px;
right:0;
font-size:13px;
}

#topmenu ul {
margin:0;
padding:0px 0px 0 2px;
list-style:none;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

#topmenu li {
display:inline;
margin:0;
padding:0;
}

#topmenu a {
float:left;
background:url(../images/menuleft.gif) no-repeat left top;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
font-weight: bold;
}

#topmenu a span {
float:left;
display:block;
background:url(../images/menuright.gif) no-repeat right top;
padding:5px 19px 6px 6px;
color:#2D459F;
}
	  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {
float:none;
}
/* End IE5-Mac hack */

#topmenu a:hover span {
color:#5B8FBE;
}

#topmenu a:hover {
background-position:0% -42px;
}

#topmenu a:hover span {
background-position:100% -42px;
}
	
	
/* ------------------------------------------------------| MAIN CONTENT |---------------------------------------------- */
#container {
 clear: both;
 width: 710px;
 margin: 40px auto 0 auto; 
}

#content, #vini-umbri, #vini-italiani, #sedi, #natale  {
float: left;
width:505px;
text-align:left;
background-image: url(../images/scroller.gif);
background-repeat:no-repeat;
background-position:top left;
margin-top: 10px;
}

#container h2 {
 font-family: trebuchet ms, verdana, arial, tahoma;
 padding-right: 15px;
 font-size: 16px;
 font-weight:bold; 
 text-transform: uppercase;
 margin:20px 15px 20px 15px;
 color: #F25821;
 border-bottom:1px solid #221E1F;
 text-align:right;
 clear:both;
}

#content p, #sedi p {
 font-size: 11px;
 color:#221E1F;
 line-height:15px; 
 text-align:justify;
 padding:0 15px;
 margin:0;
}

#content p a {
 color: #2d459f;
 font-weight:bold;
}
 
#content p a:hover {
 color:#5B8FBE;
}

.frame  {
 margin: 15px auto;
 border: 1px solid #b0b0b0;
 padding: 10px;
 width: 400px;
 background: #fff;
 background:url(../images/textarea.gif) repeat-x left top; 
 color: #a0a0a0;
}

/* ---------------------------------------------| scroller products |-------------------------------------- */
#sedi h3, #vini-umbri h3, #vini-italiani h3 {
 font-size: 12px;
 font-weight:bold; 
 padding:5px 0 0 10px;
 margin:0 20px;
 color: #F25821;
 border-bottom:1px dotted #ccc;
 display:block;
 cursor: pointer;
}

#vini-italiani div, #vini-umbri div, #sedi div {
margin:10px 0 0 0;
padding:0;
background-image: url(../images/scroller.gif);
background-repeat:no-repeat;
background-position:top left;
}

#vini-italiani ul, #vini-umbri ul {
margin:0 0 10px 20px;
padding:0;
font-size: 11px;
}

#vini-italiani li, #vini-umbri li {
margin:0 0 5px 20px;
padding:0;
list-style-image: url(../images/arrow.gif); 
}

#vini-italiani p, #vini-umbri p {
margin:0;
padding:20px 0 5px 20px;
font-weight:bold;
color:#2D459F;
font-size: 11px;
}

#content ul {
margin:5px 20px 10px 10px;
padding:0;
font-size: 11px;
}

#content li {
margin:0 0 5px 20px;
padding:0;
list-style-image: url(../images/arrow.gif);
text-align:justify; 
}

.vini-umbri {
float:right;
margin-top:10px;
margin-right:30px;
}

.vini-italiani {
float:right;
padding-top:15px;
margin-right:30px;
}

/* -----------------------------------------| right column |----------------------------------------- */
#sidebar {
	float:right;
	width:180px;
	padding:0px 0px;
	margin:20px 0 20px 5px;
	background: url(../images/menu.gif) no-repeat;
	text-align:center;
	color:#999999;
	line-height:25px;
	font-size: 12px;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

#sidebar ul, #sidebar li {
	text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar h3{
	text-align: center;
	position:static;
	font-size: 13px;
	margin:20px 0 5px 0;
	padding: 0;
}

#sidebar a {
	color:#5B8FBE;
	font-weight:bold;	
}

#sidebar a:hover {
	color:#2D459F;
}

/* -----------------------------------------| footer |-------------------------------------------- */
#last {
 width: 100%;
 background: #333333 url(../images/bg2.gif) repeat-x;
 padding-top:80px;
 clear: both;
}

#footer {
 width:100%;
 clear:both;
 text-align:center;
 background: #333333;
 font-size:11px;
 color: #a0a0a0;
 padding-bottom:20px;
}

#footer p a {
 color: #a0a0a0;
}
 
#footer p a:hover {
 color: #F60;
}

/* ------------------------------------| CONTATTI |------------------------------------------- */
.box-sx { 
width:45%; 
padding:0; 
float: left; 
margin:0 10px 0 0;
} 

.box-dx { 
width: 35%; 
padding:0; 
float: right; 
margin:0 0 0 10px; 
} 

form {
margin:15px;
}

fieldset {
border-width:1px 0;
border-color:#221e1f;
border-style:solid;
padding-bottom:15px;
}

legend {
	padding-bottom:5px;
	margin:5px 0 10px 10px;
	font-weight: bold;
	font-size:12px;
	color:#f25821;
}

label,input, textarea {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

input {
background:url(../images/formbg.gif) repeat-x left bottom;
border:1px solid #666666;
}

textarea {
background:url(../images/textarea.gif) repeat-x left top;
border:1px solid #666666;
overflow:hidden;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

input.inputButton {
	margin:5px 10px;
	padding:1px;
	color:#2d459f;
	width:auto;
	font-weight:bold;
	cursor:pointer;
}

#content p.button {
margin-left:100px;
margin-bottom:15px;
}


form br {
	clear: left;
}

#content p.conferma  {
	margin:0 15px;
	padding:30px 0 50px 0;
	text-align:center;
}

/* ------------------------------------| classi FOTO |------------------------------------------- */
/* -- | home |-- */
.foto-sx {
float:left; 
margin:0 10px 5px 15px;
}

.foto-dx {
float:right;
margin:15px 15px 5px 10px; 
}

.foto {
float:right;
margin:0 15px 10px 15px;
}

/* -- | sedi | -- */
.sedi-sx {
float:left; 
margin:10px 0;
}

.sedi-dx {
float:right; 
margin:10px 0 10px auto;
}

/* -- | sedi | -- */
#natale p {
font-size: 11px;
color:#221E1F;
line-height:15px; 
padding:0 15px;
margin:0;
}

.natale-sx {
float:left; 
margin:10px 0;
}

.natale-dx {
float:right; 
margin:10px 0 10px auto;
}