/************************* *******Typography****** **************************/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,700,100); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700); @import url(https://fonts.googleapis.com/css?family=Abel); body { color: black; background-color: white; font-size: 0.9em; font-family: Open Sans; font-weight:300; text-align: center; margin: 0px; padding: 0px;position: relative; }/*#1B1B1B*/ img {border:none;} .container{width:1300px;;margin:0 auto;padding:0;} //border:1px solid yellow ul li { list-style: none;} h1{color:#E4132A;font-size:2.2 em;font-weight: 600;} h2 {color:#515153;font-size:1.3em;font-weight:300;} .cols{float:left;} /**************hlavicka****************/ #header {text-align: center;margin-top:0;padding:0;position:relative; } #header #mainTop {height:125px;text-align: center;z-index:10; position:absolute; top:0;width:100%;background-image: url(../img/background.png);background-repeat: repeat;} #header .container{width:1300px;display:inline-block;text-align:left;vertical-align: top;opacity:1;} #lineLogo { height:125px;display:inline-block;float:left;opacity:1;z-index:20;position:relative; } #logo {padding:30px 0 0 40px;display:inline-block;} #lineMenu { text-align: left;display:inline-block;margin: 35px 0 0 80px;padding:0;float:left;z-index:20;} #lineMenu ul {color:white;margin:0px;padding:0 0 0 10px;display: inline-block;border:0px;text-transform: uppercase;} #lineMenu ul li {display: inline-block; padding:0 ;margin:0 15px 0 0 ;float:left;} #lineMenu ul li a.mMe:link,a.mMe:visited,a.mMe:active {color:white;text-decoration: none;font-size: 18px;font-weight: 300;display: inline-block;padding:18px 30px} #lineMenu ul li a.mMe:hover{background-color: #F40D26;} #lineMenu ul li a.mOver {background-color: #F40D26;} #lineImage {height:610px; z-index:1;position:relative;overflow: hidden}/*460*/ #lineInfo{height:130px;background-color: #E4132A;width:100%;text-align: center;border-top:2px solid white;font-size: 18px} #lineInfo a.inf{color:white;text-decoration: none;font-weight: 500;} #lineInfo strong{color:white;font-weight: 500;font-size: 23px} #lineInfo .bInfo{width:370px;float:left;text-align:left;color:white;margin-top:40px;padding-left:105px;} #lineInfo .pho {background-image: url(../img/phone.png);background-repeat: no-repeat;background-position: 50px center;} #lineInfo .mail {background-image: url(../img/mail.png);background-repeat: no-repeat; background-position: 40px center;} #lineInfo .face {background-image: url(../img/facebook1.png);background-repeat: no-repeat; background-position: 40px center;padding-left:95px;width:250px;} #lineInfo .flag {padding-left:5px;width:36px;margin-top:15px} #blankinfo{height:130px;width:100%;text-align: center;} /************************maly košík*******************/ #kosik{float:right;margin:25px 0px 0 0;width:180px;text-align:left} #kosik a.kosH{text-decoration: none;font-weight: bold;} .pocetKosik{padding:4px 4px;border-radius:15px;background-color:#F40D26;color:white;text-align: center;width:20px;display:block;margin-left:11px;font-size:0.9em} .cenaKosik {color:white;font-size:1.1em;display:block;margin:-25px 0 0 55px; } //#F40D26 #kosik a.kosH:hover .cenaKosik{text-decoration: underline;} #lineNavigace {width:100%;text-align: center;padding:10px 0 20px 0px; display: inline-block;} #lineNavigace .container{text-align: left;border-bottom:1px solid #ACACAC;padding:15px 0px} #lineNavigace a.nav:link, a.nav:visited, a.nav:active {color:black;text-decoration: underline;padding: 0 0 10px 30px;font-size: 16px; display: inline-block;} #search_box {float:right;margin:-10px 15px 0 0 ;} #search_box input.tt { margin: 0px 0px 0 0; padding: 2px 2px 2px 15px; width: 220px; height: 33px; float: right; font-size: 14px; font-family: Open Sans; color:#6A6864;background-color: #D6D6D6;border:none; border-bottom-left-radius:8px;border-top-left-radius:8px; } #search_box input.searchIn {margin:0px 0px 0 0 ;float: right} /**************telo****************/ #main {text-align: center;margin-top:0;padding:0;position:relative;} #main .container{background-color: white;text-align: left;margin-top:0;padding:0;position:relative;} #leftBlock{background-color: #E4132A;width:245px;padding:0;margin:0;text-align: left;margin-right:0;display:inline-block;} /*min-height: 100%;*/ #leftBlock ul {margin:0;padding:0;background-color: #E4132A;} #leftBlock ul li {display:block; border-bottom:1px solid white;} #leftBlock ul li a.lMe:link,a.lMe:visited,a.lMe:active {color:white;text-decoration: none;font-size: 14px; font-weight: 600;display: block;padding:16px 10px 16px 45px;text-transform: uppercase;} #leftBlock ul li a.lMe:hover {background-color: #BB1B0F;} #leftBlock ul li a.actM {background-color: #BB1B0F;} #leftBlock ul li a.Zvy{background-color: #5F6278;} #leftBlock ul li ul {background-color:#515153 ;} #leftBlock ul li ul li {border-bottom:1px solid #7D7D7E;} #leftBlock ul li ul li a.lMep:link,a.lMep:visited,a.lMep:active {color:white;text-decoration: none;font-size: 14px; font-weight: 300;display: block;padding:13px 10px 13px 60px} #leftBlock ul li ul li a.lMep:hover {font-weight: 600;background-color:#5F5E61;} #leftBlock ul li ul li a.actP {background-color:#31271D;font-weight: 600} #rightBlock{min-height:700px;width:955px;padding:40px 50px 30px 45px;text-align: left;margin-top:0;display:inline-block;vertical-align: top; } /*margin-left:245px;padding:40px 70px 30px 45px;*/ #rightBlock h1 {font-size:2.5em;padding:0 0 30px 0;margin:0;} #rightBlock a.cl:link, a.cl:visited, a.cl:active {color:#00A0C6;text-decoration: underline;} table.kosObj td a.cl:link, a.cl:visited, a.cl:active {color:#00A0C6;text-decoration: underline;} #rightBlock a.str:link, a.str:visited, a.str:active{font-weight: 700;color:#FF0074} #rightBlock p {line-height: 1.8em;font-size: 1.1em;} #rightBlock .fotoInR{float:right} #rightBlock div.zvBox{font-size:1.3em;color:black;display:block;padding:20px;border:1px solid #C4C4C0;text-align:center;margin:20px 0px;background-color: #E7E9EE;} #rightBlock h2{color:#D91249;font-weight:500;} #fullBlock{min-height:105px;padding:40px 70px 30px 45px;text-align: left;margin-top:0;} .textKat{color:black;font-size:1.2em;line-height: 2em;} .textKat strong{color:#00A0C6} .textKat2{display:block;color:black;font-size:1.3em;line-height: 2em;padding:20px;background-color: #F0F1F2;border:1px solid #CFD5CA;font-weight: 600;border-radius:8px;} /******************filtry**************************/ #filtry{background-color: #F0F0E9;border: 1px solid #D1D1D0;border-radius:8px;padding:20px;text-align:left;margin:20px 0px } select{color:black;font-family: Open Sans;width:200px;margin-right:40px;} select:first-Child{margin-left:20px;} select:last-Child {margin:0} .razen{font-size:0.90em} .koliknaStr{float:right;font-size:0.90em} /******************zbozi*************************/ .contZbozi {text-align: left;float:left;margin-bottom:20px;margin-top:20px;width:100%;} .zbozi {width:246px;border:1px solid #D4DFEB;padding:12px 15px;border-top:none;float:left;border-left:none;margin-top:20px;position: relative;z-index:0;} .zbozi:nth-of-type(3n) {border-right:none;} .zbozi:last-child {border-right:none;} .akce{background-image: url(../img/akce.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .sleva{background-image: url(../img/sleva.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .sleva10{background-image: url(../img/sleva10.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .sleva20{background-image: url(../img/sleva20.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .sleva30{background-image: url(../img/sleva30.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .sleva50{background-image: url(../img/sleva50.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .novinka{background-image: url(../img/novinka.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .vyprodej{background-image: url(../img/vyprodej.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 -15px;} .sleva2{background-image: url(../img/sleva.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 45px;} .sleva2-10{background-image: url(../img/sleva10.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 45px;} .sleva2-20{background-image: url(../img/sleva20.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 45px;} .sleva2-30{background-image: url(../img/sleva30.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 45px;} .sleva2-50{background-image: url(../img/sleva50.png);background-repeat: no-repeat;height:60px;width:60px;position: absolute;z-index:2;margin:-15px 0 0 45px;} .cenapredSlevou{text-decoration: line-through;color:#565555;font-size:0.7em;font-weight: normal;} .zbozi .zbObr {height:180px;width:246px;} .zbozi .zbNaz {color:#00A0C6;width:246px;text-align:left;height:65px;} .zbozi .zbNaz h2 {font-weight: bolder;font-weight:400px;font-size:1.5em;line-height:1.4em;color:#E4132A} .zbozi .zbNaz h2 a {color:#E4132A;text-decoration: none;} .zbozi .zbNaz h2 a:hover {text-decoration: underline;} .zbozi .zbPop {color:black;width:246px;text-align:left;height:80px;font-size:0.9em;} .zbozi .zbCena {color:#CB1933;font-weight:800;font-size:1.6em;text-align:right;vertical-align: top;display:inline-block;float:right;margin-right:35px;} .zbozi a.zbBtn {margin-bottom:10px;background-color: #8F9191;border-radius:20px;height:47px;width:47px;background-image: url(../img/detailP.png);display:inline-block;background-repeat: no-repeat;background-position: center center;margin-left:20px;} .zbozi a.zbBtn:hover {background-color:#E4132A;} .zbozi .norm{color:black;font-size:0.6em;font-weight: normal;} .lineZobrazeno {font-size:0.8em;} .lineStranky {text-align:right;} .lineStranky a.strBox:link, a.strBox:visited, a.strBox:active{text-align:center;width:30px;text-decoration: none; border:1px solid #D1D1D0;border-radius:3px;background-color: white;display:inline-block;font-size:1.1em;padding:5px 0px;color:#515153;} .lineStranky a.strBox:hover {background-color:#D1D1D0 ;color:black;} .lineStranky a.act:link,a.act:visited,a.act:active {width:30px;border:1px solid #E4132A;border-radius:3px;background-color: #E4132A;display:inline-block;color:white;font-size:1.1em;padding:5px 0px;text-decoration: none;} .lineStranky a.act:hover {background-color:#BB1B0F ;} /******************detail výrobku**************************/ #rightBlock h1.det {font-size:2.5em;padding:0 0 20px 0;margin:0;} #rightBlock .cara {width:100%;border-bottom:1px solid #dcdcdc;height:1px;margin-bottom:20px} #rightBlock .obrBlok{width:400px;float:left;} #rightBlock .obrD {width:400px;float:left;} #rightBlock .obrSmall {width:132px;float:left;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;text-align:center;padding:15px 0px;height:82px;} #rightBlock .obrSmall:nth-child(4){border-right:none;} #rightBlock .obrSmall:nth-child(7){border-right:none;} #rightBlock .obrD img {margin-bottom:20px;} #rightBlock .vypis {width:520px;float:right;} #rightBlock .mezi{width:100%;display:block;} #rightBlock .mezi:nth-child(odd) {background-color: #D6D6D6;border-bottom:1px solid #D1D1D0;} #rightBlock .mezi:nth-child(even) {background-color: white;border:none;} #rightBlock .inm {text-align: left;padding:15px;} #rightBlock .co {float:left;width:130px;height:auto;} #rightBlock .mezi:nth-child(odd) .co {border:1px solid #D6D6D6;} #rightBlock .mezi:nth-child(even) .co {border:1px solid white;} #rightBlock .mnoz {background-color:#F5EBBC;width:100%;display:block;border:1px solid #D1D1D0;border-radius:3px;font-size:1.2em;} #rightBlock .mnoz input.mn {font-size:1.3em; width:65px; height: 35px; border:1px solid #D1D1D0; text-align:center;border-radius:10px;} #rightBlock .kos {width:100%;display:block;font-size:1.2em;margin-top:20px;} #rightBlock .kos input.sub {background-color: #BB1B0F;color:white;font-size:1.3em;text-align: center;width: 100%; border-radius:8px;border:none;padding:10px;cursor:pointer;} #rightBlock .kos input.dis {background-color: #E3E7E6;} #rightBlock #popisZb {width:100%;display:block;border-top:1px solid #D1D1D0;float:left;margin-top:40px;padding-top:20px;} #rightBlock #popisZb strong {font-size:1.2em;} #rightBlock strong.naseCena{line-height:30px;} #rightBlock .cenaOld{text-decoration: line-through;} #rightBlock ul.list li{list-style: disc;font-size:1.1em;line-height:1.6em;} span.noSkl{color:#B60069;} /**************mezi telem a patickou****************/ #meziTe {text-align: center; } #meziTe .container{height:120px; } #logo2{float:left;margin:50px 0 0 45px;} #slogan{float:left;margin-top:40px;margin-left:160px;} /**************košík****************/ table {width:100%;font-weight:300;} th, td {border-bottom:1px solid #D8D8DA;font-size:1.1em} th{color:black;font-weight: 600;padding:20px 10px} td{color:black;font-weight:300;padding:20px 10px;line-height:1.6em;font-weight: 500} td.noBor{border:none;} td.sum{padding:5px 10px} small{font-size:1em;font-weight: 300} td.cena{font-weight: 700;color:#CB1933;font-size:1.3em;} input.ks{font-size:1.1em; width:45px; height: 35px; border:1px solid #D1D1D0; text-align:center;border-radius:6px;font-weight:bold;} input.prepocti{float:right;} input.smaz{float:right;} span.cena{font-size:1.5em;color:#CB1933;font-weight:bold;} span.dph{font-size:0.8em} .pokl {background-color: #BB1B0F;color:white;font-size:1.3em;text-align: center;width: 100%; border-radius:8px;border:none;padding:10px;cursor:pointer;} .obj {background-color: #BB1B0F;color:white;font-size:1.3em;text-align: center;width: 90%; border-radius:8px;border:none;padding:10px;cursor:pointer;margin:20px auto;} a.button-back:link, a.button-back:active, a.button-back:visited, a.button-back:focus {border-radius:8px;border:1px solid #D1D1D0;padding:10px;cursor:pointer;text-decoration: none;color:black;} a.button-back:hover{background-color: #E4E7EB;} table.kosObj {} table.kosObj th, td {font-size:1.0em;margin:30px;} table.kosObj th.bok, td.bok {width:10px;border:none;} table.kosObj td.sum{padding:3px 10px} table.kosObj td.noBor{border:none;} table.kosObj td.top{vertical-align: top;} table.kosObj td.cena{font-size:1.2em;} table.kosObj td.cena2{font-weight: 700;color:#CB1933;font-size:1.6em;} table.kosObj td.posl{background-color: #dcdcdc;padding:20px 0px;} div#doprava-Zd{border-radius:8px;border:1px solid #D1D1D0;width:640px;padding:20px;} div#nakup-Zd{border-radius:8px;border:1px solid #D1D1D0;width:640px;padding:20px;margin-top:10px;} div#mer{width:630px;height:8px;background-color:#D1D1D0;margin-top:10px;border-radius:5px;} div#mer2{width:630px;height:8px;background-color:#D1D1D0;margin-top:10px;border-radius:5px;} div#posuvnik {height:8px;background-color: #00A0C6;border-radius:5px;} div#posuvnik2 {height:8px;background-color: #52C000;border-radius:5px;} div#doprava-Zd span, div#nakup-Zd span{font-size:1.1em;} div#hodn{display:block;text-align:right;margin-right:5px;padding:10px 0px 0px 0px;} div#hodn2{display:block;text-align:right;margin-right:5px;padding:10px 0px 0px 0px;} div#sleva-Zd{border-radius:8px;border:1px solid #D1D1D0;width:300px;padding:20px;background-color:#F8FBF7;} div#sleva-Zd span{font-size:1.1em;} div#sleva-Zd input {border-radius:6px;border:1px solid #D1D1D0;height: 25px;font-size:1.1em;width:100%;margin-top:5px;margin-bottom:5px;} /**************objednavka****************/ .contObejdnavka {text-align: left;float:left;margin-bottom:20px;margin-top:20px;width:100%;} #obj-box-udaje, #obj-box-doprava, #obj-box-platba{width:340px;border:1px solid #D1D1D0; border-radius:8px;float:left;margin-top:20px; } #obj-box-udaje {padding-bottom:20px;} #obj-box-doprava {margin-left:25px;} div.polObj-Hlav {font-size: 1.3em;font-weight: bold;background-color: #dcdcdc;padding:15px; margin-bottom:15px; border-top-left-radius:5px;border-top-right-radius:5px;} div.polObj {display: inline-block;margin:5px 25px 20px 25px;vertical-align: top;border-bottom:1px solid #D1D1D0;padding-bottom:15px; } div.polObj:last-child {border:none;} div.polObj .inp{width:20px;display:inline-block;vertical-align: top;} div.polObj .img{width:70px;display:inline-block;vertical-align: top;} div.polObj .text{width:180px; display:inline-block;vertical-align: top;} #obj-box-doprava img, #obj-box-platba img{vertical-align: middle;margin-top:5px;} #obj-box-doprava span.price, #obj-box-platba span.price {color:#CB1933;font-weight:bold;} #obj-box-doprava p, #obj-box-platba p{line-height: 1.4em;margin:0;padding:0;} #obj-box-platba{width:340px;border:1px solid #D1D1D0; border-radius:5px;float:left;margin-left:25px;margin-top:20px;} #box-right-obj {float:left;width:705px;} #obj-box-kosik, #obj-box-poznamka {width:705px;border:1px solid #D1D1D0; border-radius:5px;float:left;margin-left:25px;margin-top:20px;} #obj-box-poznamka {text-align: center;} #obj-box-poznamka .polObj-Hlav{text-align: left;} #obj-box-poznamka textarea {;width:85%;margin:20px;border-radius:3px;border:1px solid #dcdcdc;padding:3% 5%;font-size:1.1em } .linePata{font-size:0.8em;} .linePata{font-size:0.8em;} table.objTable {width:100%;} table.objTable th{font-size: 1.3em;font-weight: bold;background-color: #dcdcdc;padding:15px; margin-bottom:15px; border-top-left-radius:8px;border-top-right-radius:8px;} table.objTable th.bezObl{ border-radius:0px;} table.objTable td.first{padding-top:15px;} table.objTable td{text-align: left;font-size:1em;padding:0;border:none;padding:5px 25px 0px 25px;vertical-align: top;} /*border:none;*/ table.objTable input[type=text] {width:90%;border-radius:3px;border:1px solid #dcdcdc;padding:3% 5%;font-size:1em} table.objTable input[type=text]:focus{border: 1px solid #B61C00 !important; box-shadow: 0 0 3px #B61C00 !important; -moz-box-shadow: 0 0 3px #B61C00 !important; -webkit-box-shadow: 0 0 3px #B61C00 !important;} span.star{color:red;font-weight:bolder;font-size:0.9em} #obj-box-udaje input.emaPr{width:70%;float:left;} #obj-box-udaje input.subPr{width:18%;background-image: url(../img/predvyplnit.png);background-repeat: none;width:49px;height:34px;border:none;color:white;font-size:5px;} #dodAdr{display:none;} #firAdr{display:none;} input.subPr{float:right;} span.error, span.error2{color:red;font-weight: bold;} span.error2 {margin-left:30px;margin-bottom:20px;display:block;} /**************paticka****************/ #footer {text-align: center; color:white;width:100%;background-color: #1C1A1A;} #footer .container{text-align: CENTER;} #lineFoo {display:inline-block;font-size: 0.95em;text-align: left;padding:0;margin:0;width:100%;} #lineFoo span {font-size: 1.3em;} .foo {width:33%;padding:30px 25px 35px 25px;text-align:left;line-height: 2.2em;} .fooLo {width:38%;padding:30px 25px 15px 25px;text-align:left;line-height: 2.2em;} .foo:first-child{padding-left:60px;width:25%} .foo:last-child {width:25%} #lineFoo input[type="text"] {background-color: #D6D6D6; color:#515153;width:210px;height:32px;float: left; font-size: 14px; font-family: Open Sans;border:none;padding: 2px 2px 2px 15px;} #lineFoo input.btnNews {margin:11px 0px 0 0 ;float: left;} #footer a.fo-a:link,a.fo-a:visited,a.fo-a:active{color:white;text-decoration: none;} #footer a.fo-a:hover{text-decoration: underline;} /**************reklama a akce****************/ .dialog-cover, .dialog-cover2{display:none;} .dialog-background {width: 100%; height: 100%; background: #000; opacity: .75; position: fixed; left: 0; top: 0; z-index:10;text-align:center} .dialog {width: 600px; position: fixed; color: #000; z-index:1000;text-align:center; top: 30%; margin-top: -100px;left: 50%;transform: translate(-50%, 0%);} /*margin-left: -25%;*/ .dialog button {background-image: url(../img/close.gif);background-position: center center; background-repeat: no-repeat; ;background-color: white;width:60px; height:60px; border-radius:30px;border:none;position:absolute;cursor: pointer; margin-left:-45px;margin-top:0px;} .dailogCe {width:100%;height:100%;text-align: center;} .show .dialog, .show .dialog-background {display: block;} #rightBlock .boxAkce, .dialog .boxAkce{color:#FF3181;margin-top:15px;float:left;width:540px;padding:30px;border:1px solid #88C1F2;background-color:white;font-size:1.4em;line-height:1.6em;font-weight:500;border-radius:15px;} /********************velkooo********************/ #stoffOd {border:1px solid #C1C4C3;padding:25px;background-color:#B2D4E9;font-size:1.2em;border-radius:8px;} span.tRed{color:red;}