html,body {margin: 0px; padding: 0px;}
body {text-align: center; font-family: arial;	font-size: 11px; color: #333333; line-height: 130%; background-color: #5a1081;}
.b_verde {background-color: #31f21c;}
.b_azzurro {background-color: #2b92b7;}
.b_giallo {background-color: #fad515;}
.b_rosso {background-color: #ff0000;}

a:link {	font-size: 1em;	color: #27033a;	text-decoration: underline;}
a:visited {font-size: 1em;	color: #27033a;	text-decoration: underline;}
a:hover {font-size: 1em;	color: #27033a;	text-decoration: none;}
* {margin: 0px; padding: 0px;}
img {border: 0;}

.clearboth {clear: both; line-height: 1px; font-size: 1px; height: 1px;}
.floatleft {float: left; display: inline;}
.floatright {float: right;	display: inline;}
#bgviola {width: 30%; height: 498px; position: absolute; left: 0; top: 44px; background-color: #27033a;}
#container {width:904px; margin: 0 auto; text-align: left; height: 498px; position: relative;}
.viola {background: url(../img/bg_main.gif) top left no-repeat;}
.verde {background: url(../img/bg_maingallery.jpg) top left no-repeat;}
.azzurro {background: url(../img/bg_mainbiografia.jpg) top left no-repeat;}
.giallo {background: url(../img/bg_maincontatti.jpg) top left no-repeat;}
.rosso {background: url(../img/bg_maineventi.jpg) top left no-repeat;}

#container .testo {width: 904px; font-size: 11px; color: #27033a; padding-top: 19px; text-align: right;}

#header {width: 100%; height: 44px; background-color: #27033a; position: relative; text-align: center;}
#header ul {list-style: none; list-style-position: outside; width: 904px; margin: 0 auto; padding-top: 9px; padding-right: 150px;}
#header li {float: right; display: inline; height: 27px; margin-left: 12px;}
#header li a:link {display: block; float: left; height: 27px;}
#header li a:visited {display: block; float: left; height: 27px;}
#header li a:hover {display: block; float: left; height: 27px;}
#header .m_gallery a:link {background: url(../img/gallery.gif) top left no-repeat; width: 74px;}
#header .m_gallery a:visited {background: url(../img/gallery.gif) top left no-repeat; width: 74px;}
#header .m_gallery a:hover {background: url(../img/gallery.gif) bottom left no-repeat; width: 74px;}
#header .m_biografia a:link {background: url(../img/biografia.gif) top left no-repeat; width: 91px;}
#header .m_biografia a:visited {background: url(../img/biografia.gif) top left no-repeat; width: 91px;}
#header .m_biografia a:hover {background: url(../img/biografia.gif) bottom left no-repeat; width: 91px;}
#header .m_contatti a:link {background: url(../img/contatti.gif) top left no-repeat; width: 107px;}
#header .m_contatti a:visited {background: url(../img/contatti.gif) top left no-repeat; width: 107px;}
#header .m_contatti a:hover {background: url(../img/contatti.gif) bottom left no-repeat; width: 107px;}
#header .m_eventi a:link {background: url(../img/eventi.gif) top left no-repeat; width: 66px;}
#header .m_eventi a:visited {background: url(../img/eventi.gif) top left no-repeat; width: 66px;}
#header .m_eventi a:hover {background: url(../img/eventi.gif) bottom left no-repeat; width: 66px;}

#header a.selezionato:link {background-position: bottom;}
#header a.selezionato:visited {background-position: bottom;}
#header a.selezionato:hover {background-position: bottom;}

#quadro { position: absolute; left: 43px; top:0px; width: 682px; height: 498px; background: url(../img/quadro.jpg) top left no-repeat;}
#quadro0 {position: absolute; left: 168px; top:121px; width: 374px; height: 246px; background: url(../img/quadro0.jpg) top left no-repeat;}
#quadro1 {position: absolute; left: 168px; top:121px; width: 374px; height: 246px; background: url(../img/quadro1.jpg) top left no-repeat;}
#quadro2 {position: absolute; left: 168px; top:121px; width: 374px; height: 246px; background: url(../img/quadro2.jpg) top left no-repeat;}
#quadro3 {position: absolute; left: 168px; top:121px; width: 374px; height: 246px; background: url(../img/quadro3.jpg) top left no-repeat;}
#quadro4 {position: absolute; left: 168px; top:121px; width: 374px; height: 246px; background: url(../img/quadro4.jpg) top left no-repeat;}

#logo {width: 330px; height: 54px; position: absolute; left: 22px; top: -35px; z-index: 9;}
.l_viola {background: url(../img/logo.jpg) top left no-repeat;}
.l_verde {background: url(../img/logoverde.jpg) top left no-repeat;}
.l_azzurro {background: url(../img/logoazzurro.jpg) top left no-repeat;}
.l_giallo {background: url(../img/logogiallo.jpg) top left no-repeat;}
.l_rosso {background: url(../img/logorosso.jpg) top left no-repeat;}



#footer {width: 904px; height: 65px; text-align: center; font-size: 11px; margin: 0 auto; margin-top: 25px;}
.f_verde {color: #27033a;}
.f_viola {color: #fb5802;}
.f_azzurro {color: #27033a;}
.f_giallo {color: #27033a;}
.f_rosso {color: #000000;}

.gallery_1 {width: 137px; height: 344px; position: absolute; left: 486px; top: 1px;}
.gallery_1 a:link {display: block; float: left; width: 137px; height: 344px; background: url(../img/gallery_1.jpg) top left no-repeat;}
.gallery_1 a:visited {display: block; float: left; width: 137px; height: 344px; background: url(../img/gallery_1.jpg) top left no-repeat;}
.gallery_1 a:hover {display: block; float: left; width: 137px; height: 344px; background: url(../img/gallery_1.jpg) bottom left no-repeat;}
.gallery_2 {width: 137px; height: 421px; position: absolute; left: 624px; top: 1px;}
.gallery_2 a:link {display: block; float: left; width: 137px; height: 421px; background: url(../img/gallery_2.jpg) top left no-repeat;}
.gallery_2 a:visited {display: block; float: left; width: 137px; height: 421px; background: url(../img/gallery_2.jpg) top left no-repeat;}
.gallery_2 a:hover {display: block; float: left; width: 137px; height: 421px; background: url(../img/gallery_2.jpg) bottom left no-repeat;}
.gallery_3 {width: 137px; height: 497px; position: absolute; left: 762px; top: 1px;}
.gallery_3 a:link {display: block; float: left; width: 137px; height: 497px; background: url(../img/gallery_3.jpg) top left no-repeat;}
.gallery_3 a:visited {display: block; float: left; width: 137px; height: 497px; background: url(../img/gallery_3.jpg) top left no-repeat;}
.gallery_3 a:hover {display: block; float: left; width: 137px; height: 497px; background: url(../img/gallery_3.jpg) bottom left no-repeat;}
	

.formcontatti {background: url(../img/bg_contatti.jpg) top left no-repeat; width: 661px; height: 302px; position: relative; top: 60px; left: 90px; padding-top: 75px;}
.formcontatti .cont_input {width: 310px; height: 60px; position: relative; top: 0px; left: 34px; color: #fad515; font-size: 13px;}
.formcontatti .bg_input {background: url(../img/bg_input.gif) top left no-repeat; width: 305px; height: 40px; position: relative; top: 2px; left: 0px;}
.formcontatti .bg_input input {width: 289px; height: 26px; position: relative; top: 8px; left: 7px; background-color: #27033a; border: 0; border-color: #27033a; color: #fad515;}
.formcontatti .cont_textarea {width: 310px; height: 141px; position: relative; top: 0px; left: 34px; color: #fad515; font-size: 13px;}
.formcontatti .bg_textarea {background: url(../img/bg_textarea.gif) top left no-repeat; width: 305px; height: 141px; position: relative; top: 2px; left: 0px;}
.formcontatti .bg_textarea textarea {width: 289px; height: 127px; position: relative; top: 8px; left: 7px; background-color: #27033a; border: 0; border-color: #27033a; color: #fad515;}
.formcontatti .testocontatti {width: 270px; height: 180px; position: absolute; top: 88px; left: 364px; color: #ffffff; font-size: 12px; line-height: 15px;}
.formcontatti .testocontatti span {color: #fad515;}
.formcontatti .tel {width: 63px; height: 62px; position: absolute; top: -19px; left: 615px;}
.formcontatti .btn_invia {width: 89px; height: 33px; position: absolute; top: 318px; left: 364px;}