h4#provedeni {color:#00327b;}
/* -------------------------------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------------------- */


div#box { padding-left:15px; padding-bottom:3px; background:#0070c1;}
div#box p {margin:0; padding:0; font-size:1em;}


a#mail_us {display:block; position:relative; width:129px; height:33px; border-bottom:1px solid #003475;}
a#mail_us span {display:block; position:absolute; top:0; left:0; width:129px; height:33px; background:url(mail-us.gif) no-repeat;}
div#box form label, div#box form label span {display:block; position:relative; height:28px; width:129px; margin:0;}
div#box form label span {position:absolute; top:0; left:0; background:url(search-label.gif) no-repeat;}
input#search {float:left;width:102px; height:15px; padding-bottom:3px; background:#FFF url(input-shadow.gif) no-repeat left bottom; border:none; line-height:15px;}
input#submit_search {height:18px; width:29px; padding-bottom:3px; background:#fff100 url(submit.gif) no-repeat right bottom; border:0; color:#00215b; line-height:15px; font-size:11px; cursor:pointer;}


div#page {width:695px;padding:0 0 0 12px; float:left; background:#fff url('bg-leftmenu.jpg') 0 0 repeat-y; }

/* -------------------------------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------------------------------- */
div#content {float:left; width:680px; color:#00205a;}

div#content h2 {width:320px; margin:2px 0 2px 0; padding:5px 0 5px 15px; background:#fff200; color:#00205a; font-size:1em;}

div.text_left {float:left;width:320px; padding-left:15px; padding-top:3px; border-left:3px solid #fff200;}

/* -------------------------------------------------------------------------------------------------------
LEFT MENU
------------------------------------------------------------------------------------------------------- */
div#left_menu {float:left; width:166px; margin-top:2px; /*margin-right:4px;*/ overflow: hidden;}
div#left_menu ul { clear:both; background:#fff100; padding-left:2px; padding-right:1px; width: 166px;}
div#left_menu ul li {  list-style:none; margin-bottom:1px; font-weight:bold;}
div#left_menu ul li a { display:block; height:22px; padding:0 0 0 20px; line-height:22px; background:url(left-menu-1.gif) no-repeat; text-decoration:none; color:#112e54;}

div#left_menu ul.k_pronajmu {background: #006fc0; margin-top: 1.5em;}
div#left_menu ul.k_pronajmu li a { display:block; height:26px; padding:0 0 0 20px; line-height:26px; background: #FFFFFF url(menu_pronajem.gif) no-repeat; text-decoration:none; color:#fff100;}

div#left_menu ul.plain {background:transparent; margin-top: 1.5em;}
div#left_menu ul.plain li a { display:block; height:26px; padding:0 0 0 20px; line-height:26px; background-image:none; text-decoration:underline; font-weight:normal;}
div#left_menu ul.plain li a:hover {color:#0070C1;}

div#left_menu ul li a:hover {color:#FFFFFF;}
div#left_menu ul li ul {display:none;}
div#left_menu ul li.active-1 ul {display: block;}
div#left_menu ul li ul li {font-weight:normal; height:auto; border:1px solid #FFF100; font-size: 0.85em;}
div#left_menu ul li ul li a {padding-left:35px; height:auto;background:url(left-menu-arrow.gif) no-repeat 20px center;}
div#left_menu ul li ul li a:hover {padding:0;background:url(left-menu-hover-1.gif) repeat-y left top; color:#112e54;}
div#left_menu ul li ul li a:hover span {display:block; padding-left:35px; background:url(hover-arrow.gif) no-repeat 21px center;}

a.class {display:block; float:left; width:83px; height:22px; background:#fff100; line-height:22px; text-align:center; text-decoration:none; color:#112e54; font-weight: bold;}
a.unactive {background:url(class.jpg) no-repeat; font-weight: normal; color: gray;}

div#left_menu ul li.active-1 a {background:url(menu-left-active.gif) no-repeat;}
div#left_menu ul li.active-1 li.second a {background:url(left-menu-arrow.gif) no-repeat 20px center;}

div#left_menu ul li.active-2 a {padding:0 !important;background:url(hover-top.gif) no-repeat left top !important;}
div#left_menu ul li.active-2 a span {display:block; padding-left:35px; padding-bottom:3px;background:url(hover-bottom.gif) no-repeat left bottom !important;}

div#header_small {float:right; width:172px;}
div#header_small_in {margin-right:12px;}
div#header_small p {background:#006fc1; padding: 0 18px; font-size: 8pt;}
div#header_small a {color: #FFF200;}


/* -------------------------------------------------------------------------------------------------------
DETAIL
------------------------------------------------------------------------------------------------------- */
div#detail, div#katalog_zbozi, div#kosik {float:right; width:526px; margin-top:2px;}
div#item_img {float:left;width:337px; padding:20px 0 0 10px; background:url(item-img.gif) no-repeat left top;}
div#item_img img {margin-bottom:20px;}
div#dalsi_fotky.inactive {display:none;}
div#item_img .imageThumb {margin: 3px; vertical-align: middle;}

div#item_info {float:right; width:177px; padding:20px 0 0 0; margin-bottom:2px; background:url(detail-info.gif) no-repeat right top;}

a#zoom, a#next_img {display:block; position:relative;float:left; width:140px; height:27px; cursor:pointer;}
a#zoom span, a#next_img span {display:block; position:absolute; top:0; left:0; width:140px; height:27px;}

a#zoom {margin-right:30px;}
a#zoom span {background:url(zoom.gif) no-repeat;}
a#next_img span {background:url(next-img.gif) no-repeat;}
a#next_img.active span {background:url(hide_img.gif) no-repeat;}


div#detail table {margin-bottom:15px; width: 100%;}
div#detail table th {text-align:left; vertical-align: top; color:#00327b; font-weight:normal; padding-left: 5px;}
div#detail table td {text-align:right; vertical-align: top; color:#00327b; font-weight:bold;  padding-right: 5px;}

td.td-space {padding-bottom:15px;}
td.price {color:#006fc0 !important;}

div#colors img {margin:0; padding:0; border:0; margin-bottom:15px; vertical-align: middle !important;}

#kpronajmu {display: block; width:125px; height:22px; margin: 2px 0; text-align:right; border:none; background:url(pronajmout.jpg); cursor:pointer; font-weight:bold; color:#00327b; font-size:14px; float: left; padding: 0; float: right; padding: 4px 25px 0 0; text-decoration: none;}

input#count {width:24px; height:20px; border:1px solid #002355; background:url(input-text.gif) no-repeat; text-align: center; float: left; padding-top: 4px; }

input#to_basket {width:150px; height:26px; line-height: 26px; text-align:right; border:none; background:url(do-kosiku.jpg); cursor:pointer; font-weight:bold; color:#00327b; font-size:14px; float: left; padding-right: 30px;}

textarea#size {width: 144px; float: right; border: 1px solid black; background: white; font-size: 8pt; padding: 0 2px; font-family: sans-serif; }

.inbasket {padding: 1px 0; margin: 1px 0;}

div#item_title {clear:both; background:#006fc0; height:32px;}
div#item_title h3 { float:left; width:300px; margin-left:10px; line-height:32px; color:#fff200; }
div#numbers {float:right;}
div#numbers a {display:block; float:left; width:35px; height:31px; background:url(n.jpg) no-repeat; text-align:center; line-height:31px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
div#item_text {padding:10px;background:#00327b; color:#FFF;}
div#item_text a {color: #FFF200;}
p.info-text-left {float:left; width:315px;}
div#info-text-right {float:right; width:175px;}
div#info-text-right h4 {color:#fff200;}

/* -------------------------------------------------------------------------------------------------------
NEWS
------------------------------------------------------------------------------------------------------- */
p.small_text {padding:0 10px 0 10px; color:#FFF; font-size:0.9em;}

p.pronajem {position:relative;width:160px; height:138px; padding:0 !important;}
p.pronajem span {position:absolute; top:0; left:0; width:158px; height:138px; background: #0370BE url(banner_small-pronajem.jpg) no-repeat 50% top;}
p.pronajem strong {display:block;padding:5px;}


div#news {width:160px; font-size:9pt;}

div#news h2  {font-size: 1em; margin:3px 0 18px 0;padding:5px 0 5px 12px; color:#00205a; background:#fff100;}

div#news dl { padding-left:6px; border-left:1px solid #d6d6d6;}
div#news dl dt, div#news dl dd {padding-left:3px;border-left:3px solid #fff100;}
div#news dl dt {color:#0070c1; font-weight:bold;}
div#news dl dd {margin-bottom:15px; color:#00205a;}

p#cert {width:140px; font-size:0.9em; padding-left:12px; border-left:3px solid #d6d6d6; background:#fff !important; color:#2283e6 !important;}

div.bor {width:868px; height:12px; margin:0 auto 0 auto; background:#02337c;}
div.bor_bottom {height:17px;}




/* -------------------------------------------------------------------------------------------------------
SEZNAM
------------------------------------------------------------------------------------------------------- */
div.item {float:left; width:173px; height:256px; margin: 0 1px; margin-bottom:3px; padding:10px 0 0 0; background:url(item.gif) no-repeat left top; position: relative;}
div.item img.banner {position: absolute; top: 0; left: 0;}
div.item span {display:block; margin: 0; padding:5px 5px 5px 5px; text-align:right; color:#006fc0; font-weight:bold; clear:both; }
div.item h3 {padding:3px 0 3px 7px;background:#006fc0; color:#fff200; font-size:0.85em; font-weight:normal; white-space: nowrap; width: 166px; overflow: hidden;}
div.item h3 a {color:#fff200;}
div.item h3 strong {font-size:1.2em; font-weight:bold;}
div.item_novinka h3 {background:#39a8f3;}
div.item_akce h3 {background: #00327b;}
div.item_out h3 {background:darkgray;}
div.item p {padding:3px 7px 5px 7px;background:#00327b; color:#fff; height: 82px; font-size: 11px; overflow: hidden; line-height: 14px;}
div.item_novinka P {background:#006fc0;}
div.item_akce p {background:#001d4e;}
div.item_out p {background:gray;}
div.item .prim_image {margin: 0; margin-left:3px; text-align: center; padding: 0; width:135px; height: 105px;}
div.item_buttons {position: absolute; top: 10px; right: 0; width:26px; margin: 0; padding-top:18px; }
div.item_buttons img { float: left; width:26px; margin: 1px 0; }
div.item_buttons input { float: left; width: 26px; height: 26px; border: 0; margin: 1px 0; cursor: pointer; }

/* -------------------------------------------------------------------------------------------------------
KOSIK
------------------------------------------------------------------------------------------------------- */
ul#cartnav {}
ul#cartnav li {float:left; width:131px; height:18px; padding-top: 4px; background:#FFFF00 url(nav.jpg) no-repeat; list-style:none; text-align:center; color:#00205a; font-size:11px; margin-bottom:2px;}
li.nav_active {background:blue url(nav-active.jpg) no-repeat !important; color:#fff200 !important; font-weight: bold;}
li.nav_active a {color: white; text-decoration: none;}
li a {color: #00327B; text-decoration: none;}
li a:hover {color: white;}
div#kosik table {width:524px; padding-right:2px;background:url(basket-top.gif) no-repeat left top;}
div#table {background:url(basket-bottom.gif) no-repeat left bottom; padding-bottom:20px; margin-bottom:2px; clear:both; color: black;}
div#kosik table th {text-align:left; padding:5px; color:#112f65;}
div#kosik table td {padding:0 0 0 5px; border-bottom:8px solid #fff;}
td.itm_img {width:132px; text-align:center;}
td.itm_name {width:182px; font-weight:bold;}
td.itm_name a {color: #FFFF00;}
td.itm_price {width:55px;}
td.itm_count {width:45px; text-align: center;}
	td.itm_count input {width:20px; text-align: center; background: white; border: 1px solid gray;}
td.itm_total {width:60px;}
td.itm_action {width:auto; background:#00327b; width:30px; padding:0 !important;}
td.itm_action a {color: #00327B; display:block; width:18px; height:15px; margin:2px auto 2px auto; line-height:15px; background:#fff100; text-decoration:none; text-align:center; font-weight:bold; font-size:0.9em;}

td.itm_name, td.itm_price, td.itm_count,td.itm_total {background:#006fc0; color:#fff200;}
tr.itm_last td {border:none !important;}

div#kosik_butt {float:right;width:205px;}
div#kosik_butt span {display:block; float:left; width:112px; line-height:27px; color:#00205a;}
div#kosik_butt input {font-weight:bold; cursor:pointer;}
input#recalculate {text-align:center; width:93px; height:27px; margin-bottom:2px; float:right; background:url(prepocitat.jpg) no-repeat; border:none; }
input#next {width:205px; height:27px; text-align:center; line-height:27px; background:url(objednat.jpg) no-repeat; border:none;}

#kosik p.size {font-weight: normal; font-size: smaller; margin-top: 1em;}

#kosik textarea.size {width: 100%; font-size: smaller;}

/* -------------------------------------------------------------------------------------------------------
KOSIK - Doruceni
------------------------------------------------------------------------------------------------------- */

div#kosik fieldset.dorucovaci_udaje, div#kosik div.zakaznik {padding:1em;background:url(basket-top.gif) no-repeat left top;}
div#kosik fieldset.dorucovaci_udaje h3 {margin-bottom: 0.5em; border-bottom: 1px solid gray; clear: both;}
div#kosik fieldset.dorucovaci_udaje p {clear: both; padding: 0.3em 0;}
div#kosik fieldset.dorucovaci_udaje label {width: 7em; display: block; float: left;}
div#kosik fieldset.dorucovaci_udaje input {float: left; width: 15em; border: 1px solid gray; padding: 1px; background: #F0F0F0;}
div#kosik #table.potvrzeni input, div#kosik #table.potvrzeni textarea { border: 0; padding: 2px;}
div#kosik fieldset.dorucovaci_udaje textarea {float: left;  width: 30em; height: 6em; border: 1px solid gray; background: #F0F0F0; padding: 1px;}
div#kosik fieldset.dorucovaci_udaje input#c_phone, div#kosik fieldset.dorucovaci_udaje input#c_psc, div#kosik fieldset.dorucovaci_udaje input#c_fakt-psc, div#kosik fieldset.dorucovaci_udaje input#c_fakt-ic, div#kosik fieldset.dorucovaci_udaje input#c_fakt-dic {width: 8em;}
div#kosik #dodani input, div#kosik #platba input {width: auto; border: 0; margin-right: 0.5em;}
div#kosik #dodani label, div#kosik #platba label {width: auto; float: none; margin-right: 0.5em;}

div#kosik #dodani {float: left; width: 47%;}

div#kosik #platba {float: right; width: 47%;}


#obj_zpet {background: url(obj_zpet.jpg); display: block; width: 205px; height: 21px; float: left; font-weight: bold; padding-top: 5px; text-decoration: none; color: black; text-align: center; font-size: 11pt;}
#obj_dal {background: url(objednat.jpg); display: block; width: 205px; height: 26px; float: right; font-weight: bold; border: 0; cursor: pointer;  font-size: 11pt;}

div#kosik #obj_zpet, div#kosik #obj_dal, div#kosik #kosik_butt input { color:#00205a; }

/* -------------------------------------------------------------------------------------------------------
KOSIK - Potvrzeni
------------------------------------------------------------------------------------------------------- */
div#kosik table.zakaznik td {width: 25%; }
.price_celkem {text-align: right;}
div#kosik table.zakaznik td.input {text-align: left;}
div#kosik table.zakaznik td.input span {background: #EBEBEB; display: block; padding: 2px; width: 80%;}
div#kosik table.zakaznik td.doruceni {text-align: left;}


/* -------------------------------------------------------------------------------------------------------
LISTER
-------------------------------------------------------------------------------------------------------*/

.lister {font-size: 11pt;color: #00327b; line-height: 23px;}
.lister a {color: #00327b; text-decoration: none;}
.lister a:hover {text-decoration: underline;} 
.lister strong {color: #006fc0; text-decoration: underline;}
.prev {background: url(prev.gif) no-repeat 50% 50%; text-align: right; padding: 10px 10px 10px 35px;}
.next {background: url(next.gif) no-repeat 50% 50%; text-align: left; padding: 10px 55px 10px 20px;}


#navigation {text-align: center; font-weight: bold; margin-left: 166px; margin-top: 1em;}

/* -------------------------------------------------------------------------------------------------------
NORMY
-------------------------------------------------------------------------------------------------------*/

.normy table {width: 80%; margin: 0.5em 0;}

.normy h2 {width: 100% !important; margin: auto; padding: 0.3em !important; font-size: 1.2em !important;}
.normy h3 {font-size: 1.1em; color: #006FC1; margin: 1em 0 0 0;}
.normy h4 {margin: 1em 0 0 0;}
.normy table th {text-align: left; padding: 3px 5px; background: #002E72; color: #FFF200; font-size: 0.8em; border: 1px solid white; }
.normy table td {background: #006FC1; color: white; border: 1px solid white; padding: 3px 5px;}

.normy table caption {text-align: left; font-weight: bold; font-size: 1.1em; padding: 1em 0 0 0; color: #006FC1; font-family:Verdana; }

.normy ul, .normy ol {padding-left: 1.5em; margin: 1em 0;}

.normy dl { margin: 1em 0; }
.normy dl dt {font-weight:bold; color: #006FC1; float: left; clear: both; margin-right: 1em;}
.normy dl dd {}