/* CSS Document */
*{
    margin: 0;
    padding: 0;
}
a{
    color: #fff;
}
img a{
    text-decoration:none;
}
img{
    border: 0;
    text-decoration:none; 
}
body{
    text-align: center;
    font-size: 12px;
      font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	  background-color: #000;
	  line-height: 18px;
	  color: #fff;	  
}
#layout{
    width: 902px;
    margin: 10px auto;
    text-align: left;   
}
#header{
position: relative;
    width: 902px;
    height: 267px;
    background: #000 url(../images/header.jpg) no-repeat left top;
}
#logo{
    width: 266px;
    height: 134px;
    padding-top: 74px;
    padding-left: 447px;

}
#logo h1, #logo h1 a, #logo h1 a span {
    display:block;
    width: 266px;
    height: 134px;
    overflow:hidden;
    position: relative;
	  left: 0;
	  top: 0;
    float: left;
}

#logo h1 a span{
    position:  absolute;
	  line-height: 0;
	  font-size: 0;
    z-index: 1;
    cursor: pointer;
    background: url(../images/logo.gif) no-repeat left top;
}

#prehravac{
    width: 162px;
    height: 94px;
    position: absolute;
    right: 13px;
    top: 66px;
}

#prehravac h2{
    font-size: 9px;
    text-align: center;
}

#prehravac #tlacitka{
    padding-top: 4px;
    text-align: center;
}
#prehravac #playlist{
    margin-top: 4px;
    width: 143px;
    height: 40px;
    overflow-y: scroll;
    padding-left: 12px;
}
#prehravac #playlist ul li{
    list-style-type: none;
    line-height: 13px;
}
#prehravac #playlist a{
    text-decoration: none;
   
}

#menu_top {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    width: 610px;
    height: 31px;
    font-size: 11px;
    line-height: 31px;
    margin-left: 88px;
    padding-top: 28px;
}
#menu_top a{
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #718DA9;
    font-weight: bold;
    text-decoration: none;
    margin-right: 10px;
    margin-left: 5px;

}
#menu_top .white a{
	color:white;
}

#menu_top a:hover{
    color: #fff;
}


#background{
     position: relative;
     width: 902px;
     height: 589px;
     background: #496487 url(../images/background.jpg) no-repeat left top;
}
 
#content{
     width: 795px;
     position: absolute;
     top: 0;
     left: 95px;
     height: 595px;     
}
 
#centr_content{
     float: left;
     width: 620px;
     height: 17px;
     padding-top: 17px;
     background: transparent url(../images/bgcontent_top_cerny2.gif) no-repeat left top;
   
}

#centr_content h2{
     font-size: 13px;
     text-align: right;
}

#centr_content h3{
     font-size: 13px;
}

#right_content h2{
     font-size: 12px;
	text-align:center;
}

#matrojska1{
      width: 620px;
      padding: 0;
      border: 0;
}
#bg_centr{
     background: url(../images/bgcontent_cerny.gif) no-repeat left top;
}
#poz{
     background: url(../images/bgcontent_cerny2.gif) repeat-y left top;
}
#bg_centr1 {
     padding-left: 25px;
     padding-right: 20px;
}

#bg_centr2 {
     margin-left: 15px;
     margin-right: 5px;
     padding-left: 10px;
     padding-right: 5px;
     margin-top: 0px;
     height: 520px;
     overflow: auto;
     width:93%;
     font-size:10px;
}

#bg_centr2 a, a:link, a:active, a:visited {
    color: white;
    text-decoration: underline;
}

#bg_centr2 a:hover {
    color: white;
    text-decoration: none;
}

#centr_content a.texty{
     font-weight: bold;
}

#centr_content ul{
      margin-top: 10px;
      width: 568px;
      overflow: hidden;
      list-style: none;
}

#centr_content  ul li{
 padding-bottom: 6px;
}

#centr_content p {
    text-align: justify;
    margin-top: 14px;
}

#centr_content p.texty {
    margin-left: 50px;
    margin-top: 14px;
}

#endcentr_content{
     width: 620px;
     height: 12px;
     display:block;
     background: transparent url(../images/bgcontent_down_cerny.gif) no-repeat left bottom;
     font-size:0px;
     line-height:0px;
}
 
#right_content{
     float: left;
     width: 162px;
     height: 18px;
     margin-left: 13px;
     padding-top: 10px;
     background: transparent url(../images/bgright_top.gif) no-repeat left top;
}
#right_content2{
     float: left;
     width: 162px;
     height: 18px;
     margin-left: 13px;
     padding-top: 10px;
     background: transparent url(../images/bgright_top.gif) no-repeat left top;
}

#matrjoska2{
    width: 162px;
    padding: 0;
    border: 0;
}
#matrjoska3{
    width: 162px;
    padding: 0;
    border: 0;
}
#bg_right{
      padding-left: 10px;
      background: #2E405B url(../images/bgright_content.gif) repeat-y left top;
      font-size:10px;
}
#bg_right2{
      padding-left: 10px;
      background: #2E405B url(../images/bgright_content.gif) repeat-y left top;
}

#endright_content{
     width: 162px;
     height: 18px;
     background: transparent url(../images/bgright_down.gif) no-repeat left bottom;
}
#endright_content2{
     width: 162px;
     height: 18px;
     background: transparent url(../images/bgright_down.gif) no-repeat left bottom;
}
#right_content ul{
     margin-top: 10px;
     font-size: 10px;
}
#right_content ul li{
    list-style-type: none;
    line-height:20px;
    font-size:7pt;
    width:125px;
padding-left: 20px;
    background: url(../images/li_right.jpg) no-repeat left;
}
#right_content ul li a{
    line-height: 20px;
    height: 20px;
    vertical-align:middle;
    
    text-decoration:none;
}
#right_content ul li a:hover{
	color: gray;
	text-decoration:underline;
}
#footer{
    width: 902px;
    background: #496487 url(../images/bg.gif) repeat-y left top;
   
}

#endfooter{
    width: 902px;
    height: 16px;
    background: #496487 url(../images/bg_footer.jpg) no-repeat left bottom;
}

#menu_down{
    padding-left: 82px;
    padding-bottom: 20px;
    z-index: 100;
    font-size: 11px;
}
#menu_down a{
    color: #203759;
    text-decoration: none;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 5px;
    cursor: pointer;
}

#menu_down a:hover{
    color: #000000;
}

/************Podstrany Koncerty a Kapela*******************/
.koncerty{

    padding-top: 20px;}

.koncerty img{
    float: left;
    border: 2px #425F82 solid;
}
.koncerty .popis{
    float: left;
    margin-left: 20px;
    width: 400px;
    text-align: justify;
}

.obr{
    float: left;
    width: 150px;
}

.obr img{
    margin-bottom: 10px;
}

.cleaner {
  	width: 100%;
  	height: 0;
  	line-height: 0;
  	font-size: 0;
  	float: none;
  	clear: both;
}
.border-gal {
	border: 2px solid #5591b6;
	padding: 1px;
}