/*          BODY            */
body {
width:910px;
padding:0;
margin:auto;
font-family:Verdana;
background:url('../img/bg_mat.png') repeat top left;
background-color: #333333;
color:#ffffff;
body {scrollbar-arrow-color:#E59716; 
scrollbar-base-color:#333333; 
scrollbar-darkshadow-color:#000000; 
scrollbar-face-color:#333333; 
scrollbar-highlight-color:#E59716; 
scrollbar-shadow-color:#000000} 
}
a {
text-decoration:none;
color:#FFFFFF;
}
a:link {
color:#FCA10C;
text-decoration:none;
}
a:visited {
color: #FCA100;
}
a:hover, a:active, a.active {
color:#FFFFFF;
text-decoration:none;
}
a img {
border:5px solid #494949;
margin:5px;
}
a img:hover {
border:5px solid #696969;
}

/*          STRANKA            */
#stranka {
width:910px;
background:url('../img/stranka_back2.png') repeat ;
background-color:#312d2a;
margin:20;
}

/*          NALADIT            */
#naladit {
font-size:12px;
text-align:center;
}
.naladit a:hover {
color:#FFFFFFFF;
} 

/*         MAIN         */
#hlavni {
width:580px;
_padding:0px 0px 0px 0px;
_min-height:500px;
font-size:13px;
margin:20;
}

/*         REKLAMNI        */
#reklamni {
width:580px;
_padding:0px 0px 0px 0px;
font-size:13px;
margin:20;
}

aa1 {
color:#E59716;
font-size:12px;
}
h2 {
color:#E59716;
font-size:15px;
margin:20;
}
small{
font-size:13px;
}
oranz{
font-size:11px;
text-decoration:italic;
color:#777777;
font-color:#777777;
}

.aktuality oranz{
font-size:11px;
text-decoration:italic;
color:#777777;
font-color:#777777;
}
.aktuality {
height:100px;
width:580px;
text-align:left;
background: url('../img/aktualitynew.png') no-repeat;
margin: 10px;
float: left;
}
.aktuality .padding{
padding:10px 15px 10px 15px;
}
h3 {
font-size:15px;
margin:0;
}
h4 {
font-size:13px;
margin:0;
}
a.dale {
margin:0 20px 0 100px;
font-size:13px;
}
.clear {
height:95px;
float:left;
_margin:8px 0 0 0;
}
.starsi {
height:65px;
width:240px;
padding:8px 10px 12px 10px;
float:left
background:url('../img/starsi-href.jpg') no-repeat right top;
margin:8px 13px 0 0;
}
.starsi a{
font-size:14px;
font-weight:bold;
}
.ramecek {
padding-right:20px;
font-size:11px;
}
.mod {
padding:10px;
padding-right:20px;
font-size:11px;
border-left:5px solid #393939;
border-top:3px solid #393939;
}
.mod .vzkaz {
padding:10px;
font-size:10px;
background:#393939;
line-height:1.8em;
}
.mod .vzkaz strong {
color:#fff;
font-size:11px;
}
.mod small {
font-size:10px;
}
.mod small strong {
font-size:10px;
color:#fff;
}
.mod a {
border-bottom:1px solid #595959;
}
.mod strong {
color:#E59716;
font-size:15px;
margin:0;
}
.mod img.reklama {
float:right;
margin:20;
border:1px solid #494949;
}
.mod img.moderator {
float:right;
margin: -10px -20px 0 20px;
border:0;
width: 123px; height: 191px;
}
img.mod0 {
border:5px solid #494949;
display:inline;
margin:15px 10px 10px 15px;
}
img.mod0:hover {
border:5px solid #696969;
}
/*         RIGHT         */
#right {
width:212px;
padding-top:10px;
text-align:right;
float:left;
_position:relative;
}

/*          MENU            */
.menu {
width:212px;
height:364px;
padding:15;
background:url('../img/menunew.png') no-repeat right top;
float:right;
}
.menu h2 {
_margin-right:0px;
font-size:14px;
}
.menu a {
margin-top:4.5px;
font-size:14px;
padding-right:15px;
font-weight:bold;
&font-weight:normal;
display:block;
background:url('../img/menu-a.gif') no-repeat right top;
}
.menu a:hover, .menu a.active {
background:url('../img/menu-a-hover.gif') no-repeat right top;
}

/*          REKLAMA AD            */
.reklama {
width:150px;
height:150px;
float:left;
_margin:20;
border:0;
}

/*         PATICKA         */
#paticka {
width:870px;
height:39px;
padding:28px 0 0 30px;
margin:0;
float:center;
font-size:13px;
background:url('../img/a75footer.gif') no-repeat top right;
}
#paticka a:hover {
color:#fff;
text-decoration:underline;
}
#paticka h2 {
font-size:15px;
margin:0;
color:#fff;
}
#paticka small{
font-size:10px;
}
img.bottom{
border:0;
}

.hit {
background:url('../img/idance.jpg') no-repeat top left;
padding:5px 4px 5px 5px;
white-space: nowrap;
height:18px;
width: 578px;

}
.hit strong {
margin:0 10px 0 5px;
}
.hit .text {
width: 400px;
position:relative;
float:left;
}
.hit img {
margin: 5px 10px 0 10px;
float:right;
}
.kon {
background:url('../img/kontakt.jpg') no-repeat left top;
padding:20px 30px 10px 20px;
}
/* galerie  */
.galerie {
width:269px;
margin-left: 10px;
margin-top: 10px;
padding: 7px 7px 26px 7px;
height: 40px;
color: #fff;
float: left;
background: url('../img/gal-title.jpg');
}
.galerie h3 {
margin-top:4px;
}
.galerie a img {
background: #333;
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin: 5px;
border:5px solid #393939;
}
.galerie img:hover {
border:5px solid #fff;
}
.galerie-foto img {
float:left;
width:16%;
min-height:71px;
max-height:143px;
}
.galerie-foto {
width:auto;
height:auto;
}

/* fotky kdo hraje */
img.quatro{
position: absolute;
left: -83px;
top: -47px;
}
img.matony{
position: absolute;
left: -81px;
top: -50px;
}
img.radek{
position: absolute;
left: -93px;
top: -50px;
}
img.dj-trick{
visibility:hidden;
}

/*          TABULKY            */
.dow {
width:95%;
padding:0 10px 0 10px;
margin:10px;
__background:url('../img/dow-bg.jpg') repeat left top;
text-align:center;
font-size:13px;
}
.dow td.name, .dow th.name {
font-size:15px;
text-align:left;
}
.dow .thead{
height:16px;
_height:0;
&height:0;
}
.dow tr {
height:16px;
_height:0;
&height:0;
padding:6px;
}
.dow td img {
margin-top:5px;
border:0;
float:right;
_margin-top:0;
&margin-top:0;
}
.dow td img.down {
margin-top:5px;
border:0;
float:left;
margin-left:30px;
_margin-top:0;
&margin-top:0;
}
.dow th.pos {
width:45px;
text-align:left;
}
.dow th.listen {
width:20px;
text-align:right;
}
.dow th.nazev {
text-align:left;
}
.dow td.song {
text-align:left;
font-weight:normal;
}

.adsense {
width:100%;
height:90px;
margin-top:40px;
}
.adsense-left {
width:234px;
height:60px;
float:left;
margin:0;
padding:10px 0 0 10px;
}
.adsense-right {
width:234px;
height:60px;
float:right;
margin:0;
padding:10px 0 0 10px;
}
/* zobrazovani a schovavani formulare u knihy navstev */
a.pridat-prispevek{
  display: block;
  text-align: center;
  padding: 10px;
}
.hidden .obsah{
display: none;
}
.show .obsah{
display: block;
}
/*         KONTAKTNI FORMULAR         */
.kont{
width:95%;
margin:0 0 20px 0px;
font-size:11px;
text-align:right;
float: left;
}
.kont td{
padding:2.5px;
}
.kont td input, .kont td textarea{
font-family:Verdana;
font-size:11px;
border:1px solid #595959;
background:#696969;
padding:4px;
color:#fff;
}
.kont td input:hover, .kont td textarea:hover{
border:1px solid #696969;
background:#797979;
}
.detail{
text-align:left;
padding:0 0 0 10px;
color:#fff;
width:56.5%;
}




/*

////////////////////////////////
         LIGHTBOX
////////////////////////////////

*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../libs/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../libs/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../libs/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
#webcam{
margin: 18px 0 0 18px;
padding-top: 20px;
font-size: 12px;
line-height:1.4em;
text-align:left;
color:#fff;
width: 533px;
height: 381px;
background: transparent url(/img/webcam.jpg) no-repeat;
display: block;
}
#webcam a {
color:#FCA10C;
}
.tabulka td {
padding: 5px;
}
.tabulka-nazev {
background: #565455
}
.tabulka-popis {
background: #333333; font-size: 10px;
}

.adban {
margin-top: 10px;
margin-left: 5px;
}