p, h1, h2, h3, h4, h5, ul, ol, form, fieldset {margin: 0; padding: 0;}

.clr {clear: both; height: 1px; display: block; font-size: 1px;}
.fl {float: left;}
.fr {float: right;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}

body {margin: 0; padding: 0; text-align: center; font-family: arial, sans-serif; font-size: 0.9em; background: #000 url(../images/layout/backgrounds/background.jpg) 50% 0 no-repeat; scrollbar-track-color: #420404; scrollbar-face-color: #930909; scrollbar-highlight-color: #930909; scrollbar-3dlight-color: #420404; scrollbar-darkshadow-color: #420404; scrollbar-shadow-color: #930909; scrollbar-arrow-color: #fcfdac;}
hr {height: 11px; margin-bottom: 20px; *margin-bottom: 13px; background-color: #ddde96; color: #ddde96; border: 0;}
a {}
img {border: none;}



#site {margin: auto; width: 800px; padding-bottom: 20px; text-align: left;}
#top {position: relative; height: 243px; text-align: right; background: #930909 url(../images/layout/backgrounds/top.gif) 0 0 no-repeat;}
#top h1.est {position: absolute; top: 65px; left: 36px; text-align: center; color: #fcfdac; width: 204px; height: 85px; overflow: hidden;}
#top h1.est span {position: absolute; top: 0; left: 0; width: 204px; height: 85px; background: url(../images/layout/headings/top_h1_est.gif) 0 0 no-repeat;}
#top h1.lub {position: absolute; top: 94px; left: 547px; text-align: center; color: #fcfdac; width: 222px; height: 79px; overflow: hidden;}
#top h1.lub span {position: absolute; top: 0; left: 0; width: 222px; height: 79px; background: url(../images/layout/headings/top_h1_lub.gif) 0 0 no-repeat;}
#top h2 {position: absolute; top: 184px; left: 54px; width: 641px; height: 27px; overflow: hidden;}
#top h2 span {position: absolute; top: 0; left:0; width: 641px; height: 27px; background: url(../images/layout/headings/top_h2.gif) 0 0 no-repeat;}
#top a {position: relative; top: -1px; color: #930909; font-size: 0.7em; text-decoration: none;}
#top a:hover {text-decoration: underline;}

#menu {position: relative; height: 37px; background: #420404;}
#menu ul {padding-left: 18px;}
#menu li {text-align: center; float:left; display: inline; position: relative; }
#menu li a {line-height: 37px; display: block; color: #fcfdac; text-decoration: none; cursor: pointer; cursor: hand;}
#menu li a:hover {background: #930909; color: #fcfdac;}
#menu li a:hover span, #menu li a.act span {background-position: 0 -37px;}
#menu li span {position: absolute; top: 0; left: 0; height: 37px; background-position: 0 0; background-repeat: no-repeat;}
#menu li.divider {width: 3px; margin: 0 3px 0 3px;}
#menu li.m1 {width: 72px;}
#menu li.m2 {width: 107px;}
#menu li.m3 {width: 118px;}
#menu li.m4 {width: 80px;}
#menu li.m5 {width: 80px;}
#menu li.m6 {width: 101px;}
#menu li.m7 {width: 112px;}
#menu li.m8 {width: 94px;}
#menu li.divider span {width: 3px; background-image: url(../images/layout/crumbs/menu_divider.gif);}
#menu li.m1 span {width: 72px; background-image: url(../images/layout/nav/m1.gif);}
#menu li.m2 span {width: 107px; background-image: url(../images/layout/nav/m2.gif);}
#menu li.m3 span {width: 118px; background-image: url(../images/layout/nav/m3.gif);}
#menu li.m4 span {width: 80px; background-image: url(../images/layout/nav/m4.gif);}
#menu li.m5 span {width: 80px; background-image: url(../images/layout/nav/m5.gif);}
#menu li.m6 span {width: 101px; background-image: url(../images/layout/nav/m6.gif);}
#menu li.m7 span {width: 112px; background-image: url(../images/layout/nav/m7.gif);}
#menu li.m8 span {width: 94px; background-image: url(../images/layout/nav/m8.gif);}


#homepage {padding: 30px 50px 25px 50px; background: #fcfdac; min-height: 450px; _height: 450px;}
#homepage p {text-align: justify; color: #420404;}
#homepage h1 {font-size: 1.8em; color: #930909; margin-bottom: 20px;}
/* #homepage p {font-size: 0.9em; text-align:justify;}
#homepage h2 {position: relative; height: 20px; width: 519px; overflow: hidden; color: #00a4e8; font-size: 1.8em; font-weight: normal;}
#homepage h2 span.seal {position: absolute; top:0; left:0; background-image: url(../images/layout/headings/h2seal.gif); height: 20px; width: 519px;}
#homepage h3 {font-size: 0.9em; font-weight: bold;}
#homepage h4 {margin-bottom: 4px; color: #2e2e2e;}
#homepage ul {margin: 0 0 15px 30px;}
#homepage li {line-height: 1.8em; list-style-image: url(../images/layout/crumbs/liststyle.gif);} */

#home-welcome p {line-height: 24px;  margin-bottom: 20px; *margin-bottom: 13px;}
#home-welcome a {color: #420404; font-weight: bold; font-size: 0.9em;}


#home-news img {float: left; margin: 4px 10px 10px 0; border: solid 6px #ddde96;}
#home-news p {font-size: 0.9em; line-height: 18px;}
#home-news a {color: #420404;}
#home-news h2 {color: #930909; font-size: 1em; margin-bottom: 4px;}
#home-news h2 small {color: #be3535; padding-right: 4px; margin-right: 4px; border-right: solid 2px #c4c584;}
#home-news .newie {float: left; width: 337px; /*height: 115px;*/ margin-bottom: 18px;}
#home-news .nl {margin-right: 26px;}

/*stripe*/
#stripe {position: relative; height: 288px; background: #fcfdac url(../images/layout/backgrounds/stripe.gif) 0 20px no-repeat;}
#stripe h2.album {float: left; padding-left: 90px; height: 18px; margin-bottom: 13px; color: #930909; font-size: 1em; text-transform: uppercase;}
#stripe h2.vystoupeni {float: left; padding-left: 216px; height: 18px; margin-bottom: 13px; color: #930909; font-size: 1em; text-transform: uppercase;}
#stripe a.shall {position: absolute; top: 182px; *top: 186px; right: 0; color: #420404; font-size: 0.7em; font-weight: bold;}
#stripe a.news {display: block; position: absolute; top: 203px; *top: 207px; right: 0px; width: 210px; height: 29px; padding: 12px 0 0 20px; background: #930909 url(../images/layout/nav/send-novinky.gif) 0 0 no-repeat; text-decoration: none; font-size: 0.9em; font-weight: bold;}

/*slideshow*/
#slideshow {position: relative; float: left; width: 271px; height: 167px; margin: 0 0 0 52px; _margin: 0 0 0 26px;}
#slideshow a#left {position: absolute; width: 32px; height: 39px; top: 63px; left: 0; font-size: 2em; color: #fff; overflow: hidden; cursor: pointer;}
#slideshow a#right {position: absolute; width: 32px; height: 39px; top: 63px; left: 238px; font-size: 2em; color: #fff; overflow: hidden; cursor: pointer;}
#slideshow a#left span {position: absolute; width: 32px; height: 39px; top: 0px; left: 0px; background: url(../images/layout/crumbs/leftarrow.gif) 0 0 no-repeat;}
#slideshow a#right span {position: absolute; width: 32px; height: 39px; top: 0px; left: 0px; background: url(../images/layout/crumbs/rightarrow.gif) 0 0 no-repeat;}
#refimgs {position: relative; margin: auto; width: 169px; height: 167px; text-align: center; overflow:hidden;}
#refimgs a {cursor: pointer; cursor: hand;}
#slideshow .jq-ss-crop {float:left;}
#images {width: 1000px;}
/*#images img{margin: 0 2px;}*/

#sub {padding: 30px 50px 0 50px; background: #fcfdac; min-height: 450px; _height: 450px;}
#sub h1 {font-size: 1.8em; color: #930909; margin-bottom: 20px;}
#sub h2 {font-size: 1.4em; color: #be3535;}
#sub h3 {font-size: 1.1em; color: #be3535;}
#sub table h3, #sub table h4, #sub table h2 {margin-top: 10px;}
#sub p {line-height: 24px; text-align: justify; color: #420404; margin: 0 0 20px 0;}
#sub a {color: #420404; font-weight: bold; font-size: 0.9em;}
#sub a.btn {padding: 5px 20px; color: #fcfdac; background: #930909; font-size: 0.9em; text-decoration: none; font-weight: normal;}
#sub ul,ol {margin: 0 0 2em 10px; color: #420404;}
#sub li {padding: 5px 0;}
#sub li li {font-size: 0.9em;}
#sub ul li {padding-left: 22px; list-style: none; background: url(../images/layout/crumbs/libig.gif) 0 8px no-repeat;}
#sub ol li {padding-left: 0; margin-left: 22px; list-style-type: decimal; background-image: none;}
#sub li ul li {margin-left: 0; padding-left: 22px; list-style: none; background: url(../images/layout/crumbs/lismall.gif) 0 9px no-repeat;}
#sub li ol, #sub li ul {margin-bottom: 0;}
#sub img {border: 8px solid #ddde96;}
#sub img.imgl {float: left; margin: 6px 15px 10px 0;}
#sub img.imgr {float: right; margin: 6px 0 10px 15px;}

#sub table {width: 100%; margin-bottom: 15px; border-collapse: collapse;}
#sub table td {vertical-align: top;}

#sub table.common {width: 100%; margin-bottom: 15px; border-collapse: collapse;}
#sub table.common th {background: #930909; color: #fcfdac; padding: 8px 5px; font-size: 0.9em; border: 1px solid #fcfdac; }
#sub table.common td {color: #420404; background: #ddde96; padding: 5px; border: 1px solid #fcfdac;}
#sub table.common td.distinct {color: #c3473f; font-weight: bold;}
#sub form {color: #420404; margin-bottom: 2em; font-size: 0.9em;}
#sub form fieldset {padding: 15px; border: none; background: #ddde96;}
#sub form input.btn {cursor: pointer; margin-top: 10px; padding: 5px 20px; *padding: 3px 3px; color: #fcfdac; background: #930909; border: 0;}
#sub form input.objednat {float: right; margin-top: -8px; *margin-top: 9px;}
#sub form label.error {display: none; color: #930909;}
/*výpis novinek*/
#sub h2.newslist {color: #930909; font-size: 1em; margin-bottom: 4px;}
#sub h2.newslist small {color: #be3535; padding-right: 4px; margin-right: 4px; border-right: solid 2px #c4c584;}
#sub img.newslist {float: left; margin: 4px 10px 10px 0; border: solid 6px #ddde96;}
#sub p.newslist {font-size: 0.9em; line-height: 18px; margin-bottom: 0;}
#sub p.newslist a {color: #420404; font-weight: normal;}

#vystoupeni {position: relative; float: left; width: 240px; height: 159px; margin: 0 0 0 33px; padding: 5px 65px 3px 90px; background: #930909 url(../images/layout/backgrounds/vystoupeni.gif) 0 0 no-repeat;}
#vystoupeni li {list-style: none; color: #fcfdac; font-size: 0.75em; line-height: 22px;}
#vystoupeni li big {position: absolute; width: 40px; left: 20px; *margin-top: -5px; text-align: right; font-weight: bold; font-size: 1.3em;}
#vystoupeni a {position: absolute; right: 32px; *margin-top: -5px;  color: #fcfdac;}

#cd  {position: relative; min-height: 560px; _height: 560px; background: #fcfdac url(../images/layout/backgrounds/cd.gif) 0 0 no-repeat;}
#cd h2 {font-size: 1.4em; color: #930909; margin-bottom: 10px;}

#tracklist {position: relative; float: left; width: 290px; *width: 285px; height: 270px; padding-left: 30px; *padding-left: 35px; margin: 32px 0 0 50px; _margin: 32px 0 0 25px; overflow: auto;}
#tracklist li {font-weight: bold; color: #930909; line-height: 24px; }
#tracklist li span {color: #fcfdac; font-weight: normal; }
#tracklist a {position: absolute; right: 32px; font-size: 0.9em; font-weight: normal; margin-top: -1px; *margin-top: -6px;  color: #fcfdac;}

#obal {float: left; width: 292px; height: 292px; margin: 22px 0 0 65px;}

#othercd {margin: 50px 0 0 0; padding: 0 50px 0 50px;}
#othercd .othercd-item {float: left; margin-right: 38px; _margin-right: 22px; width: 106px;}
#othercd .othercd-item h3 {font-size: 1em; font-weight: bold; margin-bottom: 30px;}
#othercd .othercd-item a {color: #660606; text-decoration: none;}
#othercd .othercd-item a:hover {text-decoration: underline;}
#othercd .othercd-item a:hover h3 {text-decoration: underline;}
#othercd .othercd-item a:hover img {border-color: #930909;}
#othercd .last {margin-right: 0;}
#othercd .othercd-item img {border: solid 8px #660606; margin-bottom: 5px;}

#sellform .sellitem {position: relative; width: 700px; height: 75px; margin-bottom: 15px; background: url(../images/layout/backgrounds/sellitem.gif) 0 0 no-repeat;}
#sellform .sellitem img {float: left; margin: 5px 0 0 6px; border: 0;}
#sellform .sellitem a {color: #930909; font-size: 1em; text-decoration: none;}
#sellform .sellitem a:hover {text-decoration: underline;}
#sellform .sellitem span {float: left; padding: 15px 0 0 30px;}
#sellform .sellitem span h2 {padding-bottom: 3px; color: #420404; font-size: 1.4em;}
#sellform .sellitem span h2 small {position: absolute; right: 60px; top: 30px; font-size: 0.7em; text-align: right;}
#sellform .sellitem input {position: absolute; right: 20px; top: 28px; *top: 27px;}
#sellform label {color: #420404; font-size: 0.9em; text-align: right; padding-right: 22px;}
#sub #sellform fieldset {position: relative; border: 0; margin-top: 25px; padding: 15px 0; background: #ddde96;}
#sellform fieldset input {border: 0; margin-bottom: 3px; *margin-bottom: 1px;}
#sellform fieldset input.btn {position: absolute; bottom: 0; right: 20px; width: 230px; height: 52px; color: #fcfdac; font-size: 0.8em; font-weight: bold; text-transform: uppercase; background: #930909 url(../images/layout/nav/send-large.gif) 0 0 no-repeat; cursor: pointer;}
#sellform fieldset input.btn {bottom: 15px \9}
#sellform label.error {display: none; color: #930909;}

#menu-gallery a {position: relative; float: left; display: block; width: 338px; height: 165px; text-decoration: none; cursor: pointer;}
#menu-gallery a img {border: 0;}
#menu-gallery a.galm-left {background: url(../images/layout/nav/gallery_bgl.gif) 0 0 no-repeat;}
#menu-gallery a.galm-left:hover {background-position: 0 -165px;}
#menu-gallery a.galm-right {margin-left: 24px; background: url(../images/layout/nav/gallery_bgr.gif) 0 0 no-repeat;}
#menu-gallery a.galm-right:hover {background-position: 0 -165px;}
#menu-gallery a.galm-left img {width: 168px; height: 112px; position: absolute; top: 26px; left: 31px;}
#menu-gallery a.galm-left span {position: absolute; top: 52px; right: 15px; text-align: right; color: #fcfdac; font-size: 1.3em; font-weight: bold;}
#menu-gallery a.galm-right img {width: 168px; height: 112px; position: absolute; top: 26px; right: 31px;}
#menu-gallery a.galm-right span {position: absolute; top: 52px; left: 15px; text-align: left; color: #fcfdac; font-size: 1.3em; font-weight: bold;}

#galerka a {width: 162px; float: left; margin-right: 17px; text-decoration: none; margin-bottom: 20px;}
#galerka a.last {margin-right: 0;}
#galerka a img {border: solid 8px #ddde96;}
#galerka a span.title {padding: 0 8px; display: block; color: #930909; font-size: 1.1em; font-weight: bold;}
#galerka a span.descr {padding: 0 8px; display: block; font-size: 0.9em; color: #000; font-weight: normal;}
#galerka a:hover span {text-decoration: underline;}
#galerka a:hover span.descr {text-decoration: none;}
#galerka a:hover {*text-decoration: underline;}
#galerka .video {float: left; width: 336px; height: 272px;}
#galerka .vleft {margin-right: 28px;}


#footer {position: relative; height: 15px; padding: 4px 8px; background: #ddde96}
#footer p {color: #930909; font-size: 0.75em;}
#footer p a {position: absolute; right: 8px; color: #420404; text-decoration: none;}

.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}
.w210 {width: 210px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}