/* HEADER */
body{	font-size: 76%; background: #2d2f88; font-family: tahoma,arial,sans-serif; text-align: center}
DIV#contenitore {BACKGROUND: #ffffff; MARGIN: 0px auto; WIDTH: 770px; POSITION: relative; TEXT-ALIGN: left}
DIV#navigazione {	BACKGROUND: url(img/gui/titolonav.jpg); MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 196px}
UL#nav1 {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 70px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 133px; height: 50px;}
UL#nav1 LI {	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-RIGHT: 4px; PADDING-TOP: 0px}
UL#lang {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 50px}
DIV#contmain {	MARGIN: 0px 190px}

/*COLONNA A DESTRA*/
DIV#nav2 {	BACKGROUND: url(img/gui/menu2bg.gif); FLOAT: right; VERTICAL-ALIGN: bottom; WIDTH: 187px}
UL.nav2 {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
UL.nav2 LI {	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #c19887; PADDING-BOTTOM: 0px; MARGIN: 15px 22px 15px 15px; WIDTH: 150px; COLOR: #ffe400; PADDING-TOP: 0px; TEXT-DECORATION: none}
DIV#nav2 A {	FONT-WEIGHT: bold; COLOR: #ffffff}
DIV#nav2 A:visited {	FONT-WEIGHT: normal; COLOR: #ffffff}
DIV#nav2 A:hover {	DISPLAY: block; BACKGROUND: #b17070; WIDTH: 100%; TEXT-DECORATION: none}
DIV#nav2 H3 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-LEFT: 20px; COLOR: #fff400}
DIV#nav2 img {	position: relative; top: 2px;}


/*INDEX*/
DIV#index {	MARGIN-TOP: 2%; WIDTH: 100%; HEIGHT: 65%; TEXT-ALIGN: center}
P.indexcite {FONT-SIZE: 7pt; COLOR: #97B7FE; TEXT-ALIGN: center}
P.indexcite b{FONT-SIZE: 9pt; COLOR: #FFE220; TEXT-ALIGN: center; font-weight: bold;}


/*HOMEPAGE*/
DIV#colsx {	FLOAT: left; WIDTH: 190px; TEXT-ALIGN: center; FONT-SIZE: 10pt}
DIV#colsx h2{ font-size: 10pt; font-style: none; padding-bottom: 0;	MARGIN-TOP: 20px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 10px; WIDTH: 175px; COLOR: #1346ea; BORDER-BOTTOM: #ff6666 1px solid}
DIV.titlesx {	MARGIN-TOP: 20px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 10px; WIDTH: 175px; COLOR: #1346ea; BORDER-BOTTOM: #ff6666 1px solid}


DIV#uscite {	BORDER-RIGHT: #6666ff 1px solid; BORDER-TOP: #6666ff 1px solid; MARGIN-LEFT: 15px; BORDER-LEFT: #6666ff 1px solid; WIDTH: 160px; BORDER-BOTTOM: #6666ff 1px solid; BACKGROUND-COLOR: #ccccff}

div#prossimi_eventi {text-align: center}
DIV#prossimi_eventi ul{	list-style-type: none; font-size: 7pt;  margin: 0 auto; padding: 0 0 15px 0 ; BORDER-RIGHT: #2222ff 1px solid; BORDER-TOP: #2222ff 1px solid; MARGIN-LEFT: 15px; BORDER-LEFT: #2222ff 1px solid; WIDTH: 160px; BORDER-BOTTOM: #2222ff 1px solid; BACKGROUND-COLOR: #9999ff}}
/*DIV#prossimi_eventi h2{ font-size: 10pt; color: red; text-transform: none; MARGIN-TOP: 20px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 10px; WIDTH: 175px; COLOR: #1346ea; BORDER-BOTTOM: #ff6666 1px solid}*/
span.prossimi_eventi_intestazione {color: green; padding: 15px 0 3px 0; font-size: 8pt}
span.prossimi_eventi_intestazione b{display: block; color: red}



DIV#news {	BORDER-RIGHT: #2222ff 1px solid; BORDER-TOP: #2222ff 1px solid; MARGIN-LEFT: 15px; BORDER-LEFT: #2222ff 1px solid; WIDTH: 160px; BORDER-BOTTOM: #2222ff 1px solid; BACKGROUND-COLOR: #9999ff}

DIV#ultime_news { font-size: 7pt; }
/* DIV#ultime_news h2{ font-size: 10pt; text-transform: none; MARGIN-TOP: 20px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 10px; WIDTH: 175px; COLOR: #1346ea; BORDER-BOTTOM: #ff6666 1px solid}*/
DIV#ultime_news ul {list-style-type: none; font-size: 7pt;   margin: 0 auto; padding: 0 0 15px 0 ; BORDER-RIGHT: #2222ff 1px solid; BORDER-TOP: #2222ff 1px solid; MARGIN-LEFT: 15px; BORDER-LEFT: #2222ff 1px solid; WIDTH: 160px; BORDER-BOTTOM: #2222ff 1px solid; BACKGROUND-COLOR: #9999ff}}
DIV#ultime_news li {}
span.ultime_news_intestazione {color: green; padding: 15px 0 3px 0; font-size: 8pt}
span.ultime_news_intestazione b{display: block; color: black}


mg#myspaceindex {	MARGIN: 10px 0 0 2px; *MARGIN: 10px 0 0 15px; }

DIV#wblurb {MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; BORDER-BOTTOM: #ccccff 1px solid; width: 380px; margin-top: 20px; text-align: justify;}
DIV#wblurb img {margin: 0 0 -5px 20px;}


DIV#col1 {	BORDER-RIGHT: #ccccff 1px solid; FLOAT: left; WIDTH: 186px; *WIDTH: 186px}
DIV#col1 IMG {	MARGIN-LEFT: 12px}
DIV#col1 A {	COLOR: #0000ff}
DIV#col2 {	FLOAT: right; BORDER-LEFT: #ccccff 1px solid; WIDTH: 190px; *WIDTH: 200px}
DIV#col2 IMG {	MARGIN-LEFT: 12px}
DIV#col2 A {	COLOR: #0000ff}



/*CAMPIONATI*/
DIV#medagliere {	CLEAR: right;  BACKGROUND: url(img/medbg.jpg); FLOAT: right;  WIDTH: 160px; MARGIN:10px 10px 0 0; PADDING: 0;}
DIV#medagliere UL {	MARGIN-LEFT: -5px; LIST-STYLE-TYPE: none}
div#medagliere li{MARGIN-LEFT: -20px; *MARGIN-LEFT: 15px; position: relative; top: -5px;}
img.meda{margin-right: 5px; position: relative; top: 5px;}
DIV#medagliere P {	TEXT-ALIGN: center; font-size: 8pt; font-weight: bold; margin: 5px 0 -5px 0;}
DIV#medagliere a {	TEXT-ALIGN: center; display: block; color: red; font-weight: bold;}


/*MEDAGLIERE*/
DIV.annomed {padding: 5px 5px 5px 20px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; BACKGROUND: #cb2f06;  MARGIN-LEFT: 20px; WIDTH: 500px;  HEIGHT: 20px}
UL.ris { FONT-SIZE: 8pt; BACKGROUND: #faecc2; MARGIN-LEFT: 40px; WIDTH: 480px; COLOR: blue;  list-style-type: none;}
UL.ris li{	margin: 5px; position: relative; top: -10px;}
IMG.ris {	MARGIN-RIGHT: 20px; position: relative; top: 10px;}

















DIV#gal {	BACKGROUND: #82adcb; PADDING-BOTTOM: 30px; MARGIN: 30px; WORD-SPACING: 30px; WIDTH: 705px; PADDING-TOP: 30px; POSITION: relative; TEXT-ALIGN: center}
HR#gal {COLOR: #82adcb}
DIV.fotoc {	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #cac7ff; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px; WIDTH: 120px; PADDING-TOP: 5px; HEIGHT: 150px; TEXT-ALIGN: center}
DIV.fotoc P {FONT-SIZE: 9px}
DIV#contgall {FLOAT: left; WIDTH: 580px}
DIV.foto {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #cac7ff; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px; WIDTH: 120px; PADDING-TOP: 5px; HEIGHT: 120px; TEXT-ALIGN: center}
UL#navindex {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
UL#navindex LI {	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 8px; PADDING-TOP: 0px}

DIV#bottom {	CLEAR: both; BACKGROUND: url(img/gui/footer.gif); HEIGHT: 19px; TEXT-ALIGN: center}

IMG#home {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(img/gui/home2.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
A.external:link {
	FONT-WEIGHT: bold; COLOR: #ffffff
}






FIELDSET {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-LEFT: 18px; WIDTH: 150px; BORDER-RIGHT-WIDTH: 0px
}
LI#lis {
	FONT-WEIGHT: bold; TEXT-ALIGN: center
}
DIV#dvd {
	FONT-SIZE: 8pt; FLOAT: left; WIDTH: 100%
}
DIV#dvd IMG {
	FLOAT: left; MARGIN: 10px
}
UL#mappa LI {
	MARGIN-TOP: 10px; MARGIN-RIGHT: 20px
}
UL#spettacolo {
	PADDING-BOTTOM: 30px; MARGIN: 0px; WIDTH: 100%; BORDER-BOTTOM: #ccccff 1px solid; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
UL#spettacolo LI {
	DISPLAY: inline; MARGIN-RIGHT: 25px
}
DIV.esercizio {
	CLEAR: right; BACKGROUND: url(img/esercizi/bgtitolo.gif); MARGIN-LEFT: 15px; WIDTH: 400px; COLOR: #f3edf6
}
DIV.esercizio H3 {
	FONT-SIZE: 18px; MARGIN: 5px 5px 5px 15px
}
P.esercizio {
	PADDING-LEFT: 50px
}
P.imgeserc {
	FLOAT: right
}
IMG.esercizietto {
	FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 20px
}
H2#esercizi {
	PADDING-RIGHT: 4px; MARGIN-TOP: 40px; PADDING-LEFT: 4px; FONT-SIZE: 14px; BACKGROUND: #bbbbff; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 4px; MARGIN-LEFT: 235px; WIDTH: 300px; COLOR: #4444dd; PADDING-TOP: 4px; TEXT-ALIGN: center
}
DIV#intro {
	BACKGROUND: #d6bbca; FLOAT: left; PADDING-BOTTOM: 15px; MARGIN: 10px; WIDTH: 200px; height: 130px; PADDING-TOP: 15px; text-align: justify
}
DIV#randomgallery {
	FONT-SIZE: 11px; BACKGROUND: #82adcb; FLOAT: left; MARGIN: 10px; WIDTH: 320px; text-align: justify;  height: 160px;
}
DIV#randomgallery H2 {
	FONT-SIZE: 14px; BACKGROUND: #225d97; MARGIN: 0px; WIDTH: 100%; COLOR: #dfefff; TEXT-ALIGN: center
}
DIV#randomgallery H3 {
	FONT-SIZE: 12px; margin: 5px 0 0 10px;
}
DIV#randomgalleryimg {
	BORDER: #ffffff 1px solid; FLOAT: right; MARGIN: 10px; MARGIN-left: 5px; width: 122px; background: white;  text-align: center;
}
DIV#randomgallery P {
		margin: 0;  text-align: justify; position: relative; left: -10px;
}

DIV.gallerydiv {
	 FLOAT: left; MARGIN: 10px; WIDTH: 720px
}
DIV.gallerydiv table{	
	width: 680px;  MARGIN-BOTTOM: 5px; BORDER: #82adcb 2px solid
}
DIV.gallerydiv h2{	
	padding: 0 30px 0 10px; color: white; background: #82adcb; margin: 0 0 0 20px; width: 200px; font-size: 12pt; font-weight: bold
}
DIV#galleryvideo {
	CLEAR: left; FLOAT: left; MARGIN: 10px; WIDTH: 720px
}
DIV#galleryvideo table{	
	width: 680px; MARGIN-BOTTOM: 5px; BORDER: orange 2px solid
}
DIV#galleryvideo h2{	
	 padding: 0 30px 0 10px; color: white; background: orange; margin: 0 0 0 20px; width: 200px;
}

DIV#mp3 {
	CLEAR: left; BACKGROUND: url(img/gallerytabbg.gif); FLOAT: left; MARGIN: 10px; WIDTH: 300px
}
DIV#esercizi {
	CLEAR: left; BACKGROUND: url(img/gallerytabbg.gif); FLOAT: left; MARGIN: 10px; WIDTH: 300px
}
DIV#varie {
	CLEAR: left; BACKGROUND: url(img/gallerytabbg.gif); FLOAT: left; MARGIN: 10px; WIDTH: 300px
}
TD.nomefile {
	FONT-STYLE: italic
}
H2.gallery {
	MARGIN-LEFT: 5px; WIDTH: 250px; COLOR: #0157ac; BORDER-BOTTOM: #cfdce9 2px solid
}
H2.gallery2 {
	MARGIN-LEFT: 5px; WIDTH: 320px; COLOR: #0157ac; BORDER-BOTTOM: #cfdce9 2px solid
}
DIV#contatti {
	FLOAT: left
}
IMG#itaumbria {
	MARGIN-TOP: 20px; FLOAT: right
}
DIV#cartina {
	MARGIN-TOP: 20px; FLOAT: right; WIDTH: 380px
}
IMG.compagnia {
	FLOAT: left; MARGIN: 12px
}
IMG.compagnia2 {
	FLOAT: right; MARGIN: 12px
}
TABLE#calendario {
	FLOAT: left; MARGIN-LEFT: 10px; margin-top: 10px;
}
TABLE#calendario TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: middle; PADDING-TOP: 5px
}
TABLE#calendario TH {
	FONT-SIZE: 12px; BACKGROUND: #c44
}
P.data {
	FONT-SIZE: 10px; MARGIN: 0px; COLOR: green
}
P.luogo {
	FONT-SIZE: 10px; MARGIN: 0px; COLOR: red
}
P.champ {
	FONT-FAMILY: Verdana; FONT-SIZE: 14px; MARGIN: 0px; COLOR: #FFD700; FONT-VARIANT: small-caps;
}
P.champ2 {
	FONT-FAMILY: Verdana; FONT-SIZE: 14px; MARGIN: 0px; COLOR: white; FONT-VARIANT: small-caps;
}
DIV#programma {
	MARGIN-TOP: 40px; MARGIN-BOTTOM: 40px; TEXT-ALIGN: center
}
DIV.giornata {
	FLOAT: left; MARGIN-BOTTOM: 20px; MARGIN-LEFT: 10px; WIDTH: 180px
}

DIV.costband {
	CLEAR: both; BACKGROUND: #eef; TEXT-ALIGN: center
}
DIV.attuale {
	FLOAT: left; MARGIN: 15px; WIDTH: 150px; TEXT-ALIGN: center
}
DIV.attuale2 {
	FLOAT: left; MARGIN: 15px; WIDTH: 340px; TEXT-ALIGN: center
}
DIV#comunicazioni {
	BORDER-RIGHT: #2222ff 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #2222ff 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 5px; BORDER-LEFT: #2222ff 1px solid; WIDTH: 360px; PADDING-TOP: 10px; BORDER-BOTTOM: #2222ff 1px solid; BACKGROUND-COLOR: #9999ff
}
.datatitolo {
	MARGIN-TOP: 10px; FONT-SIZE: 10px; MARGIN-BOTTOM: 3px; COLOR: #923314; TEXT-INDENT: 10px; align: justify
}
DIV#titlecomunicazioni {
	MARGIN-TOP: 20px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 10px; WIDTH: 175px; COLOR: #1346ea; BORDER-BOTTOM: #ff6666 1px solid
}
DIV#commcol1 {
	BORDER-RIGHT: #ccccff 1px solid; FLOAT: left; WIDTH: 180px
}
DIV#commcol2 {
	FLOAT: right; BORDER-LEFT: #ccccff 1px solid; WIDTH: 194px
}
DIV#commcol1 H2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #bbbbff; PADDING-BOTTOM: 3px; MARGIN: 0px; WIDTH: 100%; COLOR: #4444dd; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV#commcol2 H2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #bbbbff; PADDING-BOTTOM: 3px; MARGIN: 0px; WIDTH: 100%; COLOR: #4444dd; PADDING-TOP: 3px; TEXT-ALIGN: center
}


DIV#bottom {
	FONT-SIZE: 8pt; COLOR: blue
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
DIV#col1 DIV#col2 {
	TEXT-ALIGN: justify
}
P#footer {
	FONT-SIZE: 7pt; COLOR: white; TEXT-ALIGN: center
}
.nocss {
	DISPLAY: none
}
DIV#contenitore P {
	MARGIN-LEFT: 20px; MARGIN-RIGHT: 20px
}
DIV#contenitore H1 {
	MARGIN-LEFT: 40px; MARGIN-RIGHT: 20px
}
H2 {
	MARGIN-LEFT: 40px; MARGIN-RIGHT: 20px
}
H3 {
	MARGIN-LEFT: 40px; MARGIN-RIGHT: 20px
}
.piccolo {
	FONT-SIZE: 10px; MARGIN: 3px; align: justify
}
P.index {
	FONT-SIZE: 7pt; COLOR: white; TEXT-ALIGN: center
}

P.form {
	FONT-SIZE: 8pt; COLOR: white; TEXT-ALIGN: center
}
H1 {
	FONT-SIZE: 18pt; MARGIN: 10px; COLOR: #0b33c8
}
H2 {
	FONT-SIZE: 14pt; MARGIN-LEFT: 25px; COLOR: #0b33c8; FONT-STYLE: italic
}
H3 {
	FONT-SIZE: 12pt; MARGIN: 10px; COLOR: #0b33c8; FONT-STYLE: italic
}
TABLE {
	FONT-SIZE: 10px; BACKGROUND: #e8eff0; MARGIN-LEFT: 20px; MARGIN-RIGHT: 20px
}

TR.org {
	BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; FONT-WEIGHT: bold; BACKGROUND: #d4c6cd; BORDER-LEFT: #ff0000 1px solid; COLOR: #704f60; TEXT-INDENT: 5px; BORDER-BOTTOM: #ff0000 1px solid
}
TD.center {
	TEXT-ALIGN: center
}
IMG.imgsx {
	FLOAT: left; MARGIN: 10px
}
DIV#work {
	CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 30px; COLOR: #dd4400; TEXT-ALIGN: center
}
IMG.destra {
	CLEAR: right; FLOAT: right; MARGIN: 10px
}
IMG.sinistra {
	CLEAR: left; FLOAT: left; MARGIN: 10px
}

img#medsu {position: relative; top: -4px;}
img#medgiu {position: relative; top: 4px;}




/* GALLERIA IMMAGINI */
div.viewimg { float: left; margin: 0 0 10px 10px; height: 120px; width: 120px; text-align: center; v-align: middle; background: #d4c6cd;}
div.viewimg  a{ display: block; height: 100%}
div.viewimg  a:hover{ background: #E5DCE1}

h2.titolocolgall {background: #ECC349; color: white; width: 145px; margin: 20px 0 0 10px; padding-left: 10px; font-size: 10pt; text-transform: uppercase; font-style: normal; font-weight: bold}