/*
9px  - .750em          
10px - .833em
11px - .917em
12px - 1em
13px - 1.083em
14px - 1.167em
15px - 1.250em
16px - 1.333em
17px - 1.417em
18px - 1.500em
19px - 1.583em
20px - 1.667em
21px - 1.750em
22px - 1.833em
23px - 1.917em
24px - 2.000em
*/   
html{font-size:100.01%;} 
body{
font-size:.750em;
font-family:arial,tahoma,sans-serif;
color:#595959;
margin:0;
padding:0;
text-align:center;
background:#fff;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#623984;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
#page{
width:940px;
margin:30px auto 0;
text-align:left;
position:relative;
padding:0;
line-height:1.4;
}
/*HEADER begin*/
#header{
width:940px;
height:190px;
position:relative;
}
#header h2 a{
width:254px;
height:42px;
}
#header h2 a span{
width:254px;
height:42px;
background:url(../gfx/header-logo.gif);
}
ul#headlineList{
position:absolute;
top:-3px;
left:272px;
font-size:10px;
}
ul#headlineList li{
padding:0 0 3px;
}
ul#subHeadline{
position:absolute;
top:56px;
left:0;
width:426px;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding:10px 0;
font-size:10px;
}
ul#subHeadline a{
color:#595959;
}
ul#subHeadline li{
float:left;
border-left:1px solid #595959;
line-height:1.1;
padding:0 10px;
margin:0;
}
ul#subHeadline li.first{
border:0;
padding:0 10px 0 0;
}
/*HEADER end*/

/*NAVIGATION begin*/
#navigation{
color:#623984;
position:absolute;
top:96px;
left:0;
font-size:10px;
}
#navigation .separator{
margin:0 4px;
}
/*NAVIGATION end*/

/*MENU begin*/
#menu{
width:468px;
min-height:116px;
background:url(../gfx/menu-bg.gif) no-repeat left bottom;
color:#000;
font-size:11px;
position:absolute;
top:0;
right:0;
}
* html #menu{
height:116px;
}
#menu a{
color:#000;
text-decoration:none;
}
#menu a:hover{
color:#7845a1;
}
#menu h4.dekor{
width:12px;
height:44px;
position:absolute;
bottom:-12px;
left:-12px;
}
#menu h4.dekor span{
width:12px;
height:44px;
background:url(../gfx/dekor-menu.gif);
}
#menu ul#menuListL{
float:left;
width:224px;
padding:0 0 0 10px;
position:relative;
font-size: 13px;
}
#menu ul#menuListR{
float:right;
width:224px;
font-size: 13px;
}
#menu ul li{
border-top:1px solid #dcdcdc;
padding:3px 0 0;
margin:0;
height:19px;
position:relative;
}
#menu ul li.first{
border:0;
}
/*MENU end*/

/*SEARCH FORM begin*/
form#formSearch{
margin:0;
padding:0;
position:absolute;
top:1px;
right:0;
}
#formSearch fieldset{
font-size:10px;
background:#000;
width:155px;
height:20px;
}
#formSearch fieldset .inputText{
background:#000;
border:0;
margin:0;
width:117px;
height:14px;
padding:3px 5px;
position:absolute;
top:0;
color:#fff;
font-size:10px;
font-family:arial;
}
#formSearch fieldset .btn{
width:25px;
height:18px;
line-height:2;
border:0;
font-size:10px;
font-family:arial;
background:#000;
position:absolute;
top:0;
right:0;
color:#fff;
cursor:pointer;
}
/*SEARCH FORM end*/

/* JQUERY SELECT begin */
div.selectbox-wrapper {
position:absolute;
background-color:#000;
border:0;
margin:0px;
&margin-top:-1px;
text-align:left;
max-height:200px;
overflow:auto;
color:#fff;
z-index:1000;
width:150px;
padding:0 0px 0;
font-family:arial;
font-size:10px;
}
div.selectbox-wrapper ul {
list-style-type:none;
margin:0px;
padding:0;
width:150px;
}
div.selectbox-wrapper ul li.selected { 
background-color:#7845a1;
}
div.selectbox-wrapper ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px 6px 0 !important;
cursor:pointer;
}
.selectbox{
font-size:10px;
width:140px;
display:block;
text-align:left; 
background:url(../gfx/select.gif) right;
padding:3px 5px 0;
height:17px;
cursor:pointer;
border:0;
color:#fff;
font-family:arial;
font-size:10px;
letter-spacing:0px !important;
}
select{
background: url(../gfx/select.gif) right;
}
#selectBlock{
position:absolute;
top:47px;
&top:46px;
left:84px;
z-index:5000;
}
body#hp #selectBlock{
left:62px;
}
/* JQUERY SELECT end */


#content{
width:940px;
padding-bottom:20px;
}

/*MAIN COL begin*/
#mainCol{
width:770px;
float:left;
}
body#hp #mainCol{
width:785px;
}
.perex{
width:754px;
min-height:200px;
padding:8px;
background:url(../gfx/perex-bg.gif) no-repeat left bottom;
margin:0 0 8px;
}
* html .perex{
height:200px;
}
.perex img.fl{
margin:0 10px 0 0;
}
#mainCol h1{
color:#7d41a0;
font-size:20px;
font-weight:normal;
padding:0 0 4px;
margin:0;
line-height:1.2;
text-transform:uppercase;
}
#mainCol p{
padding:8px 0 0;
}
#mainCol h2{
color:#7e41a0;
font-size:16px;
font-weight:bold;
padding:8px 0 0;
}
#mainCol h3{
color:#595959;
font-size:14px;
font-weight:bold;
padding:0px 0 0;
}
.black{
color:#000 !important;
}
/*MAIN COL end*/

/*RIGHT COL begin*/
#rightCol{
width:123px;
float:right;
}
.rightBox{
width:105px;
position:relative;
float:right;
margin:0 0 30px;
}
.rightBox h4.dekor,.novinkyMain h4.dekor{
position:absolute;
bottom:-12px;
left:-14px;
width:14px;
}
.rightBox h4.dekor span,.novinkyMain h4.dekor span{
width:14px;
}
.rightBox h4.dekorRevue{
height:89px;
}
.rightBox h4.dekorRaketa{
height:110px;
}
.rightBox h4.dekorRevue span{
    height:89px;
    background:url(../gfx/dekor-revue.gif);
}
.rightBox h4.dekorRaketa span{
    height:110px;
    background:url(../gfx/dekor-raketa.gif);
}
.rightBox h4.dekorProjekty{
height:54px;
}
.rightBox h4.dekorProjekty span{
height:54px;
background:url(../gfx/dekor-projekty.gif);
}
.rightBox h4.dekorDoporucujeme{
height:80px;
}
.rightBox h4.dekorDoporucujeme span{
height:80px;
background:url(../gfx/dekor-doporucujeme.gif);
}
.novinkyMain h4.dekorArchiv{
height:49px;
bottom:-30px;
}
.novinkyMain h4.dekorArchiv span{
height:49px;
background:url(../gfx/dekor-archiv.gif);
}
.rightBox a img{
width:105px;
}
/*RIGHT COL end*/


/*HOMEPAGE begin*/
#leftColHp{
width:426px;
float:left;
position:relative;
margin:170px 0 0;
}
#rightColHp{
width:476px;
float:right;
position:relative;
margin:-190px 0 0;
}
body#hp .labeshop{
width:313px;
min-height:420px;
background:url(../gfx/lab-e-shop-bg.gif) no-repeat left bottom;
float:left;
padding:0 0 10px;
position:relative;
}
* html body#hp .labeshop{
height:420px;
}
body#hp .labeshop h2{
width:115px;
height:24px;
margin:0 0 14px 10px;
padding:0;
}
body#hp .labeshop h2 span{
width:115px;
height:24px;
background:url(../gfx/h2-nase-knihy.gif);
}
.bookBox{
width:303px;
margin:0 0 5px 10px;
padding-bottom:5px;
border-bottom:1px solid #dcdcdc;
}
.bookBoxLast{
border-bottom:0;
margin:0 0 0px 10px;
padding-bottom:0px;
}
.bookBox img{

}
body#hp .labeshop table{
float:right;
width:173px;
}
body#hp .labeshop table td{
vertical-align:top;
border-top:1px solid #dcdcdc;
padding:1px 0;
}
body#hp .labeshop table td.first{
border:0;
}
body#hp .labeshop table td.tdImg{
width:130px;
border:0;
padding:0;
}
body#hp .labeshop ul.nav{
position:absolute;
bottom:-17px;
left:0;
}
body#hp .labeshop ul.nav li{
float:left;
font-size:10px;
line-height:1;
border-right:1px solid #623984;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
body#hp .labeshop ul.nav li.archiv{
border:0;
}
body#hp .labeshop ul.nav li a{
top:-2px;
position:relative;
}
body#hp .revueLabyrint{
float:right;
width:105px;
height:150px;
position:relative;
margin:0 40px 0 0;
display:inline;
}
body#hp .revueLabyrint h4.dekor{
width:43px;
height:146px;
position:absolute;
bottom:-29px;
left:-28px;
text-indent:-9999px;
}
body#hp .revueLabyrint h4.dekor span{
width:43px;
height:146px;
background:url(../gfx/dekor-revue-hp.gif);
}
body#hp .doporucujemeHh{
width:426px;
height:105px;
position:relative;
margin:60px 0 0;
}
body#hp .doporucujemeHh h4.dekor{
width:14px;
height:80px;
position:absolute;
bottom:-14px;
left:-14px;
}
body#hp .doporucujemeHh h4.dekor span{
width:14px;
height:80px;
background:url(../gfx/dekor-doporucujeme.gif);
}
body#hp .doporucujemeHh img{
margin:0 0 0 2px;
float:left;
}
body#hp .doporucujemeHh img.first{
margin:0;
}
#labeshopIn div{
background:none !important;
}
#labeshopIn{
height: 670px;
}
body#hp .novinkyMain{
width:440px;
margin:42px 0 0 0;
position:relative;
}
body#hp .novinkyMain .clearfix{
width:468px;
border-bottom:1px solid #dcdcdc;
padding-bottom:4px;
}
body#hp .novinkyMain #slideshow{
width:468px;
position:relative;
z-index:10;
}
body#hp .novinkyMain .navigation{
position:absolute;
bottom:0;
left:0;
z-index:3000;
}
body#hp .novinkyMain .navigation ul#nav{
position:absolute;
bottom:-18px;
left:0;
width:150px;
font-size:10px;
}
body#hp .novinkyMain .navigation ul#nav li{
list-style-type:none;
float:left !important;
margin:0 2px;
}
body#hp .novinkyMain .navigation ul#nav a{
text-decoration:none;
cursor:pointer;
display:block;
float:left;
color:#623984;
padding:0px 2px;
font-size:10px;
}
body#hp .novinkyMain .navigation ul#nav a:hover,body#hp .novinkyMain .navigation ul#nav a.activeSlide{
background:#623984;
color:#fff;
}
body#hp .novinkyMain ul.nav{
position:absolute;
bottom:-18px;
left:200px;
width:300px;
}
body#hp .novinkyMain ul.nav li{
float:left;
font-size:10px;
line-height:1;
}
body#hp .novinkyMain ul.nav li.prev{
border-right:1px solid #623984;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
body#hp .novinkyMain ul.nav li.next{
border-right:1px solid #623984;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
body#hp .novinkyMain ul.nav li a{
top:-2px;
position:relative;
}

body#hp .novinkyMain img{
float:left;
}
body#hp .novinkyMainText{
float:right;
width:263px;
font-size:11px;
color:#684a80;
padding-right:5px;
}
body#hp .novinkyMainText h2{
color:#684a80;
font-size:15px;
font-weight:bold;
}

.novinky{
margin:8px 0 0;
width:770px;
background:url(../gfx/novinky-bg.gif) no-repeat left bottom;
min-height:200px;
_height:200px;
position:relative;
}
body#hp .novinky{
width:440px;
margin:0;
left:-12px;
}
body#hp .novinky #novinkyIn{
left:0px;
position:relative;
z-index:3000;
}
body#hp .novinky #novinkyIn div{
background:none !important;
}
body#hp .novinky h2{
width:156px;
height:23px;
padding:0 !important;
margin:0 0 3px 12px;
}
body#hp .novinky h2 span{
width:156px;
height:23px;
background:url(../gfx/h2-novinky-a-akce.gif);
}
.novinky h4.dekor{
width:30px;
height:82px;
position:absolute;
bottom:-17px;
left:-20px;
text-indent:-9999px;
}
.novinky h4.dekor span{
width:30px;
height:82px;
background:url(../gfx/dekor-novinky-hp.gif);
}
.novinky .novinkaBox{
border-top:1px solid #dcdcdc;
padding:0 0 8px;
margin-left:8px;
width:455px;
}
body#hp .novinky .novinkaBox{
width:428px;
margin-left:12px;
padding:0 0 8px !important;
}
.novinky .novinkaBox.first{
border:0;
}
.novinky .novinkaBox img{
float:left;
margin:8px 0 0;
}
.novinky .novinkaBox .novinkaText{
float:right;
width:455px;
padding:6px 0 0;
font-size:11px;
color:#595959;
}
body#hp .novinky .novinkaBox .novinkaText{
width:auto;
float:left;
}
.novinky .novinkaBox .novinkaText a{
color:#595959;
}
.novinky .novinkaBox .novinkaText h3{
font-size:15px;
font-weight:bold;
padding:0 !important;
}
.novinky .novinkaBox .novinkaText p{
padding:2px 0 0 !important;
}
.novinkaBox .novinkaTextNoImg{
width:762px;
margin:8px 0;
font-size:11px;
color:#595959;
}
.novinkaBox .novinkaTextNoImg a{
color:#595959;
}
.novinkaBox .novinkaTextNoImg h3{
font-size:15px;
font-weight:bold;
padding:2px 0 0 !important;
}
.novinkaBox .novinkaTextNoImg p{
padding:2px 0 0 !important;
}
.novinky ul.nav{
position:absolute;
bottom:-18px;
left:18px;
z-index:3000;
}
.novinky ul.nav li{
float:left;
font-size:10px;
line-height:1;
}
.novinky ul.nav li.prev{
border-right:1px solid #623984;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
.novinky ul.nav li.next{
border-right:1px solid #623984;
margin:0 10px 0 0;
padding:0 10px 0 0;
}
.novinky ul.nav li a{
top:-2px;
position:relative;
}

body#hp .projekty{
width:468px;
height:60px;
float:right;
margin:90px 0 0;
position:relative;
}
body#hp .projekty h4.dekor{
width:14px;
height:54px;
position:absolute;
bottom:-14px;
left:-14px;
}
body#hp .projekty h4.dekor span{
width:14px;
height:54px;
background:url(../gfx/dekor-projekty.gif);
}
/*HOMEPAGE end*/

/*PAGINATION begin*/
ul.pagination{
margin:20px 0 0;
width:770px;
text-align:center;
}
ul.pagination li{
display:inline;
font-size:10px;
}
ul.pagination li a{
text-decoration:none;
padding:0 4px;
}
ul.pagination li a:hover,ul.pagination li a.active{
background:#623984;
color:#fff;
}
ul.pagination li.prev a,ul.pagination li.next a{
text-decoration:underline;
}
ul.pagination li.prev a:hover,ul.pagination li.next a:hover{
background:none;
text-decoration:none;
color:#623984;
}
/*PAGINATION end*/

table.tabSeznam{
width:100%;
margin:10px 0 0;
border-bottom:3px solid #dcdcdc;
}
table.tabSeznam td,table.tabSeznam th{
vertical-align:top;
text-align:left;
padding:5px 12px;
border-bottom:1px solid #dcdcdc;
}
table.tabSeznam th{
background:#DFDFDF;
color:#5f3c76;
text-transform:uppercase;
}
table.tabSeznam th span{
text-transform:none;
font-weight:normal;
margin:0 1px 0 15px;
font-size:11px;
}
table.tabSeznam th img{
margin:0 0 0 2px;
}
table.tabSeznam .price{
text-align:right;
padding-right:20px;
}
table.tabSeznam th.width80{
text-align:center !important;
}
.width80{
width:80px;
}
.legenda{
margin:12px 0 0;
}
.legenda h3{
float:left;
font-size:11px;
font-weight:bold;
padding:0 12px 0 12px;
}
ul.dostupnostLegend{
margin:4px 0 0 10px;
font-size:10px;
float:left;
}
ul.dostupnostLegend li{
float:left;
margin:0 15px 0 0;
}
ul.dostupnostLegend li img{
margin:0 2px 0 0;
}

form.formSoutez fieldset{
padding:0 0 22px;
}
form.formSoutez h3{
padding:12px 0 10px !important;
}
form.formSoutez ul.radioList li{
float:left;
margin:0 15px 0 0;
}
form.formSoutez input.inputText{
border:1px solid #595959;
background:#fff;
font-family:arial;
font-size:12px;
padding:3px 5px;
margin:0 30px 0 0;
width:165px;
}
form.formSoutez textarea{
border:1px solid #595959;
background:#fff;
font-family:arial;
font-size:12px;
width:500px;
height:60px;
padding:8px 10px;
}
form.formSoutez input.btnSubmit{
background:#7d41a0;
color:#fff;
font-weight:bold;
font-size:12px;
font-family:arial;
font-weight:bold;
text-transform:uppercase;
border:0;
padding:4px 10px;
&padding:4px 2px;
cursor:pointer;
}

table.tabCalendar{
width:100%;
margin:8px 0 0;
}
table.tabCalendar td{
vertical-align:middle;
padding:5px 12px 5px 12px;
border-bottom:1px solid #dcdcdc;
font-size:11px;
}
table.tabCalendar tr.dark td{
background:#f4f4f4;
}
table.tabCalendar td.date{
white-space:nowrap;
font-size:12px;
}
table.tabCalendar td.city{
    font-size:12px;
}
table.tabCalendar td.date{
font-weight:bold;
}
table.tabCalendar td.city{
color:#7d41a0;
font-weight:bold;
}

.col440{
width:440px;
float:left;
}
.col313{
width:313px;
float:right;
}

.selectbox1{
width:150px;
}

/* JP addon */
#content img {
    max-width: 100%;
}