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

    Autor:
        Nuvio (www.nuvio.cz)
    Aktualizace:
        2009-10-14, 09:15 GMT+1
    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

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

body {background:#E0F0FF; color:#000; font:0.75em/1.5 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}
a {color:#005AAA;}
a:hover, a:active, a:focus {color:#C00;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:980px; margin:0 auto; background:#fff;}
#header {position:relative; height:75px;}
#header #logo {margin:0; padding:20px 0 0 15px; font-size:280%; line-height:1; font-weight:bold;}
#header #logo a {text-decoration:none;}
#header #cart {position:absolute; top:10px; right:15px; margin:0;}
#header #cart h3, #header #cart p {margin:0;}
#header #cart h3 {font-size:120%; font-weight:bold;}
#tray {position:relative; height:45px; background:#005AAA; overflow:hidden;}
#tray ul {margin:0; list-style:none;}
#tray ul li {display:inline;}
#tray ul li a {display:block; float:left; padding:0 10px; border-right:1px solid #003F76; color:#fff; font-size:120%; line-height:45px;}
#tray ul li a:hover {text-decoration:none;}
#tray #search {position:absolute; top:10px; right:15px;}
#cols {padding:10px;}
#content {float:right; width:710px;}
#aside {float:left; width:210px; padding:10px; background:#FFEEBC;}
#aside h3 {margin:0; background:#FFD655; padding:7px; font-weight:bold; font-size:110%;}
#footer {clear:both; padding:15px; border-top:1px solid #CCC;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Styly HTML prvků
---------------------------------------------------------------------------------------------------------- */

#content h1 {margin:0; font-size:260%; font-weight:bold; letter-spacing:-1px;}
#content h2 {font-size:170%; font-weight:normal;}
#content h3 {font-size:140%; font-weight:normal; color:#0094c4;}
#content h4 {font-size:120%; font-weight:bold;}
#content h5  {font-size:110%; font-weight:bold;}
#content abbr, #content acronym, #content .help {font-family:monospace; font-size:110%;}
#content ul.ul-01 {margin:15px 0 15px 20px; list-style-type:square; list-style-position:inside;}
#content ul.ul-01 ul {margin:0;}
#content table.table-01 {border:2px solid #A3D1EF;}
#content table.table-01 th, #content table.table-01 td {padding:6px; border:1px solid #B9DCF3;}
#content table.table-01 th {text-align:center; color:#e50; font-weight:bold;}
#content table.table-01 tr.bg td {background:#E5F5FF;}
#content fieldset {border:1px solid #CBEBFF; padding:15px;}
#content fieldset legend {font-weight:bold; font-size:110%; color:#000;}
#content fieldset table {margin:0;}
#content fieldset table td {padding:4px 5px;}
#content blockquote {margin:15px 50px; font-style:italic;}
#content dl {margin:0;}
#content dl dt {color:#707070; font-weight:normal;}
#content dl dd {padding-bottom:10px; font-size:120%;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

#content .col50 {float:left; width:350px;}
#content .col50 dl {margin:10px 0;}
#content .col50 dl dt {font-size:130%; font-weight:bold;}
#content .col50 dl dt a {color:#C00;}
#content .col50 dl dt a:hover {color:#005AAA;}
#content .col50 dl dd {color:#A0A0A0;}
#content .col50 dl dd a {color:#555;}
#content .col50 dl dd a:hover {color:#C00;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Detail
---------------------------------------------------------------------------------------------------------- */

#content #podtitul {margin-top:0; font-size:120%; color:#777;}
#content .col350 {float:left; width:350px; padding-bottom:20px;}
#content .col350 .detail-table table {width:350px; margin:0; border-collapse:collapse;}
#content .col350 .detail-table table th, #content .col350 .detail-table table td {padding:4px 6px; border-bottom:1px solid #B4DCFF;}
#content .col350 .detail-table table th {width:100px; color:#777;}
#content .col350 .detail-table table th a {color:#777;}
#content .col350 .detail-table table th a:hover {color:#000;}
#content .col350 .detail-table table tr.last th, #content .col350 .detail-table table tr.last td {border:0;}
#content .col350 .buyit {margin:10px 0; padding:10px; background:#FFEEBC;}
#content .col350 .col50 {float:left; width:150px;}
#content .col350 .col50.f-right {width:160px;}
#content .col350 .col50 .detail-price {margin:0; color:#C00;}
#content .col350 .col50 .detail-price strong {font-size:150%;}
#content .col470 {float:left; width:470px;}
#content .col470 .box-470 {padding:15px; border:1px solid #B4DCFF; background:#E8F4FF;}
#content .col470 .box-470 a {color:#000;}
#content .col470 .box-470 a:hover {color:#e50;}
#content .col470 img.border {border:1px solid #CCC;}
#content .col470 table.form {margin:0; border-collapse:collapse;}
#content .col470 table.form th, #content .col470 table.form td {padding:2px 0;}
#content .col470 table.form th {vertical-align:middle; padding-right:10px;}
#content .col230 {float:right; width:230px;}
#content .col230 h2 {margin:0; height:34px; border:0; background:none; font-size:120%; font-weight:bold;}
#content .col230 .item {margin-right:0;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Kategorie
---------------------------------------------------------------------------------------------------------- */

#content .category-filter label {margin-right:5px;}
#content .box-01 {padding:13px 15px; border:1px solid #B4DCFF; background:#E8F4FF;}
#content .box-01 .col-left {float:left; width:250px;}
#content .box-01 .col-right {float:right; width:425px; text-align:right;}
#content .box-01 a {color:#000;}
#content .box-01 a:hover {color:#e50;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Drobečková navigace
---------------------------------------------------------------------------------------------------------- */

#content #breadcrumbs {margin:10px 0; padding:7px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#content #breadcrumbs p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Nadpis (3 sloupce)
---------------------------------------------------------------------------------------------------------- */

#content .title-01 {margin:10px 0; background:#005AAA;}
#content .title-01 h2 {margin:0; padding:10px; font-size:120%; font-weight:bold;}
#content .title-01 a {color:#fff;}
#content .title-01 a:hover {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Výpisová jednotka
---------------------------------------------------------------------------------------------------------- */

#content .item {float:left; width:228px; margin-right:10px; margin-bottom:10px; border:1px solid #CCC;}
#content .item.last {margin-right:0;}
#content .item .item-content {position:relative; padding:7px 10px; text-align:center;}
#content .item .item-content h3, #content .item .item-content p {margin:0;}
#content .item .item-content h3 {font-size:110%; font-weight:bold;}
#content .item .item-content .item-desc {margin:7px -10px; padding:7px 10px; background:#E8F4FF;}
#content .item .item-content .item-thumb {line-height:100px}
#content .item .item-content .item-desc .item-price {font-size:120%; color:#C00;}
#content .item .item-content .item-btns {padding:7px 0;}
#content .item-02-content {position:relative; margin-bottom:10px; padding:7px 10px; border:1px solid #CCC;}
#content .item-02-content h3, #content .item-02-content p {margin:0;}
#content .item-02-content h3 {font-size:120%; font-weight:bold;}
#content .item-02-content .col-01 {float:left; width:180px; padding-top:15px; text-align:center;}
#content .item-02-content .col-02 {float:left; width:220px; padding-top:5px; margin-right:15px;}
#content .item-02-content .col-02 .item-price {font-size:120%; color:#C00;}
#content .item-02-content .col-02 table {width:220px; margin:5px 0 10px 0; border-collapse:collapse;}
#content .item-02-content .col-02 table td {text-align:right;}
#content .item-02-content .col-03 {float:left; width:255px; padding-top:5px;}
#content .calc {clear:both; margin-top:10px !important; text-align:right;}
#content .green {color:#5a0;}
#content .btn-cart {padding:5px; border:1px solid #F00; border-right:1px solid #A00; border-bottom:1px solid #A00; background:#C00; color:#FFF; text-decoration:none; font-weight:bold;}
#content .btn-detail {padding:5px; border:1px solid #0074DC; border-right:1px solid #003F76; border-bottom:1px solid #003F76; background:#005AAA; color:#FFF; text-decoration:none; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Záložky
---------------------------------------------------------------------------------------------------------- */

#content .tabs {position:relative; margin:0; z-index:999;}
#content .tabs ul {margin:0;}
#content .tabs ul li {display:inline;}
#content .tabs ul li a {display:block; float:left; margin-right:3px; padding:8px 10px; background:#EEE; text-decoration:none; color:#000;}
#content .tabs .ui-tabs-selected a, .tabs ul li a.active {background:#B4DCFF !important; color:#000; font-weight:bold;}
#content .tabs ul li a:hover {text-decoration:underline !important;}
#content .ui-tabs-hide {display:none;}
* html .ui-tabs-nav {display:inline-block;}
*:first-child+html .ui-tabs-nav {display:inline-block;}

/* ----------------------------------------------------------------------------------------------------------
Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

img.block {display:block;}
img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}
.input-text {padding:4px; border:1px solid #AAA; background:#FFF; font:100%/1.4 "arial",sans-serif;}
.input-submit {padding:4px; border:1px solid #F00; border-right:1px solid #A00; border-bottom:1px solid #A00; background:#C00; font:bold 100%/1.4 "arial",sans-serif; color:#fff;}
.strike {text-decoration:line-through;}
.smaller {font-size:90%;}
.bigger {font-size:120%;}
.bigger-02 {font-size:140%;}
.low, .low a {color:#555;}
.low a:hover {color:#333;}
.high {color:#C00;}