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

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

    Autor:          Nuvio (www.nuvio.cz)
    Aktualizace:    2008-07-19, 10:15 GMT+1
    Verze:          2.2.6 (2008-07-13, 14:28 GMT+1)

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

    Obsah:
    
        1) HTML tagy
        2) HTML styly
        3) Layout
        4-1) Stránka: Úvod
        4-2) Stránka: Detail
        4-3) Stránka: Kategorie
        4-4) Stránka: Košík
        5) Nezařaditelné

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy
---------------------------------------------------------------------------------------------------------- */

body {background:url("../design/bg.gif") 50% 0 repeat-y; font:0.75em/1.5 "arial", sans-serif;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styly
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:940px; margin:0 auto; padding:0 10px; overflow:hidden;}

	#header {position:relative; height:115px; margin-bottom:10px; background:url("../design/header.jpg") 0 0 no-repeat;}

        #logo {position:relative; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #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; cursor:pointer;}
        
        #cart {position:absolute; top:28px; right:0; padding:15px; background:url("../design/pattern.gif");}
        #cart p {margin:0; line-height:1.8;}
        #cart a:hover {text-decoration:none;}

    #cols {clear:both;}

    	#content {float:right; width:740px; overflow:hidden;}
        .content-in {padding:15px; background:url("../design/content.gif") 0 0 no-repeat;}

            #search-top {width:740px; height:5px; background:url("../design/search-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
            #search-bottom {width:740px; height:5px; margin-bottom:10px; background:url("../design/search-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
            #search {padding:0 0 5px 0; text-align:center;}
            #search #inp-search {margin:0 3px; padding:3px;}
            #search #inp-search-submit {position:relative; top:6px;}
            #search a:hover {text-decoration:none;}
    
    	#aside {float:left; width:190px; overflow:hidden;}
    	
            #aside .title {margin:0; padding:8px 10px; background:url("../design/aside-title.gif") 0 0 no-repeat; font-weight:bold;}
            
            .nav {margin:0; margin-bottom:10px; list-style:none;}
            .nav li {display:inline;}
            .nav li a {display:block; padding:4px 5px 4px 27px; background:url("../design/nav.gif") 8px 7px no-repeat; text-decoration:none;}
            .nav li a:hover, .nav li.active a, #tabs li a.active {background-position:8px -80px;}
            .nav li.active a, #tabs li a.active {border-bottom:0; font-weight:bold;}
            .nav li ul a {display:block; padding:4px 5px 4px 27px; background:url("../design/nav-sub.gif") 10px 13px no-repeat !important; font-weight:normal !important;}
            
            #contact {margin-bottom:10px; padding:10px;}
            #contact ul {margin:0; list-style:none;}
            
	#footer {clear:both; padding:25px 15px; background:url("../design/footer.gif") 0 100% repeat-x;}
	#footer p {margin:0;}
	
        #footer #links {margin-bottom:10px; padding-bottom:10px; background:url("../design/dot-02.gif") 0 100% repeat-x; text-align:center;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

.cols50 {clear:both;}
.cols50 .col {float:left; width:335px; padding:15px; background:url("../design/cols50-col.gif") 0 0 no-repeat; overflow:hidden;}
.cols50 .col.f-right {width:365px; padding:0; background:none;}
.cols50 .col h2 {margin:0; font-weight:normal; font-size:170%;}

#news-title {margin:0; padding:8px 10px; background:url("../design/news-title.gif") 0 0 no-repeat; font-size:110%; font-weight:bold;}
#news-box {padding:15px; background:url("../design/news-box.gif") 0 0 repeat-x;}
#news-box dl {margin:0;}
#news-box dl dt {display:block; float:left; width:45px; margin-right:5px; font-weight:bold;}
#news-box dl dd {display:block; float:left; width:285px; margin-bottom:3px;}
.ico-rss {position:relative; top:2px;}

.cols33 {background:url("../design/cols33.gif") 0 0 repeat-y;}
.col33 {float:left; width:240px; margin-right:10px;}
.col33.last {margin-right:0;}

    .col33 .title-kat {margin-top:5px; padding:10px 0 10px 75px; font-size:130%;}
    .col33 .title-kat.kat01 {background:url("../images/kat-01.gif") 0 0 no-repeat;}
    .col33 .title-kat.kat02 {background:url("../images/kat-02.gif") 0 0 no-repeat;}
    .col33 .title-kat.kat03 {background:url("../images/kat-03.gif") 0 0 no-repeat;}
        
    .col33 ul.folder {margin-left:20px; list-style:none;}
    .col33 ul.folder li {display:block; padding-left:30px; background:url("../design/ul-folder.gif") 0 0 no-repeat;}

.item {float:left; width:220px; margin-top:10px; margin-right:10px; padding:9px; background:url("../design/item.gif") 0 1px repeat-x;}
.item.last {margin-right:0;}
.item h3 {margin:0; font-size:120%;}
.item .desc, .item .price {margin:0 -9px; padding:10px;}
.item .action {width:238px; margin:0 -9px -9px -9px; padding:0 0 7px 0; text-align:center;}
.item .inp-num {padding:2px; text-align:center;}
.item .inp-submit {position:relative; top:6px; margin-left:5px;}
.strike {text-decoration:line-through;}

#about {padding:15px; background:url("../design/content.gif") 0 0 no-repeat;}
#about h4 {margin-top:0; font-size:120%;}

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

#detail-img {float:left; width:247px;}
#detail-img-thumbs {padding:5px 0 3px 0; text-align:center;}
#detail-info {float:right; width:448px; padding-top:3px;}

    #detail-info table {margin:0; margin-top:10px; border-collapse:collapse;}
    #detail-info table th, #detail-info table td {padding:3px;}
    #detail-info table th {text-align:left; padding-right:15px;}

    #detail-cart {text-align:center;}
    #detail-cart .inp-num {width:25px; padding:3px; text-align:center;}
    #detail-cart .inp-submit {position:relative; top:5px;}

    #detail-info ul.folder {margin:0; list-style:none;}
    #detail-info ul.folder li {display:block; padding-left:30px; background:url("../design/ul-folder.gif") 0 0 no-repeat;}

    #detail-info .col50 {float:left; width:220px;}

.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {background: url("../design/star.gif") left -1000px repeat-x;}
.star-rating {position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top;}
.star-rating li{display:inline;}
.star-rating a, .star-rating .current-rating{position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {background-position: left bottom;}
.star-rating a.one-star {width:20%; z-index:6;}
.star-rating a.two-stars {width:40%; z-index:5;}
.star-rating a.three-stars {width:60%; z-index:4;}
.star-rating a.four-stars {width:80%; z-index:3;}
.star-rating a.five-stars {width:100%; z-index:2;}
.star-rating .current-rating{z-index:1; background-position: left center;}

.tabs ul {margin:0; padding:0; list-style-type:none;}
.tabs ul li {display:inline; margin:0; padding:0;}
.tabs a {float:left; margin-right:3px; padding-left:5px; background:url("../design/tab-l.gif") 0 0 no-repeat; cursor:pointer;}
.tabs a span {float:left; display:block; padding:10px 15px 10px 10px; background:url("../design/tab-r.gif") 100% 0 no-repeat; text-decoration:underline;}
.tabs a.active {background:url("../design/tab-active-l.gif") 0 0 no-repeat;}
.tabs a.active span  {background:url("../design/tab-active-r.gif") 0 0 no-repeat; font-weight:bold; text-decoration:none !important;}
.tabs a.active {text-decoration:none !important;}

.plugin_Discussion_list .spot {clear:both; padding:10px; background:url("../design/dot-02.gif") 0 100% repeat-x;}
.plugin_Discussion_list .head {font-size:85%;}
.plugin_Discussion_list .reply {text-align:right;}
.plugin_Discussion_list .reply a {padding-right:16px; background:url("../design/more.gif") 100% 50% no-repeat; color:#093;}

.plugin_Discussion_form label {display:block; clear:both; float:left; width:60px;}
.plugin_Discussion_form fieldset {line-height:2; padding:15px;}
.plugin_Discussion_form legend {font-size:120%;}
.plugin_Discussion_form input {padding:2px;}
.plugin_Discussion_form textarea {width:600px; height:200px;}
.plugin_Discussion_form .smiles {padding:10px 0;}

/* ----------------------------------------------------------------------------------------------------------
4-3) Stránka: Kategorie
---------------------------------------------------------------------------------------------------------- */

.service-tray {padding:10px 0 0 0;}
.service-tray .pagination {float:left;}
.service-tray .pagination a {margin:0 3px;}
.service-tray .pagination strong {padding:2px 5px; font-weight:bold;}
.service-tray .orderby {float:right;}

.mark {margin:10px 0 0 0; padding:10px;}
.mark label {margin-left:10px;}
.mark label input {position:relative; top:2px; margin-right:3px;}
.mark a:hover {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
4-4) Stránka: Košík
---------------------------------------------------------------------------------------------------------- */

table#cart-list {width:100%; margin-top:0; border-collapse:collapse;}
table#cart-list th, table#cart-list td {padding:5px 0;}

/* ----------------------------------------------------------------------------------------------------------
5) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

.title-tab {display:block; margin:15px 0 10px 0; background:url("../design/title-bg.gif") 0 100% repeat-x;}
.title-tab h3 {float:left; margin:0; padding-left:5px; background:url("../design/title-l.gif") 0 0 no-repeat; font-size:120%;}
.title-tab h3 span {float:left; display:block; padding:10px 15px 10px 10px; background:url("../design/title.gif") 100% 0 no-repeat; color:#5A5039;}

.title-main,h1 {margin:0; margin-bottom:10px; font-weight:normal; font-size:170%;}

.more {padding-right:16px; background:url("../design/more.gif") 100% 50% no-repeat;} a:hover.more {text-decoration:none;}

.bigger {font-size:120%;}