@charset "windows-1250";
/* CSS Document */

/* hlavne rozdelenie */
body {background: url(../images/bg.png) repeat-x; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left; color: #696969;}
#page {width: 899px; text-align: left; position: relative;}
#header {width: 899px; height: 106px; float: left; cursor: default; position: relative; overflow: hidden;}
#menu {width: 899px; height: 61px; float: left; cursor: default; background: url(../images/menu-bg.png) repeat-x; background-color: #000000; overflow: hidden;}
#flash {width: 899px; height: 264px; float: left; cursor: default;}
#content {width: 869px; float: left; background: url(../images/content-bg.png) repeat-x; background-color: #ffffff; padding: 15px;}
#footer {width: 899px; height: 120px; float: left; background: url(../images/footer-bg.png) repeat-x; cursor: default; position: relative; overflow: hidden;}


/* header stranky */
#header .box {float: left;}
#header .box.logo {width: 192px; height: 40px; margin-top: 43px; margin-left: 41px;}
#header .box.cart {width: 165px; height: 29px; margin-top: 43px; margin-left: 78px; background: url(../images/cart.png) no-repeat; font-size: 10pt;}
#header .box.right {width: 400px; height: 103px; margin-top: 3px; margin-left: 20px;}

#cart a {display: block; width: 75px; height: 19px; overflow: hidden; color: #4e962d; text-decoration: none; padding-left: 0px; padding-right: 90px; padding-top: 7px; margin: 0px; text-align: center;}
#cart a:active, #cart a:hover {color: #000000; text-decoration: none;}

#header .banner {width: 400px; height: 60px; overflow: hidden;}
#header .search {width: 400px; height: 30px; overflow: hidden; margin-top: 10px;}
#header .search input, #header .search select {font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; color: #c0bfba; border: 1px solid #bfbebc; background-color: #ffffff; padding: 3px;}
#header .search input {width: 120px; height: 12px;}
#header .search select {width: 85px; height: 23px;}
#header .search input.submit {width: 27px; height: 22px; cursor: pointer; border: none; background: url(../images/btn-search.png) no-repeat;}


/* hlavne menu */
#menu .topmenu {width: 899px; height: 31px; overflow: hidden; float: left;}
#menu .topmenu a {display: block; font-size: 10pt; height: 23px; color: #6f6f6f; text-decoration: none; background: url(../images/menu-item.png) no-repeat; background-position: 0px 0px; float: left; padding-top: 8px; padding-left: 35px; padding-right: 35px; font-weight: bold; text-shadow: 1px 1px 1px #ffffff; filter: glow(color=#ffffff,strength=1) dropshadow(color=#ffffff,offX=1,offY=1);}
#menu .topmenu a:active, #menu .topmenu a:hover, #menu .topmenu a.active {color: #ffffff; text-decoration: none; background-position: 0px -31px; text-shadow: 1px 1px 1px #000000; filter: glow(color=#000000,strength=1) dropshadow(color=#000000,offX=1,offY=1);}

#menu .submenu {height: 30px; overflow: hidden; float: left;}
#menu .submenu a {display: block; font-size: 8pt; height: 22px; color: #ffffff; text-decoration: none; float: left; padding-top: 8px; padding-left: 35px; padding-right: 35px;}
#menu .submenu a:active, #menu .submenu a:hover, #menu .submenu a.active {color: #ffffff; text-decoration: underline;}


/* vnutorny obsah */
.pane {background-color: #ffffff; float: left; width: 538px; padding: 20px; margin-bottom: 10px;}
.pane.right {float: right; width: 240px;}
.pane.right.shop {width: 236px;}
.pane.full {width: 829px;}

.pane .buttons {width: 200px; height: 20px; float: right; margin-top: -40px; text-align: right;}
.pane .buttons a.switch {display: inline-block; background: url(../images/btn-view.png); width: 48px; height: 20px; margin-left: 5px;}
.pane .buttons a.switch.vypis1 {background-position: 0px 0px;}
.pane .buttons a.switch.vypis2 {background-position: 0px -20px;}

.pane .box {width: 150px; float: left; margin-bottom: 40px;}
.pane .box.vypis1 {margin-right: 40px; height: 225px;}
.pane .box.vypis1.last {margin-right: 0px;}
.pane .box.vypis2 {width: 100%; margin-bottom: 15px;}
.pane .box.vypis2 img {float: left; margin-right: 10px;}

.pane .box h2 {margin-bottom: 0px;}
.pane .box h3, .pane .box p, .pane ul li h3 {margin-bottom: 5px;}

.pane .breadcrumb {display: block; float: left; width: 100%; height: 27px; border-bottom: 1px solid #e2e2e2; overflow: hidden; cursor: default; font-weight: normal; margin-bottom: 15px;}

.pane ul.ref {list-style: none; padding: 0px; margin: 0px; margin-bottom: 15px;}
.pane ul.ref li {padding-left: 30px; background: url(../images/icon-bublina.png) no-repeat; background-position: 0px 0px; float: left;}


/* uvodna stranka */
.pane.index.box1 {background: url(../images/box-original.png) no-repeat; padding-left: 180px; padding-top: 80px; width: 378px; height: 75px; cursor: default;}
.pane.index.box2 {background: url(../images/box-efektiv.png) no-repeat; padding-top: 80px; height: 75px; cursor: default;}

.pane.index.box1 p, .pane.index.box2 p {color: #ffa800;}
.pane.index.box1 a, .pane.index.box2 a {color: #ffffff; text-decoration: none;}
.pane.index.box1 a:active, .pane.index.box1 a:hover, .pane.index.box2 a:active, .pane.index.box2 a:hover {color: #ffa800; text-decoration: none;}


/* produktova strana */
.pane.prod.vlastnosti {position: absolute; right: 50px; top: 300px; z-index: 50; width: 200px; height: 245px; background: url(../images/prod-vlastnosti.png) repeat-x; border: 2px solid #ffffff; -moz-box-shadow: 2px 2px 11px #000000; -webkit-box-shadow: 2px 2px 11px #000000; overflow: hidden; font-size: 10pt; color: #ffffff; cursor: default;}
.pane.prod.vlastnosti .line {height: 1px; border-top: 1px solid #fc9e06; border-bottom: 1px solid #feb22c; margin-bottom: 10px;}

.pane.prod.docs {margin-top: 160px; min-height: 146px; cursor: default;}
.pane.prod.docs h2 {border-bottom: none;}
.pane.prod.docs.original {background: url(../images/prod-original.png) no-repeat;}
.pane.prod.docs.efektiv {background: url(../images/prod-efektiv.png) no-repeat;}

.pane ul.doc {list-style: none; padding: 0px; margin: 0px; margin-bottom: 15px;}
.pane ul.doc li, .pane h2.doc a {display: block; padding-left: 20px; background-position: 0px 0px; width: 100%; height: 16px; margin-bottom: 5px; float: left;}
.pane ul.doc li a {color: #ffa800; font-weight: bold;}
.pane .doc .cad {background: url(../images/icon-cad.png) no-repeat;}
.pane .doc .cen {background: url(../images/icon-cennik.png) no-repeat;}
.pane .doc .mon {background: url(../images/icon-montaz.png) no-repeat;}
.pane .doc .pdf {background: url(../images/icon-pdf.png) no-repeat;}
.pane .doc .prt {background: url(../images/icon-print.png) no-repeat;}

.tblprod {border: solid 2px #EFECDD;}
.tblhead {font-weight: bold; background-color: #EFECDD; text-align: center;}
.tblnepar {background-color: #FFFFFF;}
.tblparne {background-color: #FAF9F2;}


/* e-shop */
.pane.shop {height: 215px; background: url(../images/shop-bg.png) repeat-x; border: 2px solid #fff8a7; color: #007941; position: relative; cursor: default;}
.pane.shop p {font-size: 14pt; margin: 0px; padding: 0px;}
.pane.shop p.eshop {font-weight: bold;}
.pane.shop p.produkt {text-align: right; margin-top: -23px;}

.pane.shop .select {width: 215px; height: 70px; padding: 10px; border: 1px solid #58b545; background-color: #fef46b; font-size: 8pt; line-height: 16px; cursor: pointer; overflow: hidden;}
.pane.shop .select table {height: 70px; margin-bottom: 0px;}
.pane.shop input {width: 30px; font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; color: #6f6f6f; text-align: center; padding: 3px; margin: 0px; border: 1px solid #58b545; background-color: #ffffff;}

.pane.shop a.submit {background: url(../images/btn-add.png) no-repeat; width: 160px; height: 30px; display: block; font-weight: bold; text-decoration: none; color: #ffffff; font-size: 10pt; text-align: center; padding-top: 10px;}
.pane.shop a.submit:active, .pane.shop a.submit:hover {color: #fff8a7; text-decoration: none;}

.pane.shop .selector {width: 235px; padding: 0px; border: 1px solid #58b545; background-color: #ffffff; font-size: 8pt; line-height: 16px; position: absolute; left: 20px; top: 162px; z-index: 50; display: none; height: 350px; overflow: scroll;}
.pane.shop .selector .box {width: 195px; margin-bottom: 0px; border-bottom: 1px solid #58b545; padding: 10px; cursor: pointer;}
.pane.shop .selector .box:hover {background-color: #fff8a7;}

table.kosik {width: 100%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
table.kosik thead tr th, table.kosik tbody tr td {padding: 3px; margin: 0px;}
table.kosik thead tr {background-color: #000000; color: #ffffff; font-weight: bold;}
table.kosik tbody tr.parne {background-color: #e6e2d6;}
table.kosik tbody tr.nepar {background-color: #efecdd;}
table.kosik tbody tr.foot {background-color: #d2cdad;}

table.kosik tbody tr td .kosimg {width: 34px; height: 34px; background-color: #ffffff; border: 3px solid #d2cdad; padding: 2px;}

table.kosik tbody tr td input {font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; color: #706e6f; width: 50px; margin: 2px; padding: 2px; border: 1px solid #d2cdad; background: none; text-align: right;}
table.kosik tbody tr td input:hover, table.kosik tbody tr td input:focus {background-color: #ffffff; color: #000000;}

.formular {border: 1px solid #000000; padding: 0px; margin: 0px;}
.formular .title {background-color: #000000; color: #ffffff; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;}
.formular .obsah {padding: 10px;}

.formular label {font-size: 8pt; width: 200px; display: inline-block;}
.formular input, .formular select, .formular textarea {font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; color: #706e6f; border: 1px solid #d2cdad; margin: 0px; padding: 2px; margin-top: 1px; margin-bottom: 1px;}
.formular input:hover, .formular input:focus, .formular select:hover, .formular select:focus, .formular textarea:hover, .formular textarea:focus {color: #000000; border: 1px solid #85816d;}

.formular .fakeinput {font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; color: #178ca6; border: 1px solid #ffffff; margin: 0px; padding: 2px; margin-top: 1px; margin-bottom: 1px; display: inline-block;}

.kossubmit {height: 24px; padding: 3px; background: url(../images/btn-submit.jpg) repeat-x; cursor: pointer;}


/* strankovanie */
.pagination {text-align: right; cursor: default; float: right; margin: 0px; padding: 0px;}
.pagination .separator {color: #e2e2e2; display: inline-block; float: left; width: 5px; height: 5px; margin: 0px; padding-top: 0px;}
.pagination .separator.active {color: #ffffff;}
.pagination a {display: inline-block; float: left; width: 14px; height: 14px; padding: 2px; border: 1px solid #ffffff; background-color: #ffffff; color: #ffa800; text-decoration: none; font-weight: bold; overflow: hidden;}
.pagination a:active, .pagination a:hover {border: 1px solid #d4d4d4; background-color: #ffffff; color: #ffa800; text-decoration: none;}
.pagination a.active {border: 1px solid #d4d4d4; background-color: #d4d4d4; color: #ffffff; text-decoration: none;}
.pagination a.more {width: 30px; font-weight: normal;}


/* footer */
#footer p {margin-left: 40px;}
#footer p.f1 {margin-top: 30px;}
#footer p.f2 {margin-top: 45px; color: #bdbdbd;}
#footer p.f2 a, #footer p.f2 a:active, #footer p.f2 a:hover {color: #bdbdbd;}


/* vseobecne tagy */
h1, h2, h3, h4, h5, h6, p, table {padding: 0px; margin: 0px; margin-bottom: 15px;}

h1, .pane.index h2, .pane.right h2 {display: block; float: left; width: 100%; height: 27px; border-bottom: 1px solid #e2e2e2; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-size: 14pt; cursor: default; font-weight: normal;}
h2, .pane.index h3 {font-size: 8pt; font-weight: bold;}

a {color: #6f6f6f; text-decoration: none;}
a:active, a:hover {color: #ffa800; text-decoration: underline;}

h1 a, h2 a, h3 a {color: #696969; text-decoration: none;}
h1 a:active, h2 a:active, h3 a:active, h1 a:hover, h2 a:hover, h3 a:hover {color: #696969; text-decoration: underline;}

.hidden {display: none;}