/* Autor: Nuvio (www.nuvio.cz) */
@media screen, projection {
/* Reset a univerzální formátování*/
* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}
.noscreen {display:none;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.hidden {position:absolute; left:-1000em; top:auto; width:1px; height:1px; overflow:hidden;}

/* 1) HTML tagy */
body {background:#B3C3E3 url("../design/bg.gif") 50% 0 repeat-y; color:#222; font:0.8em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#1B6697;}
a:hover, a:focus, a:active {color:#c30;}

h2 {font-size:140%; color:#3C4A79;}
h3 {font-size:120%;}
h4, h5 {font-size:100%;}

table th h6 {font-size:100%; margin:0;}

#content h1 {margin-bottom:0; padding-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x; font:normal 250%/1 "arial",sans-serif; letter-spacing:-1px; color:#c50;}
#content h3 {border-bottom:1px solid #D9E1F2; font-size:120%;}
#content ul {margin-left:15px; list-style:none;}
#content ul li {padding-left:12px; background:url("../design/ul.gif") 0 5px no-repeat;}
#content ul ul {margin:0;}
#content ul ul li {background:url("../design/ul-ul.gif") 0 5px no-repeat;}
#content ul.nostyle {margin-left:27px; list-style-type:square;}
#content ul.nostyle ul {margin:0; margin-left:20px; list-style-type:square;}
#content ul.nostyle li {padding:0; background:none;}
#content fieldset table, #content fieldset table th, #content fieldset table td, #content table.nostyle, #content table.nostyle th, #content table.nostyle td {border:0;}
#content table.nostyle th, #content table.nostyle td {background:none;}
#content fieldset {padding:10px; border:1px solid #B3C3E3;}
#content fieldset legend {padding:5px; background:#3C4A79; color:#fff; font-weight:bold;}
#content ol {margin-left:30px; list-style-type:decimal;}
#content ol ol {margin:0; margin-left:20px;}
#content dl dt {font-weight:bold; color:#c30;}
#content dl dd {margin-left:15px;}
#content dl.nostyle dt {font-weight:bold; color:#000;}
#content dl.nostyle dd {margin-left:0;}
#content blockquote {margin:15px 50px; font-style:italic;}
#content abbr, acronym {border-bottom:1px dotted #AAA;}
#content table {border-collapse:collapse; border:1px solid #B3C3E3;}
#content table th, #content table td {padding:5px; border:1px solid #B3C3E3;}
#content table th {background:#ECF0F8; text-align:left;}
#content table tr.bg td {background:#F7F9FC;}

/* 2) Layout */
#main-out {height:100%; background:url("../design/bg-02.jpg") 50% 0 no-repeat;}
#main {width:980px; margin:0 auto; background:#fff;}

#header {position:relative; height:67px; padding:24px 0 0 15px; background:#3C4A79 url("../design/header.jpg") 0 0 no-repeat; color:#FFF;}

#logo {position:relative; width:314px; height:40px; overflow:hidden; margin:0; padding:0; font-size:240%; text-transform:uppercase; color:#FFF !important;}
#logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; color:#FFF !important;}
#logo a {color:#FFF !important; cursor:pointer;}

#search {position:absolute; top:30px; right:15px; margin:0; color:#B3C3E4; width:400px;}
#search div {position:relative;}
#search div #search-input {position:absolute; top:0; right:90px; color:#000;}
#search div #search-input #inp-search {width:198px; height:18px; padding:6px; border:0; background:#FFF url("../design/header-search-input.gif") 0 0 no-repeat;}
#search div #search-submit {position:absolute; top:0; right:0;}

#header-02 {position:relative; min-height:61px; padding:15px; background:#3C4A79 url("../design/header-02.jpg") 0 0 no-repeat; color:#FFF;}
#header-02 #logo {display:none;}
#header-02 #search {top:30px;}

#tray {position:relative; padding:10px 15px 0 15px; margin-bottom:10px; background:#3C4A79 url("../design/tray.gif") 0 100% no-repeat; z-index:999;}
#tray ul {margin:0; list-style:none;}
#tray ul li {position:relative; display:block; float:left;}
#tray ul li a {display:block; float:left; margin-right:5px; padding-left:5px; background:#242C46 url("../design/tray-tab-l.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
#tray ul li a span {float:left; display:block; padding:8px 10px 8px 5px; background:url("../design/tray-tab-r.gif") 100% 0 no-repeat; color:#FFF; cursor:pointer;}
#tray ul li a:hover, #tray ul li a:focus, #tray ul li a:active {background-position:0 -200px; text-decoration:underline !important;}
#tray ul li a:hover span, #tray ul li a:focus span, #tray ul li a:active span {background-position:100% -200px; text-decoration:underline !important;}
#tray ul.f-right li a {margin:0; background-position:0 -200px;}
#tray ul.f-right li a span {background-position:100% -200px;}
#tray ul li#tray-active a {background-color:#FFF; background-position:0 -100px;}
#tray ul li#tray-active a span {background-color:#FFF; background-position:100% -100px; color:#c30; font-weight:bold;}

#tray ul li.tray-on div {visibility:visible;}
#tray ul li.tray-off div {visibility:hidden;}
#tray ul li div {width:270px; border:1px solid #3C4A79; border-top:0; display:block; margin-top:2.7em; position:absolute; left:0; visibility:hidden;}

#tray ul li ul {display:block; margin:0; padding:0; overflow:hidden;}
#tray ul li ul li {display:block; float:none;}
#tray ul li ul li a {float:none; display:block; width:260px; padding:3px 5px; border-bottom:1px solid #B3C3E3 !important; background:#FFF !important; color:#3C4A79;}
#tray ul li ul li a:hover, #tray ul li ul li a:focus, #tray ul li ul li a:active {background:#D9E1F1 !important; color:#000; text-decoration:none;}

#cols {clear:both; padding:0; background:url("../design/cols.gif") 750px 10px repeat-y;}

#content {float:left; width:740px;}

#aside {float:right; width:220px; overflow:hidden;}
#aside dl#aktuality {margin:0 0 10px 0;}
#aside dl#aktuality dt {font-weight:bold; color:#3C4A79;}
#aside dl#aktuality dd {margin-bottom:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x; /*text-align:justify;*/ font:85%/1.5 "tahoma",sans-serif;}
#aside dl#aktuality a {color:black;}
#aside .label {padding:2px 4px; font-weight:bold; background-color:#3C4A79; color:#fff;}
#aside .col50 {float:left; text-align:center; width:107px !important; }
#aside ul.pobocky {margin:15px 0; list-style:none;}
#aside ul.pobocky li {padding-left:17px; background:url("../design/ico-closed.gif") 2px 5px no-repeat;}
#aside ul.pobocky li.open {background:url("../design/ico-open.gif") 2px 5px no-repeat;}
#aside ul.pobocky li a {background-color:white;}

#logos {padding:10px 0; background:url("../design/dot.gif") 0 0 repeat-x;}
#logos img {margin-bottom:7px;}
#logos a {color:#000; text-decoration:none;}
#logos a:hover, #logos a:focus, #logos a:active {color:#c30;}
#logos ul {margin:15px 0; list-style:none;}	
#logos ul li {float:left; width:163px; text-align:center;}

#separator {width:980px; height:40px; background:url("../design/separator.gif") 0 0 no-repeat; font-size:0; line-height:0;}

#footer {clear:both; padding:15px 15px 35px 15px; background:url("../design/footer.gif") 0 100% repeat-x; color:#3C4A79;}
#footer p {margin:0;}
#footer p.f-right {text-align:right;}
#footer p.f-right img {margin-top:5px;}
#footer a {color:#3C4A79;}
#footer a:hover, #footer a:focus, #footer a:active {color:#C30;}

/* 3-1) Stránka: Úvod  */
.car-top {clear:both; width:980px; height:3px; margin-top:10px; background:#ecf0f8 url("../design/carrousel-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
.car-bottom {width:980px; height:3px; margin-bottom:10px; background:#ecf0f8 url("../design/carrousel-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
.car {position:relative; min-height:328px; padding:10px 0 10px 38px; background:#ecf0f8 url("../design/carrousel.gif") 0 0 repeat-y;}
.car .prev {position:absolute; left:0; top:12px;}
.car .next {position:absolute; right:0; top:12px;}
.car .item {float:left; width:170px; padding:0 5px; line-height:1.4;}
.car .item img {margin-top:7px; width:170px;}
.car .item .item-title {min-height:40px; height:auto;}
.car .item .item-info {min-height:55px; height:auto; color:#555;}
.car .item .item-info span {line-height:1.4;}
.car .item .item-info span a {color:#555;}
.car .item .item-info span a:hover, .car .item .item-info span a:focus, .car .item .item-info span a:active {color:#c30;}
.car li {list-style-type:none; overflow:hidden; float:left; width:180px; height:329px;}
.car ul {margin-top:0;}
.carousel {height:326px; overflow:hidden;}

ul#ticker {height:20px !important; margin:0 !important; list-style:none !important;}
ul#ticker li {margin:0 !important; padding:0 !important; background:none !important;}

#content .box-01-top {width:740px; height:3px; background:#ecf0f8 url("../design/box01-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#content .box-01-title {margin-bottom:0; padding:9px 0 3px 35px; background:#ecf0f8 url("../design/box01-title.gif") 0 0 no-repeat; color:#3C4A79; font-size:140%; font-weight:normal;}
#content .box-01-bottom {width:740px; height:3px; margin-bottom:15px; background:#ecf0f8 url("../design/box01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#content .box-01 {padding:12px 15px; background:#ecf0f8 url("../design/box01.gif") 0 0 repeat-y; color:#222;}
#content .box-01.hp {padding:7px 10px; overflow:hidden;}

#content .item {float:left; width:175px; padding-right:10px; line-height:1.4;}
#content .item img {margin-top:7px;}
#content .item .item-title {min-height:40px; height:auto;}
#content .item .item-info {min-height:55px; height:auto; color:#555;}
#content .item .item-info span {line-height:1.4;}
#content .item .item-info span a {color:#555;}
#content .item .item-info span a:hover, #content .item .item-info span a:focus, #content .item .item-info span a:active {color:#c30;}
#content .item .tags {position:relative;}
#content .item .tags div {padding:2px; position:absolute; margin-top:-217px;}
#content .item .tags div.award {float:left; left:1px;}
#content .item .tags div.discount {float:left; left:53px;}
#content .item .tags div.reprint {float:right; right:24px;}
#content .item .tags div img {display:block; margin:0;}

/* 3-2) Stránka: Detail */
#content #detail-desc {float:left; width:415px;}
#content #detail-img {float:right; width:310px;}
#content .box-01 ul {margin:0; list-style:none;}
#content .box-01 ul li {margin-top:7px; padding-left:20px; background:url("../design/ico-list.gif") 0 5px no-repeat;}
#content .ico-dropdown {padding-left:20px; background:url("../design/ico-dropdown.gif") 0 1px no-repeat;}
#content .ico-pdf {padding-left:20px; background:url("../design/ico-pdf.gif") 0 1px no-repeat;}
#content .ico-warning {padding-left:22px; background:url("../design/ico-warning.gif") 0 50% no-repeat;}
#content #downloadcover {margin-bottom:1em; padding:8px 10px; border:1px solid #DD5; background:#FFC; font:85%/1.6 "tahoma",sans-serif;}
#content .comment {clear:both; padding:0 0 15px 0; margin-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x;}
#content .comment p {margin:10px 0;}
#content .comment .comment-num {float:left; width:80px; text-align:center; font-size:160%;} 
#content .comment .comment-text {float:right; width:650px;}
#content .comment .comment-text .box p {margin:0;}
#content .comment .comment-text .box .comment-info, #content .comment .comment-text .box .comment-info a {color:#777;}
#content .comment .comment-text .box .comment-info a:hover {color:#444;}
#content .ico-discuss {padding-left:18px; background:url("../design/ico-discuss.gif") 0 50% no-repeat;}

/* 3-3) Stránka: Fotogalerie */
#content .foto {float:left; width:228px; margin-right:10px; padding:5px 5px 8px 5px; margin-bottom:10px; background:#ECF0F8; font:85%/1 "tahoma",sans-serif; color:#3C4A79; text-align:center;}
#content .foto.last {margin-right:0;}
#content .foto img {margin-bottom:5px;}
#content .foto p {margin:0;}

/* 3-4) Stránka: Vyhledávání */
#content .item-f {clear:both; margin-bottom:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x;}
#content .item-f.lastitem {margin:0; background:none;}
#content .item-f-desc {float:left; width:540px;}
#content .item-f-desc h4 {margin:0; font-size:120%;}
#content .item-f-img {float:right; width:155px;}
#content .item-f-img img {display:block;}

/* 3-5) Stránka: Knihkupectví */
#content .col50 {float:left; width:360px;}
#content .col50 table.width100 {width:360px;}
#content .col50 table td {width:50%;}
#content .open {padding-left:15px; background:url("../design/ico-open.gif") 0 3px no-repeat; font-weight:bold; color:#57BB09;}
#content .closed {padding-left:15px; background:url("../design/ico-closed.gif") 0 3px no-repeat; font-weight:bold; color:#C30000;}
#content table.events {width:740px; margin:0 0 7px 0;}
#content table.events th {width:10em; text-align:center;}
#content table.events th, #content table.events td {padding:3px 5px;}
#content .arrow {padding-right:10px; background:url("../design/ul.gif") 100% 5px no-repeat;}
/* 3-6) Stránka: Edice - detail */
#content .item-l {clear:both; margin-bottom:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x;}
#content .item-l.last {margin:0;}
#content .item-l-desc {float:left; width:560px;}
#content .item-l-desc h4 {margin:0; font-size:120%;}
#content .item-l-img {float:right; width:155px;}
#content .item-l-img img {display:block;}

/* 3-7) Stránka: Edice - výpis (mozaika) */
#content .item-e {margin:15px 0; list-style:none;} 
#content .item-e li {display:block; float:left; width:185px; padding:10px 0; background:url("../design/dot.gif") 0 100% repeat-x; text-align:center;}

/* 3-8) Stránka: Edice - výpis (informačně) */
#content .item-e2 {clear:both; margin-bottom:10px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x;}
#content .item-e2.last {margin:0;}
#content .item-e2-desc {float:left; width:540px;}
#content .item-e2-desc h4 {margin:0; font-size:120%;}
#content .item-e2-img {float:right; width:155px;}
#content .item-e2-img img {display:block;}

/* 3-9) Stránka: Kontakt */
#content .box-01 .col33 {float:left; width:230px; margin-right:10px;}
#content .box-01 .col33.last {margin:0;}
#content .box-01 h3 {border-bottom:1px solid #C6D2EA;}
#content dl.contact dd {margin-left:0; padding-left:15px; background:url("../design/dot-02.gif") 5px 0 repeat-y;}

/* 3-10) Stránka: Autoři */
#content h2.inic {font:normal 250%/1 "arial",sans-serif; letter-spacing:-1px; }
#content h2.inic a {color:#c50;}
#content div.odkazy-pad a {padding:0 0.3em;}

/* 3-11) Stránka: Kalendář */

#content .calendar-prev, #content .calendar-today, #content .calendar-next {float:left; width:246px;}
#content .calendar-today {text-align:center;}
#content .calendar-next {text-align:right;}
#content table.calendar {width:740px;}
#content table.calendar th {width:50px; text-align:center; font-size:140%; vertical-align:top;}
#content table.calendar th .day {font-size:70%; color:#166F9C;}
#content table.calendar th .day.weekend {color:#c30;}
#content table.calendar td {padding:5px 10px; vertical-align:middle;}
#content table.calendar td h4 {margin:0 0 7px 0; padding-bottom:2px; color:#c30; font-size:100%; border-bottom:1px solid #c30;}
#content table.calendar td ul {margin:0;}
#content table.calendar tr.today th, #content table.calendar tr.today td {background:#FFC;}
#content .label {padding:2px 4px; font:bold 85%/1.2 "tahoma",sans-serif; background-color:#3C4A79; color:#fff;}
#content table.calendar td div.calobr {padding-top:4px;}
#content table.calendar td div.calobr img {margin-left:10px;}




/* 4) Nezařaditelné */
#content h1 .podtitul {font-size:50%; letter-spacing:0;}
#content #breadcrumbs {margin-top:0; padding:10px 0; background:url("../design/dot.gif") 0 100% repeat-x; font:85%/1 "tahoma",sans-serif; color:#555;}
#content #breadcrumbs a {color:#555;}
#content #breadcrumbs a:hover, #content #breadcrumbs a:focus, #content #breadcrumbs a:active {color:#222;}
#content .btn {float:left; margin:15px 0; margin-right:5px; padding-left:4px; height:34px; overflow:hidden; background:#c50 url("../design/btn-left.gif") 0 0 no-repeat; color:#FFF; font-weight:bold; cursor:pointer; text-decoration:none;}
#content .btn span {float:left; display:block; padding:8px 15px 10px 11px; background:#c50 url("../design/btn-right.gif") 100% 0 no-repeat;}
#content a:hover.btn, #content a:hover.btn span {text-decoration:underline;}
#content .hr {clear:both; height:1px; margin:10px 0; background:url("../design/dot.gif") 0 0 repeat-x; font-size:0; line-height:0;}
#content .col33 {float:left; width:236px; margin-right:15px;}
#content .col33.last {margin-right:0;}
#tooltip {display:none; position:absolute; z-index:999; width:280px; padding:8px 10px; border:1px solid #DD5; background:#FFC; font:85%/1.6 "tahoma",sans-serif;}

#aside h3 {padding:10px; background:url("../design/aside-title.gif") 0 0 no-repeat; font-size:120%; color:#3C4A79;}
#aside ol {margin-left:30px;}

img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}
.help {border-bottom:1px dotted #AAA; cursor:help;}
.border {border:1px solid #B3C3E4;}
.bigger {font-size:120%;}
.smaller {font:85%/1 "tahoma",sans-serif;}
.smaller a {color:#3C4A79;}
.high {color:#c30;}
.low {color:#555;}
.input-text {padding:4px;}
.input-text-02 {padding:2px;}
.tag {background:#FFA;}

}

@media print {
	body {margin:0; padding:0; border:0; font-size:12pt;}
	h1 {font-size:200%;}
	h2 {font-size:180%;}
	h3 {font-size:160%;}
	h4 {font-size:140%;}
	h5 {font-size:120%;}
	h1, h2, h3, h4, h5, h6 {page-break-after:avoid; page-break-inside:avoid;}
	table {width:100%; border-collapse:collapse; border-spacing:0; border-top:0.5pt solid #000;}
	th, td {border-bottom:0.5pt solid #000;}
	blockquote {page-break-inside:avoid}
	ul, ol, dl {page-break-before:avoid}
	#main {width:100%;}
	#header {border-bottom:0.5pt solid #000;}
	#footer {border-top:0.5pt solid #000;}
	.noprint, .noscreen {display:none;}
	#search, #tray, #aside, #footer .f-right, .car .prev, .car .next, #ticker, #breadcrumbs, #logos, .btn, .hidden {display:none;}

}