html, body {margin: 0px; padding: 0px;}
body {background: url("peklo-img/bgr.gif") 50% repeat-y; background-color: #D9D9D8; font-size: small; color: #433F3D; font-family: "Verdana", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; text-align: center;}
#wide_head {background: url("peklo-img/bgr-top.gif") 50% repeat-y; background-color: #F1D4D3; border-bottom: 1px solid #D98B87;}
#wide_body {background: url("peklo-img/bgr-page.gif") 50% repeat-y; background-color: #D9D9D8;}
#head {width: 900px; margin: 0px auto; position: relative; padding-top: 40px; background-color: #FFF;}
#body {width: 868px; margin: 0px auto; clear: both; background-color: #FFF; padding: 0px 16px 50px; line-height: 1.3em;}
#footer {width: 868px; margin: 0px auto;font-size: 75%; line-height: 1.2em;}
#crumbs {position: absolute; top: 5px; left: 16px; font-size: xx-small;}
#crumbs .first {padding-left: 10px; background: url("peklo-img/point-red-circle-4x4.gif") 3px 60% no-repeat;}
#server {position: absolute; top: 5px; right: 16px; font-size: xx-small;}
#drobky, #lang {/*display: none;*/ line-height: 4em;}
/*#drobky {font-size: xx-small; text-align: left;}*/
/*#drobky {position: relative; top: -164px; left: 14px; font-size: xx-small; text-align: left;}*/
#drobky {position: relative; top: -165px; left: 14px; font-size: xx-small; text-align: left;}
#top { height: 2px;}
#logo {display: block; width: 420px; height: 52px; margin: 0px auto 4px; font-size: x-large; font-weight: bold; color: #433F3D; text-decoration: none; position: relative;}
#logo span {position: absolute; top: 0px; left: -220px; width: 420px; height: 52px; background: url("peklo-img/logo-se-stinem.gif") 50% 50% no-repeat;}
#stripe {text-align: center; margin: 0px auto 16px; padding: 0px; width: 900px; height: 25px; line-height: 25px;}
#stripe ul {margin: 0px; padding: 0px;}
#stripe li {display: block; height: 25px; margin: 0px; padding: 0px; float: left; list-style: none;}
#stripe li a {display: block; margin: 0px; height: 25px; padding: 0px; position: relative; line-height: 25px; font-size: 113%; text-decoration: none; font-weight: bold; overflow:hidden;}
#stripe li a span {display: block; margin: 0px; height: 29px; padding: 0px; position: absolute; top: 0px; left: 0px; cursor:pointer; cursor:hand;}
#vedeni-ucetnictvi, #vedeni-ucetnictvi a, #vedeni-ucetnictvi a span {width: 295px;}
#danove-poradenstvi, #danove-poradenstvi a, #danove-poradenstvi a span {width: 310px;}
#mzdova-agenda , #mzdova-agenda a, #mzdova-agenda a span {width: 295px;}
#vedeni-ucetnictvi a span {background: url("peklo-img/vedeni-ucetnictvi.gif") no-repeat;}
#danove-poradenstvi a span {background: url("peklo-img/danove-poradenstvi.gif") no-repeat;}
#mzdova-agenda a span {background: url("peklo-img/mzdova-agenda.gif") no-repeat;}
#stripe li a span {background-position: 0px 0px;}
#stripe li a:hover span {background-position: 0px -25px;}
#stripe li a:hover {background: #F1D4D3;}
#hledani {position:absolute; top: 110px; right: 0px;}
/*#tabs {text-align: center; margin: 0px auto 0px; padding: 0px 0px 0px 0px; width: 660px; height: 29px; line-height: 29px; position: relative;}*/
/*#tabs {text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 680px; height: 29px; line-height: 29px; position: relative; top: 0px; left: -50px;}*/
#tabs {text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 680px; height: 29px; line-height: 29px; position: absolute; top: 115px; left: 0px;}
#tabs ul {margin: 0px; padding: 0px;}
#tabs li {display: block; height: 29px; margin: 0px 2px; padding: 0px; float: left;}
#tabs li a {display: block; margin: 0px; height: 29px; padding: 0px; position: relative; line-height: 29px; font-size: 113%; text-decoration: none; font-weight: bold; overflow:hidden;}
#tabs li a span {display: block; margin: 0px; height: 29px; padding: 0px; position: absolute; top: 0px; left: 0px; cursor:pointer; cursor:hand;}
#tab_uvod, #tab_uvod a, #tab_uvod a span {width: 73px;}
#tab_sluzby, #tab_sluzby a, #tab_sluzby a span {width: 88px;}
#tab_info, #tab_info a, #tab_info a span {width: 113px;}
#tab_eshop, #tab_eshop a, #tab_eshop a span {width: 92px;}
#tab_kontakt, #tab_kontakt a, #tab_kontakt a span {width: 97px;}
#tab_cenik, #tab_cenik a, #tab_cenik a span {width: 78px;}
#tab_onas, #tab_onas a, #tab_onas a span {width: 78px;}
/* nove */
#tab_dane, #tab_dane a, #tab_dane a span {width: 78px;}
#tab_mzdy, #tab_mzdy a, #tab_mzdy a span {width: 78px;}
#tab_ucetnictvi, #tab_ucetnictvi a, #tab_ucetnictvi a span {width: 116px;}
/* konec novych */
#tab_uvod a span {background: url("peklo-img/menu-uvod.gif") no-repeat;}
#tab_sluzby a span {background: url("peklo-img/menu-sluzby.gif") no-repeat;}
#tab_info a span {background: url("peklo-img/menu-infoservis.gif") no-repeat;}
#tab_eshop a span {background: url("peklo-img/menu-eshop.gif") no-repeat;}
#tab_kontakt a span {background: url("peklo-img/menu-kontakt.gif") no-repeat;}
#tab_cenik a span {background: url("peklo-img/menu-cenik.gif") no-repeat;}
#tab_onas a span {background: url("peklo-img/menu-o-nas.gif") no-repeat;}
/* nove */
#tab_dane a span {background: url("peklo-img/menu-dane.gif") no-repeat;}
#tab_mzdy a span {background: url("peklo-img/menu-mzdy.gif") no-repeat;}
#tab_ucetnictvi a span {background: url("peklo-img/menu-ucetnictvi.gif") no-repeat;}
/* konec novych */
#tabs li a span {background-position: 0px -60px;}
#tabs li a:hover span {background-position: 0px -30px;}
#tabs li a.sel span {background-position: 0px 0px;}
#tabs li a.sel:hover span {background-position: 0px 0px;}
#tabs li a {color: #433F3D;}
#tabs li a:hover {color: #433F3D; background: #D0CFCE;}
#tabs li a.sel {color: #FFFFFF; background: #B82921;}
#tabs li a.sel:hover {color: #FFFFFF; background: #B82921;}
.sloupec {margin: 0px; text-align: left;}
.stred {float: right;}
.s698 {width: 682px;}
.s496 {width: 496px;}
.s240 {width: 240px;}
.s170 {width: 170px;}
h1 {margin: 0px; padding: 0px; height: 30px; position: relative; font-size: 168%; color: #2864AA; overflow:hidden; clear:both; font-weight: normal;}
h1 img {margin: 0px; border: 0px; position: absolute; top: 0px; left: 0px;}
h2 {margin: 0px 0px 5px; color: #2864AA; font-size: 113%; clear:both;}
h3 {margin: 0px; font-size: 100%; clear:both;}
a img {border: 0px;}
p {margin: 8px;/* background: #DDD;*/}
hr {border: 1px solid #2864AA;}
strong {color: #2864AA;}
form {margin: 0px; padding: 0px;}
.blok {padding-bottom: 8px; margin-bottom: 16px; background-repeat: no-repeat; line-height: 1.1em;}
.blok p {margin: 4px 4px;}
.blok h1, .blok h2 {margin: 0px; padding: 0px; height: 30px; position: relative; overflow:hidden;}
.blok h1 img, .blok h2 img {position: absolute; top: 0px; left: 0px; border: 0px;}
.red h1, .red h2 {background: #B82921; color: #FFF;}
.blue h1, .blue h2 {background: #2864AA; color: #FFF;}
.red {background-image: url("peklo-img/blok-end-red.gif");}
.blue {background-image: url("peklo-img/blok-end-blue.gif");}
.s170 {background-position: 0px bottom;}
.s240 {background-position: -500px bottom;}
.s496 {background-position: -500px bottom;}
.noend {background-position: 0px -20px; padding-bottom: 0px;}
.blok .noend {margin-bottom: 0px;}
.blok h3 {color: #2864AA;}
.blok h3 a {color: #2864AA; text-decoration: none;}
#search-query {
margin:0px; width:90px;
}
/*
.a{background: #FFC;}
.b{background: #FCF;}
.c{background: #CFF;}
.d{background: #CCF;}
*/
.left {float: left;}
.right {float: right;}
.none {display: none;}
.hidden {visibility: hidden; margin: 0px; border: 0px solid green; height: 0px; line-height: 0px;}
.clear {clear: both; display:block;}
.alert {font-weight: bold;color: #B82921;}
.bold {font-weight: bold;}
.error {font-weight: bold; color: red;}
a:link, a:visited {color: #B82921;}
a:hover {text-decoration: none;}
.go {float: right; margin: 5px;}
table {margin: 5px; border-collapse: collapse; border: 1px solid #2864AA;}
table th, table td {border: 1px solid #2864AA; padding: 3px;}
table th {background: #E9EFF6; color: #2864AA;}
form {margin: 0px;}
fieldset {margin: 0px 5px 10px 5px; border: 1px solid #2864AA;}
legend {font-weight: bold; color: #2864AA;}
label {font-weight: bold;}
label span, .required {color: #B82921; font-size: 89%;}
fieldset table, fieldset td, fieldset th {border: 0px; background: transparent;}
fieldset th {color: #433F3D; font-weight: bold;}
#TableShopKosik {width: 480px; margin: 5px; border-collapse: collapse; border: 1px solid #2864AA; }
#TableShopKosik th, #TableShopKosik td {border: 1px solid #2864AA; padding: 3px;}
#TableShopKosik th {background: #E9EFF6; color: #2864AA;}
#TableShopKosik td.qty {text-align: center; width: 80px;}
#TableShopKosik td.qty span {display: block; text-align: center; font-size: 80%; font-style: italic;}
td.cena, th.cena {font-size: 120%; font-weight: bold; text-align: right; width: 100px;}
td.cena span, th.cena span {display: block; font-size: 70%; font-style: italic; font-weight: normal}
#TableShopKosik a {color: #2864AA; text-decoration: underline;}
#TableShopKosik a:hover {color: #2864AA; text-decoration: none;}
#TableShopKosik td.akce a {color: #B82921; display: block; text-align: center; font-size: 80%;}
#TableShopKosik td.akce a img {border: 0px;}
#menu ul {margin: 0 0 4px 8px; padding: 0px; list-style-type: none; line-height: 1.4em;}
#menu ul a {text-decoration: none; font-weight: bold;}
#menu ul a:hover {text-decoration: underline;}
#menu ul ul {margin-bottom: 0px;font-size: 94%;}
#menu ul ul a {font-weight: normal; color: #433F3D;}
#menu ul ul ul {}
#menu ul li.hr {border-bottom: 1px solid #B82921; margin: 4px 0;}
.shopitem {border-bottom: 2px solid #5887BD; margin-bottom: 8px;}
.shopitem h2 {margin: 4px 8px 2px 0px; height: 1.5em; line-height: 1.5em; overflow: hidden;}
.shopitem h2.new {padding-left: 20px; background: url('peklo-img/g_star_selected.gif') no-repeat left 50%;}
.shopitem h2 a {color: #2864AA; text-decoration: none;}
.shopitem h3.new {padding-left: 20px; background: url('peklo-img/g_star_selected.gif') no-repeat left 50%;}
.shopitem h3 a {color: #2864AA; text-decoration: none;}
.shopitem img, .shopitemimage {float: left; margin: 0px 8px 8px 8px; border: 0px;}
/*.shopitem p a {color: #433F3D; text-decoration: none;}*/
.shopitem .description {height: 100px; line-height: 1.3em; font-size: 95%; margin: 0px 0px;overflow:auto;}
.shopitem ul {clear: both; margin: 4px 0px 8px 8px; padding: 0px;}
.shopitem ul li {list-style: none; margin: 0px; padding: 0px; font-size: 92%; line-height: 1.1em;}
.shopitem .sleva {font-weight: bold; color: #B82921; float:right; margin-right: 4px;}
.shopitem .cena, .shopitemvolby .cena {font-weight: bold; color: #2864AA; float: left;}
.shopitem .volby, .shopitemvolby {text-align: right; line-height: 1.6em; clear:both;}
.shopitem .volby a, .shopitemvolby a {text-decoration: none;}
.shopitemproperties {list-style-type: none;}
.shopitemproperties .property {font-weight: bold; color: #2864AA;}
#shopkosik ul {margin: 0px; padding: 0px 0px 0px 10px; list-style-type: none;}
#shopkosik ul li {/*display: block;*/ clear: right; font-size: 89%;}
#shopkosik ul li span {float: right; font-weight: bold; color: #B82921; font-size: 89%;}
#shopkosik ul li a {color: #2864AA; text-decoration: none;}
#shopkosik ul li a:hover{color: #2864AA; text-decoration: underline;}
#shopkosik ul li.celkem {margin-top: 5px; padding-top: 5px;border-top: 1px solid #B82921; list-style-type: none;}