/*
body
wrapper
header
navbar
  menu
  extra
content
  product
footer
*/

/********************************************
   HTML ELEMENTS
********************************************/

* { margin:0; padding: 0; }

/* Top elements */

body{
	margin:0 auto;
	padding:0;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	background:#f4f4f4 url(images/bg.gif) top center repeat-y;
	color:#303030;
}

a       {
	text-decoration:none;
	font-weight:bold;
	color:#0b607c;
}

a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#0b607c;
}

a img{
	border:0;
}

tt {
   font-size:140%;
   font-weight: bold;
}

h1, h2, h3 {
        font-family: 'Trebuchet MS', Arial, sans-serif;
        font-weight: bold;
}
h1 {
        font-size: 1.5em;
}
h2 {
        font-size: 1.3em;
        text-transform: uppercase;
}
h3 {
        font-size: 1.3em;
        text-transform: uppercase;
	color:#0b607c;
	margin:10px 0 10px 0;
}

h1, h2, p {
        padding: 0;
        margin: 10px 15px;
}

ul, ol {
        margin: 10px 30px;
        padding: 0 15px;
}
ul span, ol span {
        color: #666666;
}

img {
    border:none;
    }
img.float-right {
		margin: 5px 0px 10px 10px;
		}
img.float-left {
	       float:left;
	       margin: 5px 10px 10px 5px;
	       }

.hide {
display:none;
}

.block {
background:#f0f0f0;
padding:10px;
}

.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:2px 0 2px 10px;
float:right;
}

/*****************************
      LAYOUT
******************************/

#wrapper{
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;
}

#header{
clear:both;
background:#ffffff url(images/header.png) top left no-repeat;
margin:10px 0 0 0;
padding:0;
height:236px;
}

#header h1{
display: none;
}

#header h2{
display: none;
}

#header ul{	
float:right;
list-style:none;
margin:0;
padding-right:5px;
padding-top:10px;
font-size:0em; /*necessario per aggiustare il bordo*/
}

#header li{
width:30px;
margin:0;
float:right;
}

#header img{
border: none;
}

#navbar{
clear:left;
float:left;
}

#menu{
clear:left;
float:left;
margin:0 0 10px 0;
padding:0;
}

#menu ul{	
list-style:none;
width:150px;
margin:0 0 0px 0;
padding:0;
}	

#menu li{
margin-bottom:4px;
}

#menu li a{
font-weight:bold;
height:1.6em;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
//border-left:4px solid #cccccc;
}	

#menu li.selected span {
font-weight:bold;
height:20px;
text-decoration:none;
display:block;
padding:6px 0 0 10px;
background:#eaeaea;
color:#0b607c;
//border-left:4px solid #0b607c;
}

#menu li a:hover{
background:#eaeaea;
//color:#0b607c;
//border-left:4px solid #0b607c;
}

#extra{
	clear:left;
	float:left;
	width:150px;
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:0;
}
#extra form {
       	width:143px;
        border: 1px solid #eaeaea;
        background-color: #fafafa;
	padding-left:5px;
}
#extra p{
        margin:0 0 10px 0;
}
#extra h3{
        margin:10px 0 10px 0;
}
#extra label{}
#extra input {
        font: normal 1em Verdana, sans-serif;
	padding:0;
	margin:0;
	width:100px;
        border:1px solid #eee;
        color:#777;
}
#extra input.button {
	width:80px;
        font: bolder 12px Arial, Sans-serif;
        border: 1px solid #EAEAEA;
        color: #333;
}
#extra input.button:hover{
        border: 1px solid #0b607c;
	color: #0b607c;
}

#content{
margin:0 0px 20px 160px;
border-left:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:justify;
}

#content h1{
font-size:2em;
margin:0;
margin-bottom:15px;
text-transform:uppercase;
color: #0b607c;
}

#content h2{
font-size:2em;
font-weight: bold;
text-transform:uppercase;
margin:0;
color: #0b607c;
}

#content img {
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

.product{
overflow: hidden;
margin: 10px 0 10px 0;
padding: 5px;
border: 1px solid #eaeaea;
background-color: #fafafa;
}

.product img {
float:left;
margin: 20px 20px 10px 15px;
}

.product p {
}

#content a[href^="http:"] {
        background: url(../images/external.png) right center no-repeat;
        padding-right: 12px;
}

#footer{
background:#ffffff url(images/footer.png) top left no-repeat;
clear:both;
margin:0 auto 10px ;
padding:10px 0 20px 0;
//border-top:2px solid #f0f0f0;
width:760px;
text-align:center;
color:#ffffff;
font-size:0.9em;
}

#footer a{
color:#ffffff;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

.clearboth{
clear: both;
}