.red {color:#f00}
.yellow{color:#f6d34d}
.grey{color:#818181; font-weight:normal;}
.nome{font-size:11px; font-weight:bold}
.left{float:left}
.right{float:right}
.dot{width:100%; height:1px; background:url(img/tratteggioB.gif) right no-repeat;}
.dotY{width:100%; height:1px; background:url(img/tratteggioY.gif) right no-repeat;}
.dotGray{width:100%; height:1px; background:url(img/tratteggio.gif) right no-repeat;}
.dotG{margin:0 15px; height:1px; background:url(img/tratteggio.gif) right no-repeat;}
.invia{text-align:right}
img { border:0;}
.big{font-size:15px}
.evidenziato{font-size:15px; color:#fc6; font-weight:bold}
.titoloScheda{font-size:15px; color:#f00; font-weight:bold}
.titoloSchedaSmall{font-size:13px; color:#f00; font-weight:bold}
.separatore { height:15px;}
.istruzioni {font-size:11px; color:#fc6; text-align:right; margin-top:5px; margin-right:15px;}
#va_che_gold{margin-top:-30px}
.padding{padding-left:25px;}
button{cursor:pointer;}

body {margin: 0px; padding: 0px; padding-bottom:20px; background-color:#000; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

#container {width:810px; margin: 0 auto; height:100%; background-color:#000000; margin-bottom:10px; overflow:auto}

#calendario {float:left; background-color:#000; padding:10px 10px 0 0; width:140px !important;}

#informazione {float:left; background-color:#000; padding: 0 0 0 0; width:458px;}

#news {padding:10px 10px 10px 10px;}
#news p{margin:5px 0px 0px 0px;}
#news a{color:#FFFFFF}

#spettacolo {padding:0px 0px 0px 0px;}
#headSpettacolo {padding:10px 10px 10px 10px; color:#f6d34d; font-weight:bold;}
#loadSpettacolo {height:134px; background:no-repeat; padding:10px 10px 10px 10px;}
#loadSpettacolo #introSpettacolo {float:left; width:180px; margin: 67px 0 0 160px; color:#818181; list-style: none; padding:0px; position:absolute}
#loadSpettacolo #introSpettacolo li{margin:0px 0 0 0px; padding:1px 0 0 7px; background: url(spettacoli_lib/img/cuneo.gif) no-repeat; background-position: 0 0.5em;}
#loadSpettacolo #programmazioneSpettacoli {color:#FF0000; float:right; text-align:right; margin: -30px 0 0 0;}
#loadSpettacolo #programmazioneSpettacoli .nota{color:#808080; font-size:9px;}
#loadSpettacolo #programmazioneSpettacoli ul{color:#fff; list-style: none; margin:3px 0 0 0; padding:0;}
#loadSpettacolo #programmazioneSpettacoli li{margin:0; padding:0px 7px 0 0; background: url(spettacoli_lib/img/cuneoBack.gif) right no-repeat;}

#form {float:left; background-color:#000; padding:0; width:171px;}
#form #mail{padding:19px 0 19px 19px; margin:0px; line-height:15px}
#form #mail img{vertical-align:middle}
#form #newsletter{padding: 10px 10px 10px 10px; background-color:#f6d34d; color:#424242;}

#piede {font-size:10px; color:#fff; clear:both; overflow:hidden}
#piede p {padding-top:0px; margin-top:8px}
#piede #NikitaDesign {float:right; background-color:#000000; margin:0 0 0 0; padding:0 0 0 0;}

#head #title h1{font-size:18px; display:inline; margin:0 50px 0 0; color:#fff; font-weight:normal}
#head #title {margin:5px 0 0 10px; float:left;}
#head div{text-align:right;}
#head div img{vertical-align: middle; margin:10px 3px;}
#head a{color:#999999; text-decoration:underline;}
#head a:hover{color:#fff;}
#head a.logo{text-decoration:none;}


#navigazione {width:166px; float:left; color:#999;}
#navigazione ul{margin:10px 0 10px 0; padding:0px; list-style-type: none; font-weight:bold;}
#navigazione li{padding:0px 0px 0px 7px; background:url(img/cuneoYellow.gif) no-repeat 0 0.5em; margin:0px 0px 0px 10px; line-height:15px;}
#navigazione #news{color:#FFF; background:url(img/bg_news.gif)}
#navigazione .titolo{font-weight:bold; color:#f6d34d; font-size:13px}
#navigazione p{margin:5px 0;}
#navigazione a{color:#F00; font-weight:bold;}
#navigazione li a{color:#f6d34d; font-weight:bold; display:block;}
#navigazione li.attivo a{color:#f00; font-weight:bold;}
#navigazione li.attivo{background:url(img/cuneo.gif) no-repeat 0 0.5em;}
#navigazione .invia{margin:5px 0;}

#pageBGTeatro {width:605px; margin:0; padding:0; background:url(img/bg_teatro.jpg) no-repeat; margin-left:176px;}
#pageBGCabaret {width:605px; margin:0; padding:0; background:url(img/bg_cabaret.jpg) no-repeat; margin-left:176px;}
#pageBGNews {width:605px; margin:0; padding:0; background:url(img/bg_news.jpg) no-repeat; margin-left:176px;}
#pageBGBambini {width:605px; margin:0; padding:0; background:url(img/bg_bambini.jpg) no-repeat; margin-left:176px;}
#pageBGConcerti {width:605px; margin:0; padding:0; background:url(img/bg_concerti.jpg) no-repeat; margin-left:176px;}
#pageBGChi_sono_io {width:605px; margin:0; padding:0; background:url(img/bg_chi_sono_io.jpg) no-repeat; margin-left:176px;}
#pageBGNews {width:605px; margin:0; padding:0; background:url(img/bg_news.jpg) no-repeat; margin-left:176px;}
#pageBGShowmustgon {width:605px; margin:0; padding:0; background:url(img/bg_showmustgon.jpg) no-repeat; margin-left:176px;}

#page {background:url(img/bg_dot.gif); padding:0; position:relative; margin:0;}
#page .sottotitolo {color:#999; margin-left:95px; margin-top:-8px; margin-bottom:20px; margin-right:20px;}
.sottotitolo .back{display:inline; float:right}
#page p{padding:0 19px 0px 10px; background:url(img/cuneoBianco.gif) no-repeat 0 0.5em; margin:10px 0 20px 40px; position:relative}
#page p.credits{padding:0 0px 0px 10px; background:url(img/cuneoBianco.gif) no-repeat 0 0.5em; margin:10px 0 20px 0; position:relative; color:#fff}
#page p.scheda{padding:0 19px 0px 10px; background:url(img/cuneo.gif) no-repeat 0 0.5em; margin:10px 0 20px 15px; position:relative}
#page p.normal{padding:0 19px 0px 10px; background:url(img/ghost.gif) no-repeat; margin:10px 0 20px 15px; position:relative}
#page p.underLista{padding:0 19px 0px 25px; background:url(img/ghost.gif) no-repeat; margin:10px 0 20px 15px; position:relative; width:540px;}
#page h3{color:#f6d34d; font-size:11px; position:relative; margin-left:15px; margin-bottom:10px}
#page h1{color:#f00; font-size:34px; position:relative; margin:0 0 0 15px;}
#page h4{font-weight:normal; font-size:11px; position:relative; margin:0 0 15px 15px;}
#page h5{display:inline; color:#FF0000; font-size:13px; margin:0}

#page #gallery{padding:12px 0 0 15px; font-weight:bold; height:28px;}
#page #galleryFlash{float:right; position:relative}
#page #galleryFlash2{float:right; position:relative}

#page #scheda{margin:0 15px; padding:0; text-align:right}
#page #scheda a{color:#f6d34d; font-weight:bold;}

#page .schedaTitolo{width:166px; position:relative; margin:0px; float:left; text-align:left;}
#page .schedaTitolo h2{color:#f00; font-size:17px; margin:0; padding:10px 0;}
#page .schedaTitolo h2 .subtitle{font-size:11px;}
#page .schedaTitolo p{background:none; padding:0; margin:0;}
#page .schedaTitolo .invia{position:absolute; top:120px; right:0px;}

#page .schedaFoto{/*float:right;*/}
#page .schedaFoto img{border:0; margin:0; padding:0; margin-left:1px;}

#page .schedaNews .titoloScheda{font-size:21px; color:#f00; font-weight:bold}
#page p.schedaNews{padding:0 19px 0px 10px; background:url(img/cuneo.gif) no-repeat 0 0.5em; margin:20px 0 20px 15px; position:relative}
#page p.schedaNews a{color:#FF0000; text-decoration:none}

#page h5.commenti{color:#FF0000; margin:20px 25px; display:block; font-size:15px;}
#page .back{display:block; text-align:right}
#page .back a{color:#999;}
#page .back a:hover{color:#fff;}
#page .next {margin:25px 19px}
#page .next a{color:#999;}
#page .next a:hover{color:#fff;}
#page p.commento{padding:0 19px 0px 10px; background:url(img/cuneoGold.gif) no-repeat 0 0.5em; margin:0px 0 20px 15px; position:relative; line-height:13px;}
#page p.commento .autore{color:#fc6; font-size:13px;}

#page form#commento {background-color:#f6d34d; margin:0 25px 20px; padding:20px; color:#333; height:100px; position:relative}
#page form#commento textarea{width:248px; height:100px; vertical-align:top; border:0}
#page form#commento input{border:0; margin-bottom:10px;}
#page form#commento div.etichetta{float:left; width:40px; padding-top:2px;}
#page form#commento button{border:0; background:transparent; color:#FF0000; font-weight:bold; font-size:11px; position:absolute; right:0; top:150px;}

#page ul.link{margin:10px 0 10px 25px; padding:0px; list-style-type: none; font-weight:bold;}
#page ul.link li{padding:0px 20px 5px 7px; background:url(img/cuneoRed.gif) no-repeat 0 0.5em; margin:0px 0px 0px 0px; line-height:25px; font-size:21px;}
#page ul.link a{color:#FF0000; text-decoration:none}

.popUp{margin:15px 25px 0 15px; position:relative; color:#999; font-size:9px; padding-left:127px;}
.popUp .popUpClose{position:absolute; color:#f00; top:15px; right:-14px !important; right:9px;}
.popUp a{color:#f00;}
.popUp div.nota{padding: 5px 0;}

.popUpLong{margin:15px 25px 0 15px; position:relative; color:#999; font-size:9px; text-align:right}
.popUpLong .popUpClose{position:absolute; color:#f00; top:15px; right:-14px !important; right:9px;}
.popUpLong a{color:#f00;}
.popUpLong div.nota{padding: 5px 0 5px 127px; text-align:left}

#downloadBox {background:#f6d34d; margin:0 15px 20px 15px; padding:10px;}
#downloadBox a{color:#333; font-weight:bold;}
#downloadBox ul{margin:5px 0 5px 0; padding:0px; list-style-type: none;}
#downloadBox li{padding:0px 0px 0px 7px; background:url(img/cuneoGray.gif) no-repeat 0 0.5em; margin:2px 0px 0px 10px; line-height:15px; color:#333333; font-size:11px}

#page .quote{padding:20px 60px 0px; margin:0; display:block; text-align:justify}
#page .quoteBig{padding:20px 60px 0px; margin:0; display:block; text-align:justify; font-size:13px}
#page .quoteSign{padding:7px 60px 0px; margin:0; display:block; text-align:right; font-weight:bold}
#page .nota{font-size:11px; color:#999}

div.canzoni	{float:left; width:290px;position:static !important; position:relative;}
div.canzoni ol{margin:0 0 20px 20px; padding:0 0 0 20px;}
div.canzoni li{padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; line-height:13px; text-align:justify;}
div.canzoniSmall {float:left; width:267px;}
div.canzoniSmall ol{margin:0 0 20px 20px; padding:0 0 0 20px;}
div.canzoniSmall li{padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; line-height:13px; text-align:justify;}
div.canzoniGreca {float:left; width:313px;}
#page div.canzoniGreca p.credits{margin-bottom:0; padding-bottom:20px}
div.canzoniGreca .immagine{position:absolute; left:430px;}
div.canzoniGreca .greca {background-color:#f6d34d; margin:2px; padding:10px; color:#333;}
div.canzoniGreca .greca .t{background-color:#f6d34d; margin:2px; padding:10px; color:#333;}
div.canzoniGreca .greca a{color:#333; font-weight:bold;}
div.canzoniGreca .greca ul{margin:5px 0 5px 0; padding:0px; list-style-type: none;}
div.canzoniGreca .greca li{padding:0px 0px 0px 7px; background:url(img/cuneoGray.gif) no-repeat 0 0.5em; margin:2px 0px 0px 10px; line-height:15px; color:#333333; font-size:11px}
.citazioneSpeciale{font-size:15px; font-weight:bold; padding-bottom:5px;}

li.canzoniRichiesta{color:#f6d34d;}
span.canzoniRichiesta {padding-left:13px;}

/* BANNER
---------------------------------------------------------------------------------------------*/
#banner {position:absolute; left:0; top:0; z-index:500; background:url(img/banner_bg.png); width:100%;}
#banner div{width:847px; margin:0 auto; padding-top:10px;}
#banner span{position:absolute; top:0px;}

/* SHOWMUSTGON
---------------------------------------------------------------------------------------------*/
#pageBGShowmustgon #logo {float:left;}
#pageBGShowmustgon #nuvoletta {position:absolute; right:22px; top:22px; line-height:24px; font-size:13px; height:37px; background:url(img/nuvoletta.gif) no-repeat; color:#000; padding:0 8px;}
#pageBGShowmustgon p {margin-left:234px; font-size:13px; overflow:hidden;}
#pageBGShowmustgon #perInfo {margin-left:244px; line-height:35px; background:url(img/perInfo.gif) no-repeat; padding-bottom:10px;}
#pageBGShowmustgon #perInfo span{font-size:11px; padding-left:100px; padding-right:5px; color:#999999;}
#pageBGShowmustgon #page p.commento{margin-bottom:5px;}
#pageBGShowmustgon #page ul{margin:0 24px; padding:0; height:10px; background:url(img/tratteggio.gif) no-repeat; clear:both; height:240px;}
#pageBGShowmustgon #page li{float:left; list-style:none; width:184px; padding:10px 0; height:220px;}
#pageBGShowmustgon #page li div{margin:10px 22px;}
#pageBGShowmustgon #page li .titolo {font-weight:bold; font-size:18px; color:#ff0303;}
#pageBGShowmustgon #page li.noLast {background:url(img/tratteggioVerticale.gif) repeat-y top right;}
#pageBGShowmustgon #page li .musica {padding:0 19px 0px 10px; background:url(img/cuneoBianco.gif) no-repeat 0 0.5em; position:relative; font-size:13px;}
#pageBGShowmustgon #page li .riferimento {color:#ffcc33; font-size:13px;}
#pageBGShowmustgon #page li .link {line-height:18px;}
#pageBGShowmustgon #page li .link a{padding:0 19px 0px 18px; background:url(img/frecciaBianca.gif) no-repeat 0 0; position:relative; font-size:13px; color:#fff; text-decoration:none;}
#pageBGShowmustgon #page li .link a span{padding:0 5px; background-color:#c51414;}