/* ----------------------------------------------------------------------------------------------------------

    Výstupní zařízení: screen, projection

    Autor:          Nuvio (www.nuvio.cz)
    Aktualizace:    2008-05-13, 19:20 GMT+1
    Verze:          2.3.0 (2008-10-12, 13:20 GMT+1)

    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Obsah:
    
        1) HTML tagy
        2) Layout
        3-1) Stránka: Úvod
        3-2) Stránka: Detail
        3-3) Stránka: Fotografie
        3-4) Stránka: Vyhledávání
        3-5) Stránka: Knihkupectví
        3-6) Stránka: Edice - detail
        3-7) Stránka: Edice - výpis (mozaika)
        3-8) Stránka: Edice - výpis (informačně)
        3-9) Stránka: Kontakt
        3-10) Stránka: Kalendář
        4) Nezařaditelné

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
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:#166F9C;}
a:hover, a:focus, a:active {color:#c30;}
a:visited {color:#555;}

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

#content h1 {margin-top:0; padding:10px 0 5px 0; background:url("../design/dot.gif") 0 100% repeat-x; font:bold 220%/1 "arial",sans-serif; letter-spacing:-1px; color:#c50;}
#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:91px; padding:0 0 0 25px; background:#3C4A79 url("../design/header.jpg") 0 0 no-repeat; color:#FFF;}
#logo {position:relative; width:485px; height:74px; 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;}
#cart {position:absolute; top:25px; right:30px; padding-left:50px; background:url("../design/cart.gif") 0 0 no-repeat;}
#cart strong a {color:#fff;}
#cart .low, #cart .low a {color:#999;}
#cart strong a:hover {color:#e50;}
#cart p {margin:0;}
#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:hand;}
#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:250px; 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 {display:block; width:240px; 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;}
#search {position:absolute; top:7px; 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;}
#cols {clear:both; margin:10px 0 0 0; background:url("../design/cols.gif") 230px 0 repeat-y;}
#content {float:right; width:740px; padding-bottom:15px;}
#aside {float:left; width:220px; overflow:hidden;}
#aside h3 {margin-top:10px; padding:10px; background:url("../design/aside-title.gif") 0 0 no-repeat; font-size:120%; color:#3C4A79;}
#aside h3 a {color:#3C4A79; text-decoration:none;}
#aside #cat {background:#3c4a79;}
#aside #cat h3 {margin:0; background:none; color:#fff;}
#aside #cat ul {margin:0;}
#aside #cat ul li {display:inline;}
#aside #cat ul li a {display:block; padding:3px 10px 3px 25px; border-top:1px solid #344068; border-bottom:1px solid #5569AC; background:#3c4a79 url("../design/aside-cat-link.gif") 10px 50% no-repeat; color:#fff; text-decoration:none;}
#aside #cat ul li ul li a {padding-left:40px; border-top:1px solid #232B46; border-bottom:1px solid #44548B; background:#344068 url("../design/aside-cat-link.gif") 25px 50% no-repeat; font-weight:normal;}
#aside #cat ul li ul li ul li a {padding-left:55px; border-top:1px solid #232B46; border-bottom:1px solid #353F68; background:#2C3557 url("../design/aside-cat-link.gif") 40px 50% no-repeat; font-size:85%;}
/*
#aside #cat ul li a {display:block; padding:3px 10px 3px 25px; border-top:1px solid #344068; border-bottom:1px solid #5569AC; background:#3c4a79 url("../design/aside-cat-link.gif") 10px 50% no-repeat; color:#fff; text-decoration:none;}
#aside #cat ul li ul li a {padding-left:40px; border-top:1px solid #232B46 !important; border-bottom:1px solid #44548B !important; background:#344068 url("../design/aside-cat-link.gif") 25px 50% no-repeat !important; font-weight:normal !important;}
#aside #cat ul li ul li ul li a {padding-left:55px; border-top:1px solid #232B46 !important; border-bottom:1px solid #353F68 !important; background:#2C3557 url("../design/aside-cat-link.gif") 40px 50% no-repeat !important; font-size:85% !important;}
*/
#aside #cat>ul>li>a:hover {background-color:#344068;}
#aside #cat ul li.active>a,
#aside #cat ul li ul li.active>a, 
#aside #cat ul li ul li ul li.active>a {border-top:1px solid #E66000; background:#c50 url("../design/aside-cat-active.gif") 10px 50% no-repeat; font-weight:bold !important;}
#aside #cat ul li.active>a {background-position:10px 50%;}
#aside #cat ul li ul li.active>a {background-position:25px 50%;}
#aside #cat ul li ul li ul li.active>a  {background-position:40px 50%;}

#aside #cat ul li.cat-first a {border-top:0;}
#aside #cat ul li.cat-last a {border-bottom:0;}
#aside #cat-top {width:220px; height:3px; background:url("../design/aside-cat-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside #cat-bottom {width:220px; height:3px; background:url("../design/aside-cat-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside .col50 {float:left; width:107px !important; text-align:center;}
#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
---------------------------------------------------------------------------------------------------------- */

#content .item {float:left; width:360px; line-height:1.4;}
#content .item h3 {margin:0; font-size:100%;}
#content .item img {margin-top:7px;}
#content .item .item-thumb {float:left; width:150px;}
#content .item .item-info {float:right; width:200px; padding-top:5px; font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
3-2) Stránka: Detail
---------------------------------------------------------------------------------------------------------- */

#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 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 #detail-desc {float:left; width:470px;}
#content #detail-img {float:right; width:250px;}
#content #downloadcover {padding:8px 10px; border:1px solid #DD5; background:#FFC; font:85%/1.6 "tahoma",sans-serif;}
#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 .ico-discuss {padding-left:18px; background:url("../design/ico-discuss.gif") 0 50% no-repeat;}
#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 .col50 {float:left; width:365px;}

/* ----------------------------------------------------------------------------------------------------------
3-3) Stránka: Košík
---------------------------------------------------------------------------------------------------------- */
/*
#content .basket {width:740px; margin:0; border-collapse:collapse;}
#content .basket th {font-weight:bold; text-align:center;}
#content .basket td, #content .basket th {padding:7px 10px; vertical-align:middle;}
#content .btn-01 {padding:5px 7px; border:2px solid #f80; border-right:2px solid #a50; border-bottom:2px solid #a50; background:#c50; color:#fff; font-weight:bold; font-size:120%;}
#content .btn-02 {padding:3px 5px; border:1px solid #4C5E9B; border-right:1px solid #2C3657; border-bottom:1px solid #2C3657; background:#3C4A79; color:#fff; font-weight:bold;}
*/
/* ----------------------------------------------------------------------------------------------------------
3-4) Stránka: Kategorie
---------------------------------------------------------------------------------------------------------- */

#content #filters {margin:0 0 15px 0; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x;}
#content ul#sub {margin:0 0 20px 0; padding-bottom:15px; background:url("../design/dot.gif") 0 100% repeat-x;}
#content ul#sub li {display:block; float:left; width:227px; margin-right:5px; padding-left:13px; background:url("../design/ul.gif") 0 6px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
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;}

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;}
.border-02 {padding:3px; border:1px solid #B3C3E4; background:#fff;}
.bigger {font-size:120%;}
.smaller {font:85%/1 "tahoma",sans-serif;}
.smaller a {color:#3C4A79;}
.high {color:#c30;}
.low, .low a {color:#555;}
.low a:hover {color:#000;}
.input-text {padding:4px;}
.input-text-02 {padding:2px;}
input {font:100%/1.5 "arial",sans-serif;}