/* CSS Document */

body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
body {margin: 0px; padding: 0px;}
#main {width: 960px; margin: 0px auto;}

a {text-decoration: underline;}
a.akttext {text-decoration: none;}
a:hover.akttext {text-decoration: underline;}
a.cena {line-height: 20px; text-decoration: none;}
a:hover.cena {line-height: 20px; text-decoration: none;}
a.aktmenu {line-height: 22px;}
a:hover.aktmenu {text-decoration: none;}
a.img { display: block;}
a.img img {    border: none;}
a:hover.img {}

.clear {clear: both; line-height: 1px;    font-size: 1px; padding: 0px;    margin: 0px;}
.clnr {clear: both; line-height: 0px; font-size: 0px; padding: 0px;    margin: 0px;}
.odtrzitko {height: 20px;}
.odtrzitko2 {height: 30px;}
.odtrzM {font-size: 6px; height: 6px;}
.posBlock { height: 0px; line-height: 0px; font-size: 0px; position: relative;}
.red {font-weight: bold; color:red;}
.cart {color: #7BBC3B;}

.flLeft {float: left;}
.flRight {float: right;}
.flLeftImg {margin-right: 5px; margin-bottom: 5px; float: left;}
.flRightImg { margin-left: 5px; margin-bottom: 5px; float: right;}

.ods { padding: 0 0 10px 0; margin: 10px 0;}
.ods p { padding: 0 10px; }
.ods p.flLeft img  { margin: 0 0 10px 0;}
.ods p.flLeft a { width: 140px; height: 80px; margin: 0 0 10px 0; display: block; overflow: hidden; float: left;}
.ods p.flLeft a:hover {}
.ods p.flLeft a img  { border: none;}
.ods p.flRight img  { margin: 0 0 10px 0;}
.ods p.flRight a { width: 140px; height: 80px; margin:  0 0 10px 0; display: block; overflow: hidden; float: left;}
.ods p.flRight a:hover {}
.ods p.flRight a img  { border: none;}
.podrButt { font-weight: bold; width: 86px; height: 16px; line-height: 16px; padding-left: 5px; margin-top: 5px; display: block;}

.ods h2 { margin-bottom: 5px;}
.ods ul { padding-left: 15px;}
.ods ol { padding-left: 20px;}
.ods ul li { margin-bottom: 5px;}
.ods ol li { margin-bottom: 5px;}

.fotoGall {margin: 10px 0; }
.fotoGall a { text-align: center; width: 122px; height: 80px; margin: 10px 0 10px 12px; display: block; overflow: hidden; float: left;}
.fotoGall a:hover {}

ul.mapaWebu {}
ul.mapaWebu li {list-style: none; margin-left: 10px; font-weight: bold;}
ul.mapaWebu li h3 {list-style: none; border-left: none; background: none; padding: 0px; line-height: 12pt;}
ul.mapaWebu li.noDisc { list-style: none; margin-left: 10px;}

p, div, ul, li, form, input, select, textarea, img {padding: 0px; margin: 0px;}
p {text-align: justify;}

li {list-style: disc;}
img {border: none; margin: 0px 10px 0px 10px;}
label {cursor: pointer;}
.makeRed{background:red; color: #fff;}
.makeGreen{background:green; color:#fff;}

/* nadpisy */
h1,h2,h3 {text-align: left; font-weight: bold; /*letter-spacing: -1px;*/ line-height: 28px;    padding: 0 0 0 12px; margin: 0px;}
h1 {font-size: 120%; margin-bottom: 24px;}
/*h1 a {font-size: 80%;}
h1 a:hover {text-decoration: none;}*/
h2 {font-size: 110%;}
h2.product {/*color*/}
h3 {font-size: 120%;}
h3 a {text-decoration: underline;}
h3 a:hover {text-decoration: none;}
h4,h5,h6 {font-weight: bolder; text-align: left; line-height: 24px;    letter-spacing: -1px; padding: 0px;    margin: 0px;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}

/*adresni stitky*/

#vyber table {border: 2px solid #000; border-collapse: collapse; background: #fff; width: 250px;}
#vyber td {border: 1px solid #000; height: 30px; text-align: center;}


/******************************************
*                FORM PRVKY               *
******************************************/
input, select, textarea {font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 2px 6px 2px 0;}
input {padding-left: 1px; padding-right: 1px;}
input.butt {font-weight: bold;}

input.mnozstvi {width: 20px;}
input.srovnani {}
input.kosik {float: left;}
input.ovl {width: 100px;}
select.menuselect {width: 140px;}

.inpPole-ms {width: 30px;}
.inpPole-s {width: 50px;}
.inpPole-sm {width: 70px;}
.inpPole-m {width: 90px;}
.inpPole-ml {width: 120px;}
.inpPole-l {width: 150px;}

input.check {margin: 0px;}
html>body input.check {margin: 5px 0 0 0;}

.sel-s {width: 50px;}
.sel-m {width: 100px;}
.sel-ml {width: 120px;}
.sel-l {width: 150px;}
.sel-ll {width: 180px;}
.sel-xl {width: 210px;}
.txtA-s {width: 200px;}
.txtA-sm {width: 210px;}
.txtA-m {width: 300px;}
.txtA-l {width: 460px;}

form.buyit { width: 70px; }
form.buyit .count { margin: 0; padding: 0; width: 20px; }
form.buyit .sbm { margin: 0; padding: 0; background-color: transparent; color: #4D6B2D; border: none; cursor: pointer; }

/******************************************
*               TOP BANNER                *
******************************************/    
#topBanner {position: relative;}
#topBanner img {margin: 10px;}

/******************************************
*               SKY BANNER                *
******************************************/    
#skyBanner {text-align: left; width: auto; height: auto; top: 12px; right: -220px; z-index: 100; position: absolute;}
#skyBanner img {padding: 0px; margin: 0px;}

/******************************************
*                 HEAD                   *
******************************************/    
#complHead {margin: auto; clear: both;}

#shopMenu { height: 22px;}
#shopMenu h2 { letter-spacing: -1px; padding:0px 5px; margin:0 5px 0 0; float: left; line-height: 22px;}
#shopMenu a { font-size: 90%; text-decoration: none; line-height: 22px; padding: 0px 10px; display: block; float: left;}
#shopMenu a:hover {} /*color*/
#shopMenu a img { padding: 2px 3px 0 0px; float: left;}

/* nad hlavickou */    
#headTop {margin: auto;}
#headUp {height: 46px; margin: auto; clear: both;}
a#oblib, a#mail, a#struk {text-decoration: underline;    line-height: 12px; padding: 0 0 0 15px;    margin: 16px 0 0 10px; float: left;    display: block;}
#headUp a#oblib {width: 105px; w\idth: 90px; margin-left: 4px;}
#headUp a#mail {width: 95px; w\idth: 80px;}
#headUp a#struk {width: 95px;    w\idth: 80px;}

#headUp form {width: 320px; padding: 12px 0 0 0; float: right;}
#headUp form input {width: 125px; margin: 2px 6px 0 0; float: right;}
#headUp form a {height: 22px; text-decoration: none; margin: 0 6px 0 0;    float: right; display: block;}
#headUp form #sButt2 { border: none; background: url(../images/sbutt.gif) no-repeat; width: 18px; height: 18px; cursor: pointer;}

#headDown {height: 34px;}
#headDown h2 {font-size: 120%;}
#headDown h2 span {font-size: 80%; font-weight: normal; letter-spacing: 0px; padding: 0 10px 0 20px; margin: 0px;}
#headDown h2 span a {padding: 0px; margin: 0px;}

/*** IMG cast hlavicky ************************************************/
#head {height: 125px; padding: 0px;    margin: 0px;}
#headOdr {width: 6px; height: 125px; float: left;}
#headOdr div {font-size: 50%;    width: 6px;    height: 6px;}
#headImg {text-align: left; width: 787px; height: 125px; float: left;}
#headImg a { text-decoration: none; width: 205px; height: 125px; display: block; float: left;}
/*#headImg h2 { border: none; background: none; font-size: 180%; font-weight: normal; letter-spacing: -1px; width: 200px; padding: 35px 0 0 20px; float: left;}*/
#karty {/*background: url(../images/karty.gif) no-repeat;*/ width: 71px; height: 79px; right: 0px; top: 24px;    position: absolute; z-index: auto;}
/*** USER ************************************************************/
#user {width: 170px; height: 125px; text-align: left; float: right;}
#user form {padding: 10px 10px 0 10px;}
#user form p {margin-bottom: 5px;}
#user form p.odtrzitko {height: 1px; background: none; line-height: 1px; margin-bottom: 5px;}
#user form p #uName {font-weight: bold; font-size: 120%; float: left;}
#user form p.info {padding-left: 10px; line-height: 100%; }
#user form p a { text-decoration: none; /*color*/}
#user form a.logButt {text-decoration: none; width: 18px; height: 18px; display: block; float: right;}
#user form a:hover.logButt {text-decoration: none;}
#user form a.logoutButt {text-decoration: none; width: 18px; height: 18px; display: block; float: right;}
#user form a:hover.logoutButt {text-decoration: none;}
#user form form input {font-size: 80%; font-weight: normal; float: left;}
#user form input.name {width: 110px; float: left;}
#user form input.pasw {width: 80px;}

/******************************************
*        BUTTON LISTA + KOSIK             *
******************************************/
#buttPole {text-align: left; margin-left: 2px; padding: 10px 0;}
#buttPole table.menu {position:absolute; visibility:hidden; background: #CDE7B1;}
#buttPole a { text-decoration: none; padding: 10px; text-align: center; float: left;}
#buttPole a:hover {/*color*/}
#buttPole a.act {/*color*/}

.menuBg {background: #4D6B2D;}
#mainMenu { margin: 6px 1px 6px 1px; }
#mainMenu .header a {font-size: 105%; color: #FFF; font-weight: bold; background: #7BBC3A; text-decoration: none; padding: 2px 16px 2px 16px;}
#mainMenu .header a:hover { color: #4C4C4C; background: #B4DC8E;}
#mainMenu .header a.act {background: #B4DC8E; color: #4C4C4C; }

#mainMenu .menu a {color: #FFF; font-weight: bold; background: #B4DC8E; text-decoration: none; padding: 2px 16px 2px 16px;}
#mainMenu .menu a:hover { color: #4C4C4C; }
#mainMenu .menu a.act {background: #B4DC8E;}

table.menu { position:absolute; visibility:hidden; }

td.header { border-right: 1px solid; border-color: #FFF; background: #7BBC3A;}
td.menu { font-size: 100%; background: #B4DC8E; padding: 5px; border-bottom: 1px solid; border-color: #FFF;}

#buyPole {height: 22px; width: 465px; w\idth: 455px; float: right;}
#buyPole #buyInfo {font-size: 100%; width: 265px; w\idth: 243px; height: 16px; padding: 3px 10px; float: left;}
#buyPole a { margin: 0px; padding: 0px;}
#buyPole a#buttKosik, #buyPole a#buttKosika {font-size: 100%; text-align: left; text-decoration: none; width: 170px; w\idth: 140px; line-height: 22px; padding: 0 0 0 30px; float: right;}
#buyPole a:hover#buttKosik {padding-top: 1px;}

/******************************************
*                 OBSAH                   *
******************************************/
#CONTENT {margin: auto;}

/******************************************
*                  LEFT                   *
******************************************/
#LEFT {text-align: left; width: 170px; float: left;}
#LEFT h2 { height: 28px; clear: both;}
#LEFT h2 a#topm { width: 70px; height: 24px; line-height: 24px; padding-left: 10px; display: block; float: right;}
#LEFT h2 a#topm2 { width: 90px; height: 24px; line-height: 24px; padding-left: 10px; display: block; float: right;}
#LEFT h2 a#topm:hover {/*color*/}

/* MENU */
#topmenu {text-align: left;}
#topmenu a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
#topmenu a.uroven { padding-left: 20px;}
#topmenu a.akt {text-decoration: none;}
#topmenu a:hover {text-decoration: none;}

#topmenu2 {text-align: left;}
#topmenu2 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
#topmenu2 a.uroven { padding-left: 20px;}
#topmenu2 a.akt {text-decoration: none;}
#topmenu2 a:hover {text-decoration: none;}

#menu {text-align: left;}
#menu a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
#menu a.uroven { padding-left: 20px;}
#menu a.akt {text-decoration: none;}
#menu a:hover {text-decoration: none;}
#menu form { padding: 10px;}
#menu form select { margin: 0px; margin-bottom: 5px;}
#menu form input {font-weight: bold;}

#menu2 {text-align: left;}
#menu2 a { text-decoration: none; padding: 5px 30px 5px 10px; margin: 1px 0px; display: block;}
#menu2 a.akt {text-decoration: none;}
#menu2 a:hover {text-decoration: none;}

/* NEWSLETTER */
#NEWSL {text-align: left;}
#NEWSL form {padding: 10px;}
#NEWSL form .text {width: 100%;padding: 0 0 10px 0;}
#NEWSL form input.mail {width: 100px; float: left;}
#NEWSL form a#butt {text-decoration: none; width: 33px;    height: 22px; margin: 0 0 0 6px;    float: left; display: block;}
#NEWSL form a:hover#butt {text-decoration: none;}
#NEWSL form p {margin: 0 0 5px 0;}
#NEWSL a {/*color*/}

/* REKLAMACE */
.REKL {text-align: center; padding: 10px;}
.REKL img {/*color*/}
.REKL p { border-bottom: solid 1px #F5F5F5; font-weight: bold; padding: 5px 0;}
.REKL p.end { border-bottom: none;}

/* EPAMY DLE NEMOCĂ• */
.USE {text-align: left; padding: 10px; overflow:auto; height: 150px;}
.USE img {/*color*/}
.USE p { border-bottom: solid 1px #F5F5F5; font-weight: bold; padding: 5px 0;}
.USE p.end { border-bottom: none;}

/* ANKETA */
#ANKETA {text-align: left; padding: 0 10px 10px 10px;}
#ANKETA div {font-size: 6px; height: 6px;}
#ANKETA p {padding: 6px 0 0 0;}
#ANKETA a {padding: 0 5px 0 0;}
#ANKETA a:hover {/*color*/}

/* NEWS */
#NEWS {/*color*/}
#LEFT h2 a {width: 16px; height: 16px;    text-decoration: none; display: block;    float: right;}
#LEFT h2.red a {width: auto; height: auto; display: inline; float: none; color: #fff;}
#LEFT h2.red a:hover {color: #fff;}
#NEWS span {font-size: 100%; font-weight: bold;}
#NEWS p {text-align: left; padding: 10px;}
#NEWS a {text-decoration: underline;}
#NEWS a:hover {/*color*/}

/******************************************
*                 CENTER                   *
******************************************/
#CENTER {width: 618px; float: left;}
#centerIN {text-align: left; padding: 0 20px;}
#centerIN #contMenu { background: #4D6B2D url(../images/bg_h2_centr.gif) no-repeat; width: 558px; line-height: 100%; padding: 5px 10px;}
#centerIN #contMenu a { color: #CDE7B1; line-height: 100%; font-weight: bold; margin: 2px 5px; display: block; float: left;}
#centerIN #contMenu a:hover { color: #fff;}
#centerIN #contMenu span { color: #fff; margin: 2px 5px; display: block; float: left;}
#centerIN h2#uvod {padding: 0px;}
#centerIN h3#det { line-height: 24px; padding-right: 10px;}
#centerIN h3#det a {float: left;}
#centerIN h3#det span { display: block;}
#centerIN h3#det .kod { float: right; letter-spacing: 0px;}
#centerIN h3#det span.kod  span { font-size: 80%; font-weight: normal; display: inline;}
#centerIN p.uvod {line-height: 160%; font-size: 100%; margin-bottom: 10px;}
#centerIN p.backmenu {padding: 0 10px 10px 0;}
/*#centerIN p.info {line-height: 160%; margin: 0 0 15px 0; padding:  10px 10px 10px 20px;}*/
/*#centerIN .info { width: 544px; margin: 0 0 15px 0; padding: 10px 10px 10px 20px; }
#centerIN .info ul {padding: 10px;}
#centerIN .info li {line-height: 17px; padding: 0 0 10px 0;}
#centerIN .info img {float:left; padding: 0 20px 10px 0;}
*/

/*** CENTR QUICK MENU *************************************************/
#quickMenu { padding: 10px; margin-bottom: 10px;}
#quickMenu .butt { padding: 1px 0 2px 0;}
#quickMenu input, select { margin: 0 0 0 6px;}

/* CENTR MENU */
#centerMENU {/*color*/}
#centerMENU a { height: 12px; width: 147px; padding: 5px 30px 5px 10px; margin: 1px 2px; text-decoration: none; overflow: hidden; display: block; float: left;}
#centerMENU a.act {/*color*/}
#centerMENU a:hover {/*color*/}

.linkMenu {padding: 10px 0; margin: 10px 0;}
.linkMenu br.ieshit {font-size: 1px; line-height: 1px;}
.linkMenu a { line-height: 22px; width: 180px; font-size: 100%; font-weight: bold; margin-left: 10px; text-decoration: none; float: left;}
.linkMenu ul { padding-left: 40px; margin: 0px;}
.linkMenu ul li { padding-left: 0px; margin: 0px;}
.linkMenu ul li a { text-decoration: underline; padding: 0px; margin: 0px; float: none;}
.linkMenu ul li a:hover { text-decoration: none;}
.linkMenu ul li.noDisc {list-style: none;}

/* ovladac */
.poleOvl {height: 24px; text-align: left; margin: auto;}
.poleOvl a {/*color*/}
.poleOvl a:hover {/*color*/}
.poleOvl form {line-height: 24px; padding: 0 10px;}
.poleOvl form select {margin: 0 6px 0 0;}
.poleOvl form input {margin: 0 6px 0 0;}

/*** PRODUKTY *************************************************************************/
.produkt {width: 274px; height: 250px; margin: 0px 5px 20px 5px; float: left; /*background: Aqua;*/}
html>body .produkt {width: 278px; margin: 0px 5px 20px 5px;}
/*.produkt h3 {text-align: left; padding-right: 10px;}*/
.produkt h3 {height: 38px;line-height: 80%; overflow: hidden;}
.produkt h3 a { line-height: 80%; font-size: 90%; text-decoration: underline;}
/*** PRODUKT - radek SKLADEM a KOD *************************************************************/
.produkt .infoRadek {line-height: 24px; clear: both; padding: 2px 0;}
.infoRadek .skladem {text-align: left; line-height: 20px; padding: 0 0 0 10px; float: left;}
.infoRadek .skladem span {font-size: 110%; font-weight: bold;}
.infoRadek .kod {font-size: 100%; font-weight: bold; padding-right: 10px; float: right;}
.infoRadek .kod  span {font-size: 90%; font-weight: normal; display: inline;}
/*** PRODUKT - obsah *************************************************************/
.produkt .prodObsah {height: 145px; padding: 0 0 10px 0;}
/* tato cast kodu plati i pro produkt DET */
.prodObsah .prodLeft {text-align: center; width: 110px;    padding: 0 0 0 10px; float: left;}
.prodObsah .prodLeft a {width: 100px;    height: 100px; display: block;}
.prodObsah .prodLeft a:hover { text-decoration: none; /*color*/}
.prodObsah .prodLeft a img { margin: 5px 0;}
/* end */
.produkt .prodObsah .prodRight {width: 140px; text-align: left; padding-right: 10px; float: right;}
.produkt .prodObsah .prodRight p.descr {height: 54px; overflow: hidden; /*background: Aqua;*/}
.produkt .prodObsah .prodRight p.price {margin-top: 6px;}
/*** PRODUKT - paticka *************************************************************/
.produkt .prodFoot {height: 20px; padding: 0 10px;}
.prodFoot a {line-height: 20px; text-decoration: underline;    padding: 0 5px 0 20px; margin: 0 2px 0 0; display: block; float: left;}
html>body .prodFoot a { padding: 0 5px 0 20px; margin: 0 5px 0 0;}
.prodFoot a:hover {text-decoration: none;}
.prodFoot a.prodMail {/*width: 185px; w\idth: 65px;*/}
.prodFoot a:hover.prodMail{/*color*/}
.prodFoot a.prodPodr {/*width: 85px; w\idth: 65px;*/}
.prodFoot a:hover.prodPodr {/*color*/}
.prodFoot a.prodKoupe {/*width: 55px; w\idth: 35px;*/}
.prodFoot a:hover.prodKoupe {/*color*/}
/* cast kodu pro ceny */
.bezCena {font-size: 100%; text-decoration: line-through;}
.prodCena {font-size: 100%; font-weight: bold;}
/*.prodCena strong {color: Black; font-size: 100%; font-weight: bold;}*/

/*** PRODUKT - DETAIL PRODUKTU *************************************************************/
.produktDET {/*color*/}
.produktDET .prodObsah {padding: 10px 0;}
.produktDET .prodRight {width: 300px; text-align: left; padding-right: 10px; float: right;}
.produktDET .prodObsah p {padding: 0 0 10px 0;}
.produktDET .prodFoot {height: 20px; padding: 0 10px;}
/*** Technicke parametry *************************************************************/
.produktDET .prodRight .radekTP { padding: 0 2px; margin: 0 0 1px 0; /*background: Blue;*/}
.produktDET .prodRight .left { width: 100px; float: left; font-weight: bold; /*background: Aqua;*/}
.produktDET .prodRight .right { /*width: 300px;*/ margin-left: 10px; float: left; /*background: Fuchsia;*/}
.produktDET .prodRight .right span {font-weight: bold; color: green;}
/*** barevnost produktu *************************************************************/
.produktDET .prodRight .radek { padding: 0 2px; margin: 0 0 1px 0;}
.produktDET .prodRight .barva {text-align: left; width: 80px;    float: left;}
.produktDET .prodRight .barva span {float: left;}
.produktDET .prodRight .barva div.color {font-size: 1px; width: 10px; line-height: 10px; margin: 3px 0 0 0; float: right;}
.produktDET .prodRight .cena {width: 100px;    margin-left: 10px; float: left;}
.produktDET .prodRight .kod {width: 50px; margin-left: 10px; float: left;}

/*** PRODUKTY - doplnkove v detailu *************************************************************/
.produktM {width: 176px; height: 260px; margin: 10px 5px 10px 5px; float: left;}
html>body .produktM {width: 180px; margin: 10px 5px 10px 5px;}
.produktM h3 {height: 38px;line-height: 80%; overflow: hidden;}
.produktM h3 a {line-height: 80%; font-size: 90%;}
.produktM .infoRadek {line-height: 24px; clear: both; padding: 2px 0;}
.produktM .prodObsah {padding: 0 10px 10px 10px;}
.produktM .prodObsah a {width: 100px; height: 100px; text-align: center; display: block; overflow: hidden; }
.produktM .prodObsah a:hover {/*color*/}
.produktM .prodObsah a img { margin: 5px 0;}
.produktM .prodFoot {height: 20px; padding: 0 10px;}


/*** HOME TOP NABIDKA ****************************************************************************/
.topNab {width: 274px; margin: 0px 5px 20px 5px; float: left;}
.topNab a.obs {padding: 10px 10px 0 10px; text-decoration: none; display: block; cursor: pointer;}
.topNab a.obs span { display: block;}
.topNab .obs .nadp {border: none; background: none; font-size: 140%; font-weight: bold; line-height: 100%; height: 48px; padding-bottom:8px;}
.topNab .obs .img { text-align: center; width: 100px; height: 100px; margin: 0 10px 0 0; display: block; overflow: hidden; float: left;}
.topNab .obs .img img {}
/*.topNab .obs img { margin: 0 10px 0 0; float: left;}*/
.topNab .obs .text { line-height: 120%;  font-size: 100%; height: 60px;}
.topNab .obs .price {font-size: 160%; font-weight: bold; letter-spacing: -1px; margin-top: 10px; padding-top: 2px;}
.topNab .top {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .top div {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .bott {height: 6px; line-height: 6px; font-size: 6px;}
.topNab .bott div {height: 6px; line-height: 6px; font-size: 6px;}

/* PRODEJNI LISTA */
/*.prodTlac2 { margin: auto;    float: right;}
.prodFoot .prod-skladem {text-align: left; line-height: 20px; float: left;}
.prodFoot .prod-skladem span {font-size: 14px;    font-weight: bold;}
.prodFoot form.kod {    line-height: 20px; text-align: left; width: 100px;    float: left;}
.prodFoot form.kod select {width: 90px;}
.prodFoot form {line-height: 20px; text-align: left; width: 80px; float: left;}
.prodFoot form input {width: 20px;}
a.prododk {text-decoration: none;}
a:hover.prododk {text-decoration: none;}*/

/*** KONTAKT ****************************************************************************/
a#mapa {width: 170px; margin: 0 15px 15px 15px;    float: right; display: block;}
a#mapa img {/*color*/}
p.kont {font-size: 120%; line-height: 1.4em; margin-bottom: 10px;}
.kont strong {font-size: 90%;}
#kont {padding: 20px 10px 10px 10px;}
#kont label {line-height: 20px; padding: 0 0 6px 0; display: block;    clear: both;}
#kont span {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left;}

/******************************************
*                 RIGHT                   *
******************************************/
#RIGHT {text-align: center; width: 170px;    float: right; margin-bottom: 0px;}
#RIGHT h2 { height: 28px; clear: both;}
#RIGHT h2.akt {clear: both;}
#RIGHT h2 a {width: 16px; height: 16px; line-height: 16px;  text-decoration: none; margin-top: 4px; display: block; float: right;}
#RIGHT .aktualnab {text-align: center;    padding: 10px;}
#RIGHT .best {text-align: center; padding: 10px;}
#RIGHT .nab {/*color*/}
#RIGHT .nab h3 {line-height: 16px; padding: 3px 5px;}
#RIGHT .nab h3 a {font-size: 90%;    text-align: left; letter-spacing: 0px;}
#RIGHT .nab h3 a:hover {/*color*/}
#RIGHT .nab p {text-align: center; margin: 10px;}
#RIGHT .nab p a { /*border: solid 1px;*/ width: 100px; height: 100px; margin: auto; display: block; overflow: hidden;}
#RIGHT .nab p.price { text-align: left; margin-top: 6px;}
#RIGHT .nab .prodFoot { height: 20px;    padding: 0 0 0 5px;}
#RIGHT .nab .prodFoot a {line-height: 20px; text-align: left; text-decoration: underline; /*padding: 0 5px 0 20px; margin: 0 5px 0 0;*/ display: block;}
#RIGHT .nab .prodFoot a:hover {text-decoration: none;}

/******************************************
*                 FOOTER                  *
******************************************/

#FOOTER { text-align: left; /*width: 100%;*/ /*height: 100%;*/ padding: 0px; margin: 0px; /*border: solid 1px #ccc; float: none;*/}

#FOOTER .buttPole {  width: 100%; padding: 0px; margin: 0px; /*padding-left: 10px;*/}
#FOOTER .buttPole a {text-decoration: none;}
#FOOTER .buttPole #footLogo { width: 85px; height: 36px; padding-left: 10px; float: left;}
#FOOTER .buttPole #footMenu { padding: 10px 10px 0 100px; float: left;}
#FOOTER .buttPole #footMenu a:hover {text-decoration: underline;}

#FOOTER #DOWN-radek {padding:  0 0 12px 0;}
#FOOTER #develop {font-size: 100%; line-height: 36px;    width: 800px; padding-left: 10px; float: left;}
#FOOTER #develop span {padding-right: 50px;}
#FOOTER #develop a {padding: 0 15px 0 15px;}
#FOOTER #optim {font-size: 100%;    line-height: 36px; text-align: right; width: 100px; padding-right: 10px; float: right;}
#FOOTER #optim strong {font-size: 100%;}



/******************************************
*                 KOSIK                  *
******************************************/
.contForm {text-align: left;    padding: 10px 0;}
.contForm input.button {width: 170px;}
.contForm .butt {text-align: right; padding: 6px 0; margin: 0 2px;}
.contForm .butt2 {text-align: right; padding: 12px 30px 0 0;}
.contForm .text {padding: 5px 0;}
.contForm .text a {font-weight: bolder; text-decoration: none;}
.contForm .text a:hover {/*color*/}
.contForm input.splat { margin: 0px; padding: 0px;}
.contForm label {line-height: 18px; padding: 0 0 6px 0; clear: both; display: block; /*background: Aqua;*/}
.contForm label span {padding: 0 15px 0 0; /*background: Blue;*/}
.contForm label span.descr {text-align: right; width: 175px; w\idth: 160px; padding: 0 15px 0 0; display: block; float: left; /*background: Blue;*/}
.contForm .butt #sButt { font-weight: bold; color: #fff; border: none; background: url(../images/bg_form_butt2.gif);}
.contForm .butt a:hover#sButt {background: url(../images/tlac_search+.gif) no-repeat;}

.contForm .text a:hover {color: #FFF; background: #7BBC3A;}
/*#kosik input.kos-form { width: 170px;}
#kosik textarea.kos-form { width: 170px; height: 80px;}*/

/*** KOS TABULKA *******************************************************************/
.kosTable {border: none; width: 90%; w\idth: 100%; /*background: Blue;*/}
.kosTable a.rel {width: 24px; height: 24px; text-decoration: none;    display: block;}
.kosTable input {font-size: 100%;}
.kosTable th {font-size: 100%; text-align: center; padding: 2px 4px;}
.kosTable tr td {font-size: 100%; padding: 4px;}
.kosTable tr.link1 td {/*color*/}
.kosTable tr.link2 td {}
.kosTable tr.link3 td {font-size: 12px; font-weight: bolder;}

.prodTable {width: 563px; margin: 0 0 0 7px; /*background: Aqua;*/}
.prodTable .prev {width: 16px; height: 16px; display: block;}
.prodTable  a.prodKoupe {width: 55px; w\idth: 35px; height: 16px; padding-left: 20px; display: block; text-decoration:none;}

/******************************************
*               SROVNANI                  *
******************************************/
.srovLeft {width: 400px; w\idth: 380px; float: left; padding: 10px; }
#centerIN h3#det { line-height: 24px; padding-right: 10px;}
.srovLeft h3.det a {float: left;}
.srovLeft h3.det span { display: block;}
.srovLeft h3.det .kod { float: right; letter-spacing: 0px;}
.srovLeft h3.det span.kod  span { font-size: 80%; font-weight: normal; display: inline;}
.srovLeft .produktDET .prodObsah { /**/}
.srovLeft .produktDET .prodObsah .prodRight {width: 380px; w\idth: 360px; text-align: left; padding: 0 10px; float: none;}
.srovLeft .produktDET .prodObsah .prodLeft {width: 380px; w\idth: 360px;  text-align: center; padding: 0 10px; float: none;}
.srovLeft .produktDET .prodObsah .prodLeft p {padding: 0 18px 10px 0; float: left;}
.srovLeft .produktDET .prodObsah .prodLeft p a {width: 100px;    height: 160px; display: block; overflow: hidden;}


/******************************************
*                 PAGER                   *
******************************************/
.produktDET .PAGER {/*color*/}
.PAGER { height: 22px;/*line-height: 20px;*/ padding: 6px 6px 0 6px;}
html>body .PAGER { height: 20px;/*line-height: 20px;*/ padding: 6px;}
.PAGER div.pocet {line-height: 20px; float: left;}
.PAGER form {height: 20px; padding: 0 20px 0 6px; float: left;}
.PAGER span {line-height: 20px; padding: 0 6px; display: block; float: left;}
.PAGER form input, select {margin-top: 0px; margin-bottom: 0px;}
 /* .PAGER form select {width: 45px;} */
.PAGER form input {width: 25px; float: left;}
.PAGER form input.butt {width: 30px;}
.PAGER .listovani {/*width: 136px; */ padding: 0 20px 0 6px; float: left;}
.PAGER .listovani a {width: 150px; height: 20px;    text-decoration: none; display: block;}
.PAGER .listovani a.list-l {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;}
.PAGER .listovani a.list-r {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;}
.PAGER .listovani a.list-last {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;}
.PAGER .listovani a.list-first {width: 16px; height: 16px; line-height: 16px; margin-top: 2px; float: left;}

.PAGER a.back {font-weight: bold; line-height: 20px; text-decoration: underline;    float: left; display: block;}
.PAGER a.prodKoupe {line-height: 20px; text-decoration: underline;    padding-left: 20px; width: 55px; w\idth: 35px; float: left; display: block;}
.PAGER a:hover.prodKoupe { text-decoration: none;}
.PAGER a.prodMail {line-height: 20px; text-decoration: underline;    padding-left: 20px;  float: right; display: block; margin-right: 6px;}
.PAGER a:hover.prodMail {text-decoration: none;}
.PAGER a.prodPrint {line-height: 20px; text-decoration: underline; padding-left: 20px; width: 80px; w\idth: 60px; float: right;    display: block; margin-right: 6px;}
.PAGER a:hover.prodPrint {text-decoration: none;}
.PAGER a.prodDownl {line-height: 20px;    text-decoration: underline; padding-left: 20px;    width: 100px;    w\idth: 80px;    float: right; display: block; margin-right: 6px;}
.PAGER a:hover.prodDownl {text-decoration: none;}

/* IMAGE_SHOP */

/* CSS BAREVNOST SABLONY */

body,td,th {color: #4C4C4C;}
body {background: url(../images/bacgr.gif) repeat-y center White;}

/* #main {background: #F2F9EB;} */

a {color: #4D6B2D;}
a:hover {color: #C90103;}
a.cena {color: #FFF;}
a:hover.cena {color: #FFF;}
a.aktmenu {color: #4C4C4C;}
a:hover.aktmenu {color: #FFF;}
a.img { border: solid 3px #e5e5e5;}
a.img img {}
a:hover.img { border: solid 3px #C90103;}

.odtrzitko {border-top: solid 1px #7BBC3A; background: #FFF;}
.odtrzitko2 {background: #FFF;}
.odtrzM {background: #FFF;}
.prodObsah .odtrzM {background: none;}
.prodObsah .odtrzitko2 {background: none;}

/* nadpisy */
h1,h2,h3 {/*border-left: 6px solid #A0A0A0;*/    color: #000; background: #F2F9EB;}
h1 { background: url(../images/bg_h1_centr.gif) no-repeat; color: #fff;}
h1 a {color: #B4DC8E;}
h1 a:hover {color: #F2F9EB;}
h2.product {/*border-left: 6px solid #7BBC3A;*/}
h3 {border-left: 6px solid #7BBC3A;}
h3 a {color: #7BBC3A;}
h3 a:hover {color: #000;}
h4,h5,h6 {color: #4C4C4C;}


a#butt {    background: url(../images/bg_form_butt.gif) repeat-x; color: #fff; font-weight: bold; text-decoration: none; height: 16px; display: block; }
a:hover#butt {    /*background: url(../images/tlac_newsl+.gif) no-repeat;*/}

.flLeft {}
.flRight {}
.flLeftImg { border: solid 1px #ccc;}
.flRightImg { border: solid 1px #ccc;}

.ods { border-bottom: solid 1px #ccc;}
div.last-ods { border: none}
.ods p {}
.ods p.flLeft img  { border: solid 3px #e5e5e5;}
.ods p.flLeft a { border: solid 3px #e5e5e5; background: #fff;}
.ods p.flLeft a:hover { border: solid 3px #C90103;}
.ods p.flLeft a img  {}
.ods p.flRight img  { border: solid 3px #e5e5e5;}
.ods p.flRight a { border: solid 3px #e5e5e5; background: #fff;}
.ods p.flRight a:hover { border: solid 3px #C90103;}
.ods p.flRight a img  { border: none;}
.podrButt { background: url(../images/bg_podr.gif) no-repeat; color: #C90103;}

.fotoGall { background: #EFF8E6; border-top: solid 3px #DDF0CA; border-bottom: 3px solid #DDF0CA;}
.fotoGall a { border: solid 1px #BCBDC0; background: #fff;}
.fotoGall a:hover { border: 1px solid #C90103;}

/*KONTAKT*/

#kont .butt {float: right;}
#kont .butt #sButt { font-weight: bold; color: #fff; border: none; background: url(../images/bg_form_butt2.gif);}
#kont .butt a:hover#sButt {background: url(../images/tlac_search+.gif) no-repeat;}


/******************************************
*                 TABULKY                 *
******************************************/
/*table { border: solid 1px #4D6B2D; border-top: 5px solid #4D6B2D; border-bottom: 5px solid #4D6B2D; border-collapse: collapse; padding: 0px; margin: 10px 0;}
table.colorTable th { color: #fff; background: #4D6B2D;}
table th { text-align: center; padding: 4px;}
table td { border: solid 1px #4D6B2D; padding: 4px;}
table tr.bg { background: #F6FBF2;}
table.noBord td { border: none;}
/*** klasicka tabulka s okrajem *********************************/
/*table.bord { border: 1px solid #4D6B2D; border-top: 5px solid #4D6B2D; border-bottom: 5px solid #4D6B2D; /*width: 465px;*/}
/*table.bord td { border: 1px solid #4D6B2D; vertical-align: top;}
table.bord th { border: 1px solid #4D6B2D; color: #fff; background: #4D6B2D;}
table.bord th.thTop { color: #4d4d4d; background: #CFE4B9; text-align: left;}
table.bord th.thLeft { color: #4d4d4d; background: #ECF4E4; text-align: left;}
/*** radkova tabulka *******************************************/
/*table.line { background: #fff; border-top: 5px solid #4D6B2D; border-bottom: 5px solid #4D6B2D; border-left: none; border-right: none; /*width: 465px;*/}
/*table.line th { color: #4D6B2D; border: none; border-bottom: solid 2px #4D6B2D; }
table.line td { border: none; border-bottom: 1px solid #4D6B2D; vertical-align: top; font-weight: normal;}
table.line td a { text-decoration: none;}
table.line td a:hover { text-decoration: underline;}
/*** tabulka BEY OKRAJE *********************************/
/*table.none { border: none;}
table.none th { border: none; text-align: left;}
table.none td { border: none;}



/******************************************
*               TOP BANNER                *
******************************************/    
#topBanner {background: #D7ECC2;}
#topBanner img {border: solid 1px #FFF;}

/******************************************
*               SKY BANNER                *
******************************************/    
#skyBanner img {border: solid 1px #FFF;}

/******************************************
*                 HEAD                   *
******************************************/    
#copmlHEAD {margin: auto; clear: both;}

#shopMenu { background: #fff; border: solid 1px #000; border-top: none;}
#shopMenu h2 { border: none; color: #D3E9BE; background: none;}
#shopMenu a { color: #000; background: url(../images/odr_shop.gif) no-repeat right bottom;}
#shopMenu a:hover { background: url(../images/odr_shop.gif) no-repeat right bottom;}
#shopMenu a img { border: none;}

/* nad hlavickou */    
#headUp a#oblib {background: url(../images/ico_home.gif) no-repeat 0px 1px; border-right: solid 1px #000;}
#headUp a#mail {background: url(../images/ico_mail.gif) no-repeat 0px 1px; border-right: solid 1px #000;}
#headUp a#struk {background: url(../images/ico_struct.gif) no-repeat 0px 1px;}

#headUp form #sButt { color: #fff; border: none; background: url(../images/bg_form_butt2.gif);}

#headDown h2 {border-left: 6px solid #7BBC3A;}
#headDown h2 span {color: #000;}
#headDown h2 span a {/*color: #fff;*/ text-decoration: none; /*color: #EC2400;*/}
#headDown h2 span a:hover {/*color: #A4C520;*/ text-decoration: underline; }

/*** IMG cast hlavicky ************************************************/
#headOdr {background: #F2F9EB;}
#headOdr div {background: #B4DC8E;}
.posBlock #headImg2 {background: url(../images/head_img2.gif) no-repeat; width: 82px; height: 43px; top: -43px; left: 326px; position: absolute; z-index: auto;}
.posBlock #headImg3 {background: url(../images/head_img2.jpg) no-repeat; width: 202px; height: 46px; top: -46px; right: 3px; position: absolute; z-index: auto;}
#headImg {background: url(../images/head_img.jpg) no-repeat left top;}
#headImg a {/*background: url(../images/logo_head.gif) no-repeat 5px 10px;*/}
/*#headImg h2 { color: #7BBC3A;}*/


/*** USER ************************************************************/
#user {background: #7BBC3A;}
#user h2 {background: url(../images/bg_h2_col.gif) no-repeat; color: #fff;} 
#user h2 a {color: #fff;}
#user form p.odtrzitko { border-top: dashed 1px #fff;}
#user form p #uName { color: #fff;}
#user form p.info {color: #fff; border-left: solid 1px #fff;}
#user form p a {color: #fff;}
#user form a.logButt {background: url(../images/log_ico.gif) no-repeat 1px 1px;}
#user form a.logoutButt {background: url(../images/logout_ico.gif) no-repeat 1px 1px;}


/******************************************
*                 LOGIN                   *
******************************************/
#buttPole {     /*background: url(../images/bg_h2_col.gif);*/}
#buttPoleLine a {color: #FFF; font-weight: bold; background: #7BBC3A;}
#buttPoleLine a:hover { color: #4C4C4C; background: #CDE7B1;}
#buttPoleLine a.act {background: #B4DC8E;}

#buyPole { border-left: solid 6px #7BBC3A;}
#buyPole #buyInfo { color: #4D6B2D; background: #B4DC8E;}
#buyPole #buyInfo a { color: #4D6B2D; font-weight: bold;}
#buyPole #buyInfo a:hover { color: #000; text-decoration: none;}
#buyPole a#buttKosik {background: url(../images/tl_kosik.gif) no-repeat 0px 1px; color: #000;}
#buyPole a#buttKosika {background: url(../images/tl_kosik_a.gif) no-repeat 0px 1px; color: #000;}
#buyPole a:hover#buttKosik {background: url(../images/tl_kosik+.gif) no-repeat 0px 1px; color: #7BBC3A;}


/******************************************
*                  LEFT                   *
******************************************/
#LEFT h2 {background: url(../images/bg_h2_col.gif) no-repeat; color: #fff;} 
#LEFT h2.red {background: url(../images/bg-h2-col-red.gif) no-repeat !important;} 
#LEFT h2 a#topm {background: none; color: #7BBC3A;}
#LEFT h2 a#topm:hover {color: #000;}

/* MENU */
#menu {background: #FFF;}
#menu a {color:#4D6B2D /*#4C4C4C*/; background: #E8F4DD url(../images/tl_aktm.gif) no-repeat 150px 7px;}
#menu a.akt {color: #FFF;    background: #7BBC3A url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}
#menu a:hover {color: #FFF; background: #7BBC3A url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}

#kompletni_katalog { float: left; }
#kompletni_katalog img { margin: 10px 0; }

#topmenu {background: #FFF;}
#topmenu a {color: #FFF; background: #7BBC3A url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}
#topmenu a.akt {color: #4C4C4C;    background: #B4DC8E url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}
#topmenu a:hover {color: #4C4C4C; background: #B4DC8E url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}

#topmenu2 {background: #FFF;}
#topmenu2 a {color: #FFF; background: #7BBC3A url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}
#topmenu2 a.akt {color: #4C4C4C;    background: #B4DC8E url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}
#topmenu2 a:hover {color: #4C4C4C; background: #B4DC8E url(../images/tl_aktm.gif) no-repeat 150px 7px; font-weight: normal;}

/* NEWSLETTER */
#NEWSL {background: #7BBC3A;/*background: #92C0CC;*/}
#NEWSL form {color: #FFF;}
#NEWSL form .text {color: #FFF;}
#NEWSL a {color: #FFF;}

/* REKLAMA */
.REKL {border-top: solid 1px #7BBC3A; border-left: solid 1px #7BBC3A; border-right: solid 1px #7BBC3A; background: #FFF;}
.REKL img {border: solid 1px #D0E9B8;}

/* REKLAMA */
.USE {border-top: solid 1px #7BBC3A; border-left: solid 1px #7BBC3A; border-right: solid 1px #7BBC3A; background: #FFF;}
.USE img {border: solid 1px #D0E9B8;}

/* ANKETA */
#ANKETA {border-top: solid 1px #7BBC3A; border-left: solid 1px #7BBC3A; border-right: solid 1px #7BBC3A;    background: #FFF;}
#ANKETA div {background: #7BBC3A;}

/* NEWS */
#NEWS {background: #F2F9EB;}
#LEFT h2 a {background: #7BBC3A url(../images/tl_dalsi.gif) no-repeat;}
#LEFT h2.red a {background: none !important;}
#NEWS span {color: #000;}
#NEWS a {/*color: #A4C520;*/}
#NEWS a:hover {/*color: #4C4C4C;*/}

/******************************************
*                 CENTER                   *
******************************************/
/*#centerIN h1 {border-left: 6px solid #7BBC3A;}*/
#centerIN h2 {background: #F2F9EB url(../images/bg_h2_centr.gif) no-repeat; /*color: #fff;*/}
#centerIN h2#uvod {border: none; background: none;}
#centerIN h3#det span.kod  span {color: #7BBC3A;}
#centerIN h3#det a {color: #000; text-decoration: none;}
#centerIN p.info {border-left: solid 6px #D0E9B8; background: #F6F6F6;}
#centerIN div.info {border-left: solid 6px #D0E9B8; background: #F2F9EB;}



/* CENTR MENU */
#centerMENU {background: #FFF;}
#centerMENU a {color: #4C4C4C; background: #E8F4DD url(../images/tl_aktm.gif) no-repeat 167px 7px;}
#centerMENU a.act {color: White; background: url(../images/tl_aktm.gif) no-repeat 167px 7px #7BBC3A; font-weight: bold;}
#centerMENU a:hover {color: White; background: url(../images/tl_aktm.gif) no-repeat 167px 7px #7BBC3A; font-weight: bold;}
#centerMENU input.menuInput { height: 12px; width: 147px; padding: 5px 30px 5px 10px; margin: 1px 2px; text-decoration: none; overflow: hidden; display: block; float: left;}
#centerMENU input.menuInput {color: #4C4C4C; background: #E8F4DD url(../images/tl_aktm.gif) no-repeat 167px 7px; border: 0;}

.linkMenu {border: dashed 1px #7BBC3A;}

/* ovladac */
.poleOvl {background: #E8F4DD;}
.poleOvl a {/*color: #FFA500;*/}
.poleOvl a:hover {/*color: #4C4C4C;*/}

/*** PRODUKTY *************************************************************************/
.produkt {background: url(../images/bg_product.gif) no-repeat right top;}
.produkt h3 {border: none; background: none; margin-top: 8px;}
.produkt h3 a { color: #4D6B2D;}
/*** PRODUKT - radek SKLADEM a KOD *************************************************************/
.infoRadek .skladem span {color: #7BBC3A;}
.infoRadek .kod span {color: #7BBC3A;}
.infoRadek .kod {color: #000;}
/* tato cast kodu plati i pro produkt DET */
.prodObsah .prodLeft a { background: #fff;  }
.prodObsah .prodLeft a:hover {}
/*** PRODUKT - paticka *************************************************************/
.produkt .prodFoot {color: #4C4C4C; background: #4D6B2D/*#E8F4DD*/;}
.prodFoot a {color: #FFF;}
.prodFoot a:hover {color: #FFF;}
.prodFoot a.prodMail {background: url(../images/tl_mail.gif) no-repeat;}
.prodFoot a:hover.prodMail{background: url(../images/tl_mail.gif) no-repeat #7BBC3A;}
.prodFoot a.prodPodr {background: url(../images/tl_podr.gif) no-repeat;}
.prodFoot a:hover.prodPodr {background: url(../images/tl_podr.gif) no-repeat #7BBC3A;}
.prodFoot a.prodKoupe {background: url(../images/tl_kosik_m.gif) no-repeat;}
.prodFoot a:hover.prodKoupe {background: url(../images/tl_kosik_m.gif) no-repeat #7BBC3A;}
/* cast kodu pro ceny */
.bezCena {color: #000;}
.prodCena {color: #000;}

/*** PRODUKT - DETAIL PRODUKTU *************************************************************/
.produktDET {background: #F6FBF2;}
.produktDET .prodFoot {color: #4C4C4C;    background: #4D6B2D/*#D5EBC0*/;}
/*** barevnost produktu *************************************************************/
/*.produktDET .prodRight .barva div.color {border: solid 1px #000; background: #FFE4E1;}*/

/*** PRODUKTY - doplnkove v detailu *************************************************************/
.produktM {background: url(../images/bg_product.gif) no-repeat right top;}
.produktM h3 { border: none; background: none;}
.produktM h3 a { color: #4D6B2D;}
.produktM .prodObsah a { background: #fff;  border: solid 3px #e5e5e5;}
.produktM .prodObsah a:hover {border: 3px solid #C90103;}
/*.produktM .prodObsah a {background: #FFF; border: solid 1px #D0E9B8;}
.produktM .prodObsah a:hover { border: 1px solid #7BBC3A;}*/
.produktM .prodFoot {color: #4C4C4C; background:#4D6B2D;}


/*** HOME TOP NABIDKA ****************************************************************************/
.topNab {background: #CDE7B1;}
.topNab a.obs {/*color: #7BBC3A;*/}
.topNab .obs .nadp {/*color: #7BBC3A;*/ border: none; background: none;}
.topNab .obs .img { background: #fff;}
.topNab .obs .price {border-top: dashed 1px #FFF;}
.topNab .top {background: url(../images/lh_roh.gif) no-repeat left top;}
.topNab .top div {background: url(../images/ph_roh.gif) no-repeat right top;}
/*.topNab .bott {background: url(../images/ld_roh.gif) no-repeat left bottom;}*/
.topNab .bott div {background: url(../images/pd_roh.gif) no-repeat right bottom;}

/* PRODEJNI LISTA */
/*.prodFoot .prod-skladem span {color: #FF7200;}
a.prododk {color: #A0A0A0;}
a:hover.prododk {color: FFF;}*/

/*** KONTAKT ****************************************************************************/
a#mapa img {border: solid 1px #B4DC8E;}

/******************************************
*                 RIGHT                   *
******************************************/
#RIGHT {background: #E8F4DD;}
#RIGHT h2 {background: url(../images/bg_h2_col.gif) no-repeat; color: #fff;}
#RIGHT h2.akt {color: #FFF; background: #7BBC3A;}
#RIGHT h2 a {background: #7BBC3A url(../images/tl_dalsi.gif) no-repeat;}
#RIGHT .best {background: #CDE7B1;}
#RIGHT .nab {background: #FFF; border: none;}
#RIGHT .nab h3 {border: 0px; background: #B4DC8E;}
#RIGHT .nab h3 a {color: #4D6B2D;}
#RIGHT .nab h3 a:hover {color: #000;}
#RIGHT .nab .prodFoot {background:#4D6B2D/*#B4DC8E*/;}
#RIGHT .nab .prodFoot a {color: #FFF;}
/*#RIGHT .nab .prodFoot a:hover {color: #FFF;}*/

#RIGHT #buy { background: #7BBC3A; padding: 10px; margin: 0px;}
#RIGHT #buy p { color: #fff; margin: 5px 0; text-align: left;}
#RIGHT #buy p a { color: #fff; font-weight: bold;}
#RIGHT #buy p #butt { padding: 0 10px;}

/******************************************
*                 FOOTER                  *
******************************************/
#FOOTER .buttPole {background: #B4DC8E url(../images/bg_h2_centr.gif) no-repeat;}
#FOOTER .buttPole a#footLogo { background: url(../images/foot_logo.gif) no-repeat 20px 0px;}
#FOOTER .buttPole a {color: #4D6B2D;}
#FOOTER .buttPole a {color: #4D6B2D;}

/******************************************
*                 KOSIK                  *
******************************************/
.contForm .butt #sButt { font-weight: bold; color: #fff; border: none; background: url(../images/bg_form_butt2.gif);}
.contForm .butt a:hover#sButt {background: url(../images/tlac_search+.gif) no-repeat;}

.contForm .text a:hover {color: #FFF; background: #7BBC3A;}

/*** KOS TABULKA *******************************************************************/
.kosTable {border: none;  border-collapse: collapse;}
.kosTable a.rel {background: url(../images/zmenit.gif) no-repeat;}
.kosTable th {border: none;  border-collapse: collapse; color: #FFF; background: #B4DC8E;}
.kosTable td {border: none;  border-collapse: collapse; }
.kosTable tr td {color: #4C4C4C;}
.kosTable tr.link1 td {background: #D5EBC0;}
.kosTable tr.link3 td {color: #FFF; background: #B4DC8E;}

.prodTable .bg {background: #F2F9EB;}
.prodTable .prev { background: #7BBC3A url(../images/tl_prev.gif) no-repeat;}
.prodTable  a.prodKoupe {background: url(../images/tl_kosik_m.gif) no-repeat 0px -2px;}

/******************************************
*                 PAGER                   *
******************************************/
.produktDET .PAGER {background: #FFF;}
.PAGER {border: solid 1px #D0E9B8; color: #000;}
.PAGER form {color: #000;}
.PAGER .listovani a.list-l {background: #7BBC3A url(../images/tl_zpet.gif) no-repeat 0px 0px;}
.PAGER .listovani a.list-r {background: #7BBC3A url(../images/tl_dalsi.gif)  no-repeat 0px 0px;}
.PAGER .listovani a.list-last {background: #7BBC3A url(../images/tl_posledni.gif) no-repeat 0px 0px;}
.PAGER .listovani a.list-first {background: #7BBC3A url(../images/tl_prvni.gif)  no-repeat 0px 0px;}

.PAGER a.prodKoupe {color: #7BBC3A; background: url(../images/tl_kosik_m.gif) no-repeat;}
.PAGER a:hover.prodKoupe {color: #FFF; background: url(../images/tl_kosik_m.gif) no-repeat #7BBC3A;}
.PAGER a.prodMail {background: url(../images/tl_mail.gif) no-repeat;    color: #7BBC3A;}
.PAGER a:hover.prodMail {color: #FFF; background: url(../images/tl_mail.gif) no-repeat #7BBC3A;}
.PAGER a.prodPrint {color: #7BBC3A;    background: url(../images/tl_print.gif) no-repeat;}
.PAGER a:hover.prodPrint {color: #FFF; background: url(../images/tl_print.gif) no-repeat #7BBC3A;}
.PAGER a.prodDownl {color: #7BBC3A; background: url(../images/tl_downl.gif) no-repeat;}
.PAGER a:hover.prodDownl {color: #FFF; background: url(../images/tl_downl.gif) no-repeat #7BBC3A;}

.srovLeft h3.det a { color:#4D6B2D; }

#trigger_date_from{
    background-image: url(../images/ico_login.png);
    background-color: #FFFFFF;
    height: 14px;
    width: 12px;
    border: none;
}
#trigger_date_to{
    background-image: url(../images/ico_login.png);
    background-color: #FFFFFF;
    height: 14px;
    width: 12px;
    border: none;
}

.courseMenu {
    
    width: 100%;
    text-align: center;
}

.error {
    color: red;
}
.sortable th a {text-decoration: none;}

/* Mapa obchodu */
.shop-box {
    float: left;
    margin: 10px 0px 0px 10px;
    padding: 5px;
    width: 170px;
}

.shopHeading {
    font-size: 12px;
    font-weight: bold;
}

.distributor {
    color: #59753b;
}

.shopDetailHeading {
    font-size: 18px;
    font-weight: bold;
}


.velkoobchod {
    color: #C90103;
}


/* nakup ve vypisu produktu */
/* nakup ve vypisu produktu */
.tableToCart {border-collapse: collapse; border-spacing: 0; float: right;}
.toCart {padding: 0px 8px 0px 0px;}
.cartAmount {width: 16px; height: 16px;  border: 0px; padding: 0px; margin: 0px; font-size: 11px;}
.nakup {background: transparent; border: 0; padding: 0px; margin:0; text-decoration: underline; color: white; height:20px;}
.nakupHover {background: #7BBC3A; border: 0; padding: 0px; margin:0; text-decoration: underline; color: white; height:20px;}