/* main CSS for micca site */
@import url("style_clever.php");
/* --------------------- 
	2010 template change
orange #f42a0d >> cream #93581F
light cream for highlight background #F8D0AE
 ------------------------ */
body {
font-size: 12px;
/* font-family: "Times New Roman"; */
font-family: Georgia, serif;
/* color:#000; */
color:#000;
padding:0px;
margin:0px;
background:#fff url(img/2010_bg_500.jpg) top center repeat;
}
#nowplaying{
	display:block;
	background-color:black;
	background:#000 repeat-x;
	color:#eee;
	text-align:center;
	padding:4px 0 3px 0;
}
#menudiv{
	margin:5px 0px 15px 0;
}
a.menu{
	cursor:pointer;
	display:block;
	width:170px;
	height:28px;
	overflow:hidden;
}
a.submenu{
	cursor:pointer;
	display:block;
	width:170px;
	height:24px;
	overflow:hidden;
}
a.mhome{background:transparent url(img/menu_hom.gif);}
a.mabbo{background:transparent url(img/menu_abbo.gif);}
a.mabboeng{background:transparent url(img/menu_abboeng.gif);}
a.mprog{background:transparent url(img/menu_prog.gif);}
a.mprogeng{background:transparent url(img/menu_proeng.gif);}
a.mpre{background:transparent url(img/menu_pre.gif);}
a.mpreeng{background:transparent url(img/menu_preeng.gif);}
a.mrid{background:transparent url(img/menu_rid.gif);}
a.mrideng{background:transparent url(img/menu_rideng.gif);}
a.mdri{background:transparent url(img/menu_dri.gif);}
a.mdrieng{background:transparent url(img/menu_drieng.gif);}
a.mconc{background:transparent url(img/menu_conc.gif);}
a.mdesi{background:transparent url(img/menu_desi.gif);}
a.mbur{background:transparent url(img/menu_bur.gif);}
a.mgal{background:transparent url(img/menu_gal.gif);}
a.mvid{background:transparent url(img/menu_vid.gif);}
a.marc{background:transparent url(img/menu_arc.gif);}
a.marceng{background:transparent url(img/menu_arceng.gif);}
a.mras{background:transparent url(img/menu_ras.gif);}
a.mraseng{background:transparent url(img/menu_raseng.gif);}
a.mdov{background:transparent url(img/menu_dov.gif);}
a.mdoveng{background:transparent url(img/menu_doveng.gif);}
a.mcon{background:transparent url(img/menu_con.gif);}
a.mconeng{background:transparent url(img/menu_coneng.gif);}
a.mlav{background:transparent url(img/menu_lav.gif);}
a.mlaveng{background:transparent url(img/menu_laveng.gif);}
a.mlin{background:transparent url(img/menu_link.gif);}
a.mpre:hover, a.mhome:hover, a.mabbo:hover, a.mabboeng:hover, a.mdri:hover, a.mprog:hover, a.mrid:hover, a.mconc:hover, a.mdesi:hover, a.mbur:hover, a.mgal:hover, a.mvid:hover, a.marc:hover, a.mras:hover, a.mdov:hover, a.mcon:hover, a.mlav:hover, a.mlin:hover, a.marceng:hover, a.mconeng:hover, a.mdoveng:hover, a.mdrieng:hover, a.mpreeng:hover, a.mraseng:hover, a.mprogeng:hover, a.mrideng:hover, a.mlaveng:hover{
	background-position:0 28px;
}
/* submenu */
a.mfes{background:transparent url(img/menu_sub_fesita.gif);}
a.mfeseng{background:transparent url(img/menu_sub_fes.gif);}
a.mspe{background:transparent url(img/menu_sub_spe.gif);}
a.mspeeng{background:transparent url(img/menu_sub_speeng.gif);}
a.mcor{background:transparent url(img/menu_sub_cor.gif);}
a.mcoreng{background:transparent url(img/menu_sub_coreng.gif);}
a.macc{background:transparent url(img/menu_sub_acc.gif);}
a.macceng{background:transparent url(img/menu_sub_acceng.gif);}
a.mfes:hover, a.mspe:hover, a.macc:hover, a.mcor:hover, a.mcoreng:hover, a.mfeseng:hover, a.mspeeng:hover, a.macceng:hover{
	background-position:0 24px;
}
/* fine menu */
table{border:0;}
td.orange{color:#93581F;}
.org{color:#93581F;}
#lang{
/* 	width:173px; */
	height:28px;
	display:block;
	padding-top:5px;
	padding-bottom:-5px;
}
a.langa{
	display:block;
	position:relative;
	top:-2px;
	left:-16px;
	margin:0px;padding:0px;
	width:140px;
	height:28px;
	background:transparent url(img/eng_vers.gif) bottom no-repeat;
}
a:hover.langa{
	background:transparent url(img/eng_vers.gif) bottom no-repeat;	
}
a.langaeng{
	display:block;
	position:relative;
	top:-2px;
	left:-16px;
	margin:0px;padding:0px;
	width:140px;
	height:28px;
	background:transparent url(img/it-vers.gif) bottom no-repeat;
}
a:hover.langaeng{
	background:transparent url(img/it-vers.gif) bottom no-repeat;	
}

img{
	behavior:url(include/iepngfix.htc);
	border:none;
	padding:0;
	margin:0;
}
img.left{margin-right:5px;float:left;}

/* p style */
p{margin:0;padding:0;}
p.cnt{text-align:center;}
p.riduzioni_head{
	font-size:20px;
	color:#854810;
}
.destra{float:right;}
.news{padding:5px 10px;margin:0px;text-align:center;}
.question{color:#f42a0d;font-weight:bold;padding-top:5px;border-top:1px solid #585962;}
.news1{padding:10px 5px;margin:10px 5px 20px 5px;border:3px double black;background-color:#eee;}
.bottom{margin-bottom:25px;}
#content table.calendario p{margin:0 5px 3px 0;}
#jukebox_menu{
	display:block;
	width:280px;
	height:49px;
}
#jukebox_menu a img{
	margin:0px;padding:0px;
}
.note{
	width:300px;
	margin-left:110px;
	padding:3px;
	border:1px solid #999;
	display:block;
	background:#f1f1ef;
	text-align:left;
}

/* vecchio arancione #f1f1ef */
/* a {color: #f42a0d;}
a:visited {color:#f42a0d;}
a:hover {color: #564b47;}
a:active { color:#000000;}
 */
a {color: #93581F;}
a:visited {color:#93581F;}
a:hover {color: #000000;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #f42a0d;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 0 10px 5px 10px;
margin:0px;
text-align:center;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
/* 980 = 180 + 520 + 280 */
/* seconda versione, 10 pixel H sul content */
/* 1000 = 180 + 10 + 520 + 10 + 280 */
#container {
width: 1016px;
padding:0 17px 0 17px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background:transparent url(img/2010_side_500.jpg) top center repeat-y;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
/*background: #fff url(banner/rotator.php) top center no-repeat;*/
background-color:#fff;
height:240px;
padding: 0px;
margin-bottom:10px; }

/*#banner img {position:relative;top:58px;left:0;}*/

.preloadImage {
	background: url(img/loading.gif) no-repeat center;
}
.preloadImage img {
	display: none;
}

/* ---------- outer and inner ----------------- */

#outer{ 
border-left: solid 190px #fff; /* color of the left column  */ 
border-right: solid 290px #fff; /* color of the right column  */ 
/*background-color: #ffffff;  color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
	width:180px; 
	float:left; 
	position:relative; 
	margin-left:-190px;
	margin-right:9px;
}
#right td {font-weight:bold;}
#right td.nobold {font-weight:normal;}
#right a {font-weight:normal;}
#right {
	width:280px;
	float:right; 
	position:relative; 
	margin-right:-290px;
	margin-left:9px;
}

/* -----------------content--------------------- */ 
#content{
	background-color:#fff;
	position:relative; 
	margin:0;padding:0;
	height:100%;
}
#content table, #content table p, #content table span, #content table td, #content table tr, #content table form, #content table tbody, #content table tr td p img {margin:0;padding:0;border:0;max-width:517px;}
img.sidepic {margin:5px;}
#content p {margin:10px;text-align:justify;}
#content p.giffoni {margin:0 0 10px 0;}
#lang span.daily {float:right;margin:12px 40px 0 0;}
#content table.mrg {margin:10px 10px;}
#content p.cnt{text-align:center;margin:0;}
#content td.mansion {color:#000;}
#content table.reg{width:300px;max-width:300px;margin:10px 110px;}
#content table img{margin:5px;}
/*  ----------------footer---------------------- */

#footer {
	clear:both;
	padding:0 0 25px 0;
	margin:25px 50px 0 50px;
	margin:0px;	
	text-align: center;
	width:1000;
}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/*  ----------------menu+Gallery---------------------- */

div.wrapper {margin:0;padding:0;display:block;}

#idList {margin:0 0 15px 0;padding:0;font-weight:bold;}
#Gal {margin:5px 0;padding:0;font-weight:bold;}
#accordion, #accordion_no {margin:0 0 0 0;padding:0;font-weight:bold;}
#idList li {
	display: block;
	padding: 4px;
	width: 165px;
	background: #fff;
/* 	color: #000; */
	color:#000;
}
#Gal li {
	display: block;
	padding: 4px;
	width: 505px;
	background: #fff;
	color:#93581F;
}
#Gal li.contact {
	width: 222px;
}
#Gal.icons li {line-height:16px;}
#Gal p {margin-left:100px;}
#Gal li img{float:left;}
#idList li.pushed, #Gal li.pushed {margin:0 0 0 3px;color:#f42a0d;background:#f1f1ef;}
#idList li.orang, #Gal li.orang {margin:0 0 0 3px;color:#f42a0d;background:#f1f1ef;}
#idList li.active, #Gal li.active {margin:0;cursor:pointer;}
#idList li.active_org, #Gal li.active_org {color:#f42a0d;margin:0;cursor:pointer;}
#idList li.org, #Gal li.org {color:#f42a0d;}

/*  ----------------form---------------------- */

form{margin:0 0 0 0;}
input{font-size:11px;}

/* --------------------- Jukebox popup ------------------------ */

#juke_popup{
	display:block;
	margin:0 0 10px 0;
	padding:0;
	width:280px;
	height:89px;
	background:#fff url(img/jukebox_bn_2010.gif) top left;
	text-align:center;
}
/* #juke_popup a {
	margin:2px 2px 0 0;
	float:right;
} */
#video_link{
	display:block;
	margin:0;
	padding:0;
	width:281px;
	height:63px;
	background:#fff url(img/videobox_2010.gif) top left;
	text-align:center;
}
/* #video_link a {
	margin:2px 2px 0 0;
	float:right;} */
/* --------------------- News ------------------------ */

.newsdata{font-style:italic;}
.newstitolo{color:#000;font-size:13px;}

/* --------------------- players ------------------------ */

#player1, #player2 {text-align:center;margin:0;padding:0;z-index: -200;}
#player {padding-left:10px;margin:0;z-index: -200;}

/* --------------------- dj slide ------------------------ */

#right ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}
#kwicks1 {
	position: relative;
	background: #fff url(img/dj4.gif) top right no-repeat;
	height: 70px;
	width:280px;
}

#kwicks1 .kwick1 {
	float: left;
	display: block;
	width: 68px;
	height: 70px;
	cursor:pointer;
}

#kwick_1 {background-image:url(img/dj1.gif);}
#kwick_2 {background-image:url(img/dj2.gif);}
#kwick_3 {background-image:url(img/dj3.gif);}
#kwick_4 {background-image:url(img/dj4.gif);}

/* --------------------- Tendina Registrati ------------------------ */

.slide {
	margin:0 5px;
	background-color:#f1f1ef;
	border:1px solid #999;
}

/* --------------------- finestra Messaggio Login ------------------------ */

.messaggi {
	margin:0 5px;
	background-color:#FFEBD1;
	border:1px solid #93581F;
	color:#93581F;
}

/* --------------------- Accordion Gallery ------------------------ */

ul.simple, ul.simple li{ list-style:none;margin-left:0;margin-bottom:5px;}
/*#accordion li.simple {margin:0;padding:0;list-style:none;}*/
ul.simple li h3 {
	font-size:12px;
	width:500px;
	height:45px;
	line-height: 45px;
	padding-left:20px;
	margin:0 0;
	cursor: pointer;
	background:#fff url(img/gallery_bg_2010.gif) top left no-repeat;
	color:#93581F;
}
ul.simple li h3.admin{background:#fff url(img/gallery_bg_admin.gif) top left no-repeat;}
ul.simple li h3.duemiladodici{background:#fff url(img/testatine/gallery_bg_12.gif) top left no-repeat;}
ul.simple li h3.duemilaundici{background:#fff url(img/testatine/gallery_bg_11.gif) top left no-repeat;}
ul.simple li h3.duemiladieci{background:#fff url(img/testatine/gallery_bg_10.gif) top left no-repeat;}
ul.simple li h3.duemilanove{background:#fff url(img/testatine/gallery_bg_09.gif) top left no-repeat;}
ul.simple li h3.duemilaotto{background:#fff url(img/testatine/gallery_bg_08.gif) top left no-repeat;}
ul.simple li h3.duemilasette{background:#fff url(img/testatine/gallery_bg_07.gif) top left no-repeat;}
ul.simple li h3.duemilasei{background:#fff url(img/testatine/gallery_bg_06.gif) top left no-repeat;}
ul.simple li h3.cd{background:#fff url(img/gallery_bg_cd.gif) top left no-repeat;}
ul.simple li h3.shirt{background:#fff url(img/gallery_bg_shirt.gif) top left no-repeat;}
ul.simple li h3.jazz{background:#fff url(img/gallery_bg_jazz.gif) top left no-repeat;}
ul.simple li h3.swing{background:#fff url(img/gallery_bg_swing.gif) top left no-repeat;}
ul.simple li h3.soul{background:#fff url(img/gallery_bg_soul.gif) top left no-repeat;}
ul.simple li h3.beat{background:#fff url(img/gallery_bg_beat.gif) top left no-repeat;}
ul.simple li h3.streaming{background:#fff url(img/gallery_bg_streaming.gif) top left no-repeat;}
ul.simple li h3 a:hover{color:#000;text-decoration:underline;}
#accordion a, #accordion_no a {text-decoration:none;}
div.collapse-container{margin-bottom:0;height:100%;}
div.collapse{margin-bottom:0;}
	
/* span {position:absolute;top:0;right:25px;} */

/* --------------------- Tool Tip Style ------------------------ */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #f42a0d;
	padding: 8px 8px 4px;
	background: url(img/bubble.png) top left;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(img/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

/* --------------------- CheckBox ------------------------ */

/*#prenota label .unchecked{background:url(img/chk_off1.png) no-repeat top left}*/
.checkbox_on {background: url(img/chk_on1_2010.gif) no-repeat top left;}
.checkbox_off {background: url(img/chk_off1_2010.gif) no-repeat top left;}
.radio_on {background: url(img/radio_on_2010.gif) no-repeat top left;}
.radio_off {background: url(img/radio_off_2010.gif) no-repeat top left;}
.check {background-repeat: no-repeat;padding-left:20px;padding-bottom:5px;}
#prenota{
	padding:10px 0;
	text-align:center;
}

/* --------------------- iFrame ------------------------ */
iframe{
	width:519px;
	height:200px;
	overflow:hidden;
	border:none;
	background:#fff;
	margin:0;
	padding:0;
/*	border-bottom:1px black solid */
}
iframe.card{
width:519px;
height:500px;
overflow-x: hidden; 
overflow-y: auto;
}
iframe.card1{
width:519px;
height:500px;
overflow-x: hidden; 
overflow-y: auto;
}
iframe.card2{
width:519px;
height:300px;
overflow-x: hidden; 
overflow-y: auto; 
}
iframe.card25{
width:519px;
height:250px;
overflow-x: hidden; 
overflow-y: auto; 
}
/*  mozilla tweeks  */
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* --------------------- FINE ------------------------ */
