/* CSS*/
html, body {height: 100%;}
body {margin:0;}
p, h1, h2, h3, h4, h5, div, form {margin:0; padding:0;}

/* Generiche */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #d5d7cd; margin:0; padding:0;}
a {color: #000000; text-decoration:none;}
a:hover {color: #000000; text-decoration:underline;}

.clear {clear: both;}
img {border:0;}

/* Principali */

div#contenitore {width: 100%; position: relative;}

div#principale {width: 900px; margin: 0 auto 0 auto; padding: 0; border: 1px solid #eaeae7; background: url(grafica/sfondone.gif) repeat-y #ffffff;}

/* Spalla Sinistra */

div#spallasinistra {width: 225px; float: left; margin: 0; padding: 0;}
div#spallasinistra div.logo {width: 163px; height: 137px; margin: 10px auto 21px auto;}
div#spallasinistra div.menulaterale {width: 100%; margin: 10px auto 0 auto; background: #A49679;}
div#spallasinistra div.menulaterale ul {list-style-type: none; margin: 0; padding: 0;}
div#spallasinistra div.menulaterale ul li {padding: 10px 0 10px 20px; color: #ffffff; border-bottom: 1px solid #ffffff; font-weight: bold;}
div#spallasinistra div.menulaterale ul li.selezionato {padding: 10px 0 10px 20px color: #ffffff; border-bottom: 1px solid #ffffff; font-weight: bold; background: #ffffff; color: #000000;}
div#spallasinistra div.menulaterale ul li a {color: #ffffff; text-decoration: none; display: block;}
div#spallasinistra div.menulaterale ul li a:hover {color: #ffffff; text-decoration: none;}
div#spallasinistra div#colofon {width: 100%; color: #000000; margin: 5px 0 0 0; padding: 10px 0 15px 20px; line-height: 18px;}
div#datisocietari {width: 900px; text-align: center; color: #000000; margin: 0 auto 0 auto; padding: 7px 0 7px 0; line-height: 16px; font-size: 11px;}
div#spallasinistra div#popolis {width: 100%; color: #000000; margin: 10px 0 0 0; text-align: center; font-size: 10px;}
div#spallasinistra div#popolis img {border: none; margin: 10px 0 0 0;}


/* Spalla Destra */

div#spalladestra {width: 650px; float: right; margin: 0;}
div#spalladestra div#testata {width: 650px;}
div#spalladestra div.bottom {width: 615px; margin: 10px 0 0 0; border: 1px solid #EBECE7; padding: 10px;}
div#spalladestra div.bottom h1 {font-size: 18px; color: #5F5E49;}
div#spalladestra div.bottom div.testo {line-height: 18px; margin: 10px 0 0 0;}
div#spalladestra div.bottom img {margin: 0 0 0 10px; border: 6px solid #EBECE7; float: right;}
div#spalladestra div.bottom div.testo div.segue {line-height: 16px; margin: 10px 0 0 0; font-weight: bold;}
div#spalladestra div.loghi {width: 615px; margin: 10px 0 10px 0; border: 1px solid #EBECE7; padding: 10px; height: 60px; line-height: 60px;}
div#spalladestra div.loghi ul {width: 100%; list-style-type: none; margin: 10px 0 0 0; padding: 0;}
div#spalladestra div.loghi ul li {float: left; margin: 0 0 0 10px;}

/* Galleria */

div#spalladestra div.bottom2 {width: 615px; margin: 10px 0 0 0; border: 1px solid #EBECE7; padding: 10px;}
div#spalladestra div.bottom2 h1 {font-size: 18px; color: #5F5E49;}
div#spalladestra div.bottom2 div.testo {line-height: 18px; margin: 10px 0 0 0;}
div#spalladestra div.bottom2 div.galleria {width: 98%; margin: 10px auto 0 auto; padding: 0 0 10px 0; border: 1px solid #EBECE7;}
div#spalladestra div.bottom2 div.galleria h4 {width: 90%; margin: 5px auto 5px auto; font-size: 12px; text-align: right;}
div#spalladestra div.bottom2 div.galleria ul {width: 100%; list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
div#spalladestra div.bottom2 div.galleria ul li {float: left; width: 180px; margin: 0 0 0 13px; text-align: center;}
div#spalladestra div.bottom2 div.galleria ul li img {float: left; margin: 0 0 0 13px; border: 6px solid #EBECE7;}
div#spalladestra div.bottom2 div.galleriacommerciale {width: 98%; margin: 10px auto 0 auto; padding: 0 0 10px 0; border: 1px solid #EBECE7;}
div#spalladestra div.bottom2 div.galleriacommerciale h4 {width: 90%; margin: 5px auto 5px auto; font-size: 12px; text-align: right;}
div#spalladestra div.bottom2 div.galleriacommerciale ul {width: 100%; list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
div#spalladestra div.bottom2 div.galleriacommerciale ul li {float: left; width: 400px; margin: 0 0 0 50px; text-align: center;}
div#spalladestra div.bottom2 div.galleriacommerciale ul li img {float: left; margin: 0 0 0 50px; border: 6px solid #EBECE7;}


/*Finestra Modale*/

div#nyroModalFull {color: #777;}
div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(grafica/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: -20px; right: -20px; width: 20px; height: 20px; text-indent: -9999em; background: url(grafica/close.gif) no-repeat;	outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -30px; left: 5px; color: #fff; font-size: 120%;}
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; background: url(grafica/prev.gif) left 20% no-repeat;}
a.nyroModalPrev:hover {background: url(grafica/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0; background: url(grafica/next.gif) right 20% no-repeat;}
a.nyroModalNext:hover {background: url(grafica/next.gif) right 20% no-repeat;}



/* Form */

form {width: 98%; padding:5px auto 0 auto; margin: 1px}
fieldset {width: 95%; margin: 10px auto 0 auto; padding: 20px 10px 10px 10px; border: none;}
form p {margin: 10px 10px}
fieldset div {width: 99%; padding: 5px 0 5px 0;}
label {float: left; width: 150px; display: inline; margin: 0 0 0 10px; line-height: 23px; font-weight: bold;}
input#invia {margin: 10px 0 0 250px; width: 100px; text-align: center;}
input#autorizzo {margin: 0 0 0 20px;}