/* Folcia.it CSS Document */
@import url(reset-fonts-grids.css);
html,body {
	background-color: #666;
	color: #fff;
}
body {
	/* For breathing room between content and viewport. */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 25px 10px 10px;
}
h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
	background-color: #8dc63f;
	color: #fff;
	padding: 10px 30px 10px 0;
	text-align: right;
	font-weight: normal;
}

h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}

h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}

optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	padding: .5em;
	vertical-align:top;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	color: #8DC73F;
	text-decoration: none;
}
a:hover {
	color: #020202;
	text-decoration: underline;
}
a:active {
	color: #FF0;
	text-decoration: none;
}
#custom-doc{
	margin:auto;text-align:left; 
	width:74.615em;/* non-IE */
	*width:72.7518em;/* IE */
	min-width:970px;/* optional but recommended */
}
#hd{
	background-color: #38373a;
}
#hd #logo{
	margin: 19px 0 10px 43px;
}
/* Navigation Styles */
#menu {
	width: 100%;
	height: 45px;
	background-color: #8dc63f;
}
#menu ul {
	margin:0 0 0 144px;
	padding:0;
	list-style-type:none;
	*zoom: 1;
}
#menu ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#menu ul li {
	float:left;
	margin: 0;
	padding:0;
	list-style-type:none;
	background: url(../images/bg-menu-item.png) repeat-y right;
}
#menu ul li.last{
	background: none;
}
#menu ul li a {
	display:block;
	color: #332f32;
	text-decoration:none;
	font-weight:bold;
	padding:0 19px;
	line-height: 45px;
	text-align: center;
	font-size: 108%;
	font-weight:bold;
}
#menu ul li a.chi-siamo {
	background: url(../images/menu-item-chi-siamo.png) no-repeat center center;
}
#menu ul li a.taglio-laser {
	background: url(../images/menu-item-taglio-laser.png) no-repeat center center;
}
#menu ul li a.costruzioni-navali {
	background: url(../images/menu-item-costruzioni-navali.png) no-repeat center center;
}
#menu ul li a.costruzioni-meccaniche {
	background: url(../images/menu-item-costruzioni-meccaniche.png) no-repeat center center;
}
#menu ul li a.carpenteria {
	background: url(../images/menu-item-carpenteria.png) no-repeat center center;
}
#menu ul li a.contatti {
	background: url(../images/menu-item-contatti.png) no-repeat center center;
}
#menu ul li a.chi-siamo:hover {
	background: url(../images/menu-item-over-chi-siamo.png) no-repeat center center;
}
#menu ul li a.taglio-laser:hover {
	background: url(../images/menu-item-over-taglio-laser.png) no-repeat center center;
}
#menu ul li a.costruzioni-navali:hover {
	background: url(../images/menu-item-over-costruzioni-navali.png) no-repeat center center;
}
#menu ul li a.costruzioni-meccaniche:hover {
	background: url(../images/menu-item-over-costruzioni-meccaniche.png) no-repeat center center;
}
#menu ul li a.carpenteria:hover {
	background: url(../images/menu-item-over-carpenteria.png) no-repeat center center;
}
#menu ul li a.contatti:hover {
	background: url(../images/menu-item-over-contatti.png) no-repeat center center;
}

#menu ul li a:hover {
	color:#333333;
}
#menu ul li a span{
	visibility: hidden;
}
#home #flash-content-wrapper{
	height:550px;
} 
#flash-content-wrapper{
	height:290px;
}
#bd{
	background-color: #fff;	
	color: #333;
}
#bd #content{
	padding: 58px 30px 50px 5px;
	color:#666666;
}
#bd #content p{
	font-size:93%
}
#bd #sidebar{
	padding: 10px 0 10px 10px;
}
#bd #table-taglio-laser{
	margin-top: -1em;
}
#bd #table-taglio-laser td{
	padding: 0 .8em;	
}
#bd #table-taglio-laser ul{
	margin: 0 0 0 1em;	
}
#bd #table-taglio-laser li{
	font-size: 93%;
}
#ft{
	color: #ffffff;
	padding: 15px 10px 10px;
	text-align: center
}
#ft p{
	font-size: 85%; 
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.form td{
	padding:0.5em;
	vertical-align:top
}
.form td input[type="text"],
.form td textarea{
	width: 240px;
	border: 1px solid #99cc33;
	background-color: #d8d8d8;
}
.form td.label{
	text-align:right;
	width: 8.5em;
}
.form #btnSend{
	border:none;
	background-color:#99cc33;
	color:#020202;
	vertical-align:middle;
	margin-left: 10px;
	padding: 4px;
}