/*Generale*/
HTML {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%}
BODY {background: #000 url(wall.jpg) top center no-repeat; text-align: center; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
PADDING-TOP: 0px; MARGIN: 0px; HEIGHT: 100%; FONT-SIZE: 12px; FONT-FAMILY: tahoma,sans-serif; COLOR: #fff;}
STRONG {COLOR: #fc0;}
.news {COLOR: #000}/*verificare*/
A:link {COLOR: #0f0; TEXT-DECORATION: none}
A:visited {COLOR: #0f0; TEXT-DECORATION: none}
A:hover {COLOR: #0ff; TEXT-DECORATION: none}
DIV#odb {margin-TOP: -50px; TEXT-ALIGN: center}/*verificare*/

/*Contenitore*/
DIV#contenitore {WIDTH: 100%; POSITION: relative; HEIGHT: 100%}/*verificare*/
BODY > DIV#contenitore {HEIGHT: 100%; MIN-HEIGHT: 100%;}/*verificare*/
#wrapper {width: 900px; margin: 55px auto 0px auto; padding: 0px;}/*potrebbe essere rinominato contenitore*/

/*Header*/
DIV#testata {width: 900px; HEIGHT: 200px;}
DIV#testata A {WIDTH: 100%; HEIGHT: 100%}

/*barra di navigazione*/
DIV#centrabarra {margin: 0px auto; text-align:left; width:900px; height:50px;}
div#barra{width: 900px;}
div#barra ul{list-style-type: none; margin: 0px; padding: 0px}
div#barra li{margin: 0px; padding:0px; float:left;}
div#barra a{position:relative; display:block; height: 50px}
div#barra a span{position:absolute; width:100%; height:100%; cursor: pointer; /*per IE*/ }
div#barra li span{background: url("barra.png")}
li#sx a span{background-position: 0px -50px;}
li#dx a span{background-position: -850px -50px;}
li#home a span{background-position: -1px -50px;}
li#home a:hover span{background-position: -1px 0px;}
li#home a#active span{background-position: -1px -100px;}
li#chi_siamo a span{background-position: -141px -50px;}
li#chi_siamo a:hover span{background-position: -141px 0px;}
li#chi_siamo a#active span{background-position: -141px -100px;}
li#attivita a span{background-position: -241px -50px;}
li#attivita a:hover span{background-position: -241px 0px;}
li#attivita a#active span{background-position: -241px -100px;}
li#contatti a span{background-position: -351px -50px;}
li#contatti a:hover span{background-position: -351px 0px;}
li#contatti a#active span{background-position: -351px -100px;}
li#personaggi a span{background-position: -437px -50px;}
li#personaggi a:hover span{background-position: -437px 0px;}
li#personaggi a#active span{background-position: -437px -100px;}
li#gallery a span{background-position: -557px -50px;}
li#gallery a:hover span{background-position: -557px 0px;}
li#gallery a#active span{background-position: -557px -100px;}
li#medioevale a span{background-position: -700px -50px;}
li#medioevale a:hover span{background-position: -700px 0px;}
li#medioevale a#active span{background-position: -700px -100px;}
li#home a{width:140px;}
li#chi_siamo a{width:100px;}
li#attivita a{width:110px;}
li#contatti a{width:86px;}
li#personaggi a{width:120px;}
li#gallery a{width:142px;}
li#medioevale a{width:200px;}

/*Corpo*/
DIV#corpo {PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 60px;  LINE-HEIGHT: 200%; PADDING-TOP: 0px; TEXT-ALIGN: justify;}
DIV#head {PADDING-top: 20px; TEXT-ALIGN: center;}
DIV#corpo P {TEXT-INDENT: 3em;}
DIV#araldica {color: #fc0; float:left; width:250; TEXT-ALIGN: center; margin-right:20px;}
IMG#left {Margin-right:20px; margin-top:20px; margin-bottom:20px;} 
IMG#right {Margin-left:20px; margin-top:20px; margin-bottom:20px;} 


/*footer*/
DIV#footer {CLEAR: both; BORDER-TOP: #fc0 1px solid; PADDING-BOTTOM: 10px;
WIDTH: 100%; PADDING-TOP: 10px; POSITION: relative; BOTTOM: 0px; TEXT-ALIGN: center}

/*Fotogallery*/
DIV#gallery {PADDING-BOTTOM: 50px; PADDING-TOP: 25px; TEXT-ALIGN: center;}/*verificare*/
DIV#gallerybox {WIDTH: 620px; BORDER-TOP: #fc0 1px solid; BORDER-BOTTOM: #fc0 1px solid; padding:15px; margin:10px auto}/*verificare*/

/*Navigazione a SX*/
DIV#boxsx {PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 30px; MARGIN: 0px; WIDTH: 200px; PADDING-TOP: 0px}
DIV#boxsx UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
DIV#boxsx LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 3px; PADDING-TOP: 0px}
DIV#boxsx A {DISPLAY: block; WIDTH: 200px; POSITION: relative; HEIGHT: 40px}
DIV#boxsx A SPAN {WIDTH: 200px; CURSOR: pointer; POSITION: absolute; HEIGHT: 40px}
DIV#boxsx A:hover {COLOR: #369}/*verificare*/
DIV#boxsx A:hover SPAN {BACKGROUND-POSITION: -200px 0px}
DIV#boxsx A#active SPAN {BACKGROUND-POSITION: -200px 0px}
LI#fotografia SPAN {BACKGROUND: url(fotografia_btn.png)}
LI#bambini SPAN {BACKGROUND: url(bambini_btn.png)}
LI#scuola SPAN {BACKGROUND: url(scuola_btn.png)}
LI#enti SPAN {BACKGROUND: url(enti_btn.png)}
LI#calendario SPAN {BACKGROUND: url(calendario_btn.png)}
LI#cene SPAN {BACKGROUND: url(cene_btn.png)}
LI#privati SPAN {BACKGROUND: url(privati_btn.png)}
LI#cucina SPAN {BACKGROUND: url(cucina_btn.png)}
LI#racconti SPAN {BACKGROUND: url(racconti_btn.png)}

/*Navigazione a DX*/
DIV#boxdx {FLOAT: right; MARGIN: 0px; WIDTH: 200px; margin-right: -20px; padding-left: 20px; padding-right:10px;}
DIV#boxdx UL {PADDING: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none}
DIV#boxdx LI {PADDING: 0px; MARGIN: 0px;}
DIV#boxdx A {DISPLAY: block; WIDTH: 200px; POSITION: relative; HEIGHT: 60px}
DIV#boxdx A SPAN {WIDTH: 200px; CURSOR: pointer; POSITION: absolute; HEIGHT: 60px}
DIV#boxdx A:hover {COLOR: #369}/*verificare*/
DIV#boxdx A:hover SPAN, DIV#boxdx A#active SPAN {BACKGROUND-POSITION: -200px 0px}
LI#ashlar SPAN {BACKGROUND: url(ashlar_btn.png)}
LI#eberhardt SPAN {BACKGROUND: url(eberhardt_btn.png)}
LI#lukasz SPAN {BACKGROUND: url(lukaz_btn.png)}
LI#mordred SPAN {BACKGROUND: url(mordred_btn.png)}
LI#william SPAN {BACKGROUND: url(william_btn.png)}
LI#aidamas SPAN {BACKGROUND: url(aidamas_btn.png)}
LI#estrela SPAN {BACKGROUND: url(estrela_btn.png)}
LI#renzo SPAN {BACKGROUND: url(renzo_btn.png)}
LI#andrew SPAN {BACKGROUND: url(andrew_btn.png)}
LI#alessandro SPAN {BACKGROUND: url(alessandro_btn.png)}
LI#morgana SPAN {BACKGROUND: url(morgana_btn.png)}
LI#ferro SPAN {BACKGROUND: url(ferro_btn.png)}
LI#davide SPAN {BACKGROUND: url(davide_btn.png)}
LI#gabriel SPAN {BACKGROUND: url(gabriel_btn.png)}
LI#luke SPAN {BACKGROUND: url(luke_btn.png)}
LI#hanghist SPAN {BACKGROUND: url(hanghist_btn.png)}
LI#corrado SPAN {BACKGROUND: url(corrado_btn.png)}
LI#rick SPAN {BACKGROUND: url(rick_btn.png)}
LI#mastrofabio SPAN {BACKGROUND: url(mastrofabio_btn.png)}
LI#enrica SPAN {BACKGROUND: url(enrica_btn.png)}
LI#vivian SPAN {BACKGROUND: url(vivian_btn.png)}
LI#magdalena SPAN {BACKGROUND: url(magdalena_btn.png)}


/*Navigazione in basso*/
DIV#barrainf {HEIGHT: 60; margin-bottom:20px; margin-top:20px; padding-left: 50px; text-align:left;}
DIV#barrainf UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
DIV#barrainf LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
DIV#barrainf A {DISPLAY: block; WIDTH: 200px; position: relative; HEIGHT: 60px; TEXT-DECORATION: none}
DIV#barrainf A SPAN {WIDTH: 200px; CURSOR: pointer; POSITION: absolute; HEIGHT: 60px}
DIV#barrainf A:hover SPAN, DIV#barrainf A#active SPAN {BACKGROUND-POSITION: -200px 0px}