body { font-size: 0.78em; font-family: Tahoma; background: #fff url(../layout/bodyBack.png) repeat-x; text-align: center; color: #2e2e2e; margin: 0; padding: 0;} /* IE6 PNG fix */ img, div { behavior: url(http://www.outdoor-shop.cz/css/iepngfix.htc);} h1 {color: #aa1113; font-size: 1.5em; margin: 0; font-family: Tahoma; padding: 10px 0 5px 0; } h2 {color: #ab1111; font-size: .9em; margin: 0; padding: 0; font-family: Verdana; font-weight: normal;} h3 {color: #ab1111; font-size: 1.05em; font-family: Verdana; margin: 0;} h2 a {color: #ab1111;} h4 {color: #3c96c4; font-size: 180%; text-align: right; padding:6px 20px; font-family: "Trebuchet MS"; margin-bottom: 10px; margin-top: 0; letter-spacing: .05em;} .darek {color: #aa1113; font-size: 1.1em; font-family: Tahoma; padding-top: 15px; float: left; margin-left: 10px;} /****************** globalne pouzivane styly *********************************/ .clear { clear: both; height: 1px; background: transparent;} .nobo { border: none;} .radkovani { line-height: 1.5;} .odkazy a { text-decoration: underline; color:#114d8c; } .odkazy a:hover {text-decoration: none;} .info {color: #ACACAC; font-size: .85em;} img {border:none;} input, select, textarea { font-family: Tahoma; font-size: 1em;} hr {color:#dbdbdb;} .center {text-align: center;} .textRight {text-align: right;} .text { line-height: 1.5; font-size: .9em;} .text a { color: #0673a6;} .text a:hover { color:#d6211f; } fieldset { margin: 20px; border: 1px solid #c6c6c6; padding: 20px; line-height: 2;} legend { background: white; padding: 10px; font-weight: bold;} fieldset .input { padding: 3px;} .btn {cursor: pointer;} .link { cursor: pointer; text-decoration: underline;} .fl {float: left; text-align: left;} .fr {float: right; text-align: right;} .tc {text-align: center;} .tr {text-align: right;} p a, ol a {color: #aa1113;} p a:hover, ol a:hover {color: #000;} .b { font-weight: bold;} .noDisplay {display: none;} /******************** MARGINy A PADDINGy *****************************************/ .mb10 {margin-bottom: 10px;} .mt10 {margin-top: 10px;} .mr10 {margin-right: 10px;} .pl20 { padding-left: 20px;} .pr10 { padding-right: 10px;} .mtb10 {margin: 10px 0;} .ml20 {margin-left: 20px;} /************************** Layout ****************************************************/ #kabat {max-width:1240px; min-width: 980px; margin:0px auto; text-align:left; background: white;} #kabat {_width:expression(document.body.clientWidth > 1280? "1280px": "auto" );} #header { z-index: 40; background: url(../layout/header.png) left no-repeat; min-height: 163px;} #header, #holder {position:relative;width:100%;} #holder { background: url(../layout/backMain.gif) top repeat-x; margin-top: 4px;} /*#left {top: 5px; width: 230px; float: left; margin-top: -5px; border: 1px solid red;}*/ #left {top: 5px; width: 230px; position:absolute; margin-top: -5px;} #main {position: relative; margin:-12px 0px 0px 230px; min-height: 800px; line-height: 1.5;} #bigMain {position:relative; margin:-12px 0px 0px 20px; line-height: 1.5; min-height: 600px;} .content {text-align:left; width: 100%;} #bottom { clear: both; width: 100%; min-height: 142px; text-align: center; background: #f6f6f6 url(../layout/backBottom.gif) repeat-x; margin-top: 20px; padding-top: 30px; font-size: .9em; line-height: 1.5; color:#5c5d5d; } #bottom a { color: #000;} #bottom a:hover { color:#ab1111; } .mapaWebu {float: left; margin-right: 20px;} .mapaWebu a{ color:#ab1111 } .mapaWebu a:hover { color:#000 } /******************************************/ .hledat {position: absolute; top:0; right: 0; z-index:10; width: 295px; padding: 15px 0 0 35px; height: 37px; background: url(../layout/backHledat.png) no-repeat;} .logo {clear: both; float: left; width: 170px; height: 81px; margin: 18px 0 0 25px; } .kosikHeader { position: absolute; z-index: 10; top:60px; right: 15px; width: 217px; background: url(../layout/backKosikHeader.png) top; background-repeat: no-repeat; height: 90px;} .kosikHeader .kosik { margin: 15px 0 0 55px; display: block; line-height: 1.5;} .kosikHeader p { text-align: center; padding-top: 5px; } .kosikHeader p a {color: #ab1111;} .kosikHeader p a:hover {color: #000;} .kosikLogo {width: 36px; height: 29px; float: left; position: relative; margin: 15px 0 0 10px;} #right .ram { float: right; padding: 10px; width: 179px; border: 1px solid #e4e4e4; background: url(../layout/backBoxik.gif) repeat-y; line-height: 1.3; } #left .ram { float: left; padding: 10px; width: 179px; border: 1px solid #e4e4e4; border-bottom: 1px solid white; background: url(../layout/backBoxik.gif) repeat-y; line-height: 1.3; } #right .ram a, #left .ram a {color: #ab1111;} #right .ram a:hover, #left .ram a:hover {color: #000;} #right .ram img {border: 1px solid #d7d7d7; margin-top: 10px; padding: 3px; background: white;} #right .ram .cena {position: relative; border: 1px solid #d7d7d7; margin: 0 auto; margin-top: -8px; padding: 3px; width: 110px; text-align: center; background: url(../layout/backRamecekCena.gif) repeat-x; color: #232323; font-weight: bold;} #right .ramBorder {border-bottom: 1px solid #d1d1d1;} #left .ramBorder {border-bottom: 1px solid #d1d1d1;} #right .vyrobci { margin-top: -7px;} #left .vyrobci { margin-top: -7px;} .red {color:#ab1111;} .redB {color:#ab1111; font-weight: bold;} .vyrobceL {float: left; width: 50%;} .vyrobceR {float: right; width: 50%;} .nadpisForm { color: #ab1111; font-weight: bold; font-size: 1.3em;} .tabKontakty { width: 600px;} .tabKontakty label {width: 80px; float: left; font-weight: bold; margin-bottom: 5px;} .tabKontakty .inputKontaktyForm { padding: 3px; width: 500px;} .tabKontakty .textareaKontaktyForm { padding: 3px; width: 500px; height: 200px;} .tabKontakty .submitOdeslatDotaz { cursor: pointer; width: 202px; height: 44px; background: url(../layout/btnOdeslat.gif) no-repeat; border: none;} /********************** prihlaseni ********************************/ .prihlaseni { display: none; position: absolute; top: 150px; right: 0px; padding: 5px 10px; width: 255px; border: 6px solid #aaaaaa; background: #f1f1f1; z-index: 500;} .prihlaseni .logL {float: left; margin-bottom: 20px; } .prihlaseni .logL input { margin-bottom: 3px;} .prihlaseni label { float: left; width:40px; margin-top: 3px;} .prihlaseni .logR { float: left; margin: 10px 0 0 10px; } .prihlaseni .logR .btnPrihlasit { width: 76px; height: 22px; color: white; border: none; padding-bottom: 2px; cursor: pointer; background: url(../layout/btnPrihlasit.gif) no-repeat;} .prihlaseni a {color: #ab1111;} .prihlaseni a:hover {color: #000;} .close { position: absolute; top: 3px; right: 5px; width: 10px; height: 10px; cursor: pointer;} .prihlasenyZakaznik {font-size: .9em; padding-top: 5px;} .mojeMenu { position: absolute; top: 85px; border: 1px solid #aaaaaa; background: #f1f1f1; font-size: .9em; padding: 10px; line-height: 1.5; width: 195px;} .mojeMenu a {color: #ab1111;} .mojeMenu a:hover {color: #000;} .kosicek { display:none; position: absolute; padding: 7px; width: 350px; top:62px; right: 233px; z-index: 200; color: white; background: url(../layout/kosicek.png); font-size: .9em;} .kosicek table { width: 100%; } .kosicek table a { color: #ab1111;} .kosicek table a:hover { color: #000;} .kosicek .linka td { border-bottom: 1px solid #aaaaaa;} .kosicekAktivator { position: absolute; left:0; top:0; width: 215px; height: 62px; } .kosicek .sumace { border-top: 2px solid #aaa; color: white; font-size: 1.1em;} /******************************** MENU ******************************************/ .polKatalog { width: 230px; height: 25px; background: url(../layout/backKatalog.jpg) no-repeat; color: white; font-family: Verdana, Tahoma; font-size: 1.05em; text-align: center; font-weight: bold; padding-top: 9px;} .polAkceTydne{ width: 230px; height: 25px; background: url(../layout/backAkceTydne.jpg) no-repeat; color: white; font-family: Verdana, Tahoma; font-size: 1.05em; text-align: center; font-weight: bold; padding-top: 9px;} .menu {width: 200px; font-size: .9em; font-weight: bold; border-right: 1px solid #e4e4e4;} .menu ul { list-style-type: none; display: table; margin: 0; padding: 0; font-family: Tahoma; width: 200px; border-bottom: 2px solid #c6c6c6;} .menu ul ul { margin: 0; width: 200px; border-bottom: none; background: url(../layout/backMenuDalsiUrovne.gif); } * html .menu ul ul, .menu ul ul ul {margin: 0;} .menu ul ul ul { margin: 0; width: 200px; background: url(../layout/backMenuDalsiUrovne.gif) repeat-y;} .menu ul li {width: 100%; } .menu ul li a { background: url(../layout/menu1.gif) no-repeat; width: 170px; display: block; padding: 7px 0 6px 30px; text-decoration: none; color:#403e3e; border-bottom: 1px solid #c6c6c6; } .menu ul li a.active { background: url(../layout/menu1_hover.gif) no-repeat; color: white;} .menu ul li a:hover { color:white; background: url(../layout/menu1_hover.gif) no-repeat;} .menu ul ul li { background: url(../layout/menuSeparator.gif) no-repeat bottom;} .menu ul ul li a { background: url(../layout/menu2sipka.gif) 32px 10px; background-repeat: no-repeat; width: 155px; display: block; padding: 7px 0 6px 45px; text-decoration: none; color:#403e3e; border-bottom:none; } .menu ul ul li a.active { background: url(../layout/menu2sipka_active.gif) 32px 10px; background-repeat: no-repeat; color:#ab1111; } .menu ul ul li a:hover { background: url(../layout/menu2sipka_hover.gif) 32px 10px; background-repeat: no-repeat; color: #ab1111; text-decoration: underline;} .menu ul ul li li { background: none;} .menu ul ul ul li a { background: url(../layout/menu2sipka.gif) 37px 10px; background-repeat: no-repeat; width: 150px; display: block; padding: 7px 0 6px 50px; text-decoration: none; color:#403e3e; } .menu ul ul ul li a:hover { background: url(../layout/menu2sipka_hover.gif) 37px 10px; background-repeat: no-repeat; color: #ab1111; text-decoration: underline;} .seznam { list-style-image: url(../layout/li.gif); line-height: 1.7;font-size: .95em;} .seznam a {color: #ab1111;} .seznam a:hover {color: #000;} /***************** menu top ************************/ .menuTop {float: left; width: 750px;} .menuTop ul {list-style-type: none; margin: 0 0 0 1px; padding: 0;} .menuTop li { display: inline; float: left; font-size: .85em; padding: 9px 0;} .menuTop li.sep {background: url(../layout/menuTopSeparator.gif) right no-repeat;} .menuTop li a { text-decoration: none; color: white; font-weight: bold;padding: 9px 20px;} .menuTop li a:hover { background: #e9e9e8; color: #3e3e3e;} .boxLeft { width: 208px; height: 27px; background: url(../layout/backNadpisLeftColumn.gif) no-repeat; text-align: center; color: white; margin-top: 17px; font-weight: bold; padding-top: 6px; } .boxRight { width: 208px; float: right; height: 27px; background: url(../layout/backNadpisRightColum.jpg) no-repeat; text-align: center; color: white; margin-top: 17px; font-weight: bold; font-size: 1.05em; padding-top: 6px; } .ramKI { width: 199px; border: 1px solid #e4e4e4; background: url(../layout/backKontaktniInformace.jpg) no-repeat bottom right; margin-top: -7px;font-size: .9em; } .baneryLeft { clear: both; width: 201px; text-align: center; padding-top: 20px; } .baneryLeft img {margin: 10px 0;} /******************************** DROBEČKOVÉ MENU ****************************************/ .drobky { font-size: .9em; margin: 0 0 10px 3px; padding-top: 8px; } .drobky img { margin: 0 5px;} .drobky a { color: #ac1214; text-decoration: underline;} .drobky a:hover { text-decoration: underline; color: #000;} /********************************** PORADNA ***********************************************/ .anotace { background: #fef8f8; padding: 5px 15px;} .poradnaKategorie { color: #000; font-weight: bold;} /******************************** POROVNÁVÁNÍ PRODUKTŮ *********************************/ .porovnani {width: 187px; padding: 10px 0 10px 10px; font-size: .9em; border: 2px dashed #bc1c1c; line-height: 1.3;} .porovnani a { color:#bc1c1c; } .porovnani a:hover { color:#000; } .porovnani p {padding: 2px 0; margin: 0;} /**************************** FORMULAROVE POLICKA *********************************/ .inputHledat { width: 180px; height: 17px; padding: 3px 0 0 27px; font-size: .9em; background: url(../layout/backInputHledat.gif) no-repeat; border: 1px solid #000; color:#585858; } .inputLogin { padding:4px; border: 1px solid #dfdfdf; font-size: .9em; margin-bottom: 4px; width: 118px; background: url(../layout/backInputLogin.gif) no-repeat;} .inputNewsletter {width: 170px; color:#6d6d6d; background: url(../layout/backInputNewsletter.gif) bottom repeat-x; padding: 5px 4px 2px 4px; height: 17px; font-size: .9em; border: 1px solid #b5b5b5; margin-bottom: 10px;} .btnOdeslat { padding: 0 8px 2px 8px; cursor: pointer; float: right; height: 21px; color: white; border: 1px solid #a51919; background: url(../layout/btnBackOdeslat.gif) repeat-x; font-size: .9em; font-weight: bold;} .btnHledat { font-size: .9em; cursor: pointer; background: url(../layout/btnHledat.gif) repeat-x; padding-bottom: 3px; width: 68px; height: 22px; border: 1px solid black; color:#fff; vertical-align: bottom;} .btnNewsletter { font-size: .9em; cursor: pointer; background: url(../layout/btnPrihlasitNewsletter.gif) no-repeat; width: 51px; height: 28px; border: none; color:#4e4e4e; vertical-align: bottom;} .btnKosikBig {border: none; background: url(../layout/doKosikuBig.gif) no-repeat; width: 227px; height: 44px; cursor: pointer; float: right; margin: 20px 0 10px 0;} .btnKosik {border: none; background: url(../layout/doKosiku.gif) no-repeat; width: 165px; height: 37px; cursor: pointer;} .tabulkaVelikosti { float:right; margin: 30px 10px 0 0; background: url(../layout/table.png) left no-repeat; padding-left: 30px;} a.tabulkaVelikosti { color:#ab1111; } a.tabulkaVelikosti:hover { color:#000; } .help { border-bottom: 1px dashed #969696; cursor: help;} .hvezdicky { position: absolute; width: 150px; height: 30px; right: 36px; margin-top: -42px;} /****************************** OBRAZKY A IKONY ************************************/ .banner { border: none; margin: 10px 0;} .bannerLeft { border: none; padding: 10px 0;} .bannerTop { border: none; padding: 10px 0;} .bannerHomepage { border:none; margin: 0 4px 10px 4px;} /************************************************************************************************/ /************************************ HOMEPAGE *********************************************/ /************************************************************************************************/ .homepage { margin-right: 230px; padding-top: 10px; min-height: 1860px; } .homepage .topL { float: left; width: 11px; height: 127px; background: url(../layout/predTopLeft.gif) no-repeat; } .homepage .topR { position: absolute; top: 45px; right: 230px; width: 11px; height: 127px; background: url(../layout/predTopRight.gif) no-repeat;} .homepage .topC { background: url(../layout/predTopCenter.gif) top repeat-x; margin-right: 10px; padding: 0 15px;} .homepage .topC h1 {color: white; font-family: Verdana; font-size: 1.05em; margin: 0; padding-top: 3px; float: none;} .homepage .text { margin: 10px; width: 98%; background: url(../layout/horolezec.jpg) no-repeat top right; min-height: 130px; } .homepage .text p {font-size: 1.1em; line-height: 1.7;} .homepage .boxKat { width:154px; float: left; border-bottom: 1px solid #d1d1d1; background: white; text-align: center; margin: 20px 0 20px -1px; } .homepage .ml1 { margin-left: -1px;} .homepage .boxKat .content { text-align: center; height: 50px; } .homepage .boxKat .podMenu { text-align: left; height: 90px; background: url(../layout/backPodmenuKat.gif) bottom repeat-x; padding: 10px 0 0 10px; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;} .homepage .boxKat .podMenu a { color: #ab1111; background: url(../layout/redSipka.png) left no-repeat; padding-left: 15px; display: block; margin: -8px 0 -6px 0;} .homepage .boxKat .podMenu a:hover { color: #000;} .homepage .boxKat .imgKat { margin-top: -20px;} .homepage .boxKat .nazev { text-align: center; background: url(../layout/backKosicekSumace.gif) repeat-x; padding: 4px 0; font-weight: bold; border-left: 1px solid #d1d1d1;} .homepage .boxKat .nazev a { color: white; text-decoration: none;} #right { width: 230px; float: right; right:0; margin-top: -35px;} /*#right { width: 230px; position: absolute; right:0; top:0;}*/ .boxZnacky { width: 55%; float: right; background: #efefef; padding-bottom: 15px; border: 1px solid #d1d1d1;} .boxRV { width: 42%; float: left; background: url(../layout/backVyhledavaniHP.gif) repeat-x bottom; padding-bottom: 15px; border: 1px solid #d1d1d1;} .boxRV label {float: left; width: 70px; font-weight: bold; margin-left: 10px; font-size: .9em; font-family: Verdana; margin-top: 2px;} .boxRV select { width: 60%; padding: 2px; margin-bottom: 8px;} .boxRV select option { padding: 2px;} .nadpBox { padding: 4px 10px; background: url(../layout/cervenyBack.gif) repeat-x; color: white; font-weight: bold; font-family: Verdana; margin: -1px -1px 15px -1px; font-size:.9em;} .tlRychleHledani { width: 84%; text-align: right;} .btnRychleHledani { background: url(../layout/backKosicekSumace.gif) repeat-x; border: none; color: white; font-size: .9em; font-family: Verdana; height: 22px; cursor: pointer;} /****** -------- menu rychlé vyhledávání podle značek ---------********/ .znacky a.highPeak { width: 61px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/highPeak.jpg) no-repeat;} .znacky a.highPeak:hover { background: url(../soubory/znacky_hp/highPeakOn.jpg) no-repeat;} .znacky a.husky { width: 112px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/husky.jpg) no-repeat;} .znacky a.husky:hover { background: url(../soubory/znacky_hp/huskyOn.jpg) no-repeat;} .znacky a.coleman { width: 94px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/coleman.jpg) no-repeat;} .znacky a.coleman:hover { background: url(../soubory/znacky_hp/colemanOn.jpg) no-repeat;} .znacky a.suunto { width: 94px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/suunto.jpg) no-repeat;} .znacky a.suunto:hover { background: url(../soubory/znacky_hp/suuntoOn.jpg) no-repeat;} .znacky a.loap { width: 62px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/loap.jpg) no-repeat;} .znacky a.loap:hover { background: url(../soubory/znacky_hp/loapOn.jpg) no-repeat;} .znacky a.easyCamp { width: 86px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/easyCamp.jpg) no-repeat;} .znacky a.easyCamp:hover { background: url(../soubory/znacky_hp/easyCampOn.jpg) no-repeat;} .znacky a.humi { width: 99px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/humi.jpg) no-repeat;} .znacky a.humi:hover { background: url(../soubory/znacky_hp/humiOn.jpg) no-repeat;} .znacky a.wenger { width: 53px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/wenger.jpg) no-repeat;} .znacky a.wenger:hover { background: url(../soubory/znacky_hp/wengerOn.jpg) no-repeat;} .znacky a.merrel { width: 66px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/merrel.jpg) no-repeat;} .znacky a.merrel:hover { background: url(../soubory/znacky_hp/merrelOn.jpg) no-repeat;} .znacky a.moira { width: 99px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/moira.jpg) no-repeat;} .znacky a.moira:hover { background: url(../soubory/znacky_hp/moiraOn.jpg) no-repeat;} .znacky a.saltic { width: 100px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/saltic.jpg) no-repeat;} .znacky a.saltic:hover { background: url(../soubory/znacky_hp/salticOn.jpg) no-repeat;} .znacky a.hannah { width: 124px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/hannah.jpg) no-repeat;} .znacky a.hannah:hover { background: url(../soubory/znacky_hp/hannahOn.jpg) no-repeat;} .znacky a.teva { width: 104px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/teva.jpg) no-repeat;} .znacky a.teva:hover { background: url(../soubory/znacky_hp/tevaOn.jpg) no-repeat;} .znacky a.jurek { width: 104px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/jurek.jpg) no-repeat;} .znacky a.jurek:hover { background: url(../soubory/znacky_hp/jurekOn.jpg) no-repeat;} .znacky a.hitec { width: 73px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/hiTec.jpg) no-repeat;} .znacky a.hitec:hover { background: url(../soubory/znacky_hp/hiTecOn.jpg) no-repeat;} .znacky a.gumotex { width: 98px; height: 48px; float: left; margin: 8px; background: url(../soubory/znacky_hp/gumotex.jpg) no-repeat;} .znacky a.gumotex:hover { background: url(../soubory/znacky_hp/gumotexOn.jpg) no-repeat;} /************************************************************************************************/ /************************************ PŘED VÝPIS *******************************************/ /************************************************************************************************/ .predVypis .topL { float: left; width: 11px; height: 127px; background: url(../layout/predTopLeft.gif) no-repeat; margin-top: 20px;} .predVypis .topR { float: left; width: 11px; height: 127px; background: url(../layout/predTopRight.gif) no-repeat; margin-top: 20px;} .predVypis .topC { float: left; width: 96.8%; background: url(../layout/predTopCenter.gif) top repeat-x; margin-top: 20px;} .predVypis .text {float: left; margin: 4px 0 0 15px; width:65%;} .predVypis .text p {font-size: 1.1em; line-height: 1.7;} .predVypis .text h1 {color: white; font-family: Verdana; font-size: 1.2em; margin: 0; padding: 0;} .predVypis .poradna { float: right; margin: 4px 15px 0 0; width: 30%;} .predVypis .poradna .nadpis {color: white; font-family: Verdana; font-size: 1em; padding-left: 10px; font-weight: bold; background: url(../layout/borderPoradna.gif) left no-repeat;} .predVypis .poradna .content { width: 100%; background: url(../layout/horolezec.jpg) no-repeat top right; margin: 14px -15px 0 0; min-height: 120px; padding: 10px 15px 0 0; border-left:1px solid #b5b5b5; line-height: 1.7;} .predVypis .poradna .content a { color: #ab1111;} .predVypis .poradna .content a:hover { color: #000;} .predVypis .poradna .cislo { float: left; text-align: center; margin: 3px 10px 0 20px; width: 14px; padding-bottom: 2px; height: 14px; color: white; font-size: .8em; background: url(../layout/kolecko.png) no-repeat bottom;} .predVypis .h2 { background: url(../layout/backH2.gif) left no-repeat; color: #282828; text-transform: uppercase; font-weight: bold; font-size: 1.1em; padding: 6px 0 0 10px; height: 24px; margin: 20px 0 10px 0;} .predVypis .boxKat { width: 19.8%; float: left; background: white; text-align: center; margin-top: 20px; margin-bottom: 20px; } .predVypis .boxKat .content { text-align: center; height: 50px; } .predVypis .boxKat .imgKat { margin-top: -20px;} .predVypis .boxKat .nazev { border-left: 1px solid #d1d1d1; text-align: center; background: url(../layout/backKosicekSumace.gif) repeat-x; padding: 4px 0; font-weight: bold; } .predVypis .boxKat .nazev a { color: white; text-decoration: none;} .ml1{margin-left: -1px;} .predVypis .boxParam { width: 19.55%; float: left; border: 1px solid #d1d1d1; background: white; text-align: center; padding: 1px; background: white;} .predVypis .boxParam .content { text-align: center; height: 115px; padding-top: 5px; background: url(../layout/predVypisParam.gif) bottom repeat-x;} .predVypis .boxParam .content a { color: #ab1111; font-weight: bold;} .predVypis h2 { color: #ab1111; font-size: 1.2em; font-weight: bold; margin-top: 20px; } .predVypis .newsL, .predVypis .newsR { width: 48%; font-size: .9em; font-family: Verdana; } .predVypis .newsL{float: left; background: url(../layout/borderNovinky.gif) no-repeat right; padding-right: 10px; } .predVypis .newsR {float: right;} .newsHP { width: 100%; margin-bottom: 20px; border-bottom: 1px dotted #E0E0E0; padding-bottom: 20px;} .archivLink { width: 100%; text-align: right;} .archivLink a {color:#ab1111; } .datumNewsHP { font-size: .85em;} #archiveNewsHP { display: none;} /************************************************************************************************/ /************************************** VÝPIS PRODUKTU *****************************************/ /************************************************************************************************/ .pvn { padding: 2px 10px 3px 10px; border: 1px solid #d1d1d1; background: url(../layout/backPokracovatVNakupu.gif) repeat-x; font-weight: bold; } .odkazyKategorie { margin: 10px 0 10px 20px;} .odkazyKategorie a { background: url(../layout/sipkaVypisOdkazKategorie.gif) no-repeat left; padding: 0 30px 0 10px; color: #ab1111;} .odkazyKategorie a:hover { color: #000;} .border { border: 1px solid #d1d1d1; background: white; padding: 1px;} .filtrZnacky { background: url(../layout/backFiltrZnacky.gif) repeat-x; background-position: top; padding: 0 10px 10px 10px;} .filtrZnacky .fZnacka { float: left; width: 130px; margin-top: 10px; display: block;} .filtrZnacky .fZnacka a { color: black;} .filtrZnacky .fZnacka a:hover { color: #ab1111;} .border .filtrZnacky .fZnacka input { margin-right: 4px; vertical-align: middle;} .btnFiltrVyrobci {float: right; margin-top: 10px; background: url(../layout/backKosicekSumace.gif) repeat-x; height: 25px; padding: 0 6px; border: none; color: white; font-weight: bold; cursor: pointer; font-size: .9em;} .mtm1 {margin-top: -1px;} .filtrace { background: #f2f2f2 url(../layout/backFiltr.gif) top repeat-x; padding: 10px;} .filtrace .vyber { width: 199px; height: 24px; border: 1px solid #ababab; background: url(../layout/backVyberParametru.gif) no-repeat; padding-top: 3px;} .filtrace .vyber:hover { cursor: pointer;background: url(../layout/backVyberParametruHover.gif) no-repeat;border: 1px solid #3a3a3a;} .filtrace .vyber a { padding-left: 15px; color: #ab1111;} .filtrace #filtracniParametry { display: none; margin-top: 10px; line-height: 2; font-size: .9em;} .filtrace #filtracniParametry .parametr {float: left; margin-right: 30px;} .btnZobrazitVyber { color: white; border: none; background: url(../layout/backKosicekSumace.gif) repeat-x; height: 25px; padding: 0 6px; font-weight: bold; cursor: pointer; margin-top: 10px;} .razeni {border: 1px solid #d1d1d1; background: #fbfbfb; padding: 8px 10px; font-weight: bold; margin: 10px 0; font-size: .9em;} .strankovani a { background: url(../layout/backStrana.gif) bottom repeat-x; border: 1px solid #b5b5b5; padding: 3px 6px; margin-left: 2px; text-decoration: none; color:#232323; font-weight: bold; } .strankovani a:hover { border: 1px solid #a81b1b; background: url(../layout/backStranaActive.gif) bottom repeat-x; color:#fff; } .strankovani a.active{ border: 1px solid #a81b1b; background: url(../layout/backStranaActive.gif) bottom repeat-x; color:#fff; } .strDole { margin-top: 20px; font-size: .9em;} .boxPorovnat {float: left; position: relative; background: #fff url(../layout/backBoxVypis.gif) bottom repeat-x; border: 1px solid #d2d2d2; margin: 0 20px 0 0; width: 30%; } .porovnaniRozmery { margin-top: 20px; font-weight: bold;} .box {float: left; position: relative; background: #fff url(../layout/backBoxVypis.gif) bottom repeat-x; border: 1px solid #d2d2d2; margin: 0 -1px -1px 0; width: 24.8%; height: 350px; } .produkt {padding: 10px; text-align: center;} .produkt .nadpis{ vertical-align: baseline; height: 36px; text-align: center;} .produkt .nadpis a{ color: #ab1111;} .produkt .nadpis a:hover { color: #000;} .produkt .akce { position: absolute; width: 56px; height: 56px; right: 0; margin: -124px 5px 0 0;} .produkt .obrazek { position: relative; border: 1px solid #d7d7d7; text-align: center; background: white; margin-top: 5px; height:116px;} .produkt .cena { position: absolute; width: 90%; z-index: 100; margin-top: -7px; left: 10px; } .produkt .cena .hodnota { margin: 0 auto; background: url(../layout/backRamecekCena.gif) bottom repeat-x; width: 120px; border: 1px solid #dbdbdb; color: #ab1111; text-align: center; font-weight: bold; padding: 2px 5px;} .produkt p { padding: 10px 0 0 0; text-align: left; font-size: .9em; height: 80px;} .produkt .ikonky { margin-top: 5px;} .produkt .btnPridatDoKosiku { background: url(../layout/btnPridatDoKosiku.gif) no-repeat; width: 140px; height: 31px; border: none; cursor: pointer;} .tblPorovnani { border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2; margin-bottom: 20px; font-size: .9em;} .tblPorovnani td { border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;} .tblPorovnani td.bold { font-weight: bold; text-align: left;} .newsL, .newsR { font-family: Verdana; width: 48%; margin-top: 10px;} .newsL { float: left;} .newsR { float: right; margin-right: 10px;} .detail .newsL p.tr a, .detail .newsR p.tr a { padding: 2px 6px; font-size: .9em; background: url(../layout/backVice.gif) repeat-x; color: white; text-decoration: none;} .detail .newsL p.tr a:hover, .detail .newsR p.tr a:hover { background: url(../layout/backBoxRCNadpis.gif) repeat-x;} .logoVyrobce {float: left; margin: 0 10px 10px 0;} /************************************************************************************************/ /************************************* detail produktu ****************************************/ /************************************************************************************************/ .detail, .predVypis {margin-right: 20px; min-height: 2000px;} .detail .nh1 {width: 100%; } .detail .nh1 h1 {float: left; } .detail p a { color: #ab1111;} .detail p a:hover { text-decoration: none;} .miniNavigace {float: right; width: 250px; font-size: .85em; text-align: right;} .miniNavigace img { margin: 0 6px -3px 15px;} .miniNavigace a {color: #aa1113;} .miniNavigace a:hover {color: #000; text-decoration: none;} .detailL {float: left; width: 328px; text-align: center;} .detailL .mainImg { border: 1px solid #c6c6c6; background: url(../layout/zoom.gif) top right no-repeat; padding: 5px;} .imgThumb { border: 1px solid #c6c6c6; margin: 10px 2px;} .detailR { margin-left: 340px; text-align: left; font-size: .9em;} .detailR .podnadpis { font-weight: bold; font-size: 1.3em; font-family: "Trebuchet MS";} .detailR p { padding: 0; margin: 5px 0 10px 0;} .tableDetail { border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6;} .tableDetail td { border-bottom: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6;} .tableDetail td.width { width: 180px;} .tableDetail label { float: left; font-weight: bold; width: 90px; } .tableDeatil .skrk { text-decoration: line-through;} .tableDetail a {color: #aa1113;} .tableDetail a:hover {color: #000; text-decoration: none;} .tableDetail .calc {margin: 0 0 -3px 15px;} .tdCenaDnes { background: #f6f6f6; font-size: 1.85em; padding: 10px; font-weight: bold;} .cenaHodnota { float: left; color: #ab110f;} .cenaLabel {float: left; width: 170px;} .cenaHodnota .bezDPH { font-size: .55em; font-weight: normal; color: #2b2b2b;} .detailIkonky {float: right; width: 50%; text-align: right; margin-bottom: 6px; margin-top: -6px; position: relative; } .detailIkonky img { margin-left: 5px;} .vanoceImg {float: left;margin-bottom: 6px; margin-top: -6px;} .vanoce { width: 445px; display: none; position: absolute; margin-top:22px; border: 3px solid #b3cae9; background: white; padding: 0 15px; -moz-border-radius: 4px;} .vanoce p.blue {color: #2371b5} p.rel {position: relative;} .detailDoKosiku { float:right; width: 165px; margin-top: 20px;} .detailPocet {float: right; margin: 20px 3px 0 0; text-align: center; width: 40px; height: 40px; font-size: 1.4em; background: #efefef; border: 1px solid #bebebe; color: #ac1013; font-weight: bold; } .detailKs {float: right; font-size: 1.4em; color: #2f2d54; margin: 30px 20px 0 0;} .tableVarianty { width: 650px; border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6; border-right:1px solid #c6c6c6;} .tableVarianty th { border-bottom:1px solid #c6c6c6; background: url(../layout/backTableTh.gif) repeat-x; height: 33px; color: white; font-weight: bold; padding-left: 7px;} .tableVarianty td { border-bottom:1px solid #c6c6c6; height: 29px; } .tableVarianty .activni,.tableVarianty .activni:hover { background: url(../layout/backTableActiveTr.gif) repeat-x; color: white; font-weight: bold;} .tableVarianty .activni .zvolenaVarianta { width: 140px; height:11px; background: url(../layout/zvolenaVarianta.png) no-repeat top; } .tableVarianty td a {color: black; text-decoration: none; font-weight: bold;} .tableVarianty td a:hover {color: #236274; text-decoration: underline;} .tableVarianty tr:hover {background: #efefef;} .zalozky ul { list-style-type: none; margin-top: 30px; padding: 0; } .zalozky li { display: inline; float: left; margin-right: 5px; } .zalozky li a { color:#2c2c2c; text-decoration: none; font-weight: bold; padding: 6px 8px; border: 1px solid #bebebe;background: #efefef;} .zalozky li a.active { background: url(../layout/backTableTh.gif) repeat-x; padding: 10px 8px 10px 8px; color: white; border: none;} .zalozky li a.active:hover { background: url(../layout/backTableTh.gif) repeat-x; padding: 10px 8px 10px 8px; color: white; border: none;} .zalozky li a:hover { background: #c6c6c6; cursor: pointer;} .tab_products { margin-top: 4px; width: 100%; border-top:9px solid #252525; border-bottom: 1px solid #bebebe;border-left: 1px solid #bebebe;border-right: 1px solid #bebebe; } .tab_products p { padding: 20px;} .lb { float: left; width: 50%; text-align: right; margin-right: 5px;} .tabPopis {float: left; width: 100%;} .tabParametry {float: right; width: 300px; border: 2px solid #bebebe; border-bottom: 1px solid #bebebe; font-size: .9em; margin: 20px;} .nadpisParametry {text-align: center; padding: 10px 0; font-weight: bold; background: url(../layout/backTableParam.gif) repeat-x;} .tableParametry {width: 300px; border-top:1px solid #bebebe; } .tableParametry td {border-bottom: 1px solid #bebebe;} .tableParametry td.bold {font-weight: bold; border-right: 1px solid #bebebe;} .tableParametry .grey { background: #f6f6f6;} .tableParametry tr:hover, .tableParametry .grey:hover { background: #ffffea;} .tableParametry a { color: #aa1113;} .prislusenstvi {padding: 20px;} .doporucit label {float: left; font-weight: bold; width: 100px; margin-bottom: 10px; padding-top: 5px;} .doporucit .inputDoporucit { padding: 5px; width: 200px;} .doporucit .btnDoporucit { width: 202px; margin-top: 40px; height: 44px; border: none; cursor: pointer; background: url(../layout/btnDoporucit.gif) no-repeat;} /*** hodnoceni form */ .ratingForm {padding: 0 20px;} .ratingForm label {width: 100px; font-weight: bold; float: left; margin-top: 4px;} .ratingForm .inputRating { padding: 4px; width: 250px; font-family: Tahoma; margin-bottom: 4px;} p.pComment { margin: 0; padding: 0; margin: 10px 0 10px 20px; } .comment { background: #F0F0F0; font-size: .9em; margin: 0 20px; padding: 5px 10px;} .commentar { margin: 0 20px 30px 20px; border: 1px solid #F0F0F0; padding: 5px 10px;} .comment .bold {font-weight: bold;} .btnOhodnotitProdukt { cursor: pointer; border: none; background: url(../layout/btnOhodnotitProdukt.gif) no-repeat; width: 202px; height: 44px;} .btnFcbk {width: 100px; height: 20px; margin-top: 10px; float: right; z-index: 1; } /************************************************************************************************/ /************************************** KOŠÍK * ************************************************/ /************************************************************************************************/ /*************************** košík *********************************/ .fazeM, .fazeS { height: 45px; border: 1px solid #2f4f5a; font-size: 1.4em; font-weight: bold; margin: 40px 28px 40px 0;} .long { width: 21%; float: left;} .short { width: 100%; margin-right: 0; } .fazeM { border: 1px solid #2f4f5a; color: white;} .fazeM .cislo {float: left; text-align: center; height:37px; padding-top: 8px; width:41px; background: url(../layout/fazeModraCislo.gif) no-repeat;} .fazeM .text { background: url(../layout/fazeModraBack.gif) repeat-x; height: 35px; padding-top: 10px;} .fazeM .text a { padding-left: 10px; color: white; text-decoration: none;} .fazeM .text a:hover { text-decoration: underline;} .fazeS { border: 1px solid #999999; color: #2d2d2d;} .fazeS .cislo {float: left; text-align: center; height:37px; padding-top: 8px; width:41px; background: url(../layout/fazeSedaCislo.gif) no-repeat;} .fazeS .text { background: url(../layout/fazeSedaBack.gif) repeat-x; height: 35px; padding-top: 10px;} .fazeS .text a { padding-left: 10px; color: #2d2d2d; text-decoration: none;} .fazeS .text a:hover { text-decoration: underline;} .fazeSipka {background: url(../layout/fazeSipka.gif) no-repeat; width: 22px; height: 24px; float: left; margin: 50px 15px 0 -10px;} .rightColumn { width: 24%; position: absolute; top: 35px; right: 20px;} .rightColumn .title { background: url(../layout/backBoxRCNadpis.gif) repeat-x; color: white; font-weight: bold; height: 25px; padding: 3px 0; text-align: center; font-family: Verdana; font-size: 1.1em;} .rightColumn .boxik { padding: 10px; border: 1px solid #d1d1d1; margin-top: -1px; background: #fbfbfb url(../layout/backBoxikRightColumn.gif) bottom repeat-x; margin-bottom: 20px;} .rightColumn .boxik a { color: #ab1111; font-weight: bold;} .rightColumn .boxik a:hover { color: #000;} .rightColumn .boxik .tabCena {width: 100%; border-top: 1px solid #d1d1d1; margin-top: 20px; font-size: 1.2em;} .btnPokracovat { background: url(../layout/btnPokracovat.gif) no-repeat; border: none; width: 202px; height: 44px; cursor: pointer;} /********* tabulka košík ***********/ .tblKosik {border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6;} .tblKosik th {padding:11px 11px 10px 11px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; font-size: 1.05em; font-weight: bold; background: url(../layout/backTableKosikTh.gif) repeat-x; font-family: Verdana;} .tblKosik td {padding:11px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background: #f3f3f3;font-family: Verdana; } .tblKosik td .img {float: left; margin-right:11px; border: 1px solid #c6c6c6;} .tblKosik td a {color: #ab1111; font-weight: bold; text-decoration: none;} .tblKosik td a:hover {color: #000; text-decoration: underline;} .tblKosik .zdarma { float:right; margin: -11px -11px 0 0; padding: 5px 15px; background: white; border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6; font-weight: bold; font-family: Verdana; } .tblKosik .btnPrepocitat { border: 1px solid #dddddd; background: url(../layout/backBtnPrepocitat.gif) repeat-x; cursor: pointer; font-size: .9em; padding: 5px 8px 5px 8px; color: #434343;} .tblKosik .inputPocet { border: 1px solid #bebebe; font-weight: bold; text-align: center; width: 22px; padding: 3px 3px 4px 3px; vertical-align: top;} .tblKosik .znamenko {border: 1px solid #bebebe; cursor: pointer;} .tblKosik .cena { font-size: 1.2em; font-weight: bold;} .tblKosik .cenaCelkem { background: white; color: #ab1111; font-weight: bold; margin: -5px; height: 35px; padding-top: 10px; font-size: 1.2em;} .kamDalBtn { width: 68%; margin-top: 40px;} .kamDalBtn a { color: #ab1111; font-weight: bold;} .kamDalBtn a:hover { color: #000; text-decoration: none;} /*************** informace o vas *******************************/ .contentLeft {width: 68%; min-height: 1700px;} .contentLeft .nadpis {font-family: Verdana; font-size: 1.3em; font-weight: bold;} .contentLeft .blok { background: #f3f3f3; padding: 10px; border: 1px solid #d1d1d1; border-top: 6px solid #d1d1d1; margin: 10px 0; } .contentLeft .blok input {border: 1px solid #bababa; padding: 3px;} .contentLeft .blok textarea {border: 1px solid #bababa; padding: 3px; width: 99%; height: 100px; margin-top: 10px;} .contentLeft .blok .left { float: left; width:330px;} .contentLeft .blok .small {font-size: .8em; } .contentLeft .blok a {color: #ab1111;} .longInput { width: 280px;} .mestoInput { width: 200px;} .pscInput { width: 69px;} .clearInfo {clear: both; background: transparent; height: 10px;} .imgKosik {float: left; width: 66px; margin-right: 10px;} .polozkyKosik { position: absolute; top: 0; right: 0;} .fanousek { font-size: 2em; margin-top: 40px; color: #aa1113;} .fanousekP { font-size: 1.4em;} /******************** mezikosik ******************************/ .meziKosikProdukt { background: #f2f2f2; margin: 30px 20px 0 0; border: 1px solid #d1d1d1; border-top: 6px solid #9a9a9a;} .mkpL { float: left; margin: 18px 0 18px 18px; width: 670px;} .mkpL img { border: 1px solid #d1d1d1; float: left; margin-right: 20px;} .mkpL p {color: #2b2b2b; font-size: 1.2em; font-weight: bold; padding-top: 10px; line-height: 2;} .mkpL p .red { font-size: 1.5em;} .mkpR { float: right; margin: 60px 20px 0 0;} .mkL { float: left; margin-top: 20px; width: 71%; } .boxProdukt { float: left; border: 1px solid #d3d3d3; text-align: center; width: 152px; margin: 5px 5px 0 0; padding: 4px;} .boxProdukt img {border:1px solid #d9d9d9; width: 122px; height:90px; margin-top: 8px; z-index: 1;} .boxProdukt .cena { float: left; color: #ab1111; font-weight: bold; background: url(../layout/backRamecekCena.gif) repeat-x; border:1px solid #d9d9d9; padding: 2px 8px 1px 8px; width: 80px; margin: -8px 0 0 27px; z-index: 10; } .boxProdukt .btnPridatDoKosiku { border: none; color: white; cursor: pointer; width:122px; height: 31px; margin: 10px auto 5px auto; background: url(../layout/backDoKosiku.gif) no-repeat;} .boxProdukt a { color: #ab1111;} .boxProdukt a:hover { color: #000;} .mkR { float: right; text-align: center; width: 245px; background: #f2f2f2; margin: -1px 20px 0 0; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding-bottom: 20px;} .mkR .nadpis { font-weight: bold; font-size: 1.2em;} .mkR .divObsahKosiku { background: #f8f8f8; border: 2px solid #d1d1d1; margin: 10px 0 0 10px; text-align: left; padding: 6px; width: 210px;} .mkR .divObsahKosiku img {border: 1px solid #c6c6c6; margin:0 6px 0 0; float: left;} .mkR .divObsahKosiku .udaje {float: left; width: 135px; font-size: .9em;} .mkR .divObsahKosiku a { color: #ab1111; font-weight: bold;} .mkR .divObsahKosiku a:hover { color: #000;} .mkR .tabCena {margin-left: 10px; width: 93%; background: #d1d1d1; margin-top: 10px; font-size: 1.2em; font-weight: bold; text-align: left; padding: 6px;} .mkR a { color: #2b2b2b;} .mkR a:hover { color: #ab1111;} .btnOdeslatObjednavku { background: url(../layout/btnOdeslatObjednavku.gif) no-repeat; width: 293px; height: 44px; border: none; cursor: pointer;} /******************** mezikosik ******************************/ .borTop td {border-top:2px solid #c6c6c6;} .bor {border-top:2px solid #c6c6c6;} /************************************************************************************************/ /***************************************** komentare a diskuze **********************************/ /************************************************************************************************/ .comTop {width: 540px; height: 5px; background: url(../layout/tabComTop.gif) top no-repeat;} .comBottom {width: 540px; height: 5px; background: url(../layout/tabComBottom.gif) top no-repeat;} .com {width:533px; background: url(../layout/tabComBack.gif) repeat-y; padding: 2px 0 2px 7px;} .reakce {margin-left: 40px;} .tabComment { color: #373b41;} .tabComment th { text-align: left; background: url(../layout/backTableComment.gif) repeat-x; color: #000;} .tabComment th a { color: #0577ae; text-decoration: underline;} .tabComment th a:hover { color: #17a5e9; text-decoration: underline; } .tabComment a { color: #911d66;} .tabComment a:hover {text-decoration: none; color: #2162a6;} .yel {background: #fffcd8;} .dotazForm { width: 540px; height: 245px; background: url(../layout/backDotazForm.gif) no-repeat; padding-top: 20px;} .dotazForm label {width: 60px; font-weight: bold; float: left; text-align: right; margin-right: 4px; margin-top: 5px;} .dotazForm .inputDotaz {width:256px; background: url(../layout/backInputDotazForm.gif) no-repeat; border: 1px solid #b4b4b4; padding: 5px; margin-bottom: 5px;} .dotazForm .textDotaz {width:444px; height: 115px; background: url(../layout/backTextDotazForm.gif) no-repeat; border: 1px solid #b4b4b4; padding: 5px; margin-bottom: 5px;} .dotazForm .pozn {font-size: .85em; color: #979696; padding-left: 64px;} .dotazProdukt {margin-left: 20px;} .dotazProdukt label { width: 100px; float: left; font-weight: bold;} .dotazProdukt .inputDotazProdukt { border: 1px solid #b4b4b4; padding: 5px; margin-bottom: 5px; } .dotazProdukt .submitDotazProdukt { margin:20px 0 20px 100px; cursor: pointer; width: 202px; height: 44px; background: url(../layout/btnOdeslat.gif) no-repeat; border: none;} /*********************** hlasky *******************************/ .hlaskaOK { background: #fffcd3 url(../layout/hlaskaOK.jpg) no-repeat left; width: 95%; border-bottom: 1px solid #ffed9a; border-top: 1px solid #ffed9a; padding: 8px 0 8px 40px; margin-bottom: 20px; line-height: 1.5;} .hlaskaError { width: 98%; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 8px 0 8px 20px; color:white; background: #aa1113; font-weight: bold; font-size: 1.2em; margin: 30px 0 10px 0; line-height: 1.5; } .maleSede {font-size: 80%; color: #767976;} .nevyplneno { color: #c72222;} .hlaseniChyb { font-size: .9em; border: 1px solid #c72222; background: #fffcd3; padding: 15px; border: 1px solid #ffed9a; margin: 20px 20px 0 0;} /***************** vysledky vyhledavani ************************/ .vyhledavaniL {float: left; width: 150px; text-align: center;} .vyhledavaniR {float: right; width: 440px;} .vyhledavaniR select { padding:2px; width: 360px; font-size: 1em; } .vyhledavaniR option { padding:2px;} .vyhledavaniR a { color:#0e4d8f; cursor: pointer; font-weight: bold; font-size: 1.2em; text-decoration: none;} .vyhledavaniR a:hover { text-decoration: underline; color: #a31a71;} .vyhledavaniR .beznaCena { text-decoration: line-through;} .vyhlClear { clear: both; border-bottom :1px dotted #d4d7da; width: 100%; margin: 20px 0;} /********************* MAPA WEBU *************************/ .level1 { padding-left: 0; font-weight: bold;} .level2 { padding-left: 20px; background: url(../layout/li.gif) left no-repeat;} .level3 { padding-left: 40px; background: url(../layout/liBlue.png) 25px 4px; background-repeat: no-repeat;} .level4 { padding-left: 60px; background: url(../layout/liGreen.png) 45px 4px; background-repeat: no-repeat;} .level5 { padding-left: 80px;} .level6 { padding-left: 100px;} .level7 { padding-left: 120px;} /******************** POTREBUJETE POMOCT **************************/ .telPP { font-size: 1.4em; font-weight: bold; font-family: Verdana; } .telefonek { margin: 5px 25px -6px 0;} .mobil { margin: 0 6px -3px 0;} .sedePP { color: #969696} /******************** MOJE OBJEDNAVKY **************************/ .lab {line-height:1.7;} .lab label {float: left; width:150px;} .tblObj {border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6; font-size: .9em;} .tblObj th {padding:11px 11px 10px 11px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; font-weight: bold; background: url(../layout/backTableKosikTh.gif) repeat-x; font-family: Verdana;} .tblObj td {padding:11px; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; font-family: Verdana; } .tblObj tr:hover { background: #fafae5;} .tblObj td a {color: #ab1111; font-weight: bold; text-decoration: none;} .tblObj td a:hover {color: #000; text-decoration: underline;} .tabMojeObjednavky {border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6;} .tabMojeObjednavky td {border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; } .tabMojeObjednavky th {border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background: url(../layout/backTableKosikTh.gif) repeat-x; font-family: Verdana;} .tabMojeObjednavky td.bold {font-weight: bold;} .tabMojeObjednavky tr:hover { background: #fafae5;} .tabMojeObjednavky img {float: left; border: 1px solid #c6c6c6; padding: 4px; margin-right: 10px; background: white;} .nadpisMojeObj{ font-size: 1.4em; font-family: Verdana; font-weight: bold; margin: 20px 0 10px 0;} /******************** jQuery Error Messages ************************/ #formDiskuze label.error { margin-left: 0px; width: auto; display: inline; color: #ff032d; } /************************ splatkova kalkulacka **********************/ .splatkovaKalkulacka .nadpisKalkulacka { font-weight: bold; font-size: 1.3em; color: #aa1113; margin: 20px 0;} .splatkovaKalkulacka label {float: left; width: 100px; margin: 3px 4px 10px 0; text-align: right; font-weight: bold;} .splatkovaKalkulacka .inputKalk { padding: 4px; width: 60px;} .cenaKalk { margin-top: 3px; color: #aa1113; font-weight: bold; float: left;} #tabulkaVypoctu table { margin-top: 10px; width: 200px; border-left:1px solid #c6c6c6; border-top:1px solid #c6c6c6;} #tabulkaVypoctu table td { border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; margin-top: 40px;} .btnCetelem { width: 293px; height: 44px; border: none; background: url(../layout/btnCetelem.gif) no-repeat; cursor: pointer;} .btnOdeslatKalkulacka { padding: 0 8px 2px 8px; cursor: pointer; float: left; height: 21px; color: white; border: 1px solid #a51919; background: url(../layout/btnBackOdeslat.gif) repeat-x; font-size: .9em; font-weight: bold; margin-left: 20px;} /*********************** obsahove Menu (obchodni info, vse o nakupu) *******************/ .menuObsahove { margin: 20px 30px 0 10px;} .menuObsahove a {background: url(../layout/redSipka.png) left no-repeat; padding-left: 15px; color:#ab1111; } .menuObsahove a:hover {color:#000; } /************************* slovnik pojmu **********************************************/ .pismeno {float: left; width: 50px; text-align: left; font-weight: bold; font-size: 1.4em;} .cisticPismen {clear: both; border-bottom: 1px dashed #E0E0E0; padding: 5px 0 0 0;} .slovnikPojmu { float: left; margin-top: 3px;} .slovnikPojmu a {color: #aa1113;} .infoSlovnik { cursor: help;} .popisek { position:absolute; left:0px; top:-100px; z-index:100; background: url(../layout/popisek.png); color: white; padding: 10px; max-width: 200px; font-size: .9em;} .recaptchaImg { margin: 0 0 -10px 6px;} .radioStatyVyber {border-bottom: 4px solid #969696; width: 68%; margin-bottom: 10px; padding-bottom: 3px;} .radioStatyVyber a {text-decoration: none; color: #000;} .radioStaty { margin-right: 15px; padding: 10px 8px 5px 8px; border: 1px solid #969696; } .radioStatyVyber .vybrano {font-weight: bold; color: #ab1111;} .nedostupne {font-size: 16px; margin: 15px 0; color: #aa1113;}