body {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    background:#010101 url(../img/background.jpg) no-repeat center top;
    color: white;
}
a{
  color: #ffffff;
  text-decoration: underline;
  font-weight: normal;
}
a:hover{
  text-decoration: none;
}
a:focus {
    -moz-outline-style: none;
}
h1 {
  color: white;
  background: transparent url(../img/h1.png);
  width: 467px;
  height: 44px;
  display: block;
  text-align: center;
  line-height: 44px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
h2 {
	color:#393939;
	text-align:left;
	font-size:13px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
}
h3 {
	color:#393939;
	text-align:left;
	font-size:10px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
}
h4{
	font-size:11px;
}
p{
	text-indent:0px;
}

strong{
  font-weight:bold;

}
.clear {
  clear: both;
}
#content{
  margin: 0 auto;
  width: 957px;
  background: transparent url(../img/footer.png) no-repeat center bottom;
  padding-bottom: 20px;
}
#header{
  width: 957px;
  height: 287px;
  display: block;
  background: transparent url(../img/header.jpg);
  position: relative;
}
#header a#logo{
  position: absolute;
  top:38px;
  left: 59px;
}

#stranka{
  margin-top: 30px;
}
#left{
  width: 235px;
  float: left;
  display: block;
}
#left .menu{
}
#left .menu .item{
  text-align: center;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  font-size: 14px;
  line-height: 33px;
  margin-left: 0px;
}
#left .menu .item a{
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  font-size: 14px;
  line-height: 33px;
  margin-left: 10px;
  display: block;
}
#left .menu .item a:hover,#left .menu .item a.active{
  color: #8e0098;
}
#left .menu .item.first{
  width: 235px;
  height: 37px;
  display: block;
  background: transparent url(../img/menu_top.png) no-repeat;
  text-align:center;
  color:#8e0098;
}
#left .menu .item.mid{
  width: 235px;
  
  display: block;
  background: transparent url(../img/menu_mid.png) no-repeat
}
#left .menu .item.last{
  width: 235px;
  height: 38px;
  display: block;
  background: transparent url(../img/menu_down.png) no-repeat;
  margin-bottom:10px;
}
/*******************************************************************************/
#center{
  float: left;
  margin: 0 14px 0 13px;
  width: 460px;
}
#homepage{}
.novinka{
  background: transparent url(../img/novinka_bottom.png) no-repeat center bottom;
  padding-bottom: 15px;
}
.novinka img{
  float: left;
  width: 200px;
  padding-right: 10px;
}
.novinka h2{
  float: none;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom:10px
}
.novinka h2 a{
  text-decoration: none;
}
.novinka .vice{
  color: #52005c;
  text-decoration: underline;
  text-align: right;
  float: right;
}
.box{
  margin-top: 10px;
}
.box .top{
  background: transparent url(../img/box_top.png);
  width: 235px;
  height: 10px;
  display: block;
}
.box .mid{
  background: transparent url(../img/box_mid.png);
  width: 235px;
  display: block;
}
.box .mid .padding{
  padding: 5px 10px
}
.box .nadpis{
  color: #fff;
  font-size: 14px;
  background: transparent url(../img/box_nadpis.png) no-repeat center bottom;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.box .nadpis span{
	color:#8e0098;
}
.box .down{
  background: transparent url(../img/box_down.png);
  width: 235px;
  height: 10px;
  display: block;
}
/*******************************************************************************/
#right{
  width: 235px;
  float: left;
  display: block;
}
#right .menu{
  margin-top: 10px;
}
#right .menu .item{
  background: transparent url(../img/right_menu.png);
  width: 235px;
  height: 89px;
  display: block;
  margin-bottom: 15px;
  text-align: left;
}
#right .menu .item img{
  margin-right: 10px;
  float: left;
}
#right .menu .item a{
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: none;
  line-height: 1.3em;
}
.out{
  display: table;
  height: 89px;
  #position: relative;
  overflow: hidden;
}
.mid{
  _position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;
}
.in{
  #position: relative;
  #top: -50%
}

/*******************************************************************************/
.galerie-tab{
  width: 410px;
  display: block;
  margin: 0 auto;
}
.galerie-tab table img{
  width: 200px;
}
/*******************************************************************************/
#footer{
  width: 957px;
  display: block;
  margin: 0px auto;
  margin-top: 20px;
  margin-left: 10px;
}











body.dance{
    background:#69002b url(../img/background_hip_hop.jpg) no-repeat center top;
}
body.dance #header{
	background: transparent url(../img/header_hip_hop.jpg);
}
table.prilohy{
  border-collapse: collapse;
  border: 1px silver solid;
  width: 100%;
}
table.prilohy tr td{
  border: 1px gray solid
}
table.prilohy tr td.ico{
  width: 16px;
}
table.prilohy tr td.ext{
  width: 25px;
}
table.prilohy tr td.size{
  width: 64px;
}
.prilohy{}
.prilohy .size{
	text-align:right;
}
.prilohy .ext{
	text-align:center;
}
.prilohy .ico img{
	margin-top:4px;
}
