* {margin: 0px; padding: 0px;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear {height:1%;}
.clearing {clear:both;display:block;}
body {font-size:75%;font-family:Arial,Verdana,sans-serif;line-height:1.4em;background:#FFFFFF;padding:0px 0px 0px 0px;color:#000000;}
img {border:0px;}
label {cursor:pointer;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

input {font-size: 1em; height:16px;}
input {font-family: arial; font-size:1em; height:16px;width:200px; border-top: 2px solid #555; border-left: 2px solid #555;  border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding:1px 1px;}
textarea {}
select {}

#lead {width:980px;margin:0px auto;position:relative;padding:0px;}

#logo {width:322px;height:80px;display:block;left:0px;top:0px;position:absolute;overflow:hidden;z-index:1;}
#logo h1, #logo h1 span {width:322px;height:80px;position:absolute;top:0px;left:0px;z-index:1;overflow:hidden;color:#fff;padding-left:0px;padding-top:0px;margin:0px;}
#logo h1 span {width:322px;height:80px;background-image:url(../images/logo.gif);background-repeat:no-repeat;display:block;left:0px;cursor:pointer;margin:0px;overflow:hidden;}

#top {width:650px;min-height:78px;padding:10px 0px 0px 330px;text-align:right;color:#7A7A7A;font-weight:bold;}
#top a {color:#BC492A;}
#top .phone {color:#3E92A8;background:url(../images/bgTopPhone.gif) no-repeat left 50%;padding-left:14px;margin:0px 3px;}
#top .email {margin:0px 0px 0px 3px;}
#top .loged_user {background:url(../images/bgTopLogedUser.gif) no-repeat left 50%; padding-left:18px; margin: 6px;}
#top .cart {background:url(../images/bgTopCart.gif) no-repeat left 50%;padding-left:23px; margin: 6px;}
#top .cardLogo {float:left;margin-top:40px;}
#top .livehelp {position: absolute; left: 500px; top: 40px;}

#top-menu {width:980px;min-height:46px;_height:46px;background:#7EA636;}
#top-menu .in-menu1 {background:url(../images/bgMenuIn.gif) no-repeat;height:39px;padding-left:6px;}
#top-menu .in-menu-items {float:right;padding-right:8px;}
#top-menu .in-menu-items span.menu-pipe {height:39px;background:url(../images/bgMenuItemsPipe.gif) no-repeat;width:1px;display:block;overflow:hidden;float:left;}
#top-menu .in-menu-items a {width:auto;display:block;height:39px;float:left;margin:0px 1px;color:#597C1A;font-weight:bold;}
#top-menu .in-menu-items a span {display:block;padding:15px 11px 0px 11px;}
#top-menu .in-menu-items a:hover {width:auto;color:#FFFFFE;background:#7FA736 url(../images/menuItemLeftCorner.gif) no-repeat top left;}
#top-menu .in-menu-items a:hover span {width:auto;background:url(../images/menuItemRightCorner.gif) no-repeat top right;}
#top-menu .in-menu-items a.active {color:#FFFFFE;background:#7FA736 url(../images/menuItemLeftCorner.gif) no-repeat top left;}
#top-menu .in-menu-items a.active span {background:url(../images/menuItemRightCorner.gif) no-repeat top right;}
#top-menu .in-menu1 form {padding:24px 0px 0px 0px;}
;jk#top-menu .in-menu1 form input {float:left;margin-right:8px;}
#top-menu .in-menu1 input.text {width:170px;}
#top-menu .in-menu1 input.topBtn {border:0px solid #3E92A8;width:58px;height:20px;background:url(../images/bgSearchBtn.gif) no-repeat;color:#FFFFFF;font-weight:bold;padding:0px;}

#left {width:188px;padding:9px 2px 0px 0px;float:left;background:url(../images/bgLeftCol.gif) no-repeat top left;}
#left .categories {background:#3E92A8 url(../images/bgCategoriesTop.gif) no-repeat top left;margin-bottom:8px;}

.categories .cat-in {background:url(../images/bgCategoriesBottom.gif) no-repeat left bottom;padding:11px 6px 15px 6px;}
.categories ul {list-style:none;font-size:0.9em;font-weight:bold;}
.categories ul li a {display:block;color:#FFFFFF;padding:2px 20px 2px 4px;background:url(../images/ul1.gif) no-repeat top right;border-bottom:1px dashed #84B9C7;margin-bottom:1px;}
.categories ul li a.active {background:url(../images/ul1active.gif) no-repeat top right;}
.categories ul li ul {border-bottom:1px dashed #84B9C7;}
.categories ul li ul li a {font-size:1.1em;margin-bottom:0px;background-color:#84B9C7;background-image:none;padding-left:10px;border-bottom:1px dashed #3E92A8;}

.newsletter {background:#BC492A url(../images/newsletterTop.gif) no-repeat top left;margin-bottom:8px;}
.newsletter .nl-in {background:url(../images/newsletterBottom.gif) no-repeat left bottom;padding:10px 6px;}

.nl-in h4 {font-size:1em;color:#FFFFFF;font-family:Arial;padding:0px 0px 5px 9px;margin-bottom:10px;border-bottom:1px dashed #FFFFFF;}
.nl-in p {padding:0px 0px 0px 9px;}
.nl-in input {float:left;}
.nl-in input.text {border:1px solid #FFFFFF;width:117px;height:16px;padding:2px;margin-right:11px;}
.nl-in input.btnOk {border:0px solid #3E92A8;width:30px;height:16px;background:url(../images/bgBtnOk.gif) no-repeat;color:#FFFFFF;font-weight:bold;padding:0px;}
.nl-in ol {font-weight:bold;color:#FFFFFF;margin-left:25px;font-size:0.9em;}
.nl-in ol a {color:#FFFFFF;}

.adv {text-align:center;margin-bottom:8px;}

.other-menu {background:#ED8E26 url(../images/bgOtherMenuTop.gif) no-repeat top left;margin-bottom:8px;}
.other-menu .other-in {background:url(../images/bgOtherMenuBottom.gif) no-repeat left bottom;padding:10px 6px;}
.other-in ul {list-style:none;}
.other-in ul li {margin-bottom:1px;}
.other-in ul li a {display:block;padding:2px 0px 2px 8px;background:url(../images/ulOtherMenu.gif) no-repeat top right;border-bottom:1px dashed #F5BC42;color:#FFFFFF;font-weight:bold;font-size:0.9em;}

.adv-b {background:url(../images/bgAdv1.gif) repeat-y;}
.adv-b .ab-in1 {background:url(../images/bgAdv3.gif) no-repeat bottom left;padding-bottom:10px;}
.adv-b .ab-in2 {background:url(../images/bgAdv2.gif) no-repeat top left;padding:10px 6px 0px 6px;text-align:center;}
.ab-in2 img {margin-bottom:8px;}

#shop-menu {width:768px;background:#7EA635 url(../images/bgShopMenu.gif) no-repeat right bottom;padding:0px 11px 6px 11px;float:left;text-align:right;}
#shop-menu a {color:#FFFFFF; margin:2px 4px; font-weight:bold;}

#main {width:780px;float:right;}
#main .pathway {background:url(../images/bgPathway.gif) no-repeat left bottom;padding:10px 0px 6px 0px;font-weight:bold;color:#BC492A;padding-left:1px;}
.pathway a {background:url(../images/pathwayItem.gif) no-repeat left 50%;padding-left:15px;margin-right:12px;color:#BC492A;}
.pathway span {background:url(../images/pathwayItem.gif) no-repeat left 50%;padding-left:15px;margin-right:12px;color:#333;}

#main .hr {height:1px;clear:both;background:url(../images/bgPathway.gif) no-repeat;display:block;overflow:hidden;margin:10px 0px;}
#main .diff {padding:10px 4px 10px 18px;}
.diff ul {list-style:none;line-height:1.5em;margin:8px 0px;}
.diff ul li {background:url(../images/liArrow.gif) no-repeat left 6px;padding-left:13px;}
#main .diff li a {color:#3E92A8;font-weight:bold;}
.diff .diff-banner {float:right;margin-left:15px;}

#main .list_item_small {position: relative;width:170px; height:140px; float:left;margin-right:10px;margin-bottom:10px;padding:5px; }
.list_item_small {background-color: #F9F9F9; }
.list_item_small a.title {color:#BC492A;font-weight:bold;display:block;padding-bottom:6px;}
.list_item_small a.more {position: absolute; left: 100px; top: 120px; width:58px;height:20px;background:url(../images/btnDetail.gif) no-repeat;display:block;float:right;margin-top:4px;text-align:center;font-size:0.9em;font-weight:bold;padding-top:2px;}
.list_item_small img {position: absolute; left: 10px; top: 50px; float:left;}
.list_item_small p {position: absolute; left: 85px; top: 45px; height:60px; text-align:right;}
.list_item_small p strong {color:#86A545;line-height:1.3em;}
.list_item_small p span {color:#838383;font-size:0.85em;line-height:1.3em;}
#lead #main .last {margin-right:0px; border-right: 0px;}


#main .grey_list {position:relative;width:384px;float:left; xbackground:url(../images/bgGreyList.gif) repeat-y;margin-right:11px;margin-bottom:11px;}
.grey_list .grey_body {border: 1px solid #AEAEAE;}
.grey_list h2 {background:#AEAEAE url(../images/greyHeader.gif) no-repeat;font-size:1em;color:#FFFFFF;padding:5px 5px 3px 35px;}
.grey_list span.clearing {height:1px;overflow:hidden;background:none;margin:0px;padding:0px;}
.grey_list ol {margin:10px 0px 10px 35px;font-size:0.9em;clear:both;}
.grey_list ol li {color:#AEAEAE;}
#main .grey_list ol li a {color:#3E92A8;font-weight:bold;}
.grey_list ul {margin:10px 0px 10px 35px;font-size:0.9em;clear:both; list-style: none }
.grey_list ul li {margin-left: -20px; color:#AEAEAE;}
#main .grey_list ul li a {color:#3E92A8;font-weight:bold;}
.grey_list p {padding:0px 22px;text-align:right;}
#main .grey_list p a {color:#ED8E26;font-weight:bold;}
.grey_list div {xbackground:url(../images/bgGreyListBottom.gif) no-repeat left bottom;padding-bottom:0px;}


#main .blue_list {position:relative;width:384px;float:left; xbackground:url(../images/bgBlueList.gif) repeat-y;margin-right:11px;margin-bottom:11px;}
.blue_list .blue_body {border: 1px solid #AEAEAE;}
.blue_list h2 {background:#AEAEAE url(../images/blueHeader.gif) no-repeat;font-size:1em;color:#FFFFFF;padding:5px 5px 3px 35px;}
.blue_list span.clearing {height:1px;overflow:hidden;background:none;margin:0px;padding:0px;}
.blue_list ol {margin:10px 0px 10px 35px;font-size:0.9em;clear:both;}
.blue_list ol li {color:#AEAEAE;}
#main .blue_list ol li a {color:#3E92A8;font-weight:bold;}
.blue_list ul {margin:10px 0px 10px 35px;font-size:0.9em;clear:both; list-style: none }
.blue_list ul li {margin-left: -20px; color:#AEAEAE;}
#main .blue_list ul li a {color:#3E92A8;font-weight:bold;}
.blue_list p {padding:0px 22px;text-align:right;}
#main .blue_list p a {color:#ED8E26;font-weight:bold;}
.blue_list div {xbackground:url(../images/bgBlueListBottom.gif) no-repeat left bottom;padding-bottom:0px;}



#main select {border:1px solid #aeaeae;padding:2px;margin-right:10px;}

.filters {}
#main .filters label {display:inline;font-weight:bold;}
.filters form {float:left;}
.filters table {width:100%;}
#main .filters form a {color:#3e92a8;}
#main .filters form a.withPics {padding-left:20px;background:url(../images/sObrazky.gif) no-repeat left 50%;margin-right:2px;}
#main .filters form a.withoutPics {padding-left:20px;background:url(../images/bezObrazku.gif) no-repeat left 50%;margin-left:2px;}
.filters .pages {text-align:right;font-weight:bold;}
#main .filters .pages a {color:#bc492a; }
.filters .pages a.prev {color:#bc492a; margin-right:3px;}
.filters .pages a.next {color:#bc492a; margin-left:3px;}

#main .groups {width:778px;clear:both;background:url(../images/bgGroups.gif) repeat-y;}
.groups .head {background:#86A545 url(../images/bgGroupsHead.gif) no-repeat;padding:5px 35px;color:#FFFFFF;}
.head h2 {display:inline;font-size:1em;color:#FFFFFF;margin-right:5px;}
#main .head a {color:#FFFFFF;font-weight:bold;}
.head span.active {color:#ED8E26;font-weight:bold;}
.groups .content {background:url(../images/bgGroupsBottom.gif) no-repeat left bottom;padding-bottom:10px;}
.content div {background:url(../images/bgGroupsGrey.gif) repeat-x;margin:0px 1px;padding:9px 0px 0px 0px;}
.content div div {background:url(../images/bgGroupsLines.gif) repeat-y;margin:0px;padding:0px 0px 10px 2px;}
.content ul {list-style:none;padding:0px 27px 0px 27px;float:left;width:136px;}
#main .content ul li a {color:#86A545;font-weight:bold;}
.content ul li.type {padding-bottom:10px;color:#FFFFFF;clear:both;}
.content ul li.type strong {display:block;float:left;padding:0px 2px;background:#AEAEAE;}

/* DETAL PRODUKTU */

.tools {float:right;margin:8px 16px 0px 10px;color:#BC492A;}
.tools a {color:#BC492A;}
.tools a.mail {background:url(../images/iconMail.gif) no-repeat left 50%;padding-left:23px;margin-left:8px;margin-right:4px;}
.tools a.print {background:url(../images/iconPrint.gif) no-repeat left 50%;padding-left:23px;margin-left:8px;margin-right:4px;}
#main h2.main {font-size:1.15em;color:#BC492A;margin:8px 0px 10px 0px;}
.detail-cat {color:#000000;}
#main .detail-cat a {color:#3E92A8;}
.detail-img {float:left;width:123px;text-align:center;padding:10px 0px;}
.detail-desc {float:left;width:656px;padding:10px 0px;}
.detail-desc p {margin-bottom:2px;}
.detail-desc a {color:#BC492A;}

.product-more-info {width:780px;background:url(../images/bgProductMoreInfo.gif) repeat-y;}
.product-more-info .cats {width:780px;height:35px;background:#FFFFFF url(../images/bgProductMoreInfoCats.gif) no-repeat left bottom;}
.cats ul {list-style:none;}
.cats ul li {float:left;width:auto;}
.cats a {float:left;display:block;width:auto;height:30px;overflow:hidden;margin-right:1px;background:url(../images/catsItem.gif) repeat-x;text-decoration:none;font-weight:bold;color:#7E7E7E;}
.cats a span {float:left;width:auto;display:block;height:30px;background:url(../images/catsItemLeft.gif) no-repeat top left;}
.cats a span span {float:left;width:auto;display:block;height:25px;background:url(../images/catsItemRight.gif) no-repeat top right;padding:5px 20px 0px 20px;}

.cats a:hover {width:auto;background-position:0px -30px;text-decoration:none;}
.cats a:hover span {width:auto;background-position:0px -30px;}
.cats a:hover span span {width:auto;background-position:right -30px;cursor:pointer;}

.cats li.active a {width:auto;background-position:0px -30px;float:left;}
.cats li.active a span {width:auto;background-position:0px -30px;float:left;}
.cats li.active a span span {width:auto;background-position:right -30px;float:left;}

.product-more-info .text {padding:5px 15px 15px 15px;background:url(../images/bgProductsMoreInfoText.gif) no-repeat left bottom;color:#7E7E7E;}
#main .text span.blok {display:block;background:#ADADAD url(../images/hrefBlokTop.gif) no-repeat;color:#F8F8F8;font-weight:bold;margin-bottom:3px;}
#main .text span.blok span {display:block;background:url(../images/hrefBlokBottom.gif) no-repeat left bottom;padding:3px 8px;}
#main .text span.blok span img {float:right;margin-top:3px;}
.text table {border-collapse:collapse;border:0px;width:100%;margin-bottom:5px;color:#7E7E7E;line-height:1.2em;}

.text td.popis {width:575px;font-size:0.9em;vertical-align:top;padding:4px 0px;border-bottom:1px dotted #AEAEAE;}
.text td.popis strong {font-size:1.1em;color:#BC492A;}
.text td.popis span.str {font-weight:bold;}
.text div.memo {font-size:0.8em;line-height: normal; vertical-align:top;padding:2px 0px;border-bottom:1px dotted #AEAEAE;margin-bottom:3px;}
.blue {color:#3E92A8;}
.green {font-weight:bold;color:#7EA636;}

.text td.price {width:125px;text-align:right;font-size:0.9em;vertical-align:top;padding:4px 0px;border-bottom:1px dotted #AEAEAE;}
.text td.price strong {font-size:1.1em;color:#BC492A;}

#main .text td.buy {padding:4px 0px;border-bottom:1px dotted #AEAEAE;}
#main .text td.buy input {float:right;width:58px;height:16px;background:url(../images/bgKoupit.gif) no-repeat;border:0px;color:#FFFFFF;font-weight:bold;font-size:0.9em;cursor:pointer;}

#main a.button {font-size: 0.95em; display: block; text-decoration: none; font-weight:bold; color: #FFF; background: #3E92A8; border: 1px solid #ccc; text-align: center; margin-top: 0px; margin-left: 12px;  padding: 2px 6px;}
#main span.button {display:block; font-size: 0.95em; display: block; text-decoration: none; font-weight:bold; color: #FFF; background: #999; border: 1px solid #ccc; text-align: center; margin-top: 0px; margin-left: 12px;  padding: 2px 6px;}
#main a.button_small {font-size: 0.85em; width:60px; display: block; text-decoration: none; font-weight:bold;color: #FFF; background: #3E92A8; border: 1px solid #ccc; text-align: center; margin-top: 0px; margin-left: 10px;  padding: 2px;}
#main a.button:hover, a.button:active, a.button:focus {border: 1px solid #ff9900; color: #FFF; background-color: #84B9C7;}

.text p {font-size:0.9em;}

.interests {padding:8px 10px;border-bottom:1px solid #E5E5E5;line-height:1.3em;}
.interests img {float:left;margin:0px 12px 0px 0px;}
.interests a {color:#BC492A;font-weight:bold;}
.interests:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .interests {height:1%;} /*skryto pred IE-mac*/

.requirements {padding:0px 0px 0px 30px;margin-bottom:15px;color:#7E7E7E;}
.tright {text-align:right;}
.fright {float:right;}

#main a {color:#bc492a;}

.footer {clear:both;margin-bottom:8px;font-size:0.9em;text-align:center;}
.footer .shops {background:url(../images/footerTop.gif) no-repeat top left;padding-top:5px;}
.footer .shops div {background:url(../images/footerShops.gif) no-repeat center bottom;border-width:0px 1px 0px 1px;border-style:solid;border-color:#7EA635;padding:0px 10px 6px 10px;}
.shops .icon {background:url(../images/footerIcon.gif) no-repeat left 50%;padding-left:19px;}
.shops a {color:#5F5F5F;margin:0px 2px;font-weight:bold;}
.footer .info {background:#bbb url(../images/footerInfo.gif) no-repeat left bottom;padding:10px 10px;color:#000;line-height:1.3em;}

table.products_listing {width:100%;border-collapse:collapse;margin:20px 0px;border-bottom:1px solid #FFFFFF;}
table.products_listing td {width:46%;padding:15px;line-height:1.3em;border-bottom:1px dotted #aeaeae;}
table.products_listing td.right {border-left:1px dotted #aeaeae;}
table.products_listing a {line-height:1.8em;font-weight:bold;color:#bc492a;}
table.products_listing img {float:left;margin-right:12px;}

.steps .step {margin-left: 0 auto; margin-right: 0 auto; width:122px;height:37px;padding-top:65px;margin-bottom:12px;float:left;margin-right:8px;text-align:center;font-weight:bold;color:#d0d0d0;display:block;overflow:hidden;line-height:1.2em;}
#main .steps .active {background-position:0px -102px;color:#bc492a;}
.steps #step1 {background:url(../images/bgStep1.gif) no-repeat;}
.steps #step2 {background:url(../images/bgStep2.gif) no-repeat;}
.steps #step3 {background:url(../images/bgStep3.gif) no-repeat;}
.steps #step4 {background:url(../images/bgStep4.gif) no-repeat;}
.steps #step5 {background:url(../images/bgStep5.gif) no-repeat;}
.steps #step6 {background:url(../images/bgStep6.gif) no-repeat;}

.cartContent {width:772px;}

table.cart {border-collapse:collapse;width:100%;border:0px solid;margin-bottom:10px;padding: 4px;}
table.cart th {background:#7ea636;color:#FFFFFF;padding:0px 8px;}

table.cart th.first {padding:0px;}
table.cart th.first span {display:block;}
table.cart th.first span span {display:block;padding:4px 4px}
table.cart th.last {padding:0px;}
table.cart th.last span {display:block;}
table.cart th.last span span {display:block;padding:4px 4px}
table.cart td {color:#000000;text-align:left;padding:2px 2px;}
table.cart tr.sudy td {background-color:#f3f3f3;}

table.cart td.name a {color:#bc492a;}
table.cart td.distribution {text-align:center;}
table.cart td.amount {text-align:center;}
#main table.cart td.amount input {width:20px;margin-bottom:0px;}
table.cart td.price {text-align:right;}
table.cart td.dph {text-align:right;}
table.cart td.total {text-align:right;font-weight:bold;margin-right:20px;}

.summary {float:right;background:#f3f3f3 url(../images/firstTdTop.gif) no-repeat top left;line-height:1.2em;font-weight:bold;margin-bottom:10px;}
.summary div {background:url(../images/firstTdBottom.gif) no-repeat bottom left;}
.summary div div {background:url(../images/lastTdTop.gif) no-repeat top right;}
.summary div div div {background:url(../images/lastTdBottom.gif) no-repeat bottom right;padding:15px 25px;}
.summary table td {padding:0px 4px;text-align:right;}
.summary table td.price strong {color:#7ea636;}

.stext p {padding:0px 15px 10px 15px;}
.stext p img {float:left;margin:0px 10px 10px 0px;}
.stext table {margin:0px 15px 10px 15px;}

#article p {}
#article ul {list-style: disc; margin-left: 12px; padding:4px;}
#article ul li {list-style: disc; padding-left:10px;}

/* FORMS */

#main input {margin-bottom:2px;height:16px;width:133px;border:1px solid #aeaeae;height:16px;padding:1px 1px;}
#main input.btn {width:auto;height:20px;font-size:0.9em;font-weight:bold;color:#FFFFFF;padding:0px 5px;}
#main input.bred {border:1px solid #bc492a;background:url(../images/bgRedBtn.gif) repeat-x;}
#main input.bgreen {border:1px solid #7ea636;background:url(../images/bgGreenBtn.gif) repeat-x;}
#main textarea {width:740px;height:70px;border:1px solid #aeaeae;padding:2px;font-family:Arial;font-size:1em;}
#main input.checkbox {width:15px;height:15px;border:0px;margin: 2px;padding:2px;font-family:Arial;font-size:1em;}
#main .boldblue {color:#069;font-weight:bold;}
#main td.desc {font-size:0.8em; color:#666; margin:0px; padding: 0px; line-height: normal; }
#main input.radcheck {width:auto;padding:0px;height:auto;border:0px solid;background:none;}
#main label.lblock {display:block;padding:0px 5px 0px 0px;font-weight:bold;}
#main label.required {color:#d44e2a;}
#main div.flash_ok {color:#093; text-align:center; font-weight:bold; margin-top: 10px; padding: 2px 2px 4px 2px; border: 1px solid;}
#main div.flash_ko {color:#933; text-align:center; font-weight:bold; margin-top: 10px; padding: 2px 2px 4px 2px; border: 1px solid;}

#main div.under {color: #fff; font-weight:bold; padding: 2px; background:url(../images/bgRedBtn.gif) repeat-x;}
.objednavka {font-size:0.9em; color:#444; text-align:left; padding: 3px;}
.fs {height: 80px;}

#dotaz p {color: #333; padding: 2px; font-size: 1em; }
#dotaz h3 {font-size: 1.2em; color:#BC492A;margin:8px 0px 10px 0px;}
#dotaz input {font-family: arial; height:16px;width:200px; border-top: 2px solid #777; border-left: 2px solid #777;  border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding:1px 1px;}
#dotaz textarea {font-family: arial; font-size:1em; height:70px;width:740px; border-top: 2px solid #555; border-left: 2px solid #555;  border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; padding:1px 1px;}
#dotaz span {color: #666; font-size: 0.9em; line-height: 11px; }
#dotaz popis {color: #222; font-size: 0.9em; line-height: 11px; }
#dotaz input.btn {color: #000; font-family: arial; font-size:1em; height:22px;width:150px; border: 2px solid #555; padding:1px 1px;}

.faq  {margin-bottom: 8px; padding: 12px; background-color: #FFFFFF; font-size : 1.1em; border: #969696 1px solid; }
.otazka  {color: #535353; border-bottom: orange 3px solid;}
.otazka b {color: #3E92A8; font-size: 1em; font-weight: bold;}
.odpoved  {margin-top: 6px; color: #585858; }
div .comment {border: gray 1px solid; border-top: #E32 3px solid;}

div .promo {border: gray 1px solid; margin-bottom: 10px; padding: 4px; padding-top: 2px;  border-top: #E32 3px solid; clear: both; background-color: #FFFFC0; }
div .promo ul {margin-left: 20px; }
#trial a {float: right; border: gray 2px solid; padding : 2px 6px; background-color: #FF712D; color: #FFFFFF; font-weight: bold; margin-bottom: 4px; }

.tab {border: 2px solid #aaa; }
.tab th {background-color: #bbb; }
.tab td {text-align: center;}
.tab .r {text-align: right;}
.tab .l {text-align: left;}
.tab .rg {font-weight: bold; text-align: right; background-color: #ddd;}

.tip {position: absolute;	z-index: 100;	background-color: #3377a4;	border:solid  1px #000000;	color:#ffffff;	font-size: 11px;	min-width: 10px; 	white-space: nowrap; left: 0px; top: 0px;	padding: 4px; visibility: hidden;}


.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #ECF1FF;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #C1D2FF;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:150px; 

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}