/* main CSS for micca site */
@import url("style_clever.php");

body {
font-size: 12px;
font-family: Sans-Serif;
/* color:#000; */
color:#585962;
padding:0px;
margin:0px;
background:#fff url(../img/bg.gif) top center repeat;
}

table{border:0;}
td.orange{color:#f42a0d;}
.org{color:#f42a0d;}
#lang{
	width:173px;
	height:26px;
	display:block;
	padding-top:5px;
	padding-bottom:-5px;
}
a.langa{
	width:173px;
	height:26px;
	display:block;
	background:#ffffff url(img/lan_eng.gif) bottom no-repeat;
}
a:hover.langa{
	background:#ffffff url(img/lan_eng_on.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;}
.destra{float:right;}
.news{padding:5px 10px;margin:0px;background-color:#f0f0f0;}
.question{color:#f42a0d;font-weight:bold;padding-top:5px;border-top:1px solid #585962;}
.news1{padding:5px 10px 0 10px;margin:0px;background-color:#f0f0f0;}
.bottom{margin-bottom:15px;}
#content table.calendario p{margin:0 5px 3px 0;}
.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;}

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: 1000px;
padding:0 17px 0 17px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background:#fff url(img/container_bg.gif) 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:200px;
padding: 0px;
margin: 0px; }

/*#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;}
#content table.mrg {margin:10px 10px;}
#content p.cnt{text-align:center;margin:0;}
#content td.mansion {color:#f42a0d;}
#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;
	text-align: center;
	width:900;
}
#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:#585962;
}
#Gal li {
	display: block;
	padding: 4px;
	width: 505px;
	background: #fff;
	color:#585962;
}
#Gal li.contact {
	width: 222px;
}
#Gal.icons li {line-height:16px;}
#Gal li img{vertical-align:bottom;}
#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;}
/* 2010 gallery mod */
#Gal li.active img {float:left;border:1px solid #F62004;margin-right:10px;}
#Gal li p {padding-top:8px;}
/*  ----------------form---------------------- */

form{margin:0 0 0 0;}
input{font-size:11px;}

/* --------------------- sliderone ------------------------ */

.image-h{height:76px;width:250px;cursor:pointer;margin:0 auto;}
#image-menu-h{
	padding:80px 0 20px 0;
	width:280px;
 	height:382px;
	display:block;
	text-align:center;
	background:#fff url(img/jukebox_bg.gif) top center;
}

/* --------------------- Jukebox popup ------------------------ */

#juke_popup{
	display:block;
	margin:0;
	padding:0;
	width:280px;
	height:42px;
	background:#fff url(img/jukebox_bn.gif) top left;
}
#juke_popup a {
	margin:2px 2px 0 0;
	float:right;
}
#video_link{
	display:block;
	margin:0;
	padding:0;
	width:280px;
	height:42px;
	background:#fff url(img/videobox_bn.gif) top left;
}
#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:#ffc19b;
	border:1px solid #f42a0d;
	color:#f42a0d;
}

/* --------------------- 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:40px;
	line-height: 40px;
	padding-left:20px;
	margin:0 0;
	cursor: pointer;
	background:#fff url(img/gallery_bg.gif) top left no-repeat;
	color:#f42a0d;
}
ul.simple li h3.admin{background:#fff url(img/gallery_bg_admin.gif) top left no-repeat;}
ul.simple li h3.duemiladieci{background:#fff url(img/gallery_bg_10.gif) top left no-repeat;}
ul.simple li h3.duemilanove{background:#fff url(img/gallery_bg_9.gif) top left no-repeat;}
ul.simple li h3.duemilaotto{background:#fff url(img/gallery_bg_8.gif) top left no-repeat;}
ul.simple li h3.duemilasette{background:#fff url(img/gallery_bg_7.gif) top left no-repeat;}
ul.simple li h3.duemilasei{background:#fff url(img/gallery_bg_6.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:#f42a0d;}
#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.gif) no-repeat top left;}
.checkbox_off {background: url(img/chk_off1.gif) no-repeat top left;}
.radio_on {background: url(img/radio_on.gif) no-repeat top left;}
.radio_off {background: url(img/radio_off.gif) no-repeat top left;}
.check {background-repeat: no-repeat;padding-left:20px;}
#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:400px;
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 ------------------------ */