/* CSS BAREVNOST SABLONY */

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

a {color: #4682B4;}
a.akttext {color: #BB0505;}
a:hover.akttext {color: #4682B4;}
a.cena {color: #FFF;}
a:hover.cena {color: #FFF;}
a.aktmenu {color: #4C4C4C;}
a:hover.aktmenu {color: #FFF;}

.odtrzitko {border-top: solid 1px #4682B4; background: #FFF;}
.odtrzitko2 {background: #FFF;}
.odtrzM {background: #FFF;}

/* nadpisy */
h1,h2,h3 {border-left: 6px solid #BB0505;	color: #000; background: #F2F2F2;}
h1 a {color: #4682B4;}
h1 a:hover {color: #4C4C4C;}
h2.product {border-left: 6px solid #4682B4;}
h3 {border-left: 6px solid #4682B4;}
h3 a {color: #4682B4;}
h3 a:hover {color: #000;}
h4,h5,h6 {color: #4C4C4C;}

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

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

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

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

#headUp form a#sButt {background: url(../img/tlac_search.gif) no-repeat;}
#headUp form a:hover#sButt {background: url(../img/tlac_search+.gif) no-repeat;}
#headUp form a#sButt2 {background: url(../img/tlac_search2.gif) no-repeat;}
#headUp form a:hover#sButt2 {background: url(../img/tlac_search2+.gif) no-repeat;}

#headDown h2 {border-left: 6px solid #4682B4;}
#headDown h2 span {color: #000;}
#headDown h2 span a {color: #4682B4;}

/*** IMG cast hlavicky ************************************************/
#headOdr {background: #F2F2F2;}
#headOdr div {background: #BB0505;}
#headImg {background: url(../img/head_img.jpg) no-repeat right top;}
#headImg a {background: url(../img/logo_head.gif) no-repeat 5px 20px;}

/*** USER ************************************************************/
#user {background: #4682B4;}
#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(../img/log_ico.gif) no-repeat 1px 1px;}
#user form a.logoutButt {background: url(../img/logout_ico.gif) no-repeat 1px 1px;}


/******************************************
*                 LOGIN                   *
******************************************/
#buttPoleLine a {color: #FFF; background: #4682B4;}
#buttPoleLine a:hover {background: #BB0505;}
#buttPoleLine a.act {background: #BB0505;}

#buyPole {border-left: solid 6px #4682B4;}
#buyPole #buyInfo {color: #fff; background: #BB0505;}
#buyPole a#buttKosik {background: url(../img/tl_kosik.gif) no-repeat 0px 1px; color: #000;}
#buyPole a#buttKosika {background: url(../img/tl_kosik_a.gif) no-repeat 0px 1px; color: #000;}
#buyPole a:hover#buttKosik {background: url(../img/tl_kosik+.gif) no-repeat 0px 1px; color: #4682B4;}


/******************************************
*                  LEFT                   *
******************************************/
#LEFT h2 {background: #C4DAE9;}
#LEFT h2 a#topm {background: none; color: #4682B4;}
#LEFT h2 a#topm:hover {color: #000;}

/* MENU */
#menu {background: #FFF;}
#menu a {color: #4C4C4C; background: url(../img/tl_aktm.gif) no-repeat 150px 7px #E9E9E9;}
#menu a.akt {color: #FFF;	background: url(../img/tl_aktm.gif) no-repeat 150px 7px #4682B4;}
#menu a:hover {color: #FFF; background: url(../img/tl_aktm.gif) no-repeat 150px 7px #4682B4;}
#menu2 {background: #FFF;}
#menu2 a {color: #4C4C4C; background: #F1D992 url(../img/tl_aktm.gif) no-repeat 150px 7px;}
#menu2 a.akt {color: #FFF;	background: url(../img/tl_aktm.gif) no-repeat 150px 7px #4682B4;}
#menu2 a:hover {color: #FFF; background: url(../img/tl_aktm.gif) no-repeat 150px 7px #4682B4;}

/* NEWSLETTER */
#NEWSL {background: #BB0505;}
#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-top: solid 1px #4682B4; border-left: solid 1px #4682B4; border-right: solid 1px #4682B4; background: #FFF;}
.REKL img {border: solid 1px #C4DAE9;}

/* ANKETA */
#ANKETA {border-top: solid 1px #4682B4; border-left: solid 1px #4682B4; border-right: solid 1px #4682B4;	background: #FFF;}
#ANKETA div {background: #4682B4;}
#ANKETA a:hover {color: #4682B4;}

/* NEWS */
#NEWS {background: #F2F2F2;}
#LEFT h2 a {background: #4682B4 url(../img/tl_dalsi.gif) no-repeat;}
#NEWS span {color: #000;}
#NEWS a {color: #4682B4;}
#NEWS a:hover {color: #BB0505;}

/******************************************
*                 CENTER                   *
******************************************/
#centerIN h2#uvod {border: none; background: none;}
#centerIN h3#det span.kod  span {color: #BB0505;}
#centerIN p.info {border-left: solid 6px #C4DAE9; background: #F6F6F6;}
#centerIN div.info {border-left: solid 6px #C4DAE9; background: #F2F2F2;}

/* CENTR MENU */
#centerMENU {background: #FFF;}
#centerMENU a {color: #4C4C4C;	background: url(../img/tl_aktm.gif) no-repeat 167px 7px #E9E9E9;}
#centerMENU a.act {color: White; background: url(../img/tl_aktm.gif) no-repeat 167px 7px #4682B4;}
#centerMENU a:hover {color: White; background: url(../img/tl_aktm.gif) no-repeat 167px 7px #4682B4;}

.linkMenu {border: dashed 1px #4682B4;}

/* ovladac */
.poleOvl {background: #E9E9E9;}
.poleOvl a {color: #4682B4;}
.poleOvl a:hover {color: #4C4C4C;}

/*** PRODUKTY *************************************************************************/
.produkt { border: solid 1px #4682B4;}
.produkt h3 {border: none; background: none;}
/*** PRODUKT - radek SKLADEM a KOD *************************************************************/
.infoRadek .skladem span {color: #4682B4;}
.infoRadek .kod  span {color: #BB0505;}
.infoRadek .kod {color: #4C4C4C;}
/* tato cast kodu plati i pro produkt DET */
.prodObsah .prodLeft a { background: #fff; border: solid 1px #C4DAE9;}
.prodObsah .prodLeft a:hover {border: 1px solid #4682B4;}
/*** PRODUKT - paticka *************************************************************/
.produkt .prodFoot {color: #4C4C4C;	background: #E9E9E9;}
.prodFoot a:hover {color: #FFF;}
.prodFoot a.prodMail {background: url(../img/tl_mail.gif) no-repeat;}
.prodFoot a:hover.prodMail{background: url(../img/tl_mail.gif) no-repeat #4682B4;}
.prodFoot a.prodPodr {background: url(../img/tl_podr.gif) no-repeat;}
.prodFoot a:hover.prodPodr {background: url(../img/tl_podr.gif) no-repeat #4682B4;}
.prodFoot a.prodKoupe {background: url(../img/tl_kosik_m.gif) no-repeat;}
.prodFoot a:hover.prodKoupe {background: url(../img/tl_kosik_m.gif) no-repeat #4682B4;}
/* cast kodu pro ceny */
.bezCena {color: #000;}
.prodCena {color: #000;}

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

/*** PRODUKTY - doplnkove v detailu *************************************************************/
.produktM h3 {border: none; background: none;}
.produktM .prodObsah a {background: #FFF; border: solid 1px #C4DAE9;}
.produktM .prodObsah a:hover { border: 1px solid #4682B4;}
.produktM .prodFoot {color: #4C4C4C;	background: #E9E9E9;}


/*** HOME TOP NABIDKA ****************************************************************************/
.topNab {background: #4682B4;}
.topNab a.obs {color: #fff;}
.topNab .obs .nadp {color: #fff; border: none; background: none;}
.topNab .obs .img { background: #fff;}
.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;}

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

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

/******************************************
*                 RIGHT                   *
******************************************/
#RIGHT {background: #E9E9E9;}
#RIGHT h2 {background: #C4DAE9;}
#RIGHT h2.akt {color: #FFF; background: #4682B4;}
#RIGHT h2 a {background: #4682B4 url(../img/tl_dalsi.gif) no-repeat;}
#RIGHT .best {background: #F1D992;}
#RIGHT .nab {background: #FFF; border: none;}
#RIGHT .nab h3 {border: 0px; background: #BB0505;}
#RIGHT .nab h3 a {color: #FFF;}
#RIGHT .nab h3 a:hover {color: #000;}
#RIGHT .nab .prodFoot {background: #BB0505;}
#RIGHT .nab .prodFoot a {color: #FFF;}
/*#RIGHT .nab .prodFoot a:hover {color: #FFF;}*/

/******************************************
*                 FOOTER                  *
******************************************/
.buttPole {background: #C4DAE9;}
.buttPole a {color: #FFF; background: #4682B4;}
.buttPole a:hover {color: #FFF; background: #BB0505;}
.buttPole a.act {background: #BB0505;}
.buttPole a.actK {background: url(../img/tl_foot_kosik.gif) no-repeat #4682B4;}
a.act {background: #4682B4;}
a.buttKosik {background: #4682B4 url(../img/tl_foot_kosik.gif) no-repeat;}
a:hover.buttKosik {background: url(../img/tl_foot_kosik.gif) no-repeat #BB0505;}
#DOWN-radek a {color: #BB0505;}

/******************************************
*                 KOSIK                  *
******************************************/
.contForm .butt {background: #F1D992;}
.contForm .text a:hover {color: #FFF; background: #4682B4;}

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

/******************************************
*                 PAGER                   *
******************************************/
.produktDET .PAGER {background: #FFF;}
.PAGER {border: solid 1px #C4DAE9; color: #000;}
.PAGER form {color: #000;}
.PAGER .listovani a.list-l {background: #4682B4 url(../img/tl_zpet.gif) no-repeat 0px 0px;}
.PAGER .listovani a.list-r {background: #4682B4 url(../img/tl_dalsi.gif)  no-repeat 0px 0px;}

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