/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: black url(../img/bg-body.png) repeat-x 0 0; }

.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 50% 0; }

/* Layout */
.row { float: left; width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.col-main { margin-left: -720px; width: 482px; }
.col-side-left { margin-left: -950px; width: 209px; }
.col-side-right { margin-left: -218px; width: 209px; }

#mother { width: 961px; margin: 0 auto; }
#main { background: #231f20; color: white; position: relative; padding-top: 10px; margin-bottom: 20px; zoom: 1;}


/* Header */
#header {  position: relative; }
#header .motive { width: 100%; height: 266px; background: white url(../img/bg-motive.jpg) no-repeat 0 0; }


#logo { width: 300px; height: 110px; position: absolute; left: 0; top: 266px; z-index: 8; }
#logo a img { display: block; }

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* Main menu*/
#main-menu { margin: 0 0 0 auto; width: 671px; height: 119px; }
#main-menu ul { float: left; margin: 0; padding-bottom: 0; width: 100%; }
#main-menu ul li { display: block; float: left; margin: 0; padding: 0;  zoom: 1; _display: inline; position: relative; }
#main-menu ul li a { display: block; float: left; margin: 0; padding: 0; color: #000; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; height: 119px; position: relative; xoverflow: hidden; }
#main-menu ul li a:hover { color: blue; }
#main-menu ul li a .sprite { background-position: 0 -20px; }
#main-menu ul li a .sprite .shade { position: absolute; top: 0; right: -5px; width: 5px; height: 100%; background: url(../img/bg-main-menu-li-shade.png) no-repeat 0 0; =display: none; }

#main-menu ul li a:hover .sprite { cursor: pointer; }
#main-menu ul li.active a .sprite { background-position: 0 0; cursor: default; }
#main-menu ul li.active a .sprite .shade { opacity: 1; }

li.mi-aktuality a { width: 134px; }
li.mi-aktuality a .sprite { background-image: url(../img/mi-aktuality.png); }
li.mi-alba a { width: 134px; }
li.mi-alba a .sprite { background-image: url(../img/mi-alba.png); }
li.mi-antologie a { width: 134px; }
li.mi-antologie a .sprite { background-image: url(../img/mi-antologie.png); }
li.mi-download a { width: 134px; }
li.mi-download a .sprite { background-image: url(../img/mi-download.png); }
li.mi-kontakt a { width: 134px; }
li.mi-kontakt a .sprite { background-image: url(../img/mi-kontakt.png); }
li.mi-klipy a { width: 134px; }
li.mi-klipy a .sprite { background-image: url(../img/mi-klipy.png); }

#footer { border: 1px solid #534f4f; background: #413e3e url(../img/bg-footer.png) repeat-x 0 100%; padding: 15px 20px; color: white; }
#footer p { margin: 0; }
#footer a.sep { padding: 15px 20px; background: #2b2828; border: 1px solid #534f4f; border-width: 0 1px; margin: -15px 20px; display: -moz-inline-stack; display: inline-block;  =display: inline; zoom: 1; =position: relative; vertical-align: top; text-transform: uppercase; }

.breadcrumb { font-size: 92.31%; padding: 5px 0 3px; margin: 0; }
.breadcrumb p { margin: 0; }
.breadcrumb a { background: url(../img/bullet-default.png) no-repeat 100% 55%; padding-right: 13px; margin-right: 5px; }

.annot { font-size: 100%; margin-bottom: 1.462em; }

h2.txt-img { border-bottom: 1px solid #000000; margin: 5px 0 10px; zoom: 1;}
h2.txt-img img { display: block; margin-bottom: 5px;}

.news {}
.news ul { margin: 0; padding: 0; }
.news ul li { margin: 0 0 10px; padding: 0; background: url(../img/bg-news-li-mid.png) repeat-y 0 0; zoom: 1; }
.news ul li .top { height: 5px; background: url(../img/bg-news-li-top.png) no-repeat 0 0; font-size: 0; overflow: hidden; }
.news ul li .bot { height: 5px; background: url(../img/bg-news-li-bot.png) no-repeat 0 100%; font-size: 0; overflow: hidden; }
.news ul li .text-box { padding: 10px; zoom: 1; }
.news ul li .text-box .date { margin: 0; color: #88703c; font-size: 84.615%;  }
.news ul li .text-box h2 { margin: 0 0 10px; padding: 0; }
.news ul li .text-box p { margin: 0; }
.news h2.novinka_nadpis {
  color: #BEA671;
}

/* Side box */
.side-box { margin-bottom: 10px; line-height: 1.3; }
.side-box h2 { margin: 0; border-bottom: 6px solid #a08346; }
.side-box h2 img { display: block; margin: 0; padding: 0; }
/*.side-box .inner { background: white; color: #231f20; border: 1px solid #cac9ca; padding: 9px; zoom: 1; }*/
.side-box .inner { background: #F1E8D4; color: #231f20; border: 1px solid #cac9ca; padding: 9px; zoom: 1; }
.side-box p { margin: 0 0 5px 0; }

.newsletter input { vertical-align: middle; }
.newsletter input#email { width: 130px; }

ul.songs { margin: 0; padding: 0; }
ul.songs li { margin: 0; padding: 5px 0; border: 1px solid #cac9ca; border-width: 1px 0; }
ul.songs li.even { background: #ebebeb; border-color: white; }
ul.songs li a, ul.songs li a:visited { background: url(../img/bullet-songs.png) no-repeat 0 50%; padding-left: 23px; color: #231f20; 
text-transform: uppercase; }

/* Related images */
.related-images { position: relative; margin-bottom: 30px; zoom: 1; }
.related-images h2 { text-transform: uppercase; margin-top: 0;  }
.related-images .inner ul { margin: 0 0 20px; padding: 0; width: 100%; float: left; }
.related-images .inner ul li { margin: 0 0 0 20px; padding: 0; width: 105px; float: left; background: none; overflow: hidden; }
.related-images .inner ul li.first { margin-left: 0; }
.related-images .inner ul li img { display: block; padding: 5px; background: #ffffff; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: "Trebuchet MS", Arial, sans-sserif; }

.form-box { padding: 20px 20px 12px 20px; background: #efefef; zoom: 1; }
.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; background: #FDF5F1; padding: 5px 5px 5px 10px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC; border: 1px solid #C6E528;}

/* File icons */
ul.files li { background-repeat: no-repeat; background-position: 0 2px; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.ico-file-ai {background-image: url("../img/file-icons/ico-file-ai.png");}
.ico-file-avi {background-image: url("../img/file-icons/ico-file-avi.png");}
.ico-file-bmp {background-image: url("../img/file-icons/ico-file-bmp.png");}
.ico-file-cdr {background-image: url("../img/file-icons/ico-file-cdr.png");}
.ico-file-doc {background-image: url("../img/file-icons/ico-file-doc.png");}
.ico-file-dxf {background-image: url("../img/file-icons/ico-file-dxf.png");}
.ico-file-exe {background-image: url("../img/file-icons/ico-file-exe.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-html {background-image: url("../img/file-icons/ico-file-html.png");}
.ico-file-jpg {background-image: url("../img/file-icons/ico-file-jpg.png");}
.ico-file-mp3 {background-image: url("../img/file-icons/ico-file-mp3.png");}
.ico-file-pdf {background-image: url("../img/file-icons/ico-file-pdf.png");}
.ico-file-png {background-image: url("../img/file-icons/ico-file-png.png");}
.ico-file-ppt {background-image: url("../img/file-icons/ico-file-ppt.png");}
.ico-file-psd {background-image: url("../img/file-icons/ico-file-psd.png");}
.ico-file-rtf {background-image: url("../img/file-icons/ico-file-rtf.png");}
.ico-file-qt {background-image: url("../img/file-icons/ico-file-qt.png");}
.ico-file-ra {background-image: url("../img/file-icons/ico-file-ra.png");}
.ico-file-swf {background-image: url("../img/file-icons/ico-file-swf.png");}
.ico-file-tif {background-image: url("../img/file-icons/ico-file-tif.png");}
.ico-file-txt {background-image: url("../img/file-icons/ico-file-txt.png");}
.ico-file-xls {background-image: url("../img/file-icons/ico-file-xls.png");}
.ico-file-zip {background-image: url("../img/file-icons/ico-file-zip.png");}
.ico-file-unknown {background-image: url("../img/file-icons/ico-file-unknown.png");}