/*

------------------------------------------------------
Copyright Stefano Gardinale, http://www.magritte.it/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
font-size: 81%;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
width: 900px;
margin-right: auto;
margin-left: auto;
background-color: #fff;
}
#wrapper {
border-right: solid 1px #B31A1A;
border-left: solid 1px #B31A1A;	
border-bottom: solid 1px #B31A1A;
}

#banner {
padding: 2.0em 0 2.0em 5.0em;
margin-bottom: 0;
background: url(imgs/masthead3.jpg) no-repeat top;
border-bottom: solid 1px #B31A1A;
}

#banner p {
font: bold 3.0em "Trebuchet MS", "Lucida Console", sans-serif;
margin: auto 1.5em auto 0;
letter-spacing: -0.05em;
color: #990000;
}

#nav-toplevel {
max-width: 56.0em;
}

/* ------- NAV META  -------  */

#nav-meta {
font-size: 1.0em;
line-height: 1.2em;
font-variant: small-caps;
position: absolute;
top: 1.0em;
right: 1.0em;
width: 15.0em;
padding: 0;
color: #fff;
background: transparent;
}

#nav-meta ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-meta li {
list-style: none;
margin: 0;
}

#nav-meta ul li a:link, #nav-meta ul li a:visited {
text-decoration: none;
color: #fff;
background: transparent;
padding-left: 0.5em;
display: block;
border-bottom: 1px solid #ececec;
}

#nav-meta ul li a:hover, #nav-meta ul li a:active, #nav-meta ul li a:focus {
border-bottom: 1px solid #D52E2E;
color: #D52E2E;
background: #F7D9AF;
display: block;
}

/* ------- MAIN NAVIGATION  -------  */

#nav-toplevel {
width: 100%;
background: transparent;
}

#nav-main {
background: transparent;
margin: 0;
padding: 0;
font: bold 1.1em "Trebuchet MS", georgia, serif;
font-variant: small-caps;
}

#nav-main:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

#nav-main ul {
list-style: none;
padding: 0;
margin: 0 ;
}

#nav-main li {
display: block;
float: left;
width: 16%;
margin: 0 0.8% 0 0;
padding: 0;
}

#nav-main ul li a:link, #nav-main ul li a:visited {
display: block;
width: 100%;
padding: 0.3em;
border-right: solid 1px #B31A1A;
border-left: solid 1px #B31A1A;
border-bottom: solid 1px #B31A1A;
color: #345678;
text-decoration: none;
text-align: center;
}

#nav-main li a {
width: auto;
}

#nav-main ul li a:hover {
color: #fff;
background: #B31A1A;
}

#nav-main ul li a.current {
color: #fff;
background: #B31A1A;
}
#contact {
color: #B31A1A;
float: left;
}
#heroes {
	float: right;
	margin: 0px 0px;
	vertical-align: top;
	}

#contact-form {
width: 70%;
text-align: right;
}
#container {
max-width: 66.0em;
clear: both;
width: 100%;
margin: 3.0em auto 0 0;
}

#content {
width: 72%;
padding: 1.5em 1.5em 1.5em 1.5em;
float: left;
border-right: solid 1px #C90000;
color: #4F4F4F;
}

/* ------- SUBNAVIGATION  -------  */

#nav-subs {
float: right;
width: 20%;
margin: 0px 0px;
padding: 0;
border-bottom: solid 2px #900;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 0.9em;
}
#nav-section {
display: block;
font: normal 1em "Trebuchet MS", arial, sans-serif;
color: #900;
border-bottom: solid 2px #900;
}
#nav-section:before {
display: block;
font: bold 1.3em "Trebuchet MS", arial, sans-serif;
padding: 0 0.5em;
color: #900;
}

#nav-section ul {

list-style: none;
border-bottom: solid 2px #900;
margin: 0;
padding: 0;
}

#nav-section li a:link, #nav-section li a:visited {
display: block;
border-bottom: solid 1px #ddd;
border-right: solid 0.9em #F4C6A1;
padding: 0.125em 1.0em;
color: #777;
text-decoration: none;
}

#nav-section li a:hover, #nav-section li a:active, #nav-section li a:focus {
border-right: solid 0.9em;
background: #FFFFCC;
color: #900;
}

/* ------- NAVIGAZIONE SUPPLEMENTARE  -------  */

#nav-supp {
margin: 1.0em 0 0 0;
padding: 0;
}

#nav-supp:before {

display: block;
font: bold 1.3em "Trebuchet MS", arial, sans-serif;
padding: 0 0.5em;
color: #900;
border-bottom: solid 1px #900;
}

#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp li a:link, #nav-supp li a:visited {
display: block;
padding: 0.125em 1.0em;
border-bottom: solid 1px #ddd;
border-top: solid 1px #ddd;
border-left: solid 0.9em #F7D9AF;
border-right: solid 0.9em #F7D9AF;
color: #top666;
text-decoration: none;
text-align: right;
}

#nav-supp li a:hover, #nav-supp li a:active, #nav-supp li a:focus {
background: #F7D9AF;
border-left: solid 0.9em #900;
border-right: solid 0.9em #900;
border-top: solid 1px #ddd;
color: #900;
}

#info-site {
margin: 2.0em 0;
padding: 1.0em 4.6em;
font-size: 0.8em;
clear: both;
border-top: solid 1px #C90000;
}

#info-company, #info-standards {
display: inline;
}

#info-standards {
margin-left: 2.0em;
}

/* ------- GENERAL TAGS  -------  */

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", georgia, times, "Times New Roman", serif;
margin: 0.5em 3.0em 0.5em 0;
}



#content p {
font-size: 1.0em;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 1.6em;
margin: 0.8em 2.0em;
text-align: left;
}

#content ol, #content ul {
font-size: 1.0em;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 1.6em;
margin: 0.5em 4.0em;
text-align: left;

}

#content h1 + p, #content h2 + p, #content h3 + p, #content h4 + p {
text-indent: 0;
}

h1 {
font-size: 2.4em;
border-bottom: solid 1px;
color: #C90000;
}

h2 {
font-size: 2.1em;
color: #C90000;
}

h3 {
font-size: 1.5em;
color: #C90033;
border-bottom: 1px solid;
}

h5 {
font-size: 1.4em;
color: #C90033;
}

h6 {
font-size: 1.1em;
color: #C90033;
}

a:link, a:visited {
color: #444;
font-weight: bold;
}

a:hover, a:active, a:focus {
color: #888;
font-weight: bold;
}
label {
float: left;
width: 20em;
text-align: left;
}

.img_r {
float: right;
 margin-bottom: 10px;
 margin-left: 20px;
 margin-right: 0px;
 margin-top: 20px;
 border: solid 1px #B31A1A;
}
.img_l {
	float: left;
	 margin-bottom: 10px;
 margin-left: 0px;
 margin-right: 40px;
 margin-top: 20px;
}