html, body {height: 95%;}
body {margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, div, form, ul {margin: 0; padding: 0;} 
input {font-size: 80%; padding: 0;}

/* Generiche */
body {background: url(immagini/home_sfondo.gif) repeat-x #4DBEBF; font-family: Verdana, Arial, Georgia, "Trebuchet MS", Geneva, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0;}
.clear {clear: both;}


/* Principali */
div#contenitore {width: 750px; margin: 0 auto 0 auto; padding: 0;}
div#orologio {width: 750px; margin: 0 auto 0 auto; line-height: 20px; text-align: right; font-size: 10px;}
div#testata {width: 750px; margin: 0 auto 0 auto; padding: 0;}
div#menu {width: 750px; font-size: 100%; margin: 0 auto 0 auto; padding: 0; color: #000000;}
div#menu ul li {border-right: 1px dotted #ffffff;}
div#menu ul li a {color: #000000;}
div#menu ul li a:hover {color: #000000;}
div#menusuperiore {width: 750px; font-size: 100%; margin: 0 auto 0 auto; background: url(immagini/sfondo_menu.jpg) repeat-y -40px top;}
 

div#corpo {width: 750px; margin: 0 auto 0 auto;}
div#corpo #intro {width: 210px; float: left; color: #ffffff; margin: 20px 20px 20px 10px; line-height: 18px; font-family: Arial; font-size: 12px; font-weight: bold; text-align: justify;}
div#corpo #intro h3 {font-size: 16px; font-weight: bold; margin: 10px 0 0 0;}
div#corpo #intro a {color: #ffffff; text-decoration: none;}
div#corpo #intro a:hover {color: #ffffff; text-decoration: underline;}

div#testatapg {width: 705px; margin: 0 auto 0 auto;}
div#intestazionepg {width: 705px; margin: 5px auto 0 auto; text-align: center; line-height: 30px; color: #000000; font-size: 18px; font-weight: bold;}
div.dettagliophotogallery {width: 750px; margin: 0 auto 0 auto; text-align: center;}
div.dettagliophotogallery ul {list-style-type: none; margin: 15px auto 0 auto;}
div.dettagliophotogallery ul li {display: inline; margin: 15px 0 0 0; padding: 0 0 0 10px;}
div.dettagliophotogallery img {border: 0;}

div#dettaglio {width: 750px; margin: 10px auto 0 auto;}
div#dettaglio .titolo {margin: 10px auto 10px auto; font-size: 24px; font-weight: bold; color: #557C47;}
div#dettaglio a {color: #FF0000; font-weight: bold; text-decoration: none;}
div#dettaglio a:hover {color: #000000; font-weight: bold; text-decoration: underline;}
div#dettaglio img {border: none;}
div#dettaglio p {margin: 15px 0 0 0;}

div#coda {width: 750px; margin: 10px auto 0 auto; padding: 5px 0 5px 0; font-size: 11px; color: #ffffff; text-align: center;}
div#coda2 {width: 750px; margin: 10px auto 0 auto; padding: 5px 0 5px 0; font-size: 11px; color: #000000; text-align: center;}


.Stile3 {font-family: Arial; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.Stile4 {font-size: 16px}
.Stile5 {font-family: Verdana; font-size: 9px;}
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #CCCCCC;}
a:active {color: #FFFFFF;}

/*FINESTRA MODALE*/

div#nyroModalFull {color: #777;}
div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(immagini/ajaxLoader.gif) no-repeat center;}
div#nyroModalLoading.error {border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalWrapper {background: #fff; border: 4px solid #777;}
a#closeBut {position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(immagini/close.gif) no-repeat;	outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -30px; left: 5px; color: #fff; font-size: 150%;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center;}
div.wrapperImg div#nyroModalContent h2 {font-size: 100%; color: #4AC010;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(immagini/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(immagini/next.gif) right 20% no-repeat;}