@import 'reset.css';
@import 'type.css';

.hidden{ display: none; }
body{ font-family: Georgia, 'Times New Roman', Garamond; color: #666666; background: #fffee3 url(../images/bg-body.jpg) top center no-repeat; }
a{ color: #ff6600; text-decoration: none; }
a:hover{ text-decoration: underline; }

h1{ font-size: 3em; }
h2{ font-size: 2em; }
h2.maggiolata{ width: 343px; height: 44px; background: url(../images/maggiolata_lucignanese.jpg) top left no-repeat; text-indent: -9999px;  }
h2.kixstory{ width: 343px; height: 40px; background: url(../images/h-kixstory.gif) top left no-repeat; text-indent: -9999px;  }
h2.multimedia{ width: 343px; height: 40px; background: url(../images/h-multimedia.jpg) top left no-repeat; text-indent: -9999px;  }
h2.jubilees{ width: 343px; height: 40px; background: url(../images/h-jubilees.gif) top left no-repeat; text-indent: -9999px;  }

h2.gruppo_folkloristico{ width: 343px; height: 40px; background: url(../images/gruppo_folkloristico.gif) top left no-repeat; text-indent: -9999px;  }
h2.lucignano_introduzione{ width: 343px; height: 44px; background: url(../images/lucignano_introduzione.gif) top left no-repeat; text-indent: -9999px;  }
h2.lucignano_storia{ width: 343px; height: 44px; background: url(../images/lucignano_storia.gif) top left no-repeat; text-indent: -9999px;  }
h2.lucignano_museo{ width: 343px; height: 44px; background: url(../images/lucignano_museo.gif) top left no-repeat; text-indent: -9999px;  }
h2.lucignano_arrivare{ width: 343px; height: 44px; background: url(../images/lucignano_arrivare.gif) top left no-repeat; text-indent: -9999px;  }
h2.lucignano_numeri{ width: 343px; height: 44px; background: url(../images/lucignano_numeri.gif) top left no-repeat; text-indent: -9999px;  }
h2.gruppo_storico{ width: 343px; height: 44px; background: url(../images/gruppo_storico.gif) top left no-repeat; text-indent: -9999px;  }
h2.altre_associazioni{ width: 343px; height: 44px; background: url(../images/altre_associazioni.gif) top left no-repeat; text-indent: -9999px;  }
h2.news{ width: 343px; height: 44px; background: url(../images/news.gif) top left no-repeat; text-indent: -9999px;  }
h2.comitato{ width: 343px; height: 44px; background: url(../images/comitato.gif) top left no-repeat; text-indent: -9999px;  }
h2.programma{ width: 343px; height: 44px; background: url(../images/programma.gif) top left no-repeat; text-indent: -9999px;  }
h2.contrade{ width: 343px; height: 44px; background: url(../images/contrade.gif) top left no-repeat; text-indent: -9999px;  }
h2.giallorossi{ width: 343px; height: 34px; background: url(../images/contrade/giallorossi.png) top left no-repeat; text-indent: -9999px; margin-top:15px;  }
h2.gialloverdi{ width: 343px; height: 34px; background: url(../images/contrade/gialloverdi.png) top left no-repeat; text-indent: -9999px;  }
h2.nerobianchi{ width: 343px; height: 34px; background: url(../images/contrade/nerobianchi.png) top left no-repeat; text-indent: -9999px;  }
h2.rossoblu{ width: 343px; height: 34px; background: url(../images/contrade/rossoblu.png) top left no-repeat; text-indent: -9999px;  }
h2.galleria{ width: 343px; height: 44px; background: url(../images/galleria_fotografica.gif) top left no-repeat; text-indent: -9999px;  }
h2.maggiolata2{ width: 343px; height: 44px; background: url(../images/maggiolata.gif) top left no-repeat; text-indent: -9999px;  }
h2.albo{ width: 343px; height: 44px; background: url(../images/albo.gif) top left no-repeat; text-indent: -9999px;  }
h2.ospitalita{ width: 343px; height: 44px; background: url(../images/ospitalita.gif) top left no-repeat; text-indent: -9999px;  }
h2.multimedia{ width: 343px; height: 44px; background: url(../images/multimedia.gif) top left no-repeat; text-indent: -9999px;  }
h2.downloads{ width: 343px; height: 44px; background: url(../images/downloads.gif) top left no-repeat; text-indent: -9999px;  }

h2.pptrips{ width: 343px; height: 40px; background: url(../images/h-pptrips.gif) top left no-repeat; text-indent: -9999px;  }
h2.thingstodo{ width: 343px; height: 40px; background: url(../images/h-thingstodo.gif) top left no-repeat; text-indent: -9999px;  }
h2.wineanddine{ width: 343px; height: 40px; background: url(../images/h-wineanddine.gif) top left no-repeat; text-indent: -9999px;  }
h3{ font-size: 1.5em; }
p{ font-size: 1.4em; line-height: 1.5em; margin-bottom: 1.5em; text-align:justify; line-height:150%; }
.left ol li{ font-size: 1.1em; line-height: 1.5em; margin: 1.5em; list-style: inside decimal; }
p.small{ line-height: 1.5em; margin-bottom: 1.5em; }
p.month{ color: #ff6131; text-transform: uppercase; font-family: Tahoma, 'Lucida Grande', Verdana; font-size: 1.3em; margin: 0; }
ul.options{ list-style: none; margin: 0; }
ul.options li{ float: left; text-indent: -9999px; }
ul.options li a{ height: 35px; display: block; background: url(../images/bg-options.jpg) top left no-repeat; overflow: hidden; }
ul.options li.lm a{ width: 94px; background-position: 0 0; }
ul.options li.lm a:hover{ background-position: 0 -35px; }
ul.options li.si a{ width: 94px; background-position: -94px 0; }
ul.options li.si a:hover{ background-position: -94px -35px; }
ul.options li.rta a{ width: 121px; background-position: -188px 0; }
ul.options li.rta a:hover{ background-position: -188px -35px; }
a.sendinvite{ display: block; width: 94px; text-indent: -5000px; height: 35px;
	background: url(../images/bg-options.jpg) no-repeat -94px 0; overflow: hidden; }
a.sendinvite:hover{ background-position: -94px -35px; }
.footer-nav a, .credits a{ color:#804040; }
a.ds{ color: #0099cc; }

.container{ width: 1021px; margin: 0 auto; }
.content{ background: #fff url(../images/bg-cont-top.jpg) top left no-repeat; padding-top: 27px; margin-top: 0 !important; margin-top: -25px; }
.secondary, .multimedia-wrap{  }
.content-btm{ background: url(../images/bg-cont-btm.jpg) bottom left no-repeat; padding: 0 0 60px; }
.mast{ height: 69px; padding: 36px 0 0 0; background: url(../images/bg-mast.png) top left no-repeat; }
.mast h1.logo{ float: left; padding: 18px 0 0 51px; margin: 0 63px 0 0; text-indent: -9999px; position: relative; }
.mast h1.logo a{ display: block; width: 352px; height: 76px;  overflow: hidden; }




.top{ height: 323px; }
.rotational-wrap{ width: 505px; height: 281px; padding: 11px 13px 31px 35px; background: url(../images/bg-rotational-wrap.jpg) top left no-repeat; }
.main-spinner{ list-style: none; margin: 0; padding: 0; }.main-sponsor{ list-style: none; margin: 0; padding: 0; }

.main-nav{ list-style: none; margin: 0 30px 20px 0; padding: 29px 0 0; width: 227px; }
.main-nav li{  text-indent: -9999px; }
.main-nav li a{ height: 34px; width: 227px; display: block; background: url(../images/bg-main-nav.jpg) top left no-repeat; overflow: hidden; }
.main-nav li.m1 a{ background-position: 0 0; }
.main-nav li.m2 a{ background-position: 0 -34px; }
.main-nav li.m3 a{ background-position: 0 -68px; }
.main-nav li.m4 a{ background-position: 0 -102px; }
.main-nav li.m5 a{ background-position: 0 -136px; }
.main-nav li.m6 a{ background-position: 0 -170px; }
.main-nav li.m7 a{ background-position: 0 -204px; }
.main-nav li.m8 a{ background-position: 0 -238px; }
.main-nav li.m1 a:hover{ background-position: -227px 0; }
.main-nav li.m2 a:hover{ background-position: -227px -34px; }
.main-nav li.m3 a:hover{ background-position: -227px -68px; }
.main-nav li.m4 a:hover{ background-position: -227px -102px; }
.main-nav li.m5 a:hover{ background-position: -227px -136px; }
.main-nav li.m6 a:hover{ background-position: -227px -170px; }
.main-nav li.m7 a:hover{ background-position: -227px -204px; }
.main-nav li.m8 a:hover{ background-position: -227px -238px; }

.lucignano-nav{ list-style: none; margin: 0 30px 20px 0; padding: 29px 0 0; width: 227px; }
.lucignano-nav li{  text-indent: -9999px; }
.lucignano-nav li a{ height: 34px; width: 227px; display: block; background: url(../images/bg-lucignano-nav.jpg) top left no-repeat; overflow: hidden; }
.lucignano-nav li.m1 a{ background-position: 0 0; }
.lucignano-nav li.m2 a{ background-position: 0 -34px; }
.lucignano-nav li.m3 a{ background-position: 0 -68px; }
.lucignano-nav li.m4 a{ background-position: 0 -102px; }
.lucignano-nav li.m5 a{ background-position: 0 -136px; }
.lucignano-nav li.m6 a{ background-position: 0 -170px; }
.lucignano-nav li.m7 a{ background-position: 0 -204px; }
.lucignano-nav li.m8 a{ background-position: 0 -238px; }
.lucignano-nav li.m1 a:hover{ background-position: -227px 0; }
.lucignano-nav li.m2 a:hover{ background-position: -227px -34px; }
.lucignano-nav li.m3 a:hover{ background-position: -227px -68px; }
.lucignano-nav li.m4 a:hover{ background-position: -227px -102px; }
.lucignano-nav li.m5 a:hover{ background-position: -227px -136px; }
.lucignano-nav li.m6 a:hover{ background-position: -227px -170px; }
.lucignano-nav li.m7 a:hover{ background-position: -227px -204px; }
.lucignano-nav li.m8 a:hover{ background-position: -227px -238px; }

.maggiolata-nav{ list-style: none; margin: 0 30px 20px 0; padding: 29px 0 0; width: 227px; }
.maggiolata-nav li{  text-indent: -9999px; }
.maggiolata-nav li a{ height: 34px; width: 227px; display: block; background: url(../images/bg-maggiolata-nav.jpg) top left no-repeat; overflow: hidden; }
.maggiolata-nav li.m1 a{ background-position: 0 0; }
.maggiolata-nav li.m2 a{ background-position: 0 -34px; }
.maggiolata-nav li.m3 a{ background-position: 0 -68px; }
.maggiolata-nav li.m4 a{ background-position: 0 -102px; }
.maggiolata-nav li.m5 a{ background-position: 0 -136px; }
.maggiolata-nav li.m6 a{ background-position: 0 -170px; }
.maggiolata-nav li.m7 a{ background-position: 0 -204px; }
.maggiolata-nav li.m8 a{ background-position: 0 -238px; }
.maggiolata-nav li.m1 a:hover{ background-position: -227px 0; }
.maggiolata-nav li.m2 a:hover{ background-position: -227px -34px; }
.maggiolata-nav li.m3 a:hover{ background-position: -227px -68px; }
.maggiolata-nav li.m4 a:hover{ background-position: -227px -102px; }
.maggiolata-nav li.m5 a:hover{ background-position: -227px -136px; }
.maggiolata-nav li.m6 a:hover{ background-position: -227px -170px; }
.maggiolata-nav li.m7 a:hover{ background-position: -227px -204px; }
.maggiolata-nav li.m8 a:hover{ background-position: -227px -238px; }


.mediawrap{ padding: 10px 11px 11px; background: url(../images/bg-media-wrap.jpg) top left no-repeat; }
.media-list .each-reel .elenco_sponsor{ float: left; margin: 0 40px 20px 0; }
.media-list .divider{ margin: 0 0 20px; }

.getthemusic { padding: 0 0 5px 0; margin: 0 0 10px 0; background: #fff url(../images/bg-getthemusic-btm.gif) bottom left no-repeat; }
.getthemusic2 { padding: 0 0 0 0; margin: 0 0 10px 0; }

.transcripts{ list-style-image: url(../images/list-transcripts.gif); list-style-position: outside; }
.transcripts li{ font-size: 1.1em; line-height: 1.25em; margin-bottom: 1.5em; }
.transcripts li a{ color: #0099cc; }

.centerpad{ padding: 0 0 0 27px; clear: both; }

.date-wrap{ width: 211px; margin: 0 0 30px 0; }

#calendar{ margin: 20px 0 0; }
#calendar_tbl th{ text-transform: uppercase; font-weight: bold; vertical-align: middle; font-size: 1em; color: #666; width: 21px; height: 18px; }
#calendar_tbl td{ color: #0099cc; font-size: 1.1em; font-weight: bold; text-align: center; vertical-align: middle; width: 21px; height: 18px; }
#calendar_tbl td.pm, #calendar_tbl td.nm{ color: #ccc; }
#calendar_tbl td.today{ color: #fff; background: url(../images/bg-cal-today.gif) center center no-repeat; }
#calendar_tbl td a{ color: #cc0099; }

.arrowControls{ list-style: none; margin: 0 18px 0 0; padding: 0; width: 42px; }
.arrowControls li{ float: left; text-indent: -9999px; }
.arrowControls li a{ background: url(../images/bg-calarrows.gif) top left no-repeat; width: 21px; height: 15px; display: block; overflow: hidden; }
.arrowControls li.prev a{ background-position: 0 0; }
.arrowControls li.next a{ background-position: -21px 0; }

p.getvacguide{ margin: -28px 0 0; text-indent: -9999px; }
p.getvacguide a{ width: 185px; height: 108px; margin: 0; display: block; background: url(../images/bg-getvacguide.jpg) top left no-repeat; background-position: 0 0; overflow: hidden; }
p.getvacguide a:hover{ background-position: 0 -108px; }

.secondary p.getvacguide{ margin: 0 0 0; text-indent: -9999px; }
.secondary p.getvacguide a{ width: 185px; height: 130px; margin: 0; display: block; background: url(../images/bg-getvacguide-sec.jpg) top left no-repeat; background-position: 0 0; overflow: hidden; }
.secondary p.getvacguide a:hover{ background-position: 0 -130px; }

.left{ width: 557px; margin: 0 0 0 0; }
.secondary .left{ margin: 30px 0 0 0; }
.multimedia-wrap .left{ margin: 35px 0 0 0; padding: 0 0 0 35px; width: 522px; }
.left-left{ width: 190px; }
.left-left p.sans, .left-left ul{ margin-left: 20px; }
.left-center{
	width: 353px;
	margin: 0 0 0 10px !important;
	margin: 0 0 0 7px;
	float: left;
}



.each-reel{ width: 180px; height: 150px; padding: 10px; margin: 0 0 11px; background: url(../images/bg-each-reel.gif) top left no-repeat; }
.elenco_sponsor { width: 220px; height: 150px; padding: 10px; margin: 0 0 11px; background: url(../images/bg-elenco-sponsor.png) top left no-repeat; float:left; }
.each-reel p, p.mediadesc, .elenco_sponsor p{ font-size: 1.2em; line-height: 1.25em; margin: 7px 0 0; }
.each-reel a, p.mediadesc a, p.elenco_sponsor a{ color: #0099cc; }
.each-reel span, p.mediadesc span, p.elenco_sponsor span{ color: #999; font-size: .8333em; }
p.mediadesc{ margin-bottom: 1.5em; }

.ea-event{ padding: 0 0 20px; margin: 0 0 8px; background: url(../images/bg-event.gif) bottom left no-repeat; }
.ea-event p{ font-size: 1em; margin: 0 0 8px; }
.ea-event p strong{ color: #666; }
.ea-event p span, .ea-event p em{ color: #0099cc; font-size: 1.1em; }
.ea-event p a{ font-size: 1.2em; }

.secondary .left .ea-event{ background: url(../images/bg-listing.gif) bottom left no-repeat; }
.secondary .left .ea-event .options{ float: right; }
.secondary .left .ea-event .options li{ float: none; }

.pagination{ list-style: none; margin: 0; padding: 0; }
.pagination li{ display: inline; padding: 0 8px 0 0; }
.pagination li a{ color: #0099CC; }

.advert{ width: 173px; height: 175px; padding: 11px 13px 14px 13px; background: url(../images/bg-advert.jpg) top left no-repeat; }

.center{ width: 227px; margin: 0 25px 0 0 !important; margin: 0 -4px 0 -8px; }

.right{ width: 190px; }
.right p.more{ font-size: 1.1em; }
.right p.more a{ color: #0099cc; }

.shopping-wrap{ display: none; }
.wildlife-wrap{ display: none; }
.strawberry-wrap{ display: none; }

.footer-nav{ text-align: center; list-style: none; padding-top: 25px; }
.footer-nav li{ display: inline; color: #666; font-size: 1.1em; }
.footer-nav a{ color: #cc0066; }

.credits{ text-align: center; }
.credits h1{  background: url(../images/h-footer.jpg) top center no-repeat; text-indent: -9999px; }
.credits p{ font-size: 1.1em; }
.credits img{ width: 234px; height: 60px; margin: 0 auto; }

form#thingstodoform{ margin-bottom: 20px; }

h3.vg{ width: 190px; height: 24px; background: url(../images/h-vacguide.jpg) top left no-repeat; text-indent: -9999px; }
h3.sl{ width: 190px; height: 190px; background: url(../images/h-southernliving.jpg) top left no-repeat; text-indent: -9999px; }
div#springthis {
	width:555px;
	height:310px;
	background:url(../images/bg-springthis.jpg) no-repeat;
}
div#springthis_container {
	width:520px;
	height:290px;
	margin-left:20px;
	margin-top:20px;
	float:left;
}
div#springthis_container a {
	margin-right:5px; padding-bottom:5px; border:0px;
}
h3.springthis{ width: 127px; height: 22px; background: url(../images/h-springthis.gif) top left no-repeat; text-indent: -9999px; }
h3.str{ width: 200px; height: 24px; margin: 0 0 3px; background: url(../images/h-springreels.gif) top left no-repeat; text-indent: -9999px; }
h3.ue{ width: 200px; height: 24px; background: url(../images/h-upcoming.gif) top left no-repeat; text-indent: -9999px; }
h3.acc{ width: 200px; height: 24px; background: url(../images/h-accessibility.gif) top left no-repeat; text-indent: -9999px; }
h3.gtm{ text-indent: -9999px; overflow: hidden; }


h3.contest{ text-indent: -9999px; overflow: hidden; }
h3.watchvid{ text-indent: -9999px; overflow: hidden; }
h3.contest a{ display: block; width: 185px; height: 175px; background: url(../images/bg-entercontest.jpg) top left no-repeat; }
h3.watchvid a{ display: block; width: 185px; height: 165px; background: url(../images/bg-watchvideo.jpg) top left no-repeat; }


				.wallpaper-wrap{ clear: both; padding: 15px 0 15px 0; margin: 0 0 0;}
				.wallpaper-wrap ul{ float: left; margin: 0 0 0 0; }
				.wallpaper-wrap p{ margin: 0 0 1.5em 0; font-size: 13px; color: #0099CC; }
				.wallpaper-wrap ul li{ text-indent: -9999px; overflow: hidden; }
				.wallpaper-wrap ul li.select{ width: 145px; height: 27px; background: url(../images/bg-wallpaper-nav.gif) top left no-repeat; overflow: hidden; }
				.wallpaper-wrap ul li a{ width: 145px; height: 27px; display: block; background: url(../images/bg-wallpaper-nav.gif) no-repeat; overflow: hidden; }
				
				
				.wallpaper-wrap ul li.x320 a{ background-position: 0 -27px; }
				.wallpaper-wrap ul li.x800 a{ background-position: 0 -54px; }
				.wallpaper-wrap ul li.x1024 a	{ background-position: 0 -81px; }
				.wallpaper-wrap ul li.x12808 a	{ background-position: 0 -108px; }
				.wallpaper-wrap ul li.x12801 a	{ background-position: 0 -135px; }
				.wallpaper-wrap ul li.x1440 a	{ background-position: 0 -162px; }
				.wallpaper-wrap ul li.x1600 a	{ background-position: 0 -189px; }
				.wallpaper-wrap ul li.x1680 a	{ background-position: 0 -216px; }
				.wallpaper-wrap ul li.x1920 a	{ background-position: 0 -243px; }
				.wallpaper-wrap ul li.x320 a:hover		{ background-position: -145px -27px; }
				.wallpaper-wrap ul li.x800 a:hover		{ background-position: -145px -54px; }
				.wallpaper-wrap ul li.x1024 a:hover		{ background-position: -145px -81px; }
				.wallpaper-wrap ul li.x12808 a:hover		{ background-position: -145px -108px; }
				.wallpaper-wrap ul li.x12801 a:hover		{ background-position: -145px -135px; }
				.wallpaper-wrap ul li.x1440 a:hover		{ background-position: -145px -162px; }
				.wallpaper-wrap ul li.x1600 a:hover		{ background-position: -145px -189px; }
				.wallpaper-wrap ul li.x1680 a:hover		{ background-position: -145px -216px; }
				.wallpaper-wrap ul li.x1920 a:hover		{ background-position: -145px -243px; }

label{ width: 70px; float: left; display: block; }
#contest textarea{ margin: 0 0 4px 0; padding: 8px; width: 204px; height: 180px; background: url(../images/bg-kix-textarea.gif) top left no-repeat; border: none; }
#contest input.text, .inviteForm input.text{ margin: 0 0 4px 0; padding: 8px 0 0 8px; width: 212px; height: 24px; background: url(../images/bg-contest-input.gif) top left no-repeat; border: none; }


/*
.inviteForm{ width: 520px; height: 334px; padding: 65px 0 0 80px; background: url(../images/bg-sendinvite.png) top left no-repeat !important; background: url(../images/bg-sendinvite.gif) top left no-repeat; position: absolute; top: 50%; left: 50%; margin: -167px 0 0 -260px; }
.inviteForm input.text{ border: 1px solid #c3c3c3; background: #fff; padding: 2px; margin-bottom: 6px; width: 260px; color: #666666; }
.inviteForm label{ display: block; clear: both; padding-top: 3px; }
.inviteForm a.sendinvite{ text-indent: -5000px; overflow: hidden; display: block; width: 94px; height: 34px; background: url(../images/btn-sendinviteaway.jpg) top left no-repeat; margin-left: 70px; }
.inviteForm a.sendinvite:hover{ background-position: bottom left; }
.inviteForm a.sendinvite2{ text-indent: -5000px; overflow: hidden; display: block; width: 96px; height: 19px; background: url(../images/btn-sendinvite2.gif) top left no-repeat; }
.inviteForm a.sendinvite2:hover{ background: url(../images/btn-sendinvite2-on.gif) top left no-repeat; }
.inviteForm p.close{ text-align: right; margin: 0 0 0 270px; text-indent: 9999px; overflow: hidden; }
.inviteForm p.close a{ width: 100px; height: 35px; display: block; }
.inviteForm p.instruct{ color: #660066; font-size: 11px; }*/


select#thingstolist{ padding: 2px; width: 200px; }

.small{ font-size: 1.1em; }
.sans{ font-family: Tahoma, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial; }
.fleft{ float: left; }
.fright{ float: right; }
.clear{ clear: both; }
.divider{ clear: both; }

h4 {
	margin-top:20px;
	color:#0099cc;
}
.galleria_fotografica {
	font-size:150%;
	padding-top:10px;
	padding-bottom:5px;
}

/* GALLERIA FOTOGRAFICA UTENTI */

div#galleria_content {
margin-top:25px;
	width:800px;
	float:left;
}

div#background {width:505px;z-index:1;min-height:281px;border:0;position:relative;}
#background IMG {position:absolute;top:0;left:0;z-index:1;}
#background IMG.active {z-index:3;}
#background IMG.last-active {z-index:2;}