/****************************************** * DEF. CONT. STYLY * ******************************************/ body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;} body {background: #f0f0f0; margin: 0px; padding: 0px; text-align: center;} a {color: #D02126; text-decoration: underline;} a:hover {color: #FF7F50; /*color: #31a6f9;*/ text-decoration: none;} .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;} img.flLeft {float: left; padding: 5px 20px 5px 0;} img.flRight {float: right; padding: 5px 0 5px 20px;} .flLeft {float: left;} .flRight {float: right;} .odtrzS { font-size: 6px; height: 6px;} .odtrzSBG { background: url(../img/bg_line.gif) repeat-x 0px -4px; font-size: 6px; height: 6px;} .odtrzSBG2 { background: url(../img/bg_line2.gif) repeat-x 0px -4px; font-size: 6px; height: 6px;} .odtrzL { height: 20px;} .odtrzLBG { background: url(../img/bg_line.gif) repeat-x left top; height: 40px;} .odtrzM { background: #fff; height: 20px;} .odtrzMBG { background: url(../img/bg_line.gif) repeat-x 0px -9px; font-size: 6px; height: 15px;} .odtrhHome { background: url(../img/odtrh_cont.gif) repeat-x left top; height: 20px;} .odtrhCont { background: url(../img/odtrh_cont.gif) repeat-x 0px 5px; height: 30px;} #odtrhHead { background: url(../img/odtrh_img_head.gif) repeat-x left top; height: 30px;} .ods { padding: 15px 25px;} p, div, ul, li, form, input, select, textarea, img {padding: 0px; margin: 0px;} p, li { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 90%;} li {list-style: disc;} img {border: none;} /****************************************** * PRUH BANNERY * ******************************************/ #topBann { background: #808080; padding: 10px 0;} #contBann { text-align: center; padding: 0 0 10px 0;} /****************************************** * NADPISY * ******************************************/ h1,h2,h3,h4,h5 { color: #1F386E; /*font-weight: normal;*/ text-align: left; letter-spacing: -1px; margin: 0px; padding: 0px;} h4,h5 { letter-spacing: 0px; } h1 {font-size: 180%; /*color: #D02126;*/} h2 {font-size: 120%; line-height: 105%;} h2 a {font-size: 80%;} h3 {font-size: 110%;} h4 {font-size: 100%;} h5 {font-size: 100%;} /****************************************** * FORM PRVKY * ******************************************/ input, select, textarea { color:#D94040; font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 2px 6px 2px 0;} input {padding-left: 1px; padding-right: 1px;} input.butt { color: #D02126; font-weight: bold;} .bord { border: 3px solid #D02126;} input.mnozstvi {width: 20px;} input.srovnani {} input.kosik {float: left;} input.ovl {width: 100px;} select.menuselect {width: 140px;} .inpPole-ss {width: 30px;} .inpPole-s {width: 50px;} .inpPole-sm {width: 70px;} .inpPole-m {width: 90px;} .inpPole-ml {width: 120px;} .inpPole-l {width: 145px;} 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: 250px;} .txtA-m {width: 300px;} .txtA-l {width: 350px;} .txtA-xl {width: 400px;} .txtA-xxl {width: 450px;} /****************************************** * FORMULAR STYLE * ******************************************/ .contForm { margin: 10px 0;} .contForm label { line-height: 20px; padding: 0 0 6px 0; display: block; /*clear: both;*/ } .contForm span { border-right: solid 1px #E6E6E6; text-align: right; width: 135px; w\idth: 120px; padding: 0 15px 0 0; margin-right: 15px; display: block; float: left;} .contForm .buttPole {} .contForm .buttPole span { height: 22px; width: 135px; w\idth: 120px; padding: 0 15px 0 0; margin-right: 15px; display: block; float: left;} .contForm .counterField { width: 20px; border: white; padding: 0; margin: 0; text-align: right; color: black; } /****************************************** * TABULKA * ******************************************/ table { border: solid 1px #D02126; border-collapse: collapse; margin: 10px 0;} table.noOds { margin: 0px; padding: 0px;} th, td { border: solid 1px #D02126; padding: 2px 4px;} th { color: #fff; background: #F08080;} th a.actUp { color: #7fff00; background: url(../img/arrow_u.gif) no-repeat 0px 3px; padding-left: 13px; } th a.actDown { color: #7fff00; background: url(../img/arrow_d.gif) no-repeat 0px 3px; padding-left: 13px; } td { color: #D02126; font-size: 90%;} .bg { background: #FBF4F4;} /****************************************** * TABULKA * ******************************************/ table#product { border: none; border-collapse: collapse; margin: 10px 0;} table#product th, td { border: none /*1px solid Silver*/; padding: 4px;} table#product th { color: #fff; background: #003366; border: 1px solid #fff;} table#product th a { color: #fff;} table#product th a.actUp { color: #7fff00; background: url(../img/arrow_u.gif) no-repeat 0px 3px; padding-left: 13px; display: block;} table#product th a.actDown { color: #7fff00; background: url(../img/arrow_d.gif) no-repeat 0px 3px; padding-left: 13px; display: block;} table#product td { color: #000;} table#product .bg { background: #E9F1F9;} #userTable { border: solid 1px #d3d3d3; margin-top: 0px; padding-top: 0px; width: 100%; } #lineTable { /*width: 670px;*/ } .odsTable { padding-right: 15px;} #userTable td, th { border: solid 1px #d3d3d3;} #userTable th { color: #fff; background: #003366; border: 1px solid #fff;} #userTable th { padding: 5px 4px;} #userTable th a { color: #fff;} /* AKTIVNI PODBARVENI RADKU TABULKY*/ #userTable tbody tr { background: #F5F5F5;} #userTable tr.act { background: #FFFFE0; cursor: default;} #userTable tr.noact { background: #F5F5F5;} #userTable tr.noact2 { background: #EBEBEB;} #userTable td { padding: 6px 4px; /*line-height: 22px;*/ clear: both;} #userTable td input { margin-right: 5px; float: left;} #userTable td input.ks { position: relative; top: 3px;} #userTable td input.check {position: relative; top: -1px;} #userTable td span {position: relative; top: 3px;} #userTable .miniCol { width: 40px;} #userTable .midleCol { width: 60px;} #userTable .midlePlusCol { width: 80px;} #userTable tbody .priceCol { background: #FFE4E1;} #userTable #footTable td { color: #e40000; background: #FFE4E1; font-weight: bold; font-size: 110%; padding: 8px 4px;} #userTable #footTable .priceCol { color: #fff; background: #e40000; /*width: 45px;*/} .buttTable { border: solid 1px #d3d3d3; width: 670px;} .buttTable td { border: none; padding: 2px 5px;} .buttTable td.ods { width: 120px;} .zalozky { padding: 0px; margin: 0px; width: 670px; height: 35px; position: relative; /*background: Aqua;*/} .zalozky a { background: #d3d3d3; font-size: 110%; font-weight: bold; height: 28px; padding: 7px 10px 0 10px; margin: 0 3px 0 0; width: 145px; display: block; float: left;} .zalozky a.act { color: #fff; background: #003366; text-decoration: none;} .zalozky a:hover { color: #7FFF00; background: #003366; text-decoration: none;} .pcHome { width: 440px;} .pc { width: 660px;} .pc2 { width: 672px;} #noBottLine { background: #fff; font-size: 1px; height: 1px; line-height: 1px; position: relative; top: -1px;} /*** PODUCT BOX **************************************/ .bgProdCol { background: url(../img/bg_prod_col.gif) repeat;} .prodBox { border-bottom: solid 1px #D94040; width: 195px; height: 240px; padding: 15px 13px 15px 12px; float: left; /*background: #F0FFFF;*/} .prodBox p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; } html>body .prodBox { height: 235px;} .prodBox .price { color: #003366; font-size: 140%; font-weight: bold; padding-left: 10px;} .prodBox .buy { position: relative;} .prodBox .buy .imgBuy { width: 100px; height: 100px; position: absolute; top: 0px; left: 0px; z-index: auto;} .prodBox .code { color: #003366; font-weight: bold;} .prodBox h3 { margin: 5px 0; height: 32px; overflow: hidden;} .prodBox .img { text-align: center; width: 100px; float: left;} .prodBox .popis { line-height: 150%; width: 88px; margin-left: 5px; margin-right: 0px; float: left; /*background: Aqua;*/} .prodBox .popis strong { color: #000;} .prodBox form.buyForm { margin: 0 10px; position: static;} .prodBox form.buyForm input { margin: 0px;} .prodBox form.buyForm span { color: #D94040;} .prodBox form.buyForm .buttBuy { color: #003366; font-weight: bold; background: url(../img/bg_butt_buy.gif) no-repeat 0px 2px; border: none; width: 88px; height: 30px; position: relative; top: 3px; cursor: pointer; padding-left: 8px;} .prodBox form.buyForm .buttBuyNo { color: gray; font-weight: bold; background: url(../img/bg_butt_buy.gif) no-repeat 0px 2px; border: none; width: 88px; height: 30px; position: relative; top: 3px; cursor: pointer; padding-left: 20px;} .prodBox form.buyForm .buttImg { color: #003366; font-weight: bold; background: url(../img/bg_butt_img.gif) no-repeat 0px 2px; border: none; width: 88px; height: 30px; position: relative; top: 3px; cursor: pointer; padding-left: 8px;} /*** PODUCT BOX KRYTY **************************************/ .bgProdCol2 { background: url(../img/bg_prod_col2.gif) repeat; /*background: Orange;*/} #select {background: #fff; padding: 10px 0 30px 0; margin-bottom: 10px;} #select #in { border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; height: 120px; overflow: auto;} #select a { text-decoration: none;} .prodBox2 { border-bottom: solid 1px #D94040; width: 114px; height: 190px; padding: 15px 0 15px 20px; float: left; /*background: #F0FFFF;*/} .min { height: 140px;} .prodBox2 .buy { position: relative;} .prodBox2 .buy .imgBuy { width: 100px; height: 118px; position: absolute; z-index: auto;} .prodBox2 .code { color: #003366; font-weight: bold;} .prodBox2 .img { text-align: center; float: left;} .prodBox2 form.buyForm { margin: 0 10px; position: static;} .prodBox2 form.buyForm input { margin: 0px;} .prodBox2 form.buyForm span { color: #D94040;} .prodBox2 form.buyForm .buttBuy { color: #003366; font-weight: bold; background: url(../img/bg_butt_buy.gif) no-repeat 0px 2px; border: none; width: 88px; height: 30px; position: relative; top: 3px; cursor: pointer;} .prodBox2 form.buyForm .buttBuyNo { color: gray; font-weight: bold; background: url(../img/bg_butt_buy.gif) no-repeat 0px 2px; border: none; width: 88px; height: 30px; position: relative; top: 3px; cursor: pointer; padding-left: 20px;} /****************************************** * IMG GALLERY * ******************************************/ .gall { background: #F5F5F5; padding: 10px; } .gall a { border: solid 1px #cccccc; float: left; overflow: hidden; width: 120px; height: 80px; margin: 5px 5px; display: block;} .gall a:hover { border: solid 1px #FF7F50; width: 120px; height: 80px;} /****************************************** * CONTENT BLOCK * ******************************************/ .contBlock .ankLine { background: #D02126; height: 8px; line-height: 8px; font-size: 8px; margin-left: 10px;} .contBlock p { padding: 0 10px 10px 10px;} .contBlock p.odrhLine { border-bottom: 1px solid #e6e6e6; padding: 0 10px 10px 10px;} .contBlock p.bg { background: #e6e6e6;} .contBlock p a {} .contBlock .date { color: #1F386E;} .contBlock form { padding: 0px 15px;} .contBlock form input {} /****************************************** * BOX MAIL * ******************************************/ .boxBgMail { color: #fff; background: #D02126 url(../img/bg_mail.gif) no-repeat center top; /*padding-bottom: 18px*/;} .boxBgMail .odsMail { padding: 0 15px 0 15px;} .boxBgMail .odsMail h2#boxMail { border-bottom: solid 1px #fff; color: #fff; background: none; padding: 0px;} .boxBgMail .odsMail p { padding: 0px; margin: 0px; font-size: 90%;} .boxBgMail .odsMail form input.mail { width: 100px;} .boxBgMail .odsMail form input.butt { color: #D02126;} /****************************************** * CONTEND BLOCK TYP 2 * ******************************************/ .centrContBlock { padding: 10px 0 5px 0; /*background: Aqua;*/} .flImg a.img { border: solid 1px #ccc; background: #fff; padding: 5px; text-align: center; display: block; overflow: hidden;} .flImg a.img:hover { border: solid 1px #FF7F50;} a.img { border: solid 1px #ccc; background: #fff; padding: 5px; text-align: center; display: block; overflow: hidden;} a.img:hover { border: solid 1px #FF7F50;} .flText {} /****************************************** * DEF. LAYOUT BLOCK * ******************************************/ #head { background: url(../img/bg_head_img2.jpg) no-repeat center top; height: 119px;} #head #headOds {text-align: center; width: 960px; height: 135px; margin: 0 auto; padding: 0 11px;} #main { /*background: url(../img/bg_main.jpg) no-repeat center top;*/} /*#main #mainOds { background: #fff url(../img/bg_main_ods.jpg) no-repeat center bottom; text-align: center; width: 928px; margin: 0 auto; padding-bottom: 20px;}*/ #bgMainTop { background: url(../img/bg_main_ods_top.gif) no-repeat center bottom; height: 16px; width: 960px; margin: auto;} #bgMainBott { background: url(../img/bg_main_ods_bott.gif) no-repeat center top; height: 21px; width: 960px; margin: auto; padding-bottom: 5px;} #main #mainOds { background: #fff url(../img/bg_main_ods.gif) repeat-y left top; text-align: center; width: 920px; margin: 0 auto; padding: 5px 20px;} #footer { height: 53px;} #footer #footOds { background: #fff url(../img/bg_foot_img.jpg) no-repeat center bottom; text-align: center; width: 940px; height: 90px; padding: 0 20px; margin: 0 auto; /*background: Aqua;*/} /****************************************** * HEAD * ******************************************/ #headCont { height: 94px; padding: 0 20px; text-align: left; /*background: Aqua;*/} /*** LOGO ********************************************/ #headCont a#logo { width: 210px; text-decoration: none; height: 80px; text-decoration: none; margin-top: 0px; display: block; /*background: Aqua;*/} /*** REGISTRACE LOG ********************************************/ #logform { background: url(../img/form_odr.jpg) no-repeat; width: 263px; height: 70px; padding-top: 10px; padding-left: 54px; /*background: Aqua;*/} #logform h3 { color: #fff;} #logform .inpPole-l { width: 130px; margin: 0px; /*background: Aqua;*/} #logform p { color: #fff; font-size: 80%; line-height: 160%;} /*#logform p.log.ods { margin-top: 5px;}*/ #logform p.log { margin: 5px 12px 0 0px;} #logform p.kos { margin-top: 20px;} #logform p a { color: #fff;} #logform p a.ico { display: block; padding-left: 20px;} #logform p a.act { font-weight: bold;} #logform p a#user { background: url(../img/ico_prof.gif) no-repeat 4px 4px;} #logform p a#cred { background: url(../img/ico_cred.gif) no-repeat 4px 4px;} #logform p a#buy { background: url(../img/ico_buy.gif) no-repeat 0px 0px; line-height: 20px;} #logform p span { font-weight: bold;} #logform p.log span { font-weight: bold; display: block; float: right;} /*** BASKET ********************************************/ #basket { background: url(../img/form_odr.jpg) no-repeat; width: 223px; height: 70px; padding-top: 10px; padding-left: 54px; /*background: Aqua;*/} #basket h3 { color: #fff;} #basket .inpPole-l { width: 130px; margin: 0px; /*background: Aqua;*/} #basket p { color: #fff; font-size: 80%; line-height: 160%;} /*#logform p.log.ods { margin-top: 5px;}*/ #basket p.log { margin: 5px 12px 0 0px;} #basket p a { color: #fff;} #basket p a.ico { display: block; padding-left: 20px;} #basket p a.act { font-weight: bold;} #basket p a#user { background: url(../img/ico_prof.gif) no-repeat 4px 4px;} #basket p a#cred { background: url(../img/ico_cred.gif) no-repeat 4px 4px;} #basket p a#buy { background: url(../img/ico_buy.gif) no-repeat 0px 0px; line-height: 20px;} #basket p span { font-weight: bold; margin-top: 2px; } #basket p.log span { font-weight: bold; display: block; float: right;} /*** TOP MENU ********************************************/ #topMenu { text-align: left; padding: 0px 20px; /*background: Aqua;*/} #topMenu .flLeft { width: 350px; padding: 2px 0 0 0;} #topMenu .flLeft span {font-weight: bold; width: 400px;} #topMenu .flRight { width: 300px;} #topMenu .flRight a {font-weight: bold; padding-left: 20px; float: right;} #topMenu .flRight span { padding: 0 10px; float: right;} #topMenu #home { background: url(../img/ico_home.gif) no-repeat 0px 2px;} #topMenu #contact { background: url(../img/ico_kont.gif) no-repeat 0px 3px;} #topMenu #sitemap { background: url(../img/ico_mapawebu.gif) no-repeat 0px 2px;} /****************************************** * LEVY SLOUPEC * ******************************************/ #leftCol { /*border-right: dashed 1px #ccc;*/ text-align: left; width: 220px; padding: 0 20px 10px 0; float: left; /*background: Fuchsia;*/} #leftCol h2 { background: url(../img/bg_h2_left_right.gif) no-repeat left top; line-height: 29px; padding: 0px 13px;} #leftCol .contBlock h2 { padding: 0 13px 10px 13px;} #leftCol table { border-color: #DCDCDC;} #leftCol table th { border-color: #DCDCDC;} #leftCol table td { border-color: #DCDCDC;} #leftCol .contBlock { background: #FFFAF0; padding: 0 0 10px 0;} #leftCol .contBlock p { padding: 0 10px 5px 10px;} #leftCol .contBlock h3 { padding: 0 10px;} #leftCol .contBlock h4 { letter-spacing: normal; padding: 10px 15px 5px 15px;} /*** JAZYKY ********************************************/ #lang { width: 220px; padding: 5px 0 0 0; float: left;} #lang a { text-decoration: none; width: 27px; height: 13px; margin: 0 2px 0 0; padding: 0px; display: block; float: left;} #lang a#en { background: url(../img/fl_en.gif) no-repeat;} #lang a#fr{ background: url(../img/fl_fr.gif) no-repeat;} #lang a#de { background: url(../img/fl_de.gif) no-repeat;} #lang a#es { background: url(../img/fl_es.gif) no-repeat;} #lang a#pt { background: url(../img/fl_pt.gif) no-repeat;} #lang a#ru { background: url(../img/fl_ru.gif) no-repeat;} #lang a#cs { background: url(../img/fl_cs.gif) no-repeat;} /*** LEVE MENU ********************************************/ #leftCol #menu { background: url(../img/bg_menu.gif) repeat-y left top; font-size: 120%;} #leftCol #menu a { color: #fff; font-weight: bold; text-decoration: none; letter-spacing: -1px; height: 31px; line-height: 31px; padding-left: 15px; display: block;} #leftCol #menu a:hover { color: #D02126;} #leftCol #menu a.act { color: #D02126; font-weight: normal; font-size: 130%;} #leftCol #menu span {float: left;} /*** KALENDAR AKCI ********************************************/ #kal { padding: 2px 0 3px 15px; letter-spacing: normal; margin: 0} #kal a { font-size: 120%; text-decoration: none;} #kal span { font-weight: normal;} #kalendar {width: 215px; margin: 0 0 0 3px; padding: 0px;} #kalendar th { font-size: 90%; text-align: center;} #kalendar td { font-size: 90%; text-align: center;} #kalendar td span { color: #fff; background: #FF7F50; display: block;} #kalendar td a { color: #fff; background: #1F386E; display: block; text-decoration: none;} #kalendar td a:hover { background: #D02126; } /*** POCASI ********************************************/ #weather {width: 215px; margin: 0 0 0 3px; padding: 0px;} /*** KURZY ********************************************/ #curse { width: 190px; margin: 0 0 0 15px; padding: 0px;} #curse td { background: #fff;} /*** KALKULACKA ********************************************/ #calc {} #calc .inpPole-s { width: 65px;} #calc select { margin: 2px 0;} /****************************************** * CENTR SLOUPEC * ******************************************/ #centerCol { text-align: left; width: 670px; float: right; /*background: Lime;*/} #centerCol td { color: #000;} /*** TWO COLL *********************/ .twoColl { width: 100%; /*padding-left: 15px;*/} .twoCollFl { width: 200px; float: left; padding: 0 10px 0 0;} .twoCollFl li { margin: 5px; margin-left: 15px;} .twoCollFr { width: 200px; float: right; padding: 0 0 0 10px;} /*** HEAD IMAGE *********************/ #centerCol #imgBlock { height: 153px; width: 634px; padding: 15px 18px;} #centerCol div.img01 { background: url(../img/haed_img_01.jpg) no-repeat;} #centerCol div.img02 { background: url(../img/haed_img_02.jpg) no-repeat;} #centerCol div.img03 { background: url(../img/haed_img_03.jpg) no-repeat;} #centerCol div.img04 { background: url(../img/haed_img_04.jpg) no-repeat;} #centerCol div.img05 { background: url(../img/haed_img_05.jpg) no-repeat;} #centerCol div.img06 { background: url(../img/haed_img_06.jpg) no-repeat;} #centerCol #imgBlock h1 { line-height: 100%; width: 290px; margin-bottom: 20px;} #centerCol #imgBlock p { line-height: 140%; width: 290px; margin-top: 10px;} /*** BUTTON MENU *********************/ #centerCol #buttMenu { line-height: 140%; padding-bottom: 15px;} #centerCol #buttMenu a { color: #D02126; background: #D02126; font-size: 125%; font-weight: bold; text-decoration: none; width: 114px; height: 100px; padding: 10px 15px 10px 30px; margin-right: 10px; display: block; float: left;} #centerCol #buttMenu a:hover { color: #D02126;} #centerCol #buttMenu a.end { margin-right: 0px;} #centerCol #buttMenu #butt01 { background: url(../img/butt01.gif) no-repeat;} #centerCol #buttMenu a:hover#butt01, #centerCol #buttMenu #butt01.act { background: url(../img/butt01a.gif) no-repeat;} #centerCol #buttMenu #butt02 { background: url(../img/butt02.gif) no-repeat;} #centerCol #buttMenu a:hover#butt02, #centerCol #buttMenu #butt02.act { background: url(../img/butt02a.gif) no-repeat;} #centerCol #buttMenu #butt03 { background: url(../img/butt03.gif) no-repeat;} #centerCol #buttMenu a:hover#butt03, #centerCol #buttMenu #butt03.act { background: url(../img/butt03a.gif) no-repeat;} #centerCol #buttMenu #butt04 { background: url(../img/butt04.gif) no-repeat;} #centerCol #buttMenu a:hover#butt04, #centerCol #buttMenu #butt04.act { background: url(../img/butt04a.gif) no-repeat;} #centerCol .centrContBlock { border-bottom: 1px solid #EDEDED;} #centerCol .centrContBlock h3 { margin-bottom: 5px;} #centerCol .centrContBlock p { margin-bottom: 5px;} #centerCol ul.ods { /*margin-left: 15px;*/} #centerCol ul.ods li { margin: 5px; margin-left: 15px;} #centerCol .flImg { width: 155px;} #centerCol .flImg a.img { width: 150px;} #centerCol .centrContBlock a.img { width: 150px; margin-bottom: 10px;} #centerCol .centrContBlock .flText { width: 490px;} #centerCol #left .flText h3 { margin: 0 0 10px 0;} /****************************************** * LEVA CAST * ******************************************/ #collBlock { background: url(../img/bg_two_coll.gif) repeat-y 450px top;} #collBlock.noLine { width: 670px; background: none;} #collBlock.noLine #left { /*width: 655px;*/ float: left; /*background: Aqua;*/ } #collBlock #left { /*width: 420px;*/ float: left; /*background: Aqua;*/} #collBlock #left h2 { border-left: 6px solid #D02126; background: #E6E6E6; margin: 0 0 5px 0; padding: 5px 10px;} #collBlock #left h3 { margin: 5px 0 10px 0;} #collBlock #left p { line-height: 150%;} /*#collBlock #left table { width: 420px;}*/ /*** MAPA WEBU *********************************/ #collBlock #left #webMap { /*background: Aqua;*/} #collBlock #left #webMap li { background: url(../img/ico_odr_box.gif) no-repeat -8px -5px; list-style: none; padding: 0 0 0 15px; font-size: 100%; /*background: Fuchsia;*/} /*color*/ #collBlock #left #webMap li.noDisc { background: none; list-style: none; /*background: Aqua;*/} #collBlock #left #webMap li a {} #collBlock #left #webMap li.first { background: url(../img/odr_odk_coll.gif) no-repeat 0px 3px; list-style: none;} /*color*/ #collBlock #left #webMap li.first a { font-weight: bold; text-decoration: none;} /*color*/ /****************************************** * PRAVA CAST * ******************************************/ #collBlock #right { /*background: #FFFAF0;*/ width: 195px; float: right; /*background: Blue;*/} #collBlock #right h2 { background: url(../img/bg_h2_left_right.gif) no-repeat left top; line-height: 29px; padding: 0px 13px;} .boxBgMail { height: 146px;} .boxBgMail .odsMail h2#boxMail { border-bottom: solid 1px #fff; color: #fff; background: none; padding: 0px;} /*** LEVE MENU ********************************************/ #subMenu { background: url(../img/bg_menu2.gif) repeat-y left -1px; font-size: 110%;} #subMenu h2 {/*font-weight: normal;*/ padding: 0 0 3px 10px; font-size: 100%;} #subMenu a { color: #fff; font-weight: bold; text-decoration: none; letter-spacing: -1px; height: 31px; line-height: 31px; padding-left: 15px; display: block;} #subMenu a:hover { color: #D02126;} #subMenu a.act { color: #D02126; font-weight: bold; font-size: 130%;} #subMenu span {float: left;} #subMenu ul {margin:0px; padding: 0px;} #subMenu ul li {clear:both; /*height:30px;*/ line-height:31px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0pt 0pt 0pt 10px;} #subMenu ul li a.ico {background:transparent url(../img/ico_menu.gif) no-repeat scroll 0px 10px; height:31px; margin-right:7px; width:9px; padding: 0px;} #subMenu ul li a.icoAct {background:transparent url(../img/ico_podm.gif) no-repeat scroll 0px 10px; height:31px; margin-right:7px; width:9px; padding: 0px;} #subMenu ul li a {color:#FFF; display:block; float:left; height:31px; line-height: 31px; text-decoration:none; /*width:150px;*/ padding: 0px;} #subMenu ul li ul li {} #subMenu ul li ul li a {font-weight: lighter; padding: 0 0 0 15px;} #subMenu ul li ul li a.podmAct {background:transparent url(../img/ico_act_podm.gif) no-repeat scroll 0px 12px; font-size:110%; font-weight:bold;} #subMenu ul li a#xls { color: #7FFF00; background: url(../img/xls.gif) no-repeat 0px 4px; font-weight: bold; font-size: 110%; padding-left: 20px; } #newsBl .contBlock { background: #EBF1F8; width: 216px; height: 130px; overflow: hidden; padding: 10px 0; margin: 0 10px 10px 0; float: left;} #newsBl .contBlock.end { margin: 0px; } #newsBl .contBlock p { padding: 0 10px 5px 10px;} #newsBl .contBlock h3 { padding: 0 10px;} #newsBl .contBlock.red { background: #D02126;} #newsBl .odtrzM { clear: both;} #newsBl .odtrzMBG { clear: both;} /****************************************** * FOOTER * ******************************************/ #footer { color: #fff;} #footer a { color: #fff;} #footer #footLeft { width: 135px; margin-top: 30px; float: left;} html>body #footer #footLeft { margin-left: 20px;} #footer #footLeft a { background: url(../img/foot_logo.gif) no-repeat; width: 105px; height: 30px; display: block; text-decoration: none; /*background: Aqua;*/} #footer #footRight { width: 660px; margin-top: 30px; padding: 0 15px; float: right;} #footer #footRight p { padding-left: 40px; float: right;} #footer #footRight #copyr { color: #808080;} /****************************************** * PAGER * ******************************************/ #pagestop { margin: 20px 0;} #pagesbott { margin: 20px 0;} .pager { border: solid 1px #ccc; line-height: 20px; padding: 6px; padding-bottom: 0px;} #left .pager { /*width: 656px;*/} #left.twoColl .pager { /*width: 406px;*/ padding-bottom: 5px;} html>body .pager { padding-bottom: 6px;} .pager .item { padding: 0 10px;} .pager .item span { float: left;} .pager .item input { margin: 0 3px; float: left;} .pager div.pocet {line-height: 20px; float: left; margin-right: 3px; } .pager span {/*line-height: 20px; padding: 0 6px; display: block; float: left;*/} .pager input, select {margin-top: 0px; margin-bottom: 0px;} .pager select {/*width: 45px;*/} .pager input {width: 25px; /*float: left;*/} .pager input.butt {width: 30px;} .pager .goto a { background: #D02126; color: #fff; font-size: 130%; width: 20px; height: 20px; text-align: center; line-height: 20px; float: left; text-decoration: none; display: block;} /* COLOR */ .pager .goto a:hover { background: #1F386E; color: #fff;} .pager .goto span {display: block; float: left; margin: 0 5px;} /* CENTR MENU */ #centerMENUmini { /*font-size: 110%;*/} #centerMENUmini a {height: 22px;line-height: 22px; width: 52px; padding: 0 10px; margin: 1px 2px; text-decoration: none; display: block; float: left;} #centerMENUmini a {color: #fff; background: #003366 url(../img/tl_aktm.gif) no-repeat 167px 7px;} #centerMENUmini a.act {color: #7FFF00; background: #003366 url(../img/ico_act_podm.gif) no-repeat 5px 5px; font-weight: bold; font-size: 110%; padding-left: 15px; width:47px;} #centerMENUmini a:hover {color: #7FFF00; font-weight: bold;} .wLeft { width: 420px;} .wFull { width: 670px;} .wMidle { width: 400px;} .wMini { width: 250px;} #userTable { margin-top: 0px; padding-top: 0px;} /* AKTIVNI PODBARVENI RADKU TABULKY*/ #userTable tbody tr { background: #F9F9F9;} #userTable tr.act { background: #FFFFE0; cursor: default;} #userTable tr.noact { background: #F9F9F9;} #userTable tr.noact2 { background: #EBEBEB;} #userTable td { padding: 6px 4px; /*line-height: 22px;*/ clear: both;} #userTable td input { margin-right: 5px; float: left;} #userTable td input.ks { position: relative; top: 3px;} #userTable td input.check {position: relative; top: -1px;} #userTable td span {position: relative; top: 3px;} #userTable .miniCol { width: 40px;} #userTable .midleCol { width: 60px;} #userTable .midlePlusCol { width: 80px;} #userTable tbody .priceCol { background: #FFE4E1;} #userTable #footTable td { color: #e40000; background: #FFE4E1; font-weight: bold; font-size: 100%; padding: 5px 4px;} #userTable #footTable .priceCol { color: #fff; background: #e40000;} /****************************************** * PAGER * ******************************************/ .pagerBox { margin-right: 0px; padding: 10px 0;} .pager.left { /*width: 600px;*/ float: left;} .pager.left select {/*width: 45px;*/ float: left;} .pager.left input {width: 22px; float: left; margin: 0px;} .pager.left input.butt {width: 30px; height: 20px; margin-left: 3px;} .pager.right { /*width: 270px;*/ float: right;} .pager { border: solid 1px #D3D3D3; color: #000; height: 20px; line-height: 20px; padding: 5px; margin: 0px;} .pager div { line-height: 20px; float: left;} .pager form { color: #000; line-height: 20px; padding: 0px; margin: 0px; float: left; /*background: Fuchsia;*/} .pager span {color: #000; padding: 0 3px; display: block; float: left;} .pager .listovani { padding: 0 20px 0 6px; float: left;} .pager .listovani a { color: #fff; background: #D94040; text-align: center; font-size: 140%; font-weight: bold; width: 15px; 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.right select {/*width: 45px;*/ float: left;} .pager.right input {width: 22px; float: left; margin: 0px;} .pager.right input.butt {width: 30px; height: 20px; margin-left: 3px;} /*** TOP MENU ***************************************/ #userMenu { color: #fff; background: #D02126 url(../img/bg_top_menu.gif) no-repeat left bottom; margin-right: 8px; padding: 9px 10px;} #userMenu a { color: #fff; border-right: dotted 1px #fff; /*font-size: 90%; font-weight: bold; letter-spacing: -1px;*/ text-decoration: none; margin-right: 4px; padding: 0 5px 0 15px; display: block; float: left;} /*#rightCol #topMenu .odsLine { width: 500px; height: 2px; line-height: 2px; background: Aqua; border: solid 1px;}*/ #userMenu a.odsM { margin-right: 35px;} #userMenu a.odsMH { margin-right: 160px;} #userMenu a:hover { text-decoration: underline;} #userMenu a.act { font-weight: bold;} #userMenu a#home { background: url(../img/ico_home.gif) no-repeat; margin-right: 0px;} #userMenu a#reg { background: url(../img/ico_reg.gif) no-repeat;} #userMenu a#cont { background: url(../img/ico_cont.gif) no-repeat;} #userMenu a#help { background: url(../img/ico_help.gif) no-repeat;} #userMenu a#buy { background: url(../img/ico_buy1.gif) no-repeat;} #userMenu a#ucet { background: url(../img/ico_cred.gif) no-repeat 0px 1px;} #userMenu a#prof { background: url(../img/ico_prof.gif) no-repeat;} #userMenu a#obj { background: url(../img/ico_obj.gif) no-repeat;} #userMenu a#eObj { background: url(../img/ico_e_obj.gif) no-repeat;} .wFull { width: 670px;} .twoColl .wMidle { width: 400px;} .twoColl .wMini { width: 250px;} #imgHome { padding: 0 0 10px 0;} .error { border: solid 2px red;} p.errorBlock { margin-left: 14em; color: red; border: none; margin-right: 0px; padding:0px; } .prodBoxDet { text-align: left;} .prodBoxDet p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808080; } .prodBoxDet .code { color: #003366; font-weight: bold; /*text-align: left;*/} .prodBoxDet { border-bottom: solid 1px #D94040; background: #fff; width: 648px; padding: 15px 0 15px 12px; float: left;} .prodBoxDet .price { color: #003366; font-size: 140%; font-weight: bold; padding-left: 10px;} .prodBoxDet .img { text-align: center; width: 100px; float: left; margin-right: 5px;} .prodBoxDet .detPopis { border-left: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; line-height: 150%; width: 440px; float: right; /*background: Aqua;*/} .prodBoxDet .detPopis p { padding: 10px 15px 0;} .prodBoxDet .popis strong { color: #000;} .prodBoxDet .detPopis h5 { color: #fff; background: Silver; padding: 3px 15px;} .prodBoxDet .detPopis h5 a { font-size: 95%; font-weight: normal; text-decoration: none; float: right;} .prodBoxDet .detPopis h5 a:hover { color: #fff; text-decoration: underline;} .prodBoxDet .detPopis h5 a strong { /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/ font-size: 130%;} .prodBoxDet form.buyForm { margin: 5px 10px 0 10px; position: static;} .prodBoxDet form.buyForm input { margin: 0px;} .prodBoxDet form.buyForm span { color: #D94040;} .prodBoxDet form.buyForm .buttBuy { color: #003366; font-weight: bold; background: url(../img/bg_butt_buy.gif) no-repeat 0px 2px; border: none; width: 88px; height: 30px; position: relative; top: 3px; cursor: pointer;} div.colorBl { width: 14px; height: 14px; border:1px solid black; } /* Popup okno se stinem */ #popup_shadow { display: none; position: absolute; top: 0pt; left: 0pt; z-index: 80; width: 100%; background-image: url(../img/overlay.png); } #popup_shadow img{ border: none; } * html #popup_shadow { background-color: #333; back\ground-color: transparent; background-image: url(../img/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale"); } div#hint, div#popup { font-size: 10pt; z-index: 85; font-style: normal; text-decoration: none; position: absolute; padding: 5px; color: #000000; border: solid 1px #ccc; background: #fff; } div#popup { min-height: 200px; min-width: 250px; }