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

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

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

body {background:#f0f9ff url("../design/bg.gif") 50% 0 repeat-y; 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:#0094c4;}
a:hover, a:active, a:focus {color:#e50;}

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

#main {width:980px; margin:0 auto; background:#fff;}
#header {position:relative; height:75px; background:url("../design/header-cart.gif") 720px 0 no-repeat;}
#header #logo {margin:0 0 0 10px;}
#header #logo img {display:block; width:181px; height:75px;}
#header #cart {position:absolute; top:0px; left:800px; margin:0;}
#header #cart h3, #header #cart p {margin:0;}
#header #cart h3 {font-size:120%; font-weight:bold; text-transform:uppercase;}
#header #cart h3 a {color:#e50;}
#header #cart h3 a:hover {color:#000;}
#header #support {position:absolute; top:15px; right:280px; margin:0; text-align:right;}
#header #support strong {font-size:160%; color:#0094c4;}
#tray {position:relative; z-index:1000; height:45px; background:#006993 url("../design/tray.gif") 0 0 no-repeat; overflow:hidden;}
#tray ul {margin:0; list-style:none;}
#tray ul li {display:inline;}
#tray ul li a {display:block; float:left; position:relative; overflow:hidden; height:45px; margin:0; padding:0; color:#fff; font-size:120%;}
#tray ul li a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}
#tray ul li#nav-01 a {width:56px;}
#tray ul li#nav-01 a span {background:url("../design/nav-01.gif") 0 0 no-repeat;}
#tray ul li#nav-02 a {width:90px;}
#tray ul li#nav-02 a span {background:url("../design/nav-02.gif") 0 0 no-repeat;}
#tray ul li#nav-03 a {width:65px;}
#tray ul li#nav-03 a span {background:url("../design/nav-03.gif") 0 0 no-repeat;}
#tray ul li#nav-04 a {width:85px;}
#tray ul li#nav-04 a span {background:url("../design/nav-04.gif") 0 0 no-repeat;}
#tray ul li#nav-05 a {width:71px; margin-left: 5px;}
#tray ul li#nav-05 a span {background:url("../design/nav-05.gif") 0 0 no-repeat;}
#tray ul li#nav-06 a {width:85px;}
#tray ul li#nav-06 a span {background:url("../design/nav-06.gif") 0 0 no-repeat;}
#tray ul li#nav-07 a {width:89px;}
#tray ul li#nav-07 a span {background:url("../design/nav-07.gif") 0 0 no-repeat;}
#tray ul li#nav-08 a {width:90px;}
#tray ul li#nav-08 a span {background:url("../design/nav-08.gif") 0 0 no-repeat;}
#tray #search {position:absolute; top:10px; right:15px; width:220px;}
#tray #search form {display:block; position:relative;}
#tray #search form #search-input {position:absolute; top:0; left:0; width:161px; height:24px; background:#fff url("../design/search-input.gif") 0 0 no-repeat;}
#tray #search form #search-input input {width:149px; padding:6px; font:90%/1 "tahoma",sans-serif;}
#tray #search form #search-submit {position:absolute; top:0; right:0;}
#drop {position:relative; min-height:70px;}
#drop-02 {background:#c7e9ff url("../design/drop.gif") 0 0 repeat-y;}
#drop.hover #drop-02 {position:absolute; top:0; left:0; z-index:999;}
#drop .drop-in {padding:0 10px; height:30px;}
#drop .drop-separator {width:980px; height:2px; background:url("../design/drop-separator.gif") 0 0 repeat-x; font-size:0; line-height:0;}
#drop #drop-bottom {width:980px; height:6px; background:#c7e9ff url("../design/drop-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#drop.hover #drop-bottom {width:980px; height:4px; background:#c7e9ff url("../design/drop-bottom-02.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#drop ul {position:absolute; width:192px; margin:0; padding:6px 0; float:left;}
#drop .drop-in-line1 ul {z-index:300;}
#drop .drop-in-line2 ul {z-index:200;}
#drop ul li {display:inline;}
#drop ul li a {display:block; padding-left:20px; background:url("../design/drop-arrow.gif") 0 2px no-repeat; color:#000; text-decoration:none;}
#drop ul li a:hover {text-decoration:underline;}
#drop ul li.active a {font-weight:bold;}

#drop ul li .ddbox {background-color:white; border:1px solid white; border-top-style:none; position:relative;
	line-height:1.6;  width:180px; margin:0; padding:0; left:4px;
	-moz-box-shadow: 0px 1px 3px #aaa;
	-webkit-box-shadow: 0px 0px 4px #aaa;
	box-shadow: 0px 0px 4px #aaa;
}
#drop .drop-in-line1 ul li .ddbox {z-index:990; margin-top:6px; top:35px; /*top:45px;*/}
#drop .drop-in-line2 ul li .ddbox {z-index:980; margin-top:7px; top:2px; /*top:10px;*/}

#drop ul li .ddbox ul {background-color:#C7E9FF; float:none; position:relative;
	border:1px solid #A3D1EF; border-top-style:none; width:178px; margin:0; padding:4px 0 6px 0;
}
#drop .drop-in-line1 ul li .ddbox ul {top:-35px; /*top:-45px;*/}
#drop .drop-in-line2 ul li .ddbox ul {top:-2px; /*top:-10px;*/}

#drop ul li ul li a {background-image:none; color:#006087; text-decoration:none; padding-left:13px;}

#drop-shadow {width:980px; height:5px; background:url("../design/drop-shadow.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#cols {margin:10px 0; background:url("../design/cols.gif") 259px 0 repeat-y;}
#cols-top {background:url("../design/cols-top.gif") 250px 0 no-repeat;}
#cols-bottom {background:url("../design/cols-bottom.gif") 250px 100% no-repeat;}
#content {float:right; width:710px;}
#aside {float:left; width:250px;}
#aside .aside-box-01-top {width:250px; height:2px; background:#fff1d1 url("../design/aside-box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside .aside-box-01-bottom {width:250px; height:2px; margin-bottom:10px; background:#fff1d1 url("../design/aside-box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside .aside-box-01 {background:#fff1d1 url("../design/aside-box-01.gif") 0 0 repeat-y;}
#aside .aside-box-01 h3 {margin:0 -15px; padding:10px 15px; background:#ffcc5a url("../design/aside-box-01-title.gif") 0 100% no-repeat; font-size:110%; font-weight:bold; color:#000;}
#aside .aside-box-01 a {color:#000;}
#aside .aside-box-01 a:hover {color:#e50;}
#aside .aside-box-01 .aside-item {padding:10px 0; background:url("../design/aside-box-01-separator.gif") 50% 100% no-repeat;}
#aside .aside-box-01 .aside-item.last {background:none;}
#aside .aside-box-01 .aside-item h4, #aside .aside-box-01 .aside-item p {margin:0;}
#aside .aside-box-01 .aside-item p {font-size:90%;}
#aside .aside-box-01 .aside-item h4 {font-size:100%; font-weight:bold;}
#aside .aside-box-01 .aside-item h4 a {color:#e50;}
#aside .aside-box-01 .aside-item h4 a:hover {color:#000;}
#aside .aside-box-01 .aside-item .aside-item-desc {padding:5px 0;}
#aside .aside-box-01 .aside-item .aside-item-price {display:block; padding-bottom:10px; color:#664c19;}
#aside .aside-box-01 .aside-item img.f-left {margin-right:10px;}
#aside .aside-box-01 #newsletter-preview {margin:-2px 0 0 0;}
#aside .aside-box-01 #newsletter-preview img {display:block;}
#aside .aside-box-01 #newsletter {position:relative; height:30px;}
#aside .aside-box-01 #newsletter #newsletter-label {position:absolute; top:12px; left:12px;}
#aside .aside-box-01 #newsletter #newsletter-input {position:absolute; top:10px; right:42px; width:128px; height:24px; background:#fff url("../design/newsletter-input.gif") 0 0 no-repeat;}
#aside .aside-box-01 #newsletter #newsletter-input input {width:115px; padding:6px; font:90%/1 "tahoma",sans-serif;}
#aside .aside-box-01 #newsletter #newsletter-submit {position:absolute; top:10px; right:12px;}
#aside .aside-box-02-top {width:250px; height:2px; background:#fff url("../design/aside-box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside .aside-box-02-bottom {width:250px; height:2px; margin-bottom:10px; background:#fff url("../design/aside-box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside .aside-box-02 {background:#fff url("../design/aside-box-02.gif") 0 0 repeat-y;}
#aside .aside-box-02 h3 {margin:0 -15px; padding:10px 15px; background:#a9ddff url("../design/aside-box-02-title.gif") 0 100% no-repeat; font-size:110%; font-weight:bold; color:#000;}
#aside .aside-box-02 ul {margin:10px 0 -7px 0;}
#aside .aside-box-02 ul li {display:inline;}
#aside .aside-box-02 ul li a {display:block; padding:2px 0 2px 20px; background:url("../design/subnav-link.gif") 0 2px no-repeat; font-weight:bold; color:#000;}
#aside .aside-box-02 ul li a:hover {color:#e50;}
#aside .aside-box-02 ul li.active a {background:url("../design/subnav-active.gif") 0 2px no-repeat; color:#e50;}
#aside .aside-box-02 ul li.active div {margin:3px -14px; padding:5px 10px; background:#d1edff;}
#aside .aside-box-02 ul li.active ul {margin:0 0 0 25px; font-size:90%;}
#aside .aside-box-02 ul li.active ul li a {padding:1px 0 1px 12px; background:url("../design/subnav-sub.gif") 0 3px no-repeat; font-weight:normal; color:#000;}
#aside .aside-box-02 ul li.active ul li a:hover {color:#e50;}
#aside .aside-box-02 ul li.active ul li ul {margin:0 0 0 15px; font-size:100%;}
#aside .aside-box-02 ul li.active ul li ul li a {color:#006087;}
#aside .aside-box-03-top {width:250px; height:3px; background:#fff url("../design/aside-box-03-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside .aside-box-03-bottom {width:250px; height:3px; margin-bottom:10px; background:#fff url("../design/aside-box-03-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside .aside-box-03 {background:#fff url("../design/aside-box-03.gif") 0 0 repeat-y;}
#aside .aside-box-03 ul {margin:0;}
#aside .aside-box-03 ul li {padding:5px 0; display:block;}
#aside .aside-box-03 ul li.ico-sos {padding-left:85px; background:url("../images/ico-sos.gif") 0 50% no-repeat;}
#aside .aside-box-03 ul li.ico-apek {padding:10px 0 10px 85px; background:url("../images/ico-apek.gif") 0 50% no-repeat;}
#aside .aside-box-03 ul li.ico-homecredit {padding-left:85px; background:url("../images/ico-homecredit.png") 10px 50% no-repeat;}
#aside .aside-box-03 ul li.ico-cetelem {padding-left:85px; background:url("../images/ico-cetelem.gif") 0 50% no-repeat;}
#aside .aside-box-03 ul li.ico-cards {padding-left:85px; background:url("../images/ico-cards.gif") 0 50% no-repeat;}
#aside .aside-box-03 ul li.ico-heurekaoz {padding:20px 0 20px 85px; background:url("../images/ico-heurekaoz.png") 0 50% no-repeat;}
#aside .padding {padding:15px;}
#aside .padding.nomt {padding-top:0;}
#aside ul.ul-reasons {margin:10px 0;}
#aside ul.ul-reasons li {padding:1px 0 1px 25px;}
#aside ul.ul-reasons li.ul-number-01 {background:url("../design/aside-01.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-02 {background:url("../design/aside-02.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-03 {background:url("../design/aside-03.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-04 {background:url("../design/aside-04.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-05 {background:url("../design/aside-05.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-06 {background:url("../design/aside-06.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-07 {background:url("../design/aside-07.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-08 {background:url("../design/aside-08.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-09 {background:url("../design/aside-09.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-10 {background:url("../design/aside-10.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-11 {background:url("../design/aside-11.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-12 {background:url("../design/aside-12.gif") 0 2px no-repeat;}
#aside ul.ul-reasons li.ul-number-13 {background:url("../design/aside-13.gif") 0 2px no-repeat;}
#links-top {width:980px; height:3px; background:#efefef url("../design/links-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#links-bottom {width:980px; height:3px; background:#efefef url("../design/links-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#links {padding:12px 1px; background:#efefef url("../design/links.gif") 0 0 repeat-y;}
#links a {color:#000;}
#links a:hover {color:#e50;}
#links h4 {margin:0; padding:0 0 10px 10px; background:url("../design/links-separator.gif") 0 100% repeat-x; font-size:100%; font-weight:bold;}
#links #col-02 h4, #links #col-03 h4 {padding-left:0;}
#links ul li {padding-left:20px; background:url("../design/links-ul.gif") 0 2px no-repeat;}
#links #col-01 {float:left; width:340px;}
#links #col-01 ul {float:left; margin:10px 0 0 15px;}
#links #col-02 {float:left; width:265px;}
#links #col-02 p {padding-right:15px;}
#links #col-02 #newsletter-02 {position:relative; height:30px;}
#links #col-02 #newsletter-02 #newsletter-input-02 {position:absolute; top:10px; left:0; width:198px; height:24px; background:#fff url("../design/links-input.gif") 0 0 no-repeat;}
#links #col-02 #newsletter-02 #newsletter-input-02 input {width:185px; padding:6px; font:90%/1 "tahoma",sans-serif;}
#links #col-02 #newsletter-02 #newsletter-submit-02 {position:absolute; top:10px; left:201px;}
#links #col-03 {float:left; width:373px;}
#links #col-03 ul {margin:10px 0 0 0;}
#links #col-03 li {padding-right:15px;}
#footer {clear:both; padding:15px;}
#footer p {margin:0;}

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

#content h1 {margin:0; font-size:220%; font-weight:bold; letter-spacing:-1px;}
#content h2 {background:url("../design/dot.gif") 0 100% repeat-x; 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;}
#content ul.ul-01 li {padding-left:15px; background:url("../design/ul-01.gif") 0 4px no-repeat;}
#content ul.ul-01 ul {margin:0;}
#content ul.ul-02 {margin:15px 0;}
#content ul.ul-02 li {padding-left:15px; background:url("../design/ul-02.gif") 0 6px no-repeat;}
#content ul.ul-03 {margin:15px 0 15px 20px;}
#content ul.ul-03 li {display:block; float:left; width:210px; padding-left:15px; background:url("../design/ul-02.gif") 0 6px no-repeat;}
#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.dl-01 {margin:0;}
#content dl.dl-01 dt {color:#707070; font-weight:normal;}
#content dl.dl-01 dd {padding-bottom:10px; font-size:120%;}

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

#hp #cols {margin:10px 0; background:url("../design/cols.gif") 719px 0 repeat-y;}
#hp #cols-top {background:url("../design/cols-top.gif") 710px 0 no-repeat;}
#hp #cols-bottom {background:url("../design/cols-bottom.gif") 710px 100% no-repeat;}
#hp #content {float:left; width:710px;}
#hp #aside {float:right; width:250px;}
/*#hp #aside .aside-box-01-top {background:#fff1d1 url("../design/aside-box-01-top-hp.gif") 0 0 no-repeat;}*/
#content .col50 {float:left; width:352px;}
#content .col50 dl.cat {margin:10px 0; padding-left:50px;}
#content .col50 dl.cat dt {font-size:130%; font-weight:bold;}
#content .col50 dl.cat dt a {color:#e50;}
#content .col50 dl.cat dt a:hover {color:#000;}
#content .col50 dl.cat dd {color:#A0A0A0;}
#content .col50 dl.cat dd a {color:#303030;}
#content .col50 dl.cat dd a:hover {color:#d50;}
#content .col50 dl.cat-01 {background:url("../design/cat-01.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-02 {background:url("../design/cat-02.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-03 {background:url("../design/cat-03.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-04 {background:url("../design/cat-04.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-05 {background:url("../design/cat-05.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-06 {background:url("../design/cat-06.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-07 {background:url("../design/cat-07.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-08 {background:url("../design/cat-08.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-09 {background:url("../design/cat-09.jpg") 0 50% no-repeat;}
#content .col50 dl.cat-10 {background:url("../design/cat-10.jpg") 0 50% no-repeat;}
#content #search-02 {display:block; position:relative; width:340px; height:30px; margin:20px 0 0 185px;}
#content #search-02 #search-input-02 {position:absolute; top:0; left:0; width:280px; height:24px; background:url("../design/search-input-02.gif") 0 0 no-repeat;}
#content #search-02 #search-input-02 input {width:265px; padding:6px; font:90%/1 "tahoma",sans-serif;}
#content #search-02 #search-submit-02 {position:absolute; top:0; right:0;}

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

#content #podtitul {margin-top:0; font-size:160%; color:#59871D;}
#content .col350 {float:left; width:350px; padding-bottom:20px;}
#content .col350 .detail-table-top {width:350px; height:2px; background:url("../design/detail-table-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col350 .detail-table-bottom {width:350px; height:2px; background:url("../design/detail-table-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col350 .detail-table {background:url("../design/detail-table.gif") 0 0 repeat-y;}
#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 #cfcfcf;}
#content .col350 .detail-table table th {width:100px; color:#505050;}
#content .col350 .detail-table table th a {color:#505050;}
#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 .ico-calc {margin-left:0px; padding-left:20px; background:url("../design/ico-calc.gif") 1px 0 no-repeat;}
#content .col350 .col50 {float:left; width:150px;}
#content .col350 .col50.f-right {width:190px;}
#content .col350 .col50 .detail-price {color:#e50;}
#content .col350 .col50 .detail-price strong {font-size:150%;}
#content .col350 .col50 #detail-cart {position:relative; display:block; width:190px; margin-top:13px;}
#content .col350 .col50 #detail-cart #detail-cart-input {position:absolute; top:0; left:0; width:30px; height:30px; background:#fff url("../design/detail-input.gif") 0 0 no-repeat; overflow:hidden;}
#content .col350 .col50 #detail-cart #detail-cart-input input {width:30px; height:auto; padding-top:7px; font:bold 140%/1 "arial",sans-serif; text-align:center;}
#content .col350 .col50 #detail-cart #detail-cart-num {position:absolute; top:8px; left:35px;}
#content .col350 .col50 #detail-cart #detail-cart-submit {position:absolute; top:0; right:0;}
#content .col470 {float:left; width:470px;}
#content .col470 .box-470-top {width:470px; height:2px; background:#d1edff url("../design/box-470-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col470 .box-470-bottom {width:470px; height:2px; background:#d1edff url("../design/box-470-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .col470 .box-470 {padding:15px; background:#d1edff url("../design/box-470.gif") 0 0 repeat-y;}
#content .col470 .box-470 a {color:#000;}
#content .col470 .box-470 a:hover {color:#e50;}
#content .col470 img.border {border:1px solid #A3D1EF;}
#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; padding-top:15px;}
#content .col230 h2 {margin:0; height:28px; padding-top:6px; 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-top {width:710px; height:2px; background:#f5f5f5 url("../design/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-01-bottom {width:710px; height:2px; background:#f5f5f5 url("../design/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-01 {padding:13px 15px; background:#f5f5f5 url("../design/box-01.gif") 0 0 repeat-y;}
#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;}
#content .box-02-top {width:710px; height:2px; background:url("../design/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-02-bottom {width:710px; height:2px; background:url("../design/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .box-02 {padding:13px 15px; background:url("../design/box-02.gif") 0 0 repeat-y;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Košík a objednávka
---------------------------------------------------------------------------------------------------------- */

#order #content {width:980px;}
#order #tray ul li#nav-02 a {width:96px;}
#order #tray ul li#nav-02 a span {background:url("../design/nav-02-b.gif") 0 0 no-repeat;}
#order #content .box-cart-top {width:980px; height:3px; background:url("../design/box-cart-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#order #content .box-cart-bottom {width:980px; height:3px; background:url("../design/box-cart-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#order #content .box-cart {padding:0px 15px; background:url("../design/box-cart.gif") 0 0 repeat-y; overflow:hidden;}
#order #content .box-cart-02-top {width:980px; height:3px; background:#FFF1D1 url("../design/box-cart-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#order #content .box-cart-02-bottom {width:980px; height:3px; background:#FFF1D1 url("../design/box-cart-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#order #content .box-cart-02 {padding:12px 15px; background:#FFF1D1 url("../design/box-cart-02.gif") 0 0 repeat-y; overflow:hidden;}
#order #content .box-cart-02 a {color:#000;}
#order #content .box-cart-02 a:hover {color:#e50;}
#order #content .table-cart {width:976px; margin:0 -13px; border-collapse:collapse;}
#order #content .table-cart a {color:#000;}
#order #content .table-cart a:hover {color:#e50;}
#order #content .table-cart th {padding:10px; text-align:center; font-size:120%; font-weight:bold; color:#e50;}
#order #content .table-cart td {padding:10px; border:1px solid #A3D1EF; vertical-align:middle;}
#order #content .table-cart tr.odd td {background:#DBF1FF;}
#order #content .table-cart tr.last-bottom td {border-bottom:0;}
#order #content .table-cart td.last {border-right:0;}
#order #content .table-cart td img.border {border:1px solid #A3D1EF;}
#order #content .cart-steps {margin:25px 0; text-align:center; font-size:120%;}
#order #content .cart-steps .arrow {margin-right:10px; padding:0 25px 0 0; background:url("../design/ico-arrow.gif") 100% 50% no-repeat;}
#order #content .cart-steps strong {color:#e50;}
#order #content .cart-steps-02 {margin:25px 0; height:42px; padding:0 10px; background:url("../design/steps.gif") 0 0 no-repeat; font-size:120%; overflow:hidden; line-height:42px;}
#order #content .cart-steps-02 p {margin:0;}
#order #content .cart-steps-02 p.f-left {display:block; width:610px; text-align:center;}
#order #content .cart-steps-02 p.f-left .cart-steps-arrow {margin-right:10px; padding:2px 40px 2px 0; background:url("../design/steps-arrow.gif") 100% 50% no-repeat;}
#order #content .cart-steps-02 p.f-right {display:block; width:290px; text-align:center;}
#order #content .cart-steps-02 .cart-steps-active {font-weight:bold;}
#order #content .table-radio {width:950px; margin:13px 0; border-collapse:collapse;}
#order #content .table-radio th, #order #content .table-radio td {padding:3px 5px; border-bottom:1px solid #D4E8F7;}
#order #content .table-radio tr.last th, #order #content .table-radio tr.last td {border-bottom:0;}
#order #content .table-radio th {width:15px;}
#order #content .table-recap {width:950px; margin:0; border-collapse:collapse;}
#order #content .table-recap th {width:450px; text-align:right; color:#707070;}
#order #content .table-recap td {font-size:120%;}
#order #content .table-recap th, #order #content .table-recap td {padding:2px 10px;}
#order #content .table-info {margin:0; border:2px solid #FFDC8D; border-collapse:collapse;}
#order #content .table-info th, #order #content .table-info td {border:1px solid #FFDC8D; padding:5px 10px; background:#fff;}
#order #content .table-info th {width:110px; color:#707070;}
#order #content #info-kuryr, #order #content #info-cpost, #order #content #info-osobne {margin:20px 20px 20px 0; border:1px solid #FFDC8D; padding:15px; background:#FFF1D1;}
#order #content #info-kuryr a, #order #content #info-cpost a, #order #content #info-osobne a {color:#000;}
#order #content .ico-back {padding-left:15px; background:url("../design/ico-arrow-02.gif") 0 3px no-repeat;}
#order #footer {margin-top:25px; border-top:1px solid #cfcfcf; color:#707070;}
#order #footer a {color:#707070;}
#order #footer a:hover {color:#000;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Registrace
---------------------------------------------------------------------------------------------------------- */

#content table.reg {margin-top:0; border-collapse:collapse;}
#content table.reg th, #content table.reg td {padding:3px 0;}
#content table.reg th {width:130px; padding-right:10px; text-align:right;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Servis
---------------------------------------------------------------------------------------------------------- */

#content .ul-service {margin:0;}
#content .ul-service li {display:block; float:left; background:url("../design/dot.gif") 0 100% repeat-x; width:234px; text-align:center;}

/* ----------------------------------------------------------------------------------------------------------
Stránka: Kontakt
---------------------------------------------------------------------------------------------------------- */

#content .col240 {float:left; width:230px; margin-right:10px;}
#content .col240.last {margin-right:0;}

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

#content #breadcrumbs {width:690px; height:32px; margin:10px 0; padding:1px 10px; overflow:hidden; background:#F5F5F5 url("../design/breadcrumbs.gif") 0 0 no-repeat;}
#content #breadcrumbs p {margin:0;}
#content #breadcrumbs img {display:block; float:left; margin:8px 10px 0 0;}
#content #breadcrumbs a.arrow {display:block; float:left; padding:7px 5px 8px 22px; background:url("../design/breadcrumbs-arrow.gif") 0 0 no-repeat; font-weight:bold; color:#505050;}
#content #breadcrumbs a:hover.arrow {color:#000;}

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

#content .title-01 {margin:10px 0; height:40px; background:#006993 url("../design/title-separator.jpg") 0 0 no-repeat; overflow:hidden;}
#content .title-01 h2, #content .title-01 p {display:block; float:left; margin:0;}
#content .title-01 h2 {padding:10px 25px 10px 10px; background:url("../design/title-separator-arrow.jpg") 100% 0 no-repeat; font-size:120%; font-weight:bold;}
#content .title-01 h2 a {color:#fff;}
#content .title-01 p {padding:12px 0 0 10px; color:#e8f6ff;}
#content .title-01 p a {margin-right:2px;}
#content .title-01 a {color:#e8f6ff;}
#content .title-01 a:hover {text-decoration:none;}

/* ----------------------------------------------------------------------------------------------------------
Portlet: Nadpis (1 sloupec)
---------------------------------------------------------------------------------------------------------- */

#content .cols3 .col {float:left; width:230px; margin-right:10px;}
#content .cols3 .col.last {margin-right:0;}
#content .cols3 .col h2 {margin:10px 0; padding:9px 10px 10px 10px; background:#006993 url("../design/title-separator-02.gif") 0 0 no-repeat; font-size:120%; font-weight:bold; color:#fff;}
#content .cols3 .col h2 a {color:#fff;}
#content .cols3 .col h2 a:hover {text-decoration:none;}
#content .cols3 .col .item {margin:0;}

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

#content .item {float:left; width:230px; margin-right:10px;}
#content .item.last {margin-right:0;}
#content .item .item-top {width:230px; height:3px; background:url("../design/item-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item .item-bottom {width:230px; height:3px; margin-bottom:10px; background:url("../design/item-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item .item-content {position:relative; padding:7px 10px; background:url("../design/item.gif") 0 0 repeat-y; 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 -9px; padding:7px 10px; background:#d1edff;}
#content .item.akce .item-content .item-desc {background:#FFF1D1;}
#content .item .item-content .item-thumb {line-height:100px}
#content .item .item-content .item-desc .item-price {font-size:120%; color:#d50;}
#content .item .item-content .item-btns {margin-left:17px;}
#content .item .item-content .item-btns img {display:block; float:left; margin:0 2px;}
#content .ico-sleva {position:absolute; top:2px; right:6px; width:43px; height:11px; background:url("../design/ico-sleva.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-sleva span {display:none;}
#content .ico-nastip {position:absolute; top:2px; right:6px; width:43px; height:11px; background:url("../design/ico-nastip.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-nastip span {display:none;}
#content .ico-novinka {position:absolute; top:2px; right:6px; width:43px; height:11px; background:url("../design/ico-novinka.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-novinka span {display:none;}
#content .ico-akce {position:absolute; top:2px; right:6px; width:43px; height:11px; background:url("../design/ico-akce.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-akce span {display:none;}
#content .ico-doprava {position:absolute; top:2px; right:6px; width:45px; height:19px; background:url("../design/ico-doprava.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-doprava span {display:none;}
#content .ico-skladem {position:absolute; top:2px; right:6px; width:48px; height:11px; background:url("../design/ico-skladem.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-skladem span {display:none;}
#content .ico-skladem-dod {position:absolute; top:2px; right:6px; width:60px; height:19px; background:url("../design/ico-skladem-dod.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-skladem-dod span {display:none;}
#content .ico-splatky {position:absolute; top:2px; right:6px; width:45px; height:19px; background:url("../design/ico-splatky.gif") 0 0 no-repeat; overflow:hidden;}
#content .ico-splatky span {display:none;}

#content .item-02-top {width:710px; height:2px; background:url("../design/item-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item-02-bottom {width:710px; height:2px; margin-bottom:10px; background:url("../design/item-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#content .item-02-content {position:relative; padding:7px 10px; background:url("../design/item-02.gif") 0 0 repeat-y;}
#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:200px; 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:#d50;}
#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 .calc a {padding-left:15px; background:url("../design/ico-calc.gif") 0 0 no-repeat;}
#content .green {color:#5a0;}

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

#content .tabs {position:relative; margin:0; bottom:-2px; z-index:999;}
#content .tabs ul {margin:0; margin-left:15px;}
#content .tabs ul li {display:inline;}
#content .tabs ul li a {display:block; float:left; margin-right:3px; padding-left:5px; background: url("../design/tab-01-l.gif") 0 0 no-repeat; text-decoration:none; color:#000;}
#content .tabs ul li a span {float:left; display:block; padding:7px 12px 7px 7px; background:url("../design/tab-01-r.gif") 100% 0 no-repeat;}
#content .tabs .ui-tabs-selected a, .tabs ul li a.active {border-bottom:1px solid #D1EDFF; background:#fff url("../design/tab-01-l.gif") 0 -100px no-repeat !important; color:#000; font-weight:bold;}
#content .tabs .ui-tabs-selected a span, .tabs ul li a.active span {padding:7px 12px 7px 7px; border-bottom:1px solid #D1EDFF; background:url("../design/tab-01-r.gif") 100% -100px no-repeat !important;}
#content .tabs ul li a:hover {color:#e50 !important;}
#content .tabs-02 {position:relative; margin:0; bottom:-2px; z-index:999;}
#content .tabs-02 ul {margin:0; margin-left:15px;}
#content .tabs-02 ul li {display:inline;}
#content .tabs-02 ul li a {display:block; float:left; margin-right:3px; padding-left:5px; background: url("../design/tab-02-l.gif") 0 0 no-repeat; text-decoration:none; color:#000;}
#content .tabs-02 ul li a span {float:left; display:block; padding:7px 12px 7px 7px; background:url("../design/tab-02-r.gif") 100% 0 no-repeat;}
#content .tabs-02 .ui-tabs-selected a, .tabs-02 ul li a.active {border-bottom:1px solid #f5f5f5; background:#fff url("../design/tab-02-l.gif") 0 -100px no-repeat !important; color:#000; font-weight:bold;}
#content .tabs-02 .ui-tabs-selected a span, .tabs-02 ul li a.active span {padding:7px 12px 7px 7px; border-bottom:1px solid #f5f5f5; background:url("../design/tab-02-r.gif") 100% -100px no-repeat !important;}
#content .tabs-02 ul li a:hover {color:#e50 !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.border {border:1px solid #e1d3b4;}
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 url("../design/input-text.gif") 0 0 no-repeat; font:100%/1.4 "arial",sans-serif;}
.input-submit {padding:4px; border:1px solid #d00; border-left:1px solid #fc0; border-top:1px solid #fc0; background:#EE7700 url("../design/input-submit.gif") 0 0 repeat-x; font:bold 100%/1.4 "arial",sans-serif; color:#fff;}
a.btn {text-decoration:none; padding:4px; border:1px solid #d00; border-left:1px solid #fc0; border-top:1px solid #fc0; background:#EE7700 url("../design/input-submit.gif") 0 0 repeat-x; font:bold 100%/1.4 "arial",sans-serif; color:#fff;}
a.btn:hover {color:#fff;}
.strike {text-decoration:line-through;}
.smaller {font-size:90%;}
.bigger {font-size:120%;}
.bigger-02 {font-size:140%;}
.low, .low a {color:#505050;}
.low a:hover {color:#303030;}
.high {color:#e50;}
.tit {padding:10px; font-size:100% !important; font-weight:bold !important; background:#eee !important; color:#000 !important;}
.tag {background:#ffa;}