@charset "iso-8859-1";
html, body, div, span, h1, h2, h3, h4, p, blockquote, a, ol, ul, li {margin:0px; padding:0px;} 
h1, h2, h3, h4, blockquote, ul, ol {margin-bottom: 1em;} p, .pict, hr  {margin-bottom: 2em;}
html {	overflow-y: scroll;  }
body {color: #444; font-size: 75%; line-height:125%;
font-family: "Trebuchet MS", Geneva, Lucida, sans-serif; background:  #f3f3f3 url(../design/bg.jpg);}
 
#wrap_hdr {background: url(../design/hdr.jpg) top no-repeat;  width: 824px; margin: auto; padding:0px;}
#wrap_hdr a.home {display: block; width:800px; height:130px; text-decoration:none;}
#wrap_hdr a span {visibility: hidden;} 

#wrap_menu {padding: 8px 0 0 0; background:black; width: 100%; border-bottom:2px solid #28262E;} 
ul#mainmenu {clear:both; list-style-type:none; text-align: center; margin-bottom:8px;}
ul#mainmenu li {display:inline;  font-family: Verdana, Geneva, Lucida, sans-serif; text-transform: uppercase; padding:0 10px 0 10px; font-size: 1.3em; letter-spacing:-1px; }
ul#mainmenu a:link, ul#mainmenu a:visited {color:#fff; text-decoration:none;}
ul#mainmenu a:hover, ul#mainmenu a:active, ul#mainmenu .act {color: #bfce3d !important;}

#wrap_cont1 {width: 680px; background: #fff url(../design/cont-bg.jpg); margin:auto; margin-bottom:5em;}
#wrap_cont2 {width: 680px; background: url(../design/cont-bg-ftr.jpg) bottom no-repeat; margin:auto;}
#cont {line-height: 150%; text-align:justify;  background: url(../design/cont-bg-top.jpg) top no-repeat; padding: 45px 55px;}
#cont a:link, #cont a:visited {	color: #657c07; text-decoration: underline;font-weight: bold;}
#cont .comments {float: right; margin-right:12px; padding:0 23px 17px 0; background:url(../design/comments.png) bottom right no-repeat;}
#cont .comments a:link, #cont .comments a:visited {color: #AFAFAF; text-decoration: none;}
#cont a:hover, #cont a:active, .dict strong {color:#a12343; text-decoration:none;}
#cont a:link img, #cont a:visited img {padding:6px;  background: url(../design/img60.jpg) #e2e2e2 center no-repeat; border:0px;}
#cont a:hover img, #cont a:active img {border:5px solid #a12343; padding:1px;}

#menu {padding: 0 60px 0 30px;}
#menu a img {margin:0 20px 5px 20px;}

.link {float:left; text-align: center; margin: 5px 3px 25px 3px;}
acronym {border-bottom: 1px dashed #BF9FBD; cursor:help;}

h1 {color: #a12343;	font-size: 1.7em;	font-weight: bold; padding: 15px 20px 20px 10px;	clear: left;} 
h2 {color: #375170; font-size: 1.3em; padding: 0 0 10px 10px; text-transform: uppercase; }
.pict h2, .blok2 h2 {font-size: 1.2em; padding: 10px 0 0 15px;}
h3 {color:#375170; font-size: 1.3em; padding: 6px 0 13px 0; margin-bottom:0px; }
.novinka h3 {float: right; width: 507px; color: #a12343 !important;}
h4 {background: url(../design/h4.jpg) bottom no-repeat #000; font-size: 1.4em;	padding: 10px 0 18px 50px; text-transform: uppercase; color:#fff;}
h5 {background: #f2f2f2; font-size: 1.1em;	padding: 2px 0 2px 10px; color:#727272; border-bottom:2px solid #dedede;}

#cont ul {list-style: url(../design/odrazka.gif); margin: 10px 10px; padding: 10px 10px; line-height: 125%;}
#cont ul li,#cont ol li {margin-bottom:5px; }
#cont ol { margin: 2px 20px; padding: 2px 20px; line-height: 125%;}
#cont .novinka ol, #cont .novinka ul, #cont .novinka h5  {margin-left: 55px;}
#cont .novinka h5  {margin-left: 35px;}

#cont p.okec {padding: 10px 10px 25px 0;}
#cont p.okec img {padding:0 25px 0 30px;}
.odsadeny {padding-left:15px;}
.novinka {padding: 0 10px 35px 0; clear:both;}
.novinka p {margin: 0 0 12px 50px;}

.dat_ind {font-size: 9px ; padding: 0; margin:0; letter-spacing: 1px; font-weight: bold;}
.bottom {border-top: 2px dotted #DDDBC8; margin: 30px 0 40px 15px; font-size: 9px; padding: 3px 0 0 310px; letter-spacing: 1px;}
.datum {color: #706A57; font-size: 0.6em;}

.blok {width: 100%; padding-bottom: 25px; float: left;}
.blok1, .blok1a {width: 160px; padding: 0 0 20px 0; float: left; text-align: center; vertical-align: top;}
.blok2 {float:left; width: 300px;}
.blok2a {float:left; width: 330px; padding: 3px 0 0 25px;}
#cont .blok1a a img  {border: 0px solid #FFF; padding: 0px;}
.blok50 {width: 47%; float: left; padding: 0 10px 0 0; text-align: left;}	

#cont .back {text-align: right; padding: 0 55px 0 0; text-transform: uppercase;}
#cont .back a:link, #cont .back a:visited, #cont .abc a:link, #cont .abc a:visited {text-decoration: none; background: #C5C5C5;	padding: 4px 6px 3px 6px; color: #fff; margin: 0;}
#cont .back a:hover, #cont .abc a:hover, #cont .back a:active, #abc .back a:active {color:#FFF !important; background: #a12343;}
 
.pict A img {margin: 13px 14px 8px 14px;}
.ramik img, .blok1 img, .blok50 img {border:2px solid #ddd; padding:1px; background:#555;}
.icons img {margin:12px;}
#outer .icons {text-align: left;}

textarea {border: 1px solid #DBDBDB; font-family: "Trebuchet MS", Geneva, lucida, sans-serif; }
input[type=text], input[type=submit] {border: 1px solid #B1B1B1; background:white; font-size: 100%;}
input[type=submit]:hover {border: 1px solid #DBDBDB;}
.commsg {padding:12px 18px 12px 18px; background:#ececec; line-height: 125%;}
.comhdr {padding: 5px 0 0 70px; margin: 0 0 25px 20px; background: url(../design/arrow.gif) 20px 0 no-repeat;  }
.addcom td {padding:3px;}

div.db{float: left; width: 40px; text-align: center;line-height: 1em; background: url(../design/date.png) no-repeat top center; margin: 0 12px 0 0; padding: 8px 0 6px 0;}
span.dbmon, span.dbyear{display: block; font-size: 9px; color: #5A5350; letter-spacing: 0.15em;}
span.dbday{display: block; font-size: 16px; color: #155a73; font-weight: bold;}	

.lyrics h2 {padding:0px;}  
.lyrics .blok3  { width: 45%; float: left; text-align: center; padding: 0 10px 0 0;}
.lyrics .blok50  {width: 49%; float: left; padding: 0 10px 0 0;}

div.hr { height: 55px; background: url(../design/hr.jpg) scroll no-repeat center;}
div.hr hr { display: none;}