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

/* Generiche */
body {font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #D9E3EF; background: url(immagini/sfumatura.jpg) repeat-x #FFFFFF;}

a {color: #FFFFFF;}
a:hover {color: #FFFFFF;}

.clear {clear: both; height: 1px;}
img {border:0;}

/* Principali */
div#contenitore {width: 990px; margin: 0 auto 0 auto; padding:0; position: relative; border: 1px solid #9F9699;}

div#sopra {width: 990px; margin: 0 auto 0 auto;}
div#sopra div#cover {width: 309px; float: left; text-align: center;}
div#sopra div#core {width: 670px; float: right;}
div#sopra div#core #menusuperiore {width: 660px; margin: 30px auto 0 auto; color: #2B1F21; font-size: 12px; text-align: center;}
div#sopra div#core #menusuperiore ul {list-style-type: none; margin: 0; padding: 0;}
div#sopra div#core #menusuperiore ul li {display: inline; padding: 0 6px 0 6px; border-left: 1px solid #2B1F21;}
div#sopra div#core #menusuperiore ul li.inizio {display: inline; padding: 0 6px 0 0; border-left: none;}
div#sopra div#core #menusuperiore a {color: #2B1F21; text-decoration: none;}
div#sopra div#core #menusuperiore a:hover {color: #2B1F21; text-decoration: underline;}

div#sopra div#core #titolone {width: 100%; text-align: right; margin: 30px 0 0 0;}

div#pannellocover {width: 602px; margin: 20px 0 0 60px;}
div#ombrasxcover {width: 100%; background: url(immagini/ombrasxsez.gif) no-repeat; min-height: 133px; margin: 0;}
div#ombradxcover {width: 100%; background: url(immagini/ombradxsez.gif) no-repeat right top; min-height: 133px; margin: 0;}
div#contentcover {width: 550px; min-height: 150px; background: url(immagini/sfondo_cover.jpg) repeat-x #D3CEC8; margin: 0 auto 0 auto; color: #745510; font-size: 14px; padding: 20px 20px 20px 20px; line-height: 22px;}
div#contentcover h3 {font-size: 18px; padding: 0 0 10px 0; text-align: justify;}
div#contentcover .segue1 {float: left; width: 45%; margin: 10px auto 0 auto; text-align: left;}
div#contentcover .segue2 {float: right; width: 45%; margin: 10px auto 0 auto; text-align: right;}
div#contentcover .segue2 img {margin: 10px auto 0 auto;}
div#contentcover a {color: #E60459; text-decoration: none;}
div#contentcover a:hover {color: #E60459; text-decoration: none;}

ul#rassegnastampa {width: 98%; margin: 0 auto 0 auto; list-style-type: none; padding: 0;}
ul#rassegnastampa li {padding: 5px 0 5px 0; border-bottom: 1px dashed #745510;}

div#contentnews {width: 550px; min-height: 150px; background: url(immagini/sfondo_news.jpg) repeat-x #FFFFFE; border: 1px solid #cccccc; margin: 0 auto 0 auto; color: #745510; font-size: 14px; padding: 20px 20px 20px 20px; line-height: 22px;}
div#contentnews h3 {font-size: 18px; padding: 0 0 10px 0; text-align: justify;}
div#contentnews a {color: #BB0909; text-decoration: none; font-weight: bold;}
div#contentnews a:hover {color: #BB0909; text-decoration: underline; font-weight: bold;}

div#video {width: 190px; border-left: 1px solid #D2CFC7; border-right: 1px solid #D2CFC7; border-bottom: 1px solid #D2CFC7; background: url(immagini/ciack.gif) no-repeat 15px center #F7F2E7; line-height: 35px; margin: 0 0 40px 350px; padding: 0 0 0 65px; font-size: 22px; color: #AA8431;}
div#video a {color: #AA8431; text-decoration: none; display: block;}

div#autore {border: 1px solid #000000; width: 582px; margin: 40px 0 0 60px;}

div#spruzzo {width: 90%; margin: 5px auto 40px auto; text-align: right;}

div.box1 {width: 250px; min-height: 150px; border: 1px solid #000000; float: left; margin: 10px 0 0 10px; background: #EDE9DD;}
div.box1 .titolo {font-size: 18px; font-weight: bold; padding: 0; margin: 5px 0 0 5px;}
div.box1 .testo {width: 98%; font-size: 14px; padding: 5px; margin: 0 auto 0 auto;  font-size: 11px; line-height: 16px;}
div.box1 .segue {width: 98%; margin: 5px 5px 0 auto; text-align: right;}

div.box2 {width: 250px; min-height: 150px; border: 1px solid #000000; float: left; margin: 10px 0 0 10px; background: #EDE9DD;  font-size: 11px;}
div.box2 .titolo {font-size: 18px; font-weight: bold; padding: 0; margin: 5px 0 0 5px;}
div.box2 .testo {width: 98%; font-size: 14px; padding: 5px; margin: 0 auto 0 auto;  font-size: 11px; line-height: 16px;}
div.box2 .segue {width: 98%; margin: 5px 5px 0 auto; text-align: right;}

div.box3 {width: 515px; min-height: 150px; border: 1px solid #000000; margin: 10px 0 0 10px; background: #EDE9DD;  font-size: 11px;}
div.box3 .titolo {font-size: 18px; font-weight: bold; padding: 0; margin: 5px 0 0 5px;}
div.box3 .testo {width: 98%; font-size: 14px; padding: 10px; margin: 0 auto 0 auto;  font-size: 11px; line-height: 16px;}
div.box3 .segue {width: 98%; margin: 5px 5px 0 auto; text-align: right;}

div#banner {width: 270px; margin: 10px auto 35px auto; font-size: 28px; color: #AA8431;}
div#banner #espositori {width: 270px; line-height: 60px; background: url(immagini/sfondo_banner.jpg) repeat-x #F8DFAD; border: 1px solid #DBD8D2; text-align: center;}
div#banner #visitatori {width: 270px; margin: 10px 0 0 0; line-height: 60px; background: url(immagini/sfondo_banner.jpg) repeat-x #F8DFAD; border: 1px solid #DBD8D2; text-align: center;}
div#banner #tango {width: 270px; margin: 10px 0 0 0; line-height: 146px; border: 1px solid #DBD8D2; text-align: center;}
div#banner #poesia {width: 270px; margin: 10px 0 0 0; line-height: 146px; border: 1px solid #DBD8D2; text-align: center;}
div#banner #poesia img {border: none;}
div#banner #espositori a {width: 270px; line-height: 60px; display: block; text-decoration: none; color: #AA8431;}
div#banner #visitatori a {width: 270px; line-height: 60px; display: block; text-decoration: none; color: #AA8431;}
div#banner #tango a {width: 270px; line-height: 146px; display: block; text-decoration: none; color: #AA8431;}

div#sotto {width: 990px; margin: 0 auto 0 auto;}

div#sotto div#loghi {width: 990px; margin: 0 auto 0 auto; background: url(immagini/sfondo_loghi.jpg) repeat-x; height: 161px; border-top: 1px solid #9F9699; border-bottom: 1px solid #9F9699;}
div#sotto div#loghi #organizzatori {width: 250px; height: 161px; float: left; background: url(immagini/separatore.gif) no-repeat center right;}
div#sotto div#loghi #mainsponsor {width: 250px; height: 161px; float: left; background: url(immagini/separatore.gif) no-repeat center right;}
div#sotto div#loghi #spondortecnici {width: 480px; height: 161px; float: left;}
div#sotto div#loghi h1 {font-size: 16px; color: #AC8736; padding: 0 0 0 30px; margin: -20px 0 0 0; position: absolute;}
div#sotto div#loghi img {border: none;}

div#sotto div#loghi #organizzatori #img1 {margin: 0 0 0 10px; float: left;}
div#sotto div#loghi #organizzatori #img2 {margin: 0 0 0 10px; float: left;}
div#sotto div#loghi #organizzatori #img3 {margin: 0 0 0 20px; float: left;}
div#sotto div#loghi #organizzatori #img4 {margin: 0 0 0 40px; float: left;}

div#sotto div#loghi #mainsponsor #img4 {margin: -10px 0 0 30px; float: left;}
div#sotto div#loghi #mainsponsor #img5 {margin: 10px 0 0 35px; float: left;}
div#sotto div#loghi #mainsponsor #img6 {margin: 5px 0 0 30px; float: left;}
div#sotto div#loghi #mainsponsor #img7 {margin: 5px 0 0 25px; float: left;}

div#sotto div#loghi #spondortecnici #img8 {margin: 10px 0 0 40px;}
div#sotto div#loghi #spondortecnici #img9 {margin: 15px 0 0 20px; float: left;}
div#sotto div#loghi #spondortecnici #img10 {margin: -30px 0 0 10px; float: left;}
div#sotto div#loghi #spondortecnici #img11 {margin: -30px 0 0 10px; float: left;}
div#sotto div#loghi #spondortecnici #img12 {margin: -15px 0 0 10px; float: left;}
div#sotto div#loghi #spondortecnici #img13 {margin: -35px 0 0 10px; float: left;}


div#sotto div#coda {width: 990px; height: 45px; padding: 10px 0 0 0; text-align: center; color: #98805D; font-size: 12px;}
div#sotto div#coda a {text-decoration: none; color: #98805D; font-weight: bold;}
div#sotto div#coda a:hover {text-decoration: none; color: #98805D; font-weight: bold;}

/*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; bottom: -25px; left: 5px; color: #fff; font-size: 110%;}
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.0; filter: alpha(opacity=0);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.0; filter: alpha(opacity=0); 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;}

/* Eventi */

div#eventi {width: 602px; margin: 40px 0 20px 60px; color: #745510; font-size: 14px;}
div#eventi h3 {width: 95%; margin: 0 auto 0 auto; padding: 10px 10px 5px 0; border-bottom: 1px dashed #F5A414; font-size: 18px;}
div#eventi #cont {width: 95%; margin: 0 auto 0 auto;}
div#eventi #cont ul {list-style-type: none; padding: 0; margin: 0;}
div#eventi #cont ul li {padding: 5px 0 5px 0;}
div#eventi #cont ul li a {color: #745510; text-decoration: none; font-weight: bold;}
div#eventi #cont ul li a:hover {color: #745510; text-decoration: underline; font-weight: bold;}