html, body {height: 100%; margin: 0; padding: 0;}
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 {color: #ffffff; font-family: Georgia, Verdana, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; font-size: 12px; background: url(immagini/fascia.gif) repeat-x #010101;}
.clear {clear: both; margin: 0; padding: 0; height: 1px;}
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

/* Principali */
div#contenitore {width: 1000px; min-height: 745px; margin: 0 auto 0 auto; padding: 0; border: 1px solid #555555; background: url(immagini/hp.jpg) no-repeat; position: relative;}

#contenitore .slideshow {width: 1000px; height: 700px; overflow: hidden; position: relative; background: #000000 url(immagini/ajaxloader_black.gif) no-repeat center center; }
a.title {position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 50px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFF; }
a.title span.sfondo {position: absolute; z-index: 4; height: 100%; display: block; width: 100%; background: #000; opacity: 0.6; cursor: pointer;}
a.title span.text {position: relative; bottom: -15px; z-index: 5; left: 20px; padding: 10px 0;}
a.title:hover span.sfondo { opacity: 0.6; cursor: pointer; }
a.title:hover span.text { color: #FFF }
#slide-testata div.slide-testata-inner {height: 700px; display: none;}
#slide-testata div.slide-testata-inner a {border: none;}
#slide-testata div.slide-testata-inner a:hover {border: none;}

div#supersize img, #contenitoresize a {height: 100%; width: 1000px; display: none;}
div#supersize .activeslide, #supersize .activeslide img {display: inline;}

div#retinato {width: 1000px; min-height: 700px; background: url(immagini/retinato.gif) no-repeat;}
div#bagliore {width: 1000px; min-height: 700px; background: url(immagini/bagliore.jpg) repeat-x;}

/* Dettaglio */
div#contenitoredett {width: 1000px; margin: 0 auto 0 auto; padding: 0; border: 1px solid #555555; background: url(immagini/bagliore.jpg) left 100px repeat-x #010101;}
div#greca {width: 1000px; background: url(immagini/greca.png) top right no-repeat;}

/* Spalle */
div#sinistra {width: 35%; float: left; min-height: 650px;}
div#loghetto {width: 291px; margin: 30px auto 0 auto;}
div#loghetto img {border: none;}
div#menusezione {width: 250px; margin: 110px auto 0 auto; font-size: 18px; color: #929292;}
div#menusezione ul {list-style-type: none;}
div#menusezione ul li {width: 250px;}
div#menusezione ul li.on {padding: 7px; background: #7E7263; color: #ffffff;}
div#menusezione ul li a {width: 250px; padding: 7px; color: #929292; text-decoration: none; display: block;}
div#menusezione ul li a:hover {width: 250px; padding: 7px; color: #929292; text-decoration: none; background: #7E7263; display: block; color: #ffffff;}
div#menusezione ul li ul {width: 264px;}
div#menusezione ul li ul li {width: 257px;}
div#menusezione ul li ul li.on {width: 236px; padding: 7px; color: #ffffff;}
div#menusezione ul li ul li a {width: 236px; padding: 7px; color: #929292; text-decoration: none; display: block;}
div#menusezione ul li ul li a:hover {width: 236px; padding: 7px; color: #929292; text-decoration: none; background: #7E7263; display: block; color: #ffffff;}

div#destra {width: 64%; float: right; min-height: 650px;}
div#destra #torna {width: 90%; margin: 10px auto 0 auto; text-align: right;}
div#destra #torna a {color: #DEDBC9; text-decoration: none;}
div#destra #torna a:hover {color: #DEDBC9; text-decoration: underline;}
div#destra div#box {border: 2px solid #DEDBC9; min-height: 430px; margin: 0 auto 20px auto; padding: 30px 0 30px 0; width: 90%; background: #010101; line-height: 20px; color: #DEDBC9;}
div#destra div#box h3 {font-size: 24px; font-weight: normal; color: #E9AC37;}
div#destra div#box h2 {font-size: 18px; font-weight: normal; color: #ffffff; padding:0 0 0 20px; font-family:Arial, Helvetica, sans-serif;}

div#destra h1 {margin: 80px auto 0 auto; padding: 0; width: 88%; color: #DEDBC9; font-size: 30px; font-weight: normal; letter-spacing: -1px;}
div#destra div#box a {color: #E9AC37; font-weight: bold; text-decoration: none;}
div#destra div#box a:hover {color: #E9AC37; font-weight: bold; text-decoration: underline;}

div#destra div#content {width: 94%; margin: 15px auto 0 auto;}

div#destra div#content select {font-size: 12px; font-family: Georgia;}
div#destra div#content .boxinfo {border: 1px solid #E9AC37; margin: 10px auto 0 auto; width: 100%; padding: 3px;}

div#destra div#content .lettos {width: 240px; float: left; margin: 0 0 5px 10px;}
div#destra div#content .lettos .thumb {width: 240px; height: 180px; border: 1px solid #ffffff;}
div#destra div#content .lettos .thumb img {border: none;}
div#destra div#content .lettos .thumb a {width: 240px; height: 180px; display: block; text-decoration: none;}
div#destra div#content .lettos .thumb a:hover {width: 240px; height: 180px; display: block; background: url(immagini/logo_trans.png) no-repeat center center; text-decoration: none;}
div#destra div#content .lettos .dida {width: 240px; height: 25px; text-align: right; margin: 5px 0 0 0;}
div#destra div#content .lettos .dida img {padding: 0 10px 0 0;}

div#destra div#content .lettod {width: 240px; float: right; margin: 0 10px 5px 0;}
div#destra div#content .lettod .thumb {width: 240px; height: 180px; border: 1px solid #ffffff;}
div#destra div#content .lettod .thumb img {border: none;}
div#destra div#content .lettod .thumb a {width: 240px; height: 180px; display: block; text-decoration: none;}
div#destra div#content .lettod .thumb a:hover {width: 240px; height: 180px; display: block; background: url(immagini/logo_trans.png) no-repeat center center; text-decoration: none;}
div#destra div#content .lettod .dida {width: 240px; height: 25px; text-align: right; margin: 5px 0 0 0;}
div#destra div#content .lettod .dida img {padding: 0 10px 0 0;}
div#destra div#content .lettodd {width: 240px; float: right; margin: 0 10px 5px 0;}


div#destra #box #ritorno {width: 540px; height: 20px; margin: 5px auto 0 auto; text-align: right; color: #ffffff;}
div#destra #box #ritorno a {color: #ffffff; text-decoration: none; font-weight: normal;}
div#destra #box #ritorno a:hover {color: #ffffff; text-decoration: underline; font-weight: normal;}

div#destra #scheda {width: 550px; height: 367px; margin: 10px auto 0 auto; border: 1px solid #E9AC37;}
div#destra #scheda img {border: none;}
div#destra #scheda a {display: block; width: 550px; height: 367px;}
div#destra #scheda a:hover {display: block; width: 550px; height: 367px; background: url(immagini/logo_trans.png) no-repeat center center;}

div#destra #multipg {width: 250px; height: 20px; margin: 5px auto 0 20px; float: left;}
div#destra #multipg  img {border: 1px solid #E9AC37; margin: 0 0 0 3px;}
div#destra #didabig {width: 280px; height: 20px; margin: 5px 10px 0 auto; float: right; text-align: right;}
div#destra #didabig img {margin: 0 10px 0 0;}
div#destra #info {width: 540px; height: 30px; margin: 15px auto 0 auto;}
div#destra #info ul {list-style-type: none;}
div#destra #info ul li {display: inline; line-height: 30px; padding: 10px 0 10px 35px; margin: 0 0 0 20px; color: #ffffff;}
div#destra #info ul li a {color: #ffffff; font-weight: normal; text-decoration: none;}
div#destra #info ul li a:hover {color: #ffffff; font-weight: normal; text-decoration: underline;}

div#destra #nav {width: 540px; height: 25px; margin: 25px auto 0 auto;}
div#destra #nav #sx {width: 49%; float: left;}
div#destra #nav #dx {width: 49%; float: right; text-align: right;}
div#destra #nav #sx img {border: none}
div#destra #nav #dx img {border: none;}

/* Logo */
div#logo {height: 163px; top: 0; margin: 0; padding: 0 0 0 80px; position: absolute; z-index: 100; top: 60px;}

/* Vuoto */
div#vuoto {width: 100%; height: 250px; min-height: 280px;}

/* Strillo */
div#strillo {position: absolute; width: 370px; height: 110px; background: #010101; top: 400px; left: 629px; border-top: 1px solid #555555; border-bottom: 1px solid #555555; border-left: 1px solid #555555; z-index:1000;}
div#strillo h1 {font-size: 28px; font-weight: normal; padding: 0 0 3px 0; width: 93%; margin: 15px auto 0 auto; border-bottom: 1px solid #555555; color: #EEEBE6;}
div#strillo h4 {font-size: 14px; font-weight: normal; width: 93%; margin: 3px auto 0 auto; color: #EEEBE6;}
div#strillo a {color: #EEEBE6; text-decoration: none;}
div#strillo a:hover {color: #EEEBE6; text-decoration: none;}

/* Sottomenu */
div#sottomenu {width: 100%; height: 80px; min-height: 80px; position: absolute; top: 470px; z-index: 500;}
div#prodottism {width: 100px; padding: 5px; margin: 10px 0 0 165px; background: #3F3F3F; display: none; position: absolute;}
div#prodottism ul {list-style-type: none; text-align: center; margin: 0; padding: 0;}
div#prodottism ul li {color: #929292; padding: 5px 0 0 0;}
div#prodottism ul li a {color: #929292; text-decoration: none; font-weight: bold;}
div#prodottism ul li a:hover {color: #ffffff; text-decoration: none; font-weight: bold; background: #E9AC37;}

/* Menu */
div#menu {width: 100%; color: #929292; font-size: 18px; margin: 5px 0 0 0; height: 60px; min-height: 60px; position: absolute; top: 610px; z-index: 500;}
div#menu ul {list-style-type: none; text-align: center;}
div#menu ul li {display: inline; padding: 0 25px 0 25px;}
div#menu ul li a {color: #929292; text-decoration: none; padding: 5px;}
div#menu ul li a:hover {border-bottom: 2px solid #929292; color: #ffffff; background: #7E7263; padding: 5px;}


/* Coda */
div#coda2 {width: 100%; min-height: 70px; height: 70px; background: #252525; border-top: 1px solid #555555; color: #929292; text-align: center; padding: 15px 0 10px 0; position: absolute; top: 649px; z-index: 500;}

div#coda {width: 100%; min-height: 70px; height: 70px; background: #252525; border-top: 1px solid #555555; color: #929292; text-align: center; padding: 15px 0 10px 0;}

/*ACCORDION*/

.arrowlistmenu {width: 70%; margin: 50px auto 0 auto;}
.arrowlistmenu h3 {font-size: 18px; font-weight: normal; border: 1px solid #929292;}

.menuheader {color: #929292; width: 100%; padding: 5px; font-weight: bold; margin:5px 0 0 0; cursor: pointer;}
.menuheader a {color: #929292; text-decoration: none;}
.menuheader a:hover{color: #929292; text-decoration: none;}

.menuheader:hover {color: #ffffff; text-decoration: none; background: #7C4F48;}

.openheader {width:100%; border:2px solid #9ac1c9; padding:5px; font-weight:bold; margin-top: 5px; cursor: pointer;}

.arrowlistmenu ul{width:100%; border-top: none; padding: 3px; list-style-type: none; margin: 0;}

.arrowlistmenu ul li{line-height: 25px; padding: 0 0 0 15px; font-weight: bold; font-size: 16px; border: none;}

.arrowlistmenu ul li a{display: block; color: #929292; text-decoration: none;}
.arrowlistmenu ul li a:hover {display: block; color: #000000; text-decoration: none; background: #BFE1F6;}

.arrowlistmenu ul li ul {width: 95%; margin: 0 auto 0 auto;}
.arrowlistmenu ul li ul li {line-height: 25px; padding: 0 0 0 15px; font-weight: normal; font-size: 12px; border-bottom: 1px dashed #000000; background: url(immagini/pirulino.gif) no-repeat center left;}


/*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: -20px; left: 5px; color: #fff; font-size: 14px;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center;}
div.wrapperImg div#nyroModalContent h2 {font-size: 12px; font-weight: normal; color: #4AC010;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute; color: #000000; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0; filter: alpha(opacity=0);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0; filter: alpha(opacity=0);}
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;}

#gMapModal-box {border: 2px #FFF solid; background: #FFFFFF url(immagini/ajax-loader.gif) center no-repeat;}
#gMapModal-text {border: 2px #FFF solid; background: #FFFFFF; font-size: 12px;}
#gMapModal-text p {position: relative; float: left; margin: 10px 0 10px 5px; width: 60%; color: #666666; font-family: Tahoma, Arial, Helvetica;	font-size: 11px;}
#gMapModal-closeButton {position: relative; float: right; margin: 10px 5px 10px 0; width: 66px; height: 22px; border: 0; background: url(immagini/btn-close.gif) no-repeat; cursor:pointer;}

#contmisure {width: 250px; bottom: 105px; left: 270px; position: absolute;}
#misure {width: 250px; background: #ffffff; color: #000000; padding: 10px;}
#misure h3 {font-size: 16px; color: #000000;}
#puntatore {width: 200px; background: url(immagini/freccina.png) no-repeat center right; height: 15px;}