/* CSS BAREVNOST SABLONY */ body,td,th {color: #696969;} body {background: url(../img/bacgr.gif) repeat-y center White;} a {color: #C00336;} a:hover {color: #000;} a.cena {color: #FFF;} a:hover.cena {color: #FFF;} a.aktmenu {color: #000;} a:hover.aktmenu {color: #FFF;} .odtrzitko {/*border-top: solid 5px #FF8C00;*/ /*background: #FFF;*/} .odtrzitko2 {/*background: #FFF;*/} .odtrzitko3 { border-top: solid 5px #C00336;} .odtrzM {/*background: #FFF;*/} .odtrzSloupec {border-top: solid 1px #C00336;} .prodObsah .odtrzM {background: none;} .prodObsah .odtrzitko2 {background: none;} p.next { border-top: solid 1px #ccc;} .red {color:red;} /****************************************** * NADPISY * ******************************************/ h1 {border: none;} h2,h3 {border-left: 6px solid #A0A0A0; color: #000; background: #F2F2F2;} h2.product {border-left: 6px solid #C00336; color: #000; } h3 {border-left: 6px solid #C00336;} h3 a {color: #C00336;} h3 a:hover { /*color: #000;*/} h4,h5,h6 {color: #4C4C4C;} /****************************************** * TOP BANNER * ******************************************/ #topBanner {background: #DCDCDC;} #topBanner img {border: solid 1px #FFF;} /****************************************** * SHOP LISTA * ******************************************/ #shopMenu { background: #fff; border: solid 1px #000; border-top: none;} #shopMenu h2 { border: none; color: #D2D2D2; background: none;} #shopMenu a { color: #000; background: url(../img/odr_shop.gif) no-repeat right bottom;} #shopMenu a:hover { background: url(../img/odr_shop.gif) no-repeat right bottom;} #shopMenu a img { border: none;} /****************************************** * SKY BANNER * ******************************************/ #skyBanner img {border: solid 1px #FFF;} /****************************************** * HOME TOP NABIDKA A ROZCESTNIK * ******************************************/ .topNab {background: #F6DECF;} .topNab.rozc {background: #D3D3D3;} .topNab a.obs {/*color: #FF8C00;*/} .topNab.rozc a.obs {color: #000;} .topNab a:hover.obs { color: #000;} .topNab.rozc a:hover.obs { color: #FFF;} .topNab .obs .nadp {} .topNab .obs .img { background: #fff;} .topNab.rozc .obs .img { background: #D3D3D3;} .topNab .obs .price {border-top: dashed 1px #FFF;} .topNab .top {background: url(../img/lh_roh.gif) no-repeat left top;} .topNab .top div {background: url(../img/ph_roh.gif) no-repeat right top;} .topNab .bott {background: url(../img/ld_roh.gif) no-repeat left bottom;} .topNab .bott div {background: url(../img/pd_roh.gif) no-repeat right bottom;} /****************************************** * HEAD * ******************************************/ #headTop a#logo {background: url(../img/logo_head.gif) no-repeat;} #headTop #defMenu a#oblib {background: url(../img/ico_home.gif) no-repeat; /*border-right: solid 1px #000;*/} #headTop #defMenu a#mail {background: url(../img/ico_mail.gif) no-repeat; /*border-right: solid 1px #000;*/} #headTop #defMenu a#struk {background: url(../img/ico_struct.gif) no-repeat;} /****************************************** * TOP MENU * ******************************************/ .buttPole { border-top: solid 5px #f2f2f2; border-bottom: solid 5px #dfdfdf; background: #C00336;} .buttPole a {color: #FFF; background: #C00336 url(../img/odr_top_menu.gif) no-repeat 10px center; border-left: solid 1px #ff4d00; border-right: solid 1px #E30341; font-weight: bold;} .buttPole a:hover { color: #000; background: #F6DECF url(../img/odr_top_menu.gif) no-repeat 10px center;} .buttPole a.act {background: #A0A0A0;} /*** IMG cast hlavicky ************************************************/ #head { border-top: 5px solid #C00336; border-bottom: solid 5px #C00336; background: url(../img/bg_head.jpg) /*repeat-x*/ left bottom;} #headImg { /*background: url(../img/head_img.gif) no-repeat right top;*/} #headImg2 { background: url(../img/head_img2.gif) no-repeat;} #headImg3 { background: url(../img/head_img3.gif) no-repeat;} #headImg h1 { color: #C00336;} #headImg h1 span { color: #FFF;} #headImg h2 { color: #C00336;} #headImg h2 span { color: #FFF;} /*** USER ************************************************************/ #user { border-top: solid 5px #DA033E; border-bottom: solid 5px #DA033E;background: #C00336;} #user h2 { border-left-color: #C00336; background: #E30341; color: #fff;} #user form#log { background: #B00333; /*border-bottom: solid 1px #FFC782;*/} #user form h2 { border-left: none; background: #E30341; color: #fff;} #user form p { color: #fff;} #user form a { color: #fff;} #user form a:hover { color: #000;} #user form p.odtrzitko { border-top: 1px dashed #FFF;} #user form p #uName { color: #fff;} #user form ul li { color: #fff; border-bottom: dashed 1px #fff; } #user form ul li a:hover {/*color: #FFC242;*/} #user form p a {color: #fff;} #user form .odtrzitko { border-top: solid 1px #E70342;} #user form a.logButt {background: url(../img/log_ico.gif) no-repeat 1px 1px;} #user form a.logoutButt {background: url(../img/logout_ico.gif) no-repeat 1px 1px;} #user form input#pokladna { background: url(../img/butt_pokladna.gif) no-repeat right center; border: none; color: #fff;} #user form#schranka a:hover { color: #FFF;} #user form #basket #zbozi a:hover { color: #FFF;} #user form #basket #pricesumm { border: solid 1px #fff;} /****************************************** * LEFT * ******************************************/ #LEFT h2 {background: #D3D3D3; border-top: solid 5px #A0A0A0; } #LEFT h2.product { border-top: solid 5px #C00336;} #LEFT h2 a#topm {background: none; color: #C00336;} #LEFT h2 a#topm:hover {/*color: #000;*/} /****************************************** * MENU * ******************************************/ #menu { background: #FFF;} #menu a {color: #4C4C4C; background: #E9E9E9 url(../img/tl_aktm.gif) no-repeat 150px 7px;} #menu a.akt {color: #FFF; background: #C00336 url(../img/tl_aktm.gif) no-repeat 150px 7px; font-weight: bold;} #menu a:hover {color: #FFF; background: #C00336 url(../img/tl_aktm.gif) no-repeat 150px 7px; font-weight: bold;} #menu2 { border-bottom: solid 5px #C00336; background: #FFF;} #menu2 a {color: #4C4C4C; background: #F6DECF url(../img/tl_aktm.gif) no-repeat 150px 7px;} #menu2 a.akt {color: #fff; background: #C00336 url(../img/tl_aktm.gif) no-repeat 150px 7px; font-weight: bold;} #menu2 a:hover {color: #fff; background: #C00336 url(../img/tl_aktm.gif) no-repeat 150px 7px; font-weight: bold;} #menu3 { border-bottom: solid 5px #C00336; background: #FFF;} #menu3 a {color: #FFF; background: #D3D3D3 url(../img/tl_aktm.gif) no-repeat 150px 7px;} #menu3 a.akt {color: #fff; background: #C00336 url(../img/tl_aktm.gif) no-repeat 150px 7px; font-weight: bold;} #menu3 a:hover {color: #fff; background: #C00336 url(../img/tl_aktm.gif) no-repeat 150px 7px; font-weight: bold;} /****************************************** * NEWSLETTER * ******************************************/ #NEWSL {background: #C00336;/*background: #92C0CC;*/} #NEWSL form {color: #FFF;} #NEWSL form .text {color: #FFF;} #NEWSL form a#butt { background: url(../img/tlac_newsl.gif) no-repeat;} #NEWSL form a:hover#butt { background: url(../img/tlac_newsl+.gif) no-repeat;} #NEWSL a {color: #FFF;} /****************************************** * REKLAMA * ******************************************/ .REKL {border: solid 1px #C00336; background: #FFF;} .REKL img {border: solid 1px #D3D3D3;} /****************************************** * ANKETA * ******************************************/ #ANKETA { border-bottom: solid 5px #A0A0A0; background: #f6f6f6;} #ANKETA div {background: #C00336;} /****************************************** * NEWS * ******************************************/ #NEWS { border-bottom: solid 5px #A0A0A0; background: #F2F2F2;} #LEFT h2 a {background: #C00336 url(../img/tl_dalsi.gif) no-repeat;} #NEWS span {color: #000;} #NEWS a {/*color: #A4C520;*/} #NEWS a:hover {/*color: #4C4C4C;*/} #NEWS p.next { border-top: solid 1px #ccc;} /****************************************** * CENTER * ******************************************/ #centerIN h2.homeNadp { background: none; /*border: none;*/} #centerIN h3#det span.kod span {color: #C00336;} #centerIN h3#det a {color: #000; text-decoration: none;} #centerIN h4 { background: #fff;} #centerIN p.info {/*background: #F2F2F2;*/} #centerIN .info p.backmenu { background: #F2F2F2;} #centerIN div.info { border: 9px solid #F2F2F2; background: #F9F9F9;} /*** Info blok ********************************************/ #centerIN .info p.hodnText span strong { color: #C00336;} /*** Hodonoceni ********************************************/ #centerIN .produktDET .info.hodn h5 span { color: #CD033B;} /****************************************** * PODR. FILTRACE * ******************************************/ #podrFiltr {background: #C00336; color: #fff;} #podrFiltr .obs h2 { border: none; background: #E30341; color: #fff;} #podrFiltr .obs .col { border-right: dashed 1px #fff;} #podrFiltr .top {background: url(../img/lh_roh.gif) no-repeat left top;} #podrFiltr .top div {background: url(../img/ph_roh.gif) no-repeat right top;} #podrFiltr .bott {background: url(../img/ld_roh.gif) no-repeat left bottom;} #podrFiltr .bott div {background: url(../img/pd_roh.gif) no-repeat right bottom;} /****************************************** * CENTR MENU * ******************************************/ #centerMENU {/*background: #FFF;*/} #centerMENU a {color: #4C4C4C; background: #E9E9E9 url(../img/tl_aktm.gif) no-repeat 167px 7px;} #centerMENU a.act {color: White; background: url(../img/tl_aktm.gif) no-repeat 167px 7px #C00336; font-weight: bold;} #centerMENU a:hover {color: White; background: url(../img/tl_aktm.gif) no-repeat 167px 7px #C00336; font-weight: bold;} /****************************************** * OBSAHOVÉ MENU * ******************************************/ #linkMenu {border: solid 1px #C00336;} #linkMenu a { /*border-right: solid 1px #ccc;*/} #linkMenu a.act { color: #F80000;} /****************************************** * OVLADACI POLE * ******************************************/ .poleOvl {background: #E9E9E9;} .poleOvl a {/*color: #FFA500;*/} .poleOvl a:hover {/*color: #4C4C4C;*/} /****************************************** * PRODUKT * ******************************************/ /*** PRODUKTY *************************************************************************/ .produkt { background: url(../img/bg_product.gif) no-repeat right top; /*border-bottom: solid 1px #ccc;*/} .produkt h3 {} .produkt.s2 { border-bottom: dashed 1px #CCC;} /*** PRODUKT - radek SKLADEM a KOD *************************************************************/ .infoRadek .skladem span {color: #C00336;} .infoRadek .kod span {color: #C00336;} .infoRadek .kod {color: #000;} /* tato cast kodu plati i pro produkt DET */ .prodObsah .prodLeft a { background: #fff; border: solid 1px #D3D3D3;} .prodObsah .prodLeft a:hover {border: 1px solid #C00336;} /*** PRODUKT - paticka *************************************************************/ .produkt .prodFoot {/*color: #4C4C4C;*/ /*background: #E9E9E9;*/} .prodFoot a {color: #FFF;} .prodFoot a:hover {color: #FFF;} .prodFoot a.prodMail {background: url(../img/tl_mail.gif) 1px 0px no-repeat #C00336;} .prodFoot a:hover.prodMail{background: url(../img/tl_mail.gif) 1px 0px no-repeat #F80000;} .prodFoot a.prodPodr {background: url(../img/tl_podr.gif) 1px 0px no-repeat #C00336;} .prodFoot a:hover.prodPodr {background: url(../img/tl_podr.gif) 1px 0px no-repeat #F80000;} .prodFoot a.prodKoupe {background: url(../img/tl_kosik_m.gif) 1px 0px no-repeat #C00336;} .prodFoot a:hover.prodKoupe {background: url(../img/tl_kosik_m.gif) 1px 0px no-repeat #F80000;} /* cast kodu pro ceny */ .bezCena {color: #000;} .prodCena {color: #000;} /*** PRODUKT - DETAIL PRODUKTU *************************************************************/ .produktDET {background: #FAFAFA;} .produktDET .prodRight .kod { color: #C00336;} .produktDET .prodRight .kod span { color: #000;} .produktDET .prodFoot {color: #4C4C4C; background: #D9D9D9;} .produktDET .prodTable { background: #fff; border: 1px solid #EAEAEA; border-left: none; border-right: none;} .produktDET .prodTable th { background: #A9A9A9; color: #fff;} .produktDET .prodTable td a.prodKoupe { color: #fff; background: #C00336 url(../img/tl_kosik_m.gif) 1px 0px no-repeat;} .produktDET .prodTable td a:hover.prodKoupe {color: #FFF; background: #F80000 url(../img/tl_kosik_m.gif) 1px 0px no-repeat;} #products .prodTable td a.prodKoupe { color: #fff; background: #C00336 url(../img/tl_kosik_m.gif) 1px 0px no-repeat;} #products .prodTable td a:hover.prodKoupe {color: #FFF; background: #F80000 url(../img/tl_kosik_m.gif) 1px 0px no-repeat;} /*** Koupe *************************************************************/ .produktDET .prodRight .buy a.prodKoupe { color: #fff; background: url(../img/tl_kosik_m.gif) 1px 0px no-repeat #C00336;} .produktDET .prodRight .buy a:hover.prodKoupe {color: #fff; background: url(../img/tl_kosik_m.gif) 1px 0px no-repeat #F80000;} /*** PRODUKTY - doplnkove v detailu *************************************************************/ .produktM { background: url(../img/bg_product.gif) no-repeat right top;} .produktM h3 {border: none; background: none;} .produktM .prodObsah a {background: #FFF; border: solid 1px #D3D3D3;} .produktM .prodObsah a:hover { border: 1px solid #C00336;} .produktM .prodFoot {/*color: #4C4C4C; background: #D9D9D9;*/} /* PRODEJNI LISTA */ /*.prodFoot .prod-skladem span {color: #FF7200;} a.prododk {color: #A0A0A0;} a:hover.prododk {color: FFF;}*/ /*** KONTAKT ****************************************************************************/ a#mapa img {border: solid 1px #A0A0A0;} /****************************************** * RIGHT * ******************************************/ #RIGHT {} #RIGHT .buttPole a { background: none; border: solid 1px #fff;} #RIGHT .aktualnab { border-bottom: solid 5px #C00336; background: #E9E9E9;} #RIGHT .aktualnab.textVyp .next { border-top-color: #CD033B;} #RIGHT h2 {/*background: #D3D3D3;*/} #RIGHT h2.product { border-top: solid 5px #C00336;} #RIGHT h2.akt {color: #FFF; background: #C00336;} #RIGHT h2 a {background: #C00336 url(../img/tl_dalsi.gif) no-repeat;} #RIGHT .best { border-bottom: solid 5px #C00336; background: #F6DECF;} #RIGHT .best.textVyp .next { border-top-color: #CD033B;} #RIGHT .nab {background: #FFF; border: none;} #RIGHT .nab.textVyp .next { border-top-color: #CD033B;} #RIGHT .nab h3 {border: 0px; background: #FFF;} #RIGHT .nab h3 a {/*color: #FFF;*/} #RIGHT .nab h3 a:hover {color: #000;} #RIGHT .nab p a {background: #fff; border: solid 1px #D3D3D3;} #RIGHT .nab .prodFoot {background: #FFF;} #RIGHT .nab .prodFoot a {color: #FFF;} /*#RIGHT .nab .prodFoot a:hover {color: #FFF;}*/ /****************************************** * FOOTER * ******************************************/ /****************************************** * KOSIK * ******************************************/ .contForm .butt { background: #FFF1DF;} .contForm .text a:hover {color: #FFF; background: #C00336;} /*** KOS TABULKA *******************************************************************/ .kosTable { border: 4px solid #C00336; border-left: none; border-right: none;} .kosTable a.rel {background: url(../img/zmenit.gif) no-repeat;} .kosTable th {color: #FFF; background: #A0A0A0;} .kosTable tr td {color: #4C4C4C;} .kosTable tr.link1 td {background: #F2F2F2;} .kosTable tr.link3 td {color: #FFF; background: #A0A0A0;} .kosTable tr.linkFin td {color: #FFF; background: #A0A0A0;} .kosTable2 {border: none;} .prodTable { border: 4px solid #D3D3D3; border-left: none; border-right: none;} .prodTable .bg {background: #f2f2f2;} .prodTable .prev { background: #CD033B url(../img/tl_prev.gif) no-repeat;} .prodTable a.prodKoupe {background: url(../img/tl_kosik_m.gif) no-repeat 0px -2px;} .prodTable a.prodPodr {background: url(../img/tl_podr.gif) no-repeat 0px -2px;} .prodTable a.del{background: url(../img/vys_kosik+.gif) no-repeat 0px -2px;} /****************************************** * ZALOZKOVE MENU * ******************************************/ #zalozkMenu { border-bottom: solid 5px #C00336;} #zalozkMenu a { border: solid 1px #C00336; border-bottom: none;} #zalozkMenu a.act { background: #C00336; color: #fff;} /****************************************** * DISKUZE * ******************************************/ .diskuze th { background: #d9d9d9; /*color: #fff;*/ } .diskuze td { border-bottom: solid 1px #d9d9d9; } .margin00 th { background: #EAEAEA;} /****************************************** * PAGER * ******************************************/ .produktDET .PAGER {background: #FFF;} .PAGER {border: solid 1px #D3D3D3; color: #000;} .PAGER form {color: #000;} .PAGER .listovani a.list-l {background: #CD033B url(../img/tl_zpet.gif) no-repeat 0px 0px;} .PAGER .listovani a.list-r {background: #CD033B url(../img/tl_dalsi.gif) no-repeat 0px 0px;} .PAGER a.prodKoupe { color: #fff; background: url(../img/tl_kosik_m.gif) 1px 0px no-repeat #C00336;} .PAGER a:hover.prodKoupe {color: #fff; background: url(../img/tl_kosik_m.gif) 1px 0px no-repeat #F80000;} .PAGER a.prodMail {color: #FFF; background: url(../img/tl_mail.gif) 1px 0px no-repeat #C00336;} .PAGER a:hover.prodMail {color: #FFF; background: url(../img/tl_mail.gif) 1px 0px no-repeat #F80000;} .PAGER a.prodPrint {color: #fff; background: url(../img/tl_print.gif) 1px 0px no-repeat #C00336;} .PAGER a:hover.prodPrint {color: #fff; background: url(../img/tl_print.gif) 1px 0px no-repeat #F80000;} .PAGER a.prodDownl {color: #fff; background: url(../img/tl_downl.gif) 1px 0px no-repeat #C00336;} .PAGER a:hover.prodDownl {color: #fff; background: url(../img/tl_downl.gif) 1px 0px no-repeat #F80000;} /****************************************** * NAHLEDY IMG JAVA * ******************************************/ #smallDiv { background: #fff; border: solid 1px #ccc;}}