body {
margin: 0;
padding: 0;
color: #666666;
background:#666666 url(../images/BodyBg.jpg) repeat-x;
line-height: 150%;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

#Container {
padding: 0;
margin: 0 auto;
width:760px !important;
}
/* ------------------------------ [ Container Background ] ------------------------------ */
.azienda {
background:url(../images/azienda.jpg) left 85px no-repeat;
}
.clitunno-meccanica  {
background:url(../images/Clitunno-Meccanica.jpg) left 85px no-repeat;
}
.contatti {
background:url(../images/contatti.jpg) left 85px no-repeat;
}
.costruzione {
background:url(../images/costruzione.jpg) left 85px no-repeat;
}
.lavorazioni {
background:url(../images/lavorazioni.jpg) left 85px no-repeat;
}

.progettazione {
background:url(../images/progettazione.jpg) left 85px no-repeat;
}


.news {
background:url(../images/news.jpg) left 85px no-repeat;
}

#Header {
position: relative;
width:730px;
height: 100px;
margin:0 auto;
padding: 0;
background-color:#FFFFFF;
border-width:0 1px 1px 1px;
border-color:#CCCCCC;
border-style:solid;
}

#Logo {
position: absolute;
top:0;
left:0;
background:url(../images/Clitunno-Meccanica.gif) top left no-repeat;
width:490px;
height:100px;
}

#Content {
width:730px;
margin:295px auto 0 auto;
padding: 0;
color: #666;
background: #FFFFFF url(../images/ContentBg.gif) repeat-y;
text-align: left;
border:1px solid #CCCCCC;
}

#SideBar {
float: left;
width:161px;
}

#ContentRight {
float: left;
width:569px;
}

#Footer {
width:730px;
margin:0 auto;
padding:0;
clear: both;
color: #FFFFFF;
background-color:#CC0000;
text-align: center;
border:1px solid #CCCCCC;
}

#SubFooter {
width:730px;
text-align:left;
color:#999999;
padding:0;
margin:0 auto 50px auto;
}

/* -------------------------[ NavList ]--------------------------------- */

#NavList ul {
position: absolute;
bottom: 5px;
right: 0;
margin: 0;
padding: 0;
list-style: none;
}

#NavList li {
float: left;
margin: 0;
padding: 0;
}

#NavList li a {
float: left;
margin: 0 20px 0 0;
padding: 10px 0 0 0;
font-size: 100%;
font-weight:bold;
text-decoration: none;
color: #333333;
border-bottom: 0;
}

#NavList li a:hover {
background:url(../images/arrow.gif) no-repeat top;
color:#CC0000;
text-decoration:underline;
}

#NavList li a.current, #NavList li a:hover.current {
background:  url(../images/arrow.gif) no-repeat top;
color:#CC0000;
text-decoration:none;
}

/* --------------------------------| MENU |----------------------------- */
#menu {	
list-style:none;
width: 160px;
margin: 0;
padding: 0;
}

#menu li a {
font-weight: bold;
font-size: 11px;
text-decoration: none;
color: #505050;
display: block;
padding: 5px 0 5px 6px;
background: #EAEAEA;
border-left: 4px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}	

#menu li a:hover {
background: #f4f4f4;
color:#0000CC;
border-left: 4px solid #0000CC;
}

#menu a.page {
font-weight: bold;
font-size: 11px;
text-decoration: none;
color: #CC0000;
display: block;
padding: 5px 0 5px 6px;
background: #EAEAEA;
border-left: 4px solid #CC0000;
border-bottom:1px solid #CCCCCC;
}	
#menu a.page:hover {
background: #f4f4f4;
color: #333333;
border-left: 4px solid #CC0000;
text-decoration:none;
}

#menu a.selected {
font-weight: bold;
font-size: 11px;
color: #0000CC;
background:  #F4F4F4;
border-left: 4px solid #0000CC;
border-bottom:1px solid #CCCCCC;
}	
#menu a.selected:hover {
background: #EAEAEA;
color: #0000CC;
border-left: 4px solid #0000CC;
text-decoration:none;
}

/* ---[ Language ]------------------------------------ */

#Language ul {
position: absolute;
top: 5px;
right: 10px;
margin: 0;
padding: 0;
list-style: none;
}
#Language li {
float: left;
margin: 0;
padding: 0;
}

#Language li a {
float: left;
margin: 0 10px 0 0;
padding:0;
font-weight: normal;
text-decoration: none;
color: #333333;
border-bottom: 0;
}
#Language li a:hover {
color:#CC0000;
text-decoration:underline;
}

#Language li a.current, #Language li a:hover.current {
color:#CC0000;
text-decoration: none;
}

/* ---[ Home Page ]------------------------------------ */

#ContentHome {
width:730px;
margin:295px auto 0 auto;
padding: 0;
color: #666;
background-color: #FFFFFF;
text-align: left;
border:1px solid #CCCCCC;
}


#Home {
margin:0 10px 0 12px;
padding:0;
list-style-type:none;
}

#Home li {
float: left;
margin:5px;
padding:0;
display:inline;
}

#Home li a img {
padding:2px;
border:1px solid #CCCCCC;
}
#Home li a:hover {
font-size: 101%;
}

#Home li a:hover img {
padding:2px;
border:1px solid #333333;
background-color:#CCCCCC;
}

/* -------------------------------- [ Contatti ] ----------------------------------*/

form {
margin:20px 0 0 0;
padding-left:50px;
}

fieldset {
border-width:0;
margin:0;
}

legend {
	padding-bottom:5px;
	margin:5px auto 10px 90px;
	font-weight: bold;
	font-size:11px;
	color:#c00;
}

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

input {
background:#EAEAEA;
border:1px solid #CCCCCC;
}

textarea {
background:#EAEAEA;
border:1px solid #CCCCCC;
overflow:hidden;
}

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

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

#Content p.button {
margin-left:150px;
}

form br {
	clear: left;
}

#Frame  {
 margin: 30px 55px 15px 60px;
 border: 1px solid #CCCCCC;
 padding:10px;
 width: 420px;
 text-align:justify;
 background: #F4F4F4;
}

#frame  p {
 padding:0;
 margin:0;
}

.mail {
padding:0 0 5px 25px;
background: url(../images/mail.gif) no-repeat 0 0;
text-align:left;
margin-left:150px;
vertical-align:bottom;
}

.phone {
padding:0 0 5px 25px;
background: url(../images/phone.gif) no-repeat 0 0;
text-align:left;
margin-left:150px;
vertical-align:bottom;
}

.fax {
padding:0 0 5px 25px;
background: url(../images/fax.gif) no-repeat 0 0;
text-align:left;
margin-left:150px;
vertical-align:bottom;
}


/* -------------------------------- [ Common element ] ----------------------------------*/

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

img {
border:none;
}

/* ----------------------------------- [ title ] ------------------------------------------*/
#Logo h1 {
	text-indent:-9999px;	
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
}

#ContentHome h2 {
font-weight:bold;
font-size:11px;
color:#0000CC;
margin:0;
padding:10px 0;
text-align:center;
float:left;
width:365px;
}


#Content h2 {
font-weight:bold;
font-size:11px;
color:#0000CC;
margin:0;
padding:10px 10px 5px 10px;
text-align:left;
}

h3 {
font-weight:normal;
font-style:italic;
font-size:14px;
color:#FF3300;
margin:0;
padding:10px 10px 5px 10px;
text-align:center;
}

h4 {
	font-size:11px;
	color:#666666;
	margin:0;
	padding:5px 10px 5px 10px;
	line-height:150%;
	font-weight:normal;
	text-align:center;
} 

#List h4 {
	margin-left:0;
	text-align:left;
}


/* ----------------------------------- [ text markup ] ------------------------------------------*/
#Content p {
font-size:11px;
color:#666666;
margin:0;
padding:0px 10px 5px 10px;
text-align: justify;
}

#Content a {
text-decoration:none;
color:#0000CC;
}

#Content a:hover {
text-decoration:underline;
color:#CC0000;
}


#Footer a {
text-decoration:none;
color:#FFFFFF;
} 

#Footer a:hover {
text-decoration:underline;
color:#000;
} 

#Footer p, #SubFooter p {
margin:0;
padding:5px;
}

#SubFooter a {
text-decoration:none;
color:#CCCCCC;
} 

#SubFooter a:hover {
text-decoration:underline;
color:#FFFFFF;
} 
 
#List {
margin:0;
padding:0 10px 0 10px;

}

#List li {
	list-style-type: none;
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding: 0 0 5px 15px;
	line-height: 150%;
	text-align:justify;
}

.right {
float:right;
padding:0 10px 50px 10px;
}

#ContentRight p.pdf {
padding:5px 10px 10px 45px;
background: url(../images/pdf.gif) no-repeat 10px 40%;
vertical-align:bottom;
}

#ContentRight p.zip {
padding:5px 10px 10px 45px;
background: url(../images/zip.gif) no-repeat 10px 40%;
vertical-align:bottom;
}

#ContentRight p.jpg {
padding:5px 10px 10px 45px;
background: url(../images/jpg.gif) no-repeat 10px 40%;
vertical-align:bottom;
}