/*
-----------------------------------------------
per pagine css design visualizza codice
----------------------------------------------- */
#codice{
margin: 2em 1.25em;
border: 1px dotted #41545F;
background-color: #ECEDEE;
color: #05181E;
overflow: auto;
width: 80%;
}
#codice pre{
padding: 1em 1.5em;
background-color: #ECEDEE;
color: #000;
font: normal 100% "Courier New",Courier,monospace;
}
#codice1{
margin: 2em 1.25em;
border: 1px dotted #41545F;
background-color: #ECEDEE;
color: #05181E;
overflow: auto;
width: 80%;
}
#codice1 pre{
padding: 1em 1.5em;
background-color: #ECEDEE;
color: #000;
font: normal 100% "Courier New",Courier,monospace;
}
#codice2{
margin: 2em 1.25em;
border: 1px dotted #41545F;
background-color: #ECEDEE;
color: #000;
overflow: auto;
width: 80%;
padding: 1em 1.5em;
font: normal 100% "Courier New",Courier,monospace;
}
/*
-----------------------------------------------
stili menu orizzontali
----------------------------------------------- */
#menu01o {
width: 100%;
font: 80% Arial, Helvetica, sans-serif; 
}
#menu01o ul{
margin: 0;
padding-left: 0;
list-style: none;
}
#menu01o li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu01o a:link, #menu01o a:visited{
float: left;
background: #800000;
color: #fff;
margin: 0em;
padding: 0.3em 1.5em 0.3em 1.5em;
text-decoration: none;
border: 1px solid #000;
}
#menu01o a:hover, #menu01o a:focus, #menu01o a:active{
color: #000;
background: #FFFF00;
}
/*
----------------------------------------------- */
#menu02o {
width: 100%;
font: 80% Arial, Helvetica, sans-serif; 
}
#menu02o ul{
margin: 0;
padding-left: 0;
list-style: none;
}
#menu02o li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu02o a:link, #menu02o a:visited{
float:left;
background: url(cssmenu/menu2b.jpg) center top no-repeat;
background-color: #DFDBDB;
color: #000;
margin: 0em;
padding: 0.3em 1.5em 0.3em 1.5em;
text-decoration:none;
border-right: 1px solid #fff;
}
#menu02o a:hover, #menu02o a:focus, #menu02o a:active{
color: #fff;
background: url(cssmenu/menu2a.jpg) center top no-repeat;
background-color: #000;
}
/*
----------------------------------------------- */
#menu03o{
width: 100%;
font: 80% Arial, Helvetica, sans-serif;
}
#menu03o ul{
margin: 0;
padding-left: 0;
list-style: none;
}
#menu03o li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu03o a:link, #menu03o a:visited{
float:left;
background: url(cssmenu/menu3.jpg) 0 0 repeat;
background-color: #fff;
color: #05181E;
margin: 0em;
padding: 0.3em 1.5em 0.3em 1.5em;
font-weight: bold;
text-decoration: none;
border-top: 4px solid #000;
}
#menu03o a:hover, #menu03o a:focus, #menu03o a:active{
color: #41545F;
background: url(cssmenu/menu3.jpg) 0 0 repeat;
background-color: #fff;
border-top: 4px solid #00C000;
}
/*
----------------------------------------------- */
#menu04o {
width: 100%;
font: 80% Arial, Helvetica, sans-serif;
}
#menu04o ul {
list-style: none;
margin: 0;
padding-left: 0;
}
#menu04o li {
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu04o a:link, #menu04o a:visited {
float:left;
padding: 0.3em 1.5em 0.3em 1.5em;
margin: 0em;
border-left: 10px solid #41545F;
background-color: #05181E;
color: #FFFFFF;
text-decoration: none;
}
#menu04o a:hover, #menu04o a:focus, #menu04o a:active{
background-color: #41545F;
color: #FFFFFF;
border-left: 10px solid #EAD100;
}
/*
-----------------------------------------------
stili menu verticali
----------------------------------------------- */
#menu01v{
width: 10em;
font: 80% Arial, Helvetica, sans-serif;
}
#menu01v ul{
margin: 0;
padding: 0;
list-style: none;
}
#menu01v li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu01v a:link, #menu01v a:visited{
display: block;
background: #DEDCDC;
color: #05181E;
margin:0.06em 0;
padding: 0.3em 0.6em;
text-decoration: none;
border: 1px solid #666;
}
#menu01v a:hover, #menu01v a:focus, #menu01v a:active{
background: #fff;
color: #41545F;
border-color: #41545F;
padding-left: 0.95em;
text-transform: uppercase
}
/*
----------------------------------------------- */
#menu02v{
width: 10em;
font: 80% Arial, Helvetica, sans-serif;
}
#menu02v ul{
margin: 0;
padding-left: 0;
list-style: none;
}
#menu02v li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu02v a:link, #menu02v a:visited{
display: block;
background: #fff;
color: #05181E;
margin: 0;
padding: 0.3em 0.6em 0.3em 0;
text-decoration: none;
text-align:right;
border-right: 5px solid #00C000;
}
#menu02v a:hover, #menu02v a:focus, #menu02v a:active{
border-color: #05181E;
text-decoration: none;
color: #00C000;
background-color: #fff;
}
/*
----------------------------------------------- */
#menu03v{
width: 10em;
font: 80% Arial, Helvetica, sans-serif;
}
#menu03v ul{
margin: 0;
padding: 0;
list-style: none;
}
#menu03v li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu03v a:link, #menu03v a:visited{
display: block;
background: url(cssmenu/menu6b.jpg) 10px 7px no-repeat;
background-color: #800000;
color: #fff;
margin: 0;
padding: 0.3em 0.6em 0.3em 2.5em;
text-decoration: none;
border-bottom: 1px solid #fff;
}
#menu03v a:hover, #menu03v a:focus, #menu03v a:active{
color: #fff;
background: url(cssmenu/menu6a.jpg) 10px 7px no-repeat;
background-color: #05181E;
}
/*
----------------------------------------------- */
#menu04v {
width: 10em;
font: 80% Arial, Helvetica, sans-serif;
}
#menu04v ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu04v li {
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu04v a:link, #menu04v a:visited {
display: block;
background-color: #05181E;
color: #fff;
margin: 0;
padding: 0.3em 0.6em 0.3em 1em;
text-decoration: none;
border-bottom: 1px solid  #41545F;
border-left: 10px solid #41545F;
}
#menu04v a:hover, #menu04v a:focus, #menu04v a:active{
background-color: #41545F;
color: #FFFFFF;
border-left: 10px solid #EAD100;
}