body {
margin : 0 auto;
margin-top : 15px;
font-family : arial;
font-size : 12px;
background-color : #2F4558;
text-align : center;
}

.top{
margin : 0 auto;
	width : 770px;
	height : 99px;
	background-image : url(image/topweb.jpg);
	background-repeat : no-repeat;
	background-color : #ffffff;
}

.jadro{
margin : 0 auto;
margin-top : 0;
width : 768px;

border-bottom : 1px solid #ffffff;
border-top : 1px solid #ffffff;
border-right : 1px solid #ffffff;
border-left : 1px solid #ffffff;
overflow : hidden;
LINE-HEIGHT: 25px; 
text-decoration : none;
background-color : #222B2A;
padding-bottom : 0px;
}

.obalkaobsahu {
margin : 0 auto;
margin-left: 0px;
padding: 0;
width : 628px;
height : 100%;
text-align: center;
overflow : hidden;
color: #ffffff;
float: right;
}




.obsah {
margin : 0 auto;
margin-top : 10px;
padding-bottom : 30px;
width : 595px;
height : 100%;
min-height: 500px;
margin-left : 5px;
padding-left : 10px;
margin-right : 5px;
padding-right : 10px;
text-align : justify;
overflow : hidden;
LINE-HEIGHT: 16px; 
color : #B3D7EE;
text-decoration : none;
background-color : #222B2A;
}

.obsah a {
color: #ffffff;
text-decoration: underline;
}

.obsah a:hover {
text-decoration: underline;
color: #B3D7EE;
}

.obsah p, .prvni {
text-indent: 10px;
text-align: justify;
margin-top: 10px;
margin-bottom: 0px;
}

.prvni {margin-top: 0px; text-indent: 0px}

.pright {
text-align: right;
}


.obsah h1, .jadro h1 {
font-size: 17px;
margin-top: 10px;
margin-bottom: 0px;
}

.obsah h1 {text-indent: 10px; font-size: 16px}


.obsah h2 {
margin-top: 0px;
font-size: 13px;
text-indent: 10px;
font-weight: bold;
}

.obsah h4 {
margin-top: 5px;
font-size: 13px;
text-indent: 10px;
font-weight: bold;
}

.obsah h5 {
margin-top: 10px;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
text-indent: 10px;
}

.prvniradek {
margin-top: 0px;
margin-bottom: 0px;
font-size: 13px;
text-indent: 10px;
font-weight: bold;
}

.obsah h3, .novinkynadpis {
font-size: 12px;
text-indent: 10px;
font-weight: bold;
}

.novinkynadpis {
margin-top: 0px; 
text-indent: 0px;
}


.obsah img {
border: 1px solid #ffffff;
}

.picleft {
float: left;
margin: 15px 15px 6px 0px;
clear: both;
}

.picright {
float: right;
margin: 15px 0px 6px 15px;
clear: both;
}


.obsah dt {
margin : 0 auto;
margin-top : 0px;
width : 595px;
line-height : 20px;
padding-left : 8px;
text-align : justify;
overflow : hidden;
background-image: url(image/lavyroh.jpg);
background-position : 0% 0%;
background-repeat : no-repeat;
color : #B3D7EE;
text-decoration : none;
background-color : #3E729A;
font-weight: bold;
}


.obsah dd {
padding: 5px 0px 7px 0px;
}

.obsah li {
text-align: left;
}

.hr {
width: 595px;
height: 15px;
border-bottom: solid 2px #3E729A;
clear: both;
margin: 10px 0px 10px 0px;
}


.datum, .jmenoclena {
	margin : 0 auto;
margin-top : 10px;

width : 595px;
line-height : 20px;
font-weight : bold;
padding-left : 5px;
text-align : justify;
background-image: url(image/datum.jpg);
background-repeat : no-repeat;
color : #ffffff;
text-decoration : none;

}

.novinky, .popisclena {
margin : 0 auto;
margin-top : 0px;
width : 575px;
line-height : 16px;
padding: 5px 10px 5px 10px; 
text-align : justify;
overflow : hidden;
color : #B3D7EE;
text-decoration : none;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #393d3d /* #303434 */;
}
.popisclena p {text-align: left; text-indent: 0px}
.jmenoclena {text-indent: 5px}

.popisclena img {
float: right;
margin: 6px 0px 6px 15px;
clear: both;}


.novinky a {
 color: #ffffff;
 text-decoration: underline;
}

.novinky a:hover {
color: #B3D7EE;
 text-decoration: underline;
}

.novinky p, .novinky h3 {
 text-indent: 0px;}




.menu {
display: block;
text-align : left;
float : left; 
padding-left : 0px;
margin-left : 0px;
margin-right: 0px;
margin-bottom : 15px;
padding-bottom: 20px;
width : 140px;
LINE-HEIGHT: 20px; 
text-decoration : none;
overflow : hidden;
}

.menu a, .tatokapela {
display: block;
 color: #ffffff;
HEIGHT: 20px; 
 width : 140px;
  padding-left : 8px;
  border-bottom: 1px solid #000000;
border-top: 1px solid #3C4651;
/* border-right: 1px solid #ffffff; */
text-align : left;
 text-decoration: none;
 background-color : #222B2A;
}

.menu a:hover {
display: block;
color: #23DF36;
padding-left : 8px;
text-align : left;
HEIGHT: 20px; 
  border-bottom: 1px solid #000000;
/*    border-right: 1px solid #ffffff;*/
border-top: 1px solid #3C4651;
 background-color : #303434;
  width : 140px;
/* text-decoration: underline; */
}

.tatokapela {
 background-color : #5381a5; 
 color: #ffffff;
 
 }


.nadmenu {
display: block;
font-weight : bold;
 color: #ffffff;
 font-size : 12px;
HEIGHT: 20px; 
 width : 140px;
 background-image: url(image/nadmenu2.jpg);
 background-repeat : repeat-x;
background-color : #238f39;
  padding-left : 8px;
/* border-right: 1px solid #ffffff; */
text-align : left;
 text-decoration: none;
margin-right: 0px;
}

.nazovkapely{
margin : 0 auto;
font-size : 20px;
color : #ffffff;
margin-top : 0px;
width : 595px;
line-height : 35px;
padding-left : 5px;
text-align : center;
overflow : hidden;
text-decoration : none;
background-color : #222B2A;
}

.hornimenu, .hornimenuforum {
margin : 0 auto;
margin-top : 0px;
margin-left: 10px;
width : 608px; 
line-height : 22px;
padding: 0px;
text-align : center;
overflow : hidden;
text-decoration : none;
border-right: 2px solid #5381a5;
background-color: #5381a5;
 /*  background-image: url(image/lavyroh.jpg);
 background-position : 0% 0%;
 background-repeat : no-repeat;*/

}

.hornimenu a, .hornimenuforum a, .tatodiskuse {
 float: left;
 margin: 0;
 color: #ffffff;
font-weight : normal;
HEIGHT: 20px; 

 background-color : #3E729A;
 padding-left : 22px;
 padding-right : 23px;
 border-left: 2px solid #5381a5;
 border-top: 2px solid #5381a5;
 border-bottom: 2px solid #5381a5;
 text-decoration: none;

}

.hornimenu a:hover, .hornimenuforum a:hover, .tatodiskuse {
color: #B3D7EE;
font-weight : normal;
background-color: #5381a5;
}

.hornimenuforum a, .tatodiskuse {
padding-left : 17px;
 padding-right : 17px;
 }

.hornimenuforum {
 text-align: center;
 width: 383px; 
 _width: 383px;
 margin-top: 3px;
 margin-left: 100px;
 _margin-left: 100px }

.hornimenuforum a:hover {text-decoration: none}

.nahoru {
float: right;
text-align : right;
font-weight: bold;
text-decoration: none;
margin : 0 auto;
margin-top : 20px;
margin-bottom: 0px;
padding-bottom: 0px;
width : 8em;
line-height : 20px;
padding-right : 8px;
overflow : hidden;
background-image: url(image/lavyroh.jpg);
background-position : 0% 0%;
background-repeat : no-repeat;
text-decoration : none;
background-color : #3E729A;
}

.nahoru a {
 color: #ffffff;
 text-decoration: underline;
}

.nahoru a:hover {
color: #B3D7EE;
 text-decoration: underline;
}



.bottom {
 color: #ffffff;
height : 40px;
font-weight : bold;
text-align : center;
line-height : 40px;
 text-decoration: none;
}

.bottom a {
 color: #ffffff;
 text-decoration: none;
}

.bottom a:hover {
color: #23DF36;
 text-decoration: underline;
}

/* styl pro anketu a diskografii */

.anketanadpis {
margin-top: 10px;
text-align: center;
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
}



.cent {margin-left: 17px}

.disk-cent {margin-left: 17px}
.disk-cent a {
  text-decoration: none;
  color: #B3D7EE;
  background-image: url(image/info.gif);
  background-position: 95% 95%;
  background-repeat: no-repeat; }
.disk-cent a:hover {
  text-decoration: none;
  /* border-color: #000000 #3C4651 #3C4651 #000000; */
  background-color: #222B2A /* #303434 */;}



.disk-nadpis {
clear: both;
font-weight: bold;
margin: 0 auto;
overflow: hidden;
background-color : #3E729A;
width: 595px;
text-align: center;
font-size: 13px;
line-height: 22px;
margin-top: 10px;
background-image: url(image/obarohy.jpg);
background-repeat: no-repeat;
}

.upresneni {

margin : 0 auto;
margin-top : 5px;
width : 535px;
line-height : 16px;
padding: 5px 10px 5px 50px; 
text-align : justify;
overflow : hidden;
color : #B3D7EE;
text-decoration : none;
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000; 
border-left: 1px solid #3C4651;
border-top: 1px solid #3C4651;
background-color: #393d3d;
background-image: url(image/cd.jpg);
background-position: 2% 50%;
background-repeat: no-repeat;
}

.upresneni li {list-style-position: inside;}

.komentare, .komentare2 {
width: 288px;
clear: both;
float: right;
margin-top: 5px;
margin-bottom: 25px;
list-style-position: inside;
}
.komentare2 {
width: 214px;
}

.disk-album, .card-left, .card-right, .card-invisible {
       float: left;
       width: 160px;
       height: 200px;
       overflow: auto;
       margin: 5px 5px 5px 5px;
       padding: 6px 7px 1px 7px;
       text-align: center;
       background:  #393d3d; 
       border-right: 1px solid #000000; 
       border-bottom: 1px solid #000000; 
       border-top: 1px solid #3C4651; 
       border-left: 1px solid #3C4651; 
   
       }
.disk-album {
       border-right: 1px solid #000000; 
       border-bottom: 1px solid #000000; 
       border-top: 1px solid #3C4651; 
       border-left: 1px solid #3C4651; 
       height: 215px; 
       }

    .card-right {
       float: right;
       margin: 0 0 15px 15px;
       }
    
    .disk-nazev, .disk-druh, .disk-rok, .card-kapela, .cardalbum, .card-rok {
       text-indent: 0px;
       }
    .disk-nazev, .card-kapela {
       font-size: 13px;
       font-weight: bold;
       margin-bottom: 4px;
       margin-top: 0px;
       }
    .disk-nazev {
       height: 35px;
       display: table;
       _position: relative;
       overflow: hidden;
       }
    .obalkanazvu1 {
       width: 160px;
       text-align: center;
       _position: absolute;
       _top: 50%; 
       _left: 50%;
       display: table-cell; 
       vertical-align: middle;
       }
    .obalkanazvu2 {
       width: 160px;
       text-align: center;
       _position: relative;
       _top: -50%;
       _left: -50%;
       }
    .card-album {
       margin-top: 8px;
       font-weight: bold;
       font-size: 11px;
       }
    .disk-druh {
       margin-top: 8px;
       font-weight: normal;
       font-size: 11px;
       }
    .disk-rok, .card-rok {
       text-align: center;
       font-size: 11px;       
       }

    .disk-album, .disk-nazev {
       text-decoration: none;}

    .card-invisible {
       visibility: hidden;
       }



.zebricekporadi, .zebricekalbum, .zebricekrok, .zebricekhlasy, .zebricekhlasujici {
       background: #3E729A;
       border: 1px solid #3E729A;
       margin: 0px;
       padding: 4px;
       font-face: verdana;
       font-size: 12px;
       color: #fff; }

    .zebricekporadi {
       width: 15px;
       background-image: url("image/lavyroh.jpg");
       background-position: 0% 0%;
       background-repeat: no-repeat;
       border-left: 0px;
       border-top: 0px;}


    .zebricekhlasy {
       width: 15px}

    .zebricekrok {
       width: 50px }

    .zebricekhlasujici {
       background-image: url("image/roh.jpg");
       background-position: 100% 0%;
       background-repeat: no-repeat;
       border-right: 0px;
       border-top: 0px;
       width: 30% }
       
    .zebricek, .zebricekporadi2 {
       vertical-align: top;
       text-align: left;
       background: #393d3d;
       border: 1px solid #3E729A;
       margin: 0px;
       padding: 4px;
       font-face: verdana;
       font-size: 12px; }

    .zebricekporadi2 {
       background: #3E729A; 
       font-weight: bold;
       color: #fff;
       }

.original {
 width: 47%;
 padding-right: 10px;
 padding-top: 10px;
 float: left;}

.original h1, .original h2, .original p {text-indent: 0px; text-align: right}
.original h2 {margin-top: 20px}


.preklad {
 width: 47%;
 padding-left: 10px;
 float: right; 
 padding-top: 10px;
}

.preklad h1, .preklad h2, .preklad p {text-indent: 0px; text-align: left}
.preklad h2 {margin-top: 20px}

img.sipky {border-width: 0px}