@CHARSET "UTF-8";

/* reset */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block;
}

blockquote, q{
quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after{
content:'';
content:none;
}

table{
border-collapse:collapse;
border-spacing:0;
}

table tr td, table tr th{
padding:3px;
}

/* font */
@font-face{
font-family:"OpenSans";
src:url('OpenSans-Regular-webfont.eot');
src:url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular-webfont.woff') format('woff'), url('OpenSans-Regular-webfont.ttf') format('truetype'), url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{
font-family:"OpenSans";
src:url('OpenSans-Bold-webfont.eot');
src:url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Bold-webfont.woff') format('woff'), url('OpenSans-Bold-webfont.ttf') format('truetype'), url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
font-weight:bold;
font-style:normal;
}

@font-face{
font-family:"OpenSans";
src:url('OpenSans-Italic-webfont.eot');
src:url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Italic-webfont.woff') format('woff'), url('OpenSans-Italic-webfont.ttf') format('truetype'), url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
font-weight:normal;
font-style:italic;
}

/* common css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{
outline:0;
}

p{
padding-bottom:15px;
}

.clear{
clear:both;
}

/* supersized */
*{
margin:0;
padding:0;
}

body{
background:#111;
height:100%;
}

img{
border:none;
}

#supersized-loader{
position:absolute;
top:50%;
left:50%;
z-index:0;
width:60px;
height:60px;
margin:-30px 0 0 -30px;
text-indent:-999em;
background:url(/css/progress.gif) no-repeat center center;
}

#supersized{
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
}

#supersized img{
width:auto;
height:auto;
position:relative;
outline:none;
border:none;
}

#supersized a{
z-index:-30;
position:fixed;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
background:#111;
display:block;
}

#supersized a.image-loading{
background:#111 url(/css/progress.gif) no-repeat center center;
width:100%;
height:100%;
}

/* main page structure */
body{
background:#99968f;
color:#000000;
font-family:'OpenSans', Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.3em;
margin:0;
padding:0;
text-align:center;
}

#outer{
margin:0 auto 0 auto;
text-align:left;
width:562px;
padding:0 5px 0 5px;
}

#main{
position:relative;
padding:51px 35px 25px 31px;
width:486px;
border:5px solid #ededed;
margin-top:15%;
background:#ffffff;
min-height:476px;
opacity:0.96;
}

#logo{
margin-left:3px;
}

#logo h1 a{
float:left;
width:213px;
height:25px;
font-size:25px;
line-height:25px;
font-weight:bold;
text-indent:-999em;
background:transparent url("/css/assets.png") scroll 0 0 no-repeat;
}

.nav{
margin:8px 0 0 0;
padding:9px 0 0 3px;
width:483px;
height:32px;
background:transparent url("/css/assets.png") scroll 0 -52px no-repeat;
}

#page{
padding:20px 0 35px 3px;
width:100%;
color:#555555;
}

#footer{
position:absolute;
bottom:0;
height:50px;
padding:0;
}

/* nav */
.nav ul{
padding:0;
list-style:none;
text-align:center;
}

.nav ul li{
display:block;
margin:0;
padding:0;
list-style:none none;
font-size:12px;
line-height:12px;

}

.nav ul li a{
float:left;
/*text-indent:-1000em;
overflow:hidden;*/
margin-right:17px;
font-size:15px;
text-decoration:none;
color:#6e6c68;
text-transform:uppercase;
}

.nav ul li a:hover{
color:#ca7c07;
}

#footer .nav{
opacity:0.5;
}

#footer .nav:hover{
opacity:1;
}
/*
.nav ul li a.knihy{
width:48px;
background:transparent url("/css/assets.png") no-repeat scroll 0 -27px;
}

.nav ul li a.knihy:hover, #nav ul li a.knihy.active{
background-position:0 -40px;
}

.nav ul li a.o-autorovi{
width:94px;
background:transparent url("/css/assets.png") no-repeat scroll -50px -27px;
}

.nav ul li a.o-autorovi:hover, #nav ul li a.o-autorovi.active{
background-position:-50px -40px;
}

.nav ul li a.bibliografie{
width:101px;
background:transparent url("/css/assets.png") no-repeat scroll -145px -27px;
}

.nav ul li a.bibliografie:hover, #nav ul li a.bibliografie.active{
background-position:-145px -40px;
}

.nav ul li a.kontakt{
width:72px;
background:transparent url("/css/assets.png") no-repeat scroll -248px -27px;
}

.nav ul li a.kontakt:hover, #nav ul li a.kontakt.active{
background-position:-248px -40px;
}
*/
#page{
text-shadow:1px 1px 1px #eeeeee;
}
/*
.nav ul li a.clanky{
width:61px;
background:transparent url("/css/assets.png") no-repeat scroll -319px -27px;
}

.nav ul li a.clanky:hover, #nav ul li a.kontakt.active{
background-position:-319px -40px;
}
*/
#page{
text-shadow:1px 1px 1px #eeeeee;
}


/* lightbox */
#jquery-overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
}

#jquery-lightbox{
position:absolute;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#jquery-lightbox a img{
border:none;
}

#lightbox-container-image-box{
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}

#lightbox-container-image{
padding:10px;
}

#lightbox-loading{
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

#lightbox-nav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#lightbox-container-image-box > #lightbox-nav{
left:0;
}

#lightbox-nav a{
outline:none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext{
width:49%;
height:100%;
display:block;
}

#lightbox-nav-btnPrev{
left:0;
float:left;
}

#lightbox-nav-btnNext{
right:0;
float:right;
}

#lightbox-container-image-data-box{
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
margin:0 auto;
line-height:1.4em;
overflow:auto;
width:100%;
padding:0 10px 0;
}

#lightbox-container-image-data{
padding:0 10px;
color:#666;
}

#lightbox-container-image-data #lightbox-image-details{
width:70%;
float:left;
text-align:left;
}

#lightbox-image-details-caption{
font-weight:bold;
}

#lightbox-image-details-currentNumber{
display:block;
clear:left;
padding-bottom:1.0em;
}

#lightbox-secNav-btnClose{
width:66px;
float:right;
padding-bottom:0.7em;
}

/* page */
#page h2{
font-size:24px;
margin-bottom:25px;
line-height: 30px;
color:#787b72;
text-shadow:2px 1px 1px #dddddd;
}

#page h3{
font-size:18px;
margin:30px 0 20px 0;
color:#787b72;
text-shadow:1px 1px 1px #eeeeee;
}

#page h4{
font-size:16px;
margin:25px 0 17px 0;
color:#494c43;
text-shadow:1px 1px 1px #eeeeee;
}

#page h5{
font-size:16px;
margin:25px 0 17px 0;
color:#2b2e27;
text-shadow:1px 1px 1px #eeeeee;
font-weight:normal;
}

#page ul, #page ol{
text-align:left;
padding-left:35px;
}

#page ul li, #page ol li{
padding-bottom:5px;
}

.just p {
text-align:justify;
}

#page a{
color:#606060;
}

#page a:hover{
color:#c97b08;
}

#page a.cover-right img{
float:right;
padding:0 0 15px 30px;
}

#page a.cover-left img{
float:left;
padding:0 30px 15px 0;
}

table.books tr td{
vertical-align:top;
border:0;
margin:0;
padding:0;
}

table.books tr td p{
padding:0;
}

a.book-more {
color:#999999;
font-size:15px;
font-weight:bold;
}

a.book-preview {
color:#aaaaaa;
font-size:13px;
}


.book h3 a {
text-decoration:none;
}

hr.book-sep{
margin-top:15px;
border:0;
color:#efefef;
background:#efefef;
height:1px;
}