/* Let's get medieval */

/*

------------------------------------------------------
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-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #fff;
font-size: 81%;
text-decoration: none; }

#banner {
padding: 2.0em 0 2.0em 5.0em;
background: #940d29;
margin-bottom: 0;
color: #010000; }

#banner p {
font: bold 3em fantasy;
margin: auto 1.5em auto 0;
letter-spacing: -0.05em;
color: #f2fff9;
}

#banner p:first-letter {
font: normal 3em "Wide Latin";
color: #fff0f0;
margin-right: -0.125em;
font-stretch: none;
text-decoration: none; }

#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: #aaaa0e;
background: transparent;
bottom: 1.0em; }

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

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

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

#nav-meta ul li a:hover, #nav-meta ul li a:active, #nav-meta ul li a:focus {
border-bottom: 1px solid #D52E2E;
color: #AAAA0E;
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: 13%;
margin: 0 0.8% 0 0;
padding: 0;
position: relative;
z-index: auto;
clear: none;
overflow: visible;
right: -10em; }

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

#nav-main li a {
}

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

#nav-main ul li a.current {
color: #fff;
background: #940d29;
}

#container {
max-width: 66.0em;
clear: both;
width: 100%;
margin: 3.0em auto 0 0;
}

#content {
padding: 1.5em 1.5em 1.5em 1.5em;
margin: 0;
float: left;
border-right: 1px #040001 solid;
color: #000000;
width: 75%; }

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

#nav-subs {
float: left;
width: 20%;
margin: 0;
padding: 0;
border-bottom: 2px #940d29 solid;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
text-decoration: none; }

#nav-section:before {
content: " PRODUCTS";
display: block;
font: bold 1.3em fantasy;
padding: 0 0.5em;
color: #940d29;
}

#nav-section ul {
border-top: solid 1px #900;
list-style: none;
border-bottom: 1px #010000 solid;
margin: 0;
padding: 0;
}

#nav-section li a:link, #nav-section li a:visited {
display: block;
border-bottom: 2px #000000 solid;
border-right: 1em #940d29 groove;
padding: 0.125em 1.0em;
color: #020202;
text-decoration: none;
}


}

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

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

#nav-supp:before {
content: " SERVICES";
display: block;
font: bold 1.3em Verdana, Helvetica, Arial, sans-serif;
padding: 0 0.5em;
color: #940d29;
border-bottom: 1px #940d29 solid;
}

#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-left: solid 0.9em #F7D9AF;
color: #666;
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: 0.9em #940d29 solid;
color: #900;
}

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

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

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

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

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Helvetica, Arial, sans-serif;
letter-spacing: -1px;
margin: 0.5em 3.0em 0.5em 0;
}

#content * {
margin: 0;
}

#content p, #content ol, #content ul {
font-size: 1.0em;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.9em;
margin: 0.5em 2.0em;
text-align: justify;
}

#content p {
text-indent: 1.5em;
}

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

h1 {
border-bottom: 1px none;
color: #020202;
font-size: 1.5em; }

h2 {
font-size: 1.50em;
color: #010000;
}

h3 {
font-size: 1.8em;
color: #940d29;
border-bottom: dashed 1px;
}



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

a:hover, a:active, a:focus {
color: #888;
font-weight: bold;
}