/* CSS Document */
html{
min-width: 1200px;
}
body{
text-align: center;
font-family: 'Open Sans', sans-serif, arial;
font-size: 12px;
padding: 0px;
margin: 0px;
background-color: #fff;
color: #303030;
}
body, form, input, select, p, pre, ul, ol, li, h1, h2, h3, h4, h5, h6, img, table, tr, td, th {
font-family: 'Open Sans', sans-serif, arial;
font-size: 12px;
}
table{
font-size: 13px;
color: #303030;
}
a{
color: #2361FF;
}
a img{
border: none;
}
.kramek{
top: 36px;
width: 1200px;
margin-right: auto;
margin-left: auto;
text-align: left;
overflow: hidden;
}
.levystred{
float: left;
width: 750px;
}
.pravystred{
float: right;
width: 840px;
background-color: #fff;
position: relative;
top: 40px;
}
.infolinka{
position: absolute;
left: 770px;
top: 60px;
background-image: url('tipnet-img/new/zena.jpg');
background-repeat: no-repeat;
background-position: top left;
text-align: right;
font-weight: 800;
height: 100px;
width: 200px;
padding-top: 30px;
font-size: 13px;
}
.infolinka span{
color: #65A500;
}
.levy{
float: left;
width: 300px;
overflow: hidden;
background-color: white;
}
.informace, .kontakt{
font-size: 11px;
padding: 3px;
overflow: hidden;
}
.pravy{
float: left;
width: 184px;
overflow: hidden;
margin-top: -2px;
}
.stred{
top: -38px;
position: relative;
float: left;
width: 840px;
min-height: 500px;
overflow: hidden;
text-align: left;
}
.telo{
position: relative;
width: 100%;
background-color: white;
margin-top: 0;
padding: 0px;
}
.header{
width: 100%;
position: absolute;
top: -465px;
.top: 0px;
left: 0px;
height: 465px;
background-position: left top;
background-repeat: no-repeat;
_top: 43px;
}
.header, x:-moz-any-link{
margin-top: 0px;
.margin-top: -508px;
}
.header{
position: absolute;
left: 0px;
top: 0 px;
width: 100%;
height: 36px;
background-color: #333333;
border: 0px;
margin: 0px;
}
.greypas{
position: absolute;
left: 0px;
top: 0 px;
width: 100%;
height: 36px;
background-color: #333333;
z-index: -1;
}
.logo{
position: absolute;
display: block;
cursor: pointer;
left: 20px;
top: 68px;
}
.nazevkramku{
float: left;
font-size: 20px;
margin-left: 10px;
font-weight: 800;
margin-top: 2px;
font-family: verdana;
}
.urlkramku{
float: right;
font-size: 13px;
margin-right: 10px;
margin-top: 8px;
}
.urlkramku a{
color: ;
text-decoration: none;
}
.nazevkramku a{
color: #091B67;
text-decoration: none;
}
.paticka{
height: auto;
display:block;
background-color: none;
clear: both;
padding: 0px;
height: 30px;
background-repeat: no-repeat;
}
.boxhledani{
width: 350px;
left: 356px;
position: absolute;
top: 80px;
height: 30px;
}
#hledejid{
width: 276px;
height: 38px;
border: solid #C9C9C9 2px;
border-right: none;
background-color: white;
background-image: none;
margin-top: 4px;
font-size: 16px;
color: #333333;
padding-left: 7px;
}
.bhledej{
background-image: url('tipnet-img/new/hledej.jpg');
width: 36px;
height: 38px;
_height: 38px;
border: 0px;
font-size: 0px;
margin-left:-5px;
padding-top:13px;
background-repeat: no-repeat;
}
.boxlogin{
width: 720px;
left: 350px;
position: absolute;
top: 470px;
height: 30px;
}
.boxhledani select{
color: #091B67;
display: none;
visibility: hidden;
}
.bprihlas{
background-image: url('tipnet-img/button.gif');
height: 30px;
margin-top: 0px;
width: 20px;
font-size: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
cursor: pointer;
line-height: 0px;
color: white;
border: none;
padding: 0px;
}
.bprihlas{
margin-top: 8px;
}
.box{
margin: 2px;
margin-top: 15px;
text-align: center;
}
.boxkosik{
background-image: url('tipnet-img/new/kosik.jpg');
width: 227px;
height: 56px;
position: absolute;
top: 0px;
right: 0px;
padding-right: 40px;
background-repeat: no-repeat;
line-height: 20px;
text-align: right;
padding-top: 7px;
z-index: 1000;
}
.boxkosik a{
text-decoration: none;
color: white;
font-weight: 800;
font-size: 12px;
}
.pravy .box{
border: none;
}
.boxheader{
padding-left: 10px;
padding-top: 2px;
padding-bottom: 2px;
font-size: 16px;
font-weight: 800;
background-color: ;
color: white;
}
ul.menu{
font-size: 16px;
margin-left: -35px;
margin-top: 0px;
width: 300px;
}
.zbozi{
float: left;
width: 240px;
overflow: hidden;
height: 237px;
margin-right: 12px;
margin-bottom: 8px;
position: relative;
}
.zbozi h2{
font-size: 14px;
height: 38px;
overflow: hidden;
text-align: left;
margin: 0px;
margin-top: 12px;
}
.zbozi h2 a{
color: #2361FF;
text-decoration: underline;
}
.zbozi .popis{
text-align: center;
text-align: justify;
font-size: 10px;
height: 138px;
margin-left: 2px;
margin-right: 2px;
overflow: hidden;
}
.popis p{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
font-size: 12px;
}
.zbozi table.img{
height: 92px;
width: 92px;
overflow: hidden;
border: solid #D7D7D7 1px;
}
.zbozi table.img td{
text-align: center;
height: 90px;
width: 90px;
vertical-align: middle;
margin: auto;
overflow: hidden;
background-color: white;
}
.zbozi .img img{
max-height: 90px;
max-width: 90px;
_height: 90px;
_width: 90px;
margin: auto;
border: none;
position: relative;
}
.zbozi .img{
float: left;
display: block;
}
.zbozi .info{
float: left;
width: 136px;
text-align: left;
margin-left: 5px;
margin-bottom: 10px;
margin-right: -30px;
margin-top: -3px;
padding: 0px;
_height: 96px;
}
.zbozi .info td{
margin: 0px;
padding: 0px;
}
.zbozi .info h2{
margin: 0px;
display: block;
text-align: left;
color: #2361FF;
font-size: 12px;
border-bottom: 1px solid #DFDFDF;
}
.zbozi .info h2 a{
text-decoration: none;
color: #2361FF;
font-size: 8pt;
font-family: 'Tahoma CE','Arial CE','Helvetica CE',Tahoma,Arial,lucida,sans-serif;
}
.zdetailnew-popiszbozi img{
max-width: 840px;
}
.zdetailnew-popiszbozi,.zdetailnew-popiszbozi span, .zdetailnew-popiszbozi p{
font-size: 14px !important;
}
.zbozi .cenapredslevou{
text-decoration: line-through;
font-size: 10px;
}
.cenapredslevou{
text-decoration: line-through;
font-weight: 300;
font-size: 12px;
color: #333333;
}
.cena, .usetrite{
font-weight: 800;
}
.usetrite, {
color: black;
font-size: 12px;
}
.cenausetrite{
color: black;
font-weight: 800;
font-size: 10px;
}
.cena{
font-size: 24px;
font-weight: 300;
color: #E10019;
}
.zbozi .data{
font-size: 9px;
width: 100%;
margin: 0px;
color: #535353;
width: 136px;
}
.zbozi .data td{
font-size: 9px;
}
.zbozidetail .data{
width: 524px;
margin-right: -20px;
}
.zbozidetail .data th{
font-size: 12px;
text-align: left;
font-weight: 300;
width: 100px;
height: 16px;
color: black;
padding: 3px;
padding-left: 15px;
}
.trcena{
background-color: #EFEFEF;
padding-top: 5px;
padding-bottom: 5px;
}
.zbozidetail .data td{
text-align: left;
}
.zbozi .pocetz{
width: 20px;
text-align: right;
margin-top: 5px;
}
.zbozidetail .pocetz, .zbozidetail .pocetz1{
border: solid #d4d4d4 1px;
width: 40px;
height: 26px;
margin-left: 5px;
margin-top: 7px;
}
.zbozidetail .pocetz1{
width: 20px;
}
/*.buy, .buy2{
float: right;
margin-right: 44px;
height: 32px;
width: 98px;
background-image: url('tipnet-img/new/do-kosiku.jpg');
color: white;
border: none;
font-weight: 800;
background-repeat: no-repeat;
padding-left: 30px;
background-position: left top;
background-color: transparent;
cursor: pointer;
font-size: 0px;
margin-top: 20px;
}
.buy{
_margin-right: 27px;
_margin-top: -2px;
_margin-left: 5px;
_float: right;
}
.buy2{
margin-top: 5px;
background-image: url('tipnet-img/new/dokosiku2.jpg');
clear: both;
margin-right: 10px;
margin-bottom: 5px;
display: inline-block;
margin-left: 5px;
height: 32px;
}*/
.bdetail{
display: block;
background-image: url('tipnet-img/zbozi/detail.gif');
width: 89px;
height: 22px;
font-size: 1px;
float: left;
margin-top: 20px;
margin-left: 30px;
}
.clear{
clear: both;
}
.mena{
text-align: right;
}
.zbozi .cena{
font-weight: 800;
font-size: 11px;
color: #A6201D;
}
.zbozi .apopis{
text-decoration: none;
color: #333;
}
.pravy .zbozi{
clear: both;
height: 210px;
}
h1{
font-weight: 300;
color: #e1001a;
font-size: 14px;
margin-top: 0px;
font-weight: 800;
padding-bottom: 4px;
}
.duvody{
margin-top: -5px;
float: right;
margin-right: 7px;
}
.name h3{
color: #e1001a;
font-size: 12px;
}
.info h1{
margin-bottom: 2px;
}
.zbozidetail .info{
float: left;
clear: right;
margin-left: 14px;
margin-top: 25px;
}
.vypiszbozi{
width: 760px;
margin-bottom: 50px;
}
.zbozidetail .popis{
padding: 10px;
border-top: 1px solid #C9C9C9;
line-height: 16px;
color: #666;
padding-bottom: 40px;
margin-top: -20px;
}
.zbozidetail .bigimg{
display: block;
}
.obrazky{
margin-top: -60px;
position: absolute;
}
.obrazky a{
border: solid #d4d4d4 1px;
display: block;
width: 60px;
height: 60px;
margin: 10px;
margin-right: 11px;
margin-left: 0px;
margin-bottom:0px;
float: left;
}
.bigimgi{
_width: 190px;
max-width: 190px;
max-height: 190px;
}
.obrazky a:hover{
border: solid #ff5c00 1px;
}
.tsmimg td{
vertical-align: middle;
}
.tsmimg{
width: 60px;
height: 60px;
text-align: center;
}
div.novinky, div.akce{
width: 100%;
clear: both;
}
.menup{
margin-top: 5px;
margin-bottom: 0px;
}
.menup li{
margin-left: 10px;
display: inline;
color: #e1001a;
}
.menup li a{
color: #e1001a;
text-decoration: none;
font-weight: 800;
}
.copy{
display: block;
float: right;
color: white;
font-weight: 800;
margin-right: 15px;
margin-top: -18px;
text-decoration: none;
margin-bottom: -20px;
}
.tablekosik{
width: 95%;
color: #303030;
}
.tablekosik td.mena{
white-space: nowrap;
text-align: right;
}
.tablekosik input{
width: 30px;
text-align: right;
}
.tablekosik a{
color: #091B67;
}
.tablekosik td.cenacelkem{
font-size: 14px;
font-weight: 800;
text-align: right;
padding-right: 20px;
padding-left: 10px;
white-space: nowrap;
}
.tablekosik tr{
border: solid #D6E1E9 1px;
}
.informacekosik{
margin: 10px;
margin-left: 0px;
}
.informacekosik th{
text-align: left;
width: 110px;
background-color: white;
font-weight: 300;
}
.informacekosik td, .informacekosik input{
width: 185px;
}
.informacekosik input{
height: 24px;
padding: 2px;
border: solid #rgb(102, 102, 102) 1px;
}
.infotext{
width: 400px;
margin: 10px;
height: 100px;
border: solid #rgb(102, 102, 102) 1px;
}
.kosikdata{
width: 150px;
height: 20px;
font-size: 12px;
line-height: 19px;
position: absolute;
right: 10px;
top: 7px;
}
.kosikdata a{
font-size: 12px;
color: black;
padding-right: 15px;
font-weight: 800;
}
.kosikdata .sdph{
margin-left: 0px;
}
.kosikdata span{
background-position: left center;
background-image: url('tipnet-img/sipka.gif');
background-repeat: no-repeat;
padding-left: 5px;
}
#kosikpocet, #kosikcena, .kc{
.font-size: 12px;
.color: #333;
}
.kontakt{
margin: 3px;
font-size: 12px;
}
.info .pocetz{
width: 40px;
text-align: right;
}
.info, .info .data{
font-size: 12px;
}
.akcni, .novinka, .nove{
margin-left: 2px;
font-weight: 800;
color: green;
}
.akcni{
color: red;
}
.novinka{
color: blue;
}
#hlaska{
display: none;
width: 200px;
background-color: white;
border: 4px rgb(0,51,153) dashed;
z-index: 100;
font-weight:800;
padding: 15px;
font-size: 25px;
text-align: center;
}
.hlaska2{
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
}
.zbozi2{
position: relative;
display: block;
clear: both;
overflow: hidden;
margin-top: 20px;
background-color: #e6e7e8;
height: 153px;
width: 558px;
margin-left: 17px;
}
.zbozi2 .img{
display: block;
float: left;
width: 130px;
margin: 13px;
margin-right: 11px;
overflow: hidden;
}
.zbozi2 .img td{
border: solid #ccc 1px;
height: 124px;
width: 124px;
vertical-align: middle;
background-color: white;
text-align: center;
overflow: hidden;
}
.zbozi2 .img img{
border: none;
}
.zbozi2 .popis2, .zbozi2 .popis{
width: 390px;
float: left;
overflow: hidden;
margin-left: 4px;
.margin-left: 8px;
font-size: 12px;
height: 74px;
.height: 80px;
padding-bottom: 5px;
}
.zbozi2 .popis{
width: 400px;
}
.zbozi2 .data{
font-size: 12px;
width: 390px;
height: 46px;
font-weight: 800;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
}
.zbozi2 .data table{
font-size: 12px;
color: bleck;
font-weight: 800;
}
.zbozi2 .data .pocetz, .zbozi2 .data .pocetz1{
width: 45px;
height: 25px;
border: none;
text-align: right;
padding-right: 3px;
margin-left:15px;
}
.zbozi2 .data .pocetz1{
width: 20px;
margin-left:5px;
margin-right:5px;
}
.stred .zbozi2 h2{
height: 20px;
overflow: hidden;
margin: 2px;
text-align: left;
margin-top: 13px;
text-transform: uppercase;
margin-left: 0px;
color: #ff5c00;
font-size: 13px;
text-decoration: underline;
font-weight: 800;
padding: 0px;
background-image: none;
}
.zbozi2 h2 a{
color: #ff5c00;
text-decoration: underline;
}
.novisible{
visibility: hidden;
display: none;
}
.sdph{
margin: 0px;
color: black;
font-size: 13px;
line-height: 28px;
}
span.kc{
color: #03b4ce;
margin-left: 0px;
}
.chatbutton{
height: 32px;
width: 142px;
background-image: url('sourceimg/chat.jpg');
position: absolute;
right: 5px;
top: 37px;
cursor: pointer;
display: none;
visibility: hidden;
}
.headermenu ul{
margin: 0px;
margin-top: 5px;
margin-left: 0px;
padding: 0px;
}
.headermenu ul li{
display: inline;
background-image: url('tipnet-img/new/topmenu.gif');
background-repeat: no-repeat;
line-height: 25px;
margin: 5px;
padding-left: 10px;
position: relative;
}
.headermenu ul li a{
color: white;
text-decoration: none;
font-size: 11px;
}
.headermenu ul li.headermenufirst{
background-image: none;
}
.buttonakce{
height: 59px;
width: 220px;
.width: 240px;
background-image: url('sourceimg/menu-akce.jpg');
display: block;
text-align: left;
color: white;
font-size: 16px;
font-weight: 800;
line-height: 59px;
text-decoration: none;
padding-left: 20px;
margin-top: 2px;
}
/*..boxmenu{
background-color: #efefef;
margin-top: 2px;
margin-left: 12px;
width: 300px;
}
.boxmenu .boxheader{
background-image: url('sourceimg/menu-top-roh.jpg');
height: 16px;
background-color: #73daf8;
background-repeat: no-repeat;
background-position: left top;
}
.boxmenu{
margin-bottom: 20px;
}
.boxmenu ul{
list-style-type: none;
}
lihl1{
margin-left:-5px;
}
.lihl1 a{
font-family: arial;
font-size: 11px;
color: #364047;
font-weight: 750;
display: block;
background-repeat: no-repeat;
background-position: 175px center;
text-decoration: none;
border-bottom: 2px solid white;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: uppercase;
white-space: nowrap;
background:#e8eff4;
}
.lihl1 a:hover{
color:#e2001a;
}
ul.ulhl2{
list-style-type: none;
}
ul.ulhl2 .lihl2{
}
.lihl2 a{
background: #b5bfc6;
color: black;
text-decoration: none;
font-size:11px;
font-weight: 750;
display: block;
width: 100%;
margin-bottom:2px;
padding: 5px 0px;
padding-left:15px;
text-transform: lowercase;
}
.liul{
background: white;
margin-left:-10px;
padding:0;
padding-bottom:1px;
}
.lihl2 a:hover{
color:#e2001a;
}
.lihl2 a:first-letter, .podmenu .lihl2 a:first-letter{
text-transform: uppercase;
}
.ulhl3{
display: none;
}
*/
.centermenu{
height: 120px;
width: 584px;
background-image: url('sourceimg/orange-menu.jpg');
background-repeat: no-repeat;
margin: -8px;
margin-top: -10px;
position: relative;
margin-bottom: 15px;
}
.buttoncenter{
display: block;
position:absolute;
height: 120px;
width: 190px;
padding: 20px;
color: white;
font-size: 18px;
font-weight: 18px;
text-decoration: none;
font-weight: 800;
}
#bc1{
left: 0px;
}
#bc2{
left: 210px;
}
#bc3{
left: 400px;
}
.predel{
border:none;
border-top:solid 1px #D7D7D7;
margin-top: 16px;
margin-bottom: 0px;
width: 740px;
margin-right: 10px;
}
.cena{
color: #A6201D;
}
.vyrobce{
color: #2361FF;
}
.zbozihr{
color: #DFDFDF;
background-color: #DFDFDF;
height: 1px;
width: 340px;
}
.obrdoprava{
float: right;
margin-top: -1px;
margin-bottom: -1px;
}
.headerakce{
background-image: url('sourceimg/menu-right.jpg');
background-color: white;
width: 147px;
height: 40px;
background-repeat: no-repeat;
font-size: 13px;
padding-top: 10px;
}
.zcislo1{
background-image: url('sourceimg/right-menu-toproh.jpg');
background-position: top right;
background-repeat: no-repeat;
}
.zcislo4{
background-image: url('sourceimg/right-bottom-menu.jpg');
background-position: left bottom;
background-repeat: no-repeat;
}
.strankovani2{
margin-top: 15px;
height: 80px;
}
.strankuj, .stranka-tecky {
background-color: #e8eff4;
width: 30px;
display: inline-block;
padding: 6px 0;
text-align: center;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
text-decoration: none;
color: #364047;
font-weight: 800;
}
.stranka-aktualni {
background-color: #364047;
width: 30px;
display: inline-block;
padding: 6px 0;
text-align: center;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
text-decoration: none;
color: #e8eff4;
font-weight: 800;
}
.stranky1{
background-color: #fff;
float: right;
text-align: right;
}
.str-dalsi{
width: 30px;
display: inline-block;
padding: 6px 0;
text-align: center;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
text-decoration: none;
background-color: #21272d;
color: #fff;
font-weight: 800;
}
.str-zpet{
width: 30px;
display: inline-block;
padding: 6px 0;
text-align: center;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
text-decoration: none;
background-color: #21272d;
color: #fff;
font-weight: 800;
}
.aktualnist1{
width: 25px;
float: left;
font-size: 12px;
}
.stred p{
text-align: justify;
}
table.zbimg{
width: 198px;
height: 198px;
border: solid #C9C9C9 1px;
float: left;
overflow: hidden;
margin-top: 30px;
}
table.zbimg td{
vertical-align: center;
text-align: center;
}
table.data{
margin-left: 20px;
font-size: 10px;
}
table.data td{
margin: 0px;
font-size: 12px;
}
table.data th{
font-weight: 300;
font-size: 12px;
}
.zboziinformace{
background-repeat: no-repeat;
position: relative;
.height: 139px;
}
.infomenu{
list-style-type: none;
margin-left: -28px;
clear: both;
background-image: url('tipnet-img/zbozi/zalozky.gif');
background-repeat: repeat-x;
display: block;
}
.infomenu li{
float: left;
font-weight: 800;
padding-top: 7px;
width: 130px;
margin-right: 10px;
margin-top: 14px;
color: #2361FF;
cursor: pointer;
font-size: 14px;
border: none;
background-color: #EFEFEF;
height: 23px;
text-align:center;
}
li.infoli{
color: black;
background-color: white;
border-bottom: inherit;
height: 23px;
border-right: 1px solid #C9C9C9;
border-top: 1px solid #C9C9C9;
border-left: 1px solid #C9C9C9;
}
.zboziinformace .popis{
clear: both;
margin-top: -2px;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 200px;
}
.zboziinformace .popis h2{
margin-left: 0px;
font-size: 16px;
color: #E10019;
}
.zboziinformace .popis h3{
font-size: 13px;
}
.code{
display: none;
visibility: hidden;
}
.dotaz th{
width: 50px;
vertical-align: top;
}
.dotaz textarea {
width: 400px;
height: 100px;
}
.dotaz input{
width: 200px;
}
.dotaz th{
text-align: right;
}
input.vlozit_button{
background-image: url(sourceimg/clear-button.jpg);
width: 115px;
height: 28px;
border: 0px;
text-align: center;
font-size: 16px;
color: white;
font-weight: 800;
cursor: pointer;
}
#info2,#info3,#info4{
display: none;
}
.dotaz th{
font-size: 13px;
font-weight: 800;
}
h3{
font-size: 13px;
font-weight: 800;
}
div.zlutybox{
background-image: url('sourceimg/zluta-background.jpg');
height: 39px;
width: 559px;
background-repeat: no-repeat;
overflow: hidden;
text-align: center;
padding-top: 8px;
}
div.zlutybox p{
margin: 0px;
}
.tablekosik{
border-collapse: collapse;
}
.tablekosik tr{
border-bottom:2px solid #fff;
}
.tablekosik th, .trth{
background-color: #73daf8;
border-color: #73daf8;
padding: 6px;
white-space: nowrap;
font-size: 13px;
font-weight: 800;
}
.tablekosik tr{
background-color: #e8e9ea;
}
.tablekosik tr{
margin-top: 2px;
}
tr.kosikcelkem, tr.kosikcelkem td {
padding:6px;
background-color: #ff5c00;
color: white;
font-weight: 800;
padding-left: 40px;
font-size: 13px;
}
.tablekosik a{
color: #ff5c00;
font-size: 13px;
}
.tablekosik a.kosikodeber{
display: block;
line-height: 10px;
margin: 3px;
margin-left: 10px;
margin-right: 10px;
}
.tablekosik button{
display: inline-block;
background-image: url('sourceimg/reload.jpg');
height: 28px;
width: 16px;
font-size: 0px;
border: none;
padding: 0px;
margin-left: 4px;
background-repeat: no-repeat;
cursor: pointer;
background-position: center top;
}
.tablekosik input{
margin-top: 5px;
padding-right: 4px;
border:solid #d4d4d4 1px;
height: 24px;
width:40px;
}
.kosiknazev{
text-align: left;
padding-left: 40px;
}
.kosikpocet{
white-space: nowrap;
}
.stred h2{
color: #e1001a;
font-size: 12px;
font-weight: 800;
}
h2.h2akce{
color: #E10019;
background-image: url('tipnet-img/new/tip.gif');
background-repeat: no-repeat;
padding-left: 25px;
height: 20px;
line-height: 22px;
font-size: 16px;
font-family: arial, sans-serif;
}
.tablekosikpozn{
text-align: right;
font-style: italic;
}
#dodaciadr{
display: none;
}
.buttonobjednat{
width: 251px;
height: 28px;
background-image: url('sourceimg/button-big.jpg');
color: white;
text-align: center;
display: block;
border: none;
font-weight: 800;
cursor: pointer;
}
.kosikstred{
margin-left: 15px;
}
.img a{
text-decoration: none;
}
.slevaobr{
display: block;
position: absolute;
background-image: url('sourceimg/akce.png');
width: 70px;
height: 31px;
top: 26px;
left: 0px;
color: black;
text-decoration: none;
font-weight: 100;
padding-left: 10px;
background-repeat: no-repeat;
text-align: left;
font-size: 11px;
padding-top: 2px;
}
.slevaobr strong{
font-weight: 800;
font-size: 12px;
}
.ulhl2{
padding-top: 0px;
margin-top:0px;
.margin-top:-10px;
}
a.podkat1, a.podkat0{
display: block;
background-repeat: no-repeat;
background-position: left 1px;
line-height: 14px;
font-size: 11px;
position: relative;
font-weight:300;
color: #2361FF;
}
a.podkat1:hover, a.podkat0:hover{
color: #2361FF;
text-decoration: none;
}
.katpodkat{
display: block;
margin-bottom: 16px;
position: relative;
float: left;
width: 230px;
margin-left: -20px;
list-style-type: square;
}
.warr{
color: red;
font-weight: 800;
}
.nobold{
font-weight: 300;
}
.topmenu li{
display: block;
float: left;
background-image: url('tipnet-img/new/menubox.jpg');
background-repeat: no-repeat;
height: 122px;
margin: 0 2px 2px 0;
padding: 16px 16px 0;
position: relative;
text-align: left;
width: 158px;
_width: 190px;
_height: 138px;
}
.topmenu{
display: block;
margin-top: 160px;
left: 0px;
height: 296px;
margin-left: -35px;
margin-right: -60px;
background-color: white;
padding: 7px;
padding-top: 3px;
_width: 1090px;
_height: 308px;
_padding-top: 12px;
_z-index: -1;
}
.topmenu a{
display: block;
font-size: 16px;
font-weight: 800;
height: 40px;
color: black;
text-decoration: none;
padding-right: 45px;
letter-spacing: -0.5px;
}
.topmenu a img{
position: absolute;
right: 10px;
top: 14px;
}
.topmenu div{
margin-top: 12px;
font-size: 12px;
color: #333333;
font-weight: 300;
}
.inputlogin, .inputheslo{
float: left;
}
.boxhledani form{
float: left;
}
.inputlogin, .inputheslo{
color: #BBBBBB;
font-size: 14px;
border: none;
margin-top:6px;
width: 184px;
background-repeat: no-repeat;
padding-left: 5px;
height: 22px;
}
.inputhledej{
background-image: url('tipnet-img/hledat.gif');
_padding-top: 8px;
}
.inputlogin{
padding-left: 20px;
background-image: url('tipnet-img/login.gif');
}
.inputheslo{
padding-left: 20px;
background-image: url('tipnet-img/pass.gif');
}
.novareg{
background-image: url('tipnet-img/sipka.gif');
background-repeat: no-repeat;
padding-left: 10px;
line-height: 20px;
background-position: left center;
display: block;
position: absolute;
top: 7px;
right: 200px;
}
.levynadpis{
font-size: 16px;
color: #e1001a;
border-bottom: solid #e1001a 1px;
padding-left: 20px;
font-weight: 800;
}
.pravynadpis{
font-size: 14px;
color: #e1001a;
border-bottom: solid #e1001a 1px;
padding-left: 10px;
font-weight: 800;
}
.katstrom{
margin-top: 15px;
text-align: left;
}
.katstrom a{
color: #000;
font-family: 'Open Sans', sans-serif, arial;
font-weight: 100;
font-size: 12px;
text-decoration: none;
bottom: 1px;
position: relative;
}
.katstrom .domecek {
position: relative;
top: 3px;
}
a.hlstrom{
color: #535353;
}
#hint {
position: absolute;
z-index: 10;
top: 42px;
_margin-left: -312px;
}
#hint table{ width: 150px; text-align: center; border: solid #999 1px; }
.suggest { background-color: white; text-align: center; cursor: pointer; }
.suggest a{ display: block; height:15px; }
.suggest a:hover{ background-color: #e2001a; cursor: pointer;color:white;}
.suggest a img{border: solid white 1px; }
.zvyraznit{ font-weight: 800; font-size: 11px; }
.sugesttext{ color:#333; padding: 5px; padding-left: 15px; padding-right: 15px; text-align: left; white-space: nowrap; font-size: 12px; }
.suggobr{ text-align: center; background-color: white; }
.suggobr img{ height: 24px; overflow: hidden; }
.sugesttext a{
color:#333;
}
.sugkat{
background-color: #c9c9c9;
padding: 2px;
font-size: 13px;
font-weight: bold;
text-align: right;
font-weight: 800;
padding-right: 20px;
text-transform: uppercase;
}
.box a{
text-decoration: none;
}
.skladem{
color: #03AB03;
font-size: 11px;
font-weight: 800;
}
div.popiszb{
height: 26px;
overflow: hidden;
clear: both;
color: black;
padding: 2px;
padding-top: 12px;
padding-bottom: 3px;
margin-top: 12px;
text-align: justify;
line-height: 16px;
_padding-top: 0px;
_height: 30px;
}
h1.clanek{
color: #e1001a;
border-bottom:1px solid #e1001a;
}
.headermenu ul li:hover ul{
display: block;
}
ul.submenu{
background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid black;
display: none;
left: 0;
opacity: 0.9;
padding: 0;
position: absolute;
top: 10px;
width: 150px;
}
.headermenu ul.submenu{
list-style-type: none;
}
.headermenu .submenu li{
margin: 0px;
padding: 0px;
display: block;
}
.submenu li a {
color: black;
display: block;
font-size: 9px;
font-weight: normal;
margin: 0;
padding: 3px 0;
text-indent: 3px;
width: 100%;
}
.submenu li a:hover {
background: none repeat scroll 0 0 #666666;
color: white;
}
h1.kat{
color: #364047;
font-weight: 300;
font-size: 24px;
font-weight: 800;
font-family: 'Open Sans', sans-serif, arial;
margin-top: 24px;
width: 750px;
}
.kosikdarek{
color: #FF5C00;
font-size: 13px;
font-weight: 800;
}
.kosiktext{
color: #FF5C00;
font-size: 13px;
font-weight: 800;
}
#kosikkc{
.background-image: none;
.padding-left: 0px;
}
.textdarek{
font-size: 12px;
overflow: hidden;
}
.imgdarek{
width: 80px;
}
.dareknadpis{
color: #03AB03;
}
.zbozidetail h1, .zbozidetail h2{
}
.zbozidetail h1{
margin-top: 10px;
}
/*texty*/
.popis{
font-size: 12px;
}
.popis div{
margin-top: 10px;
margin-bottom: 10px;
}
.tabledarek{
margin-top: 0px;
display: block;
_float: left;
background-color: #BDD0FF;
_margin-left: -5px;
_width: 697px;
overflow: hidden;
}
.heurekabox{
background-color: white;
text-align: center;
padding: 20px;
}
.in{
width: 500px;
float: left;
overflow: hidden;
_width: 500px;
}
.stred #darekbox h2 span{
text-decoration: underline;
color: #2361FF;
cursor: pointer;
font-weight: 800;
}
.stred #darekbox h2 b{
font-weight: 800;
}
.stred #darekbox h2{
color: black;
font-size: 14px;
margin-top: 4px;
font-weight: 300;
}
#darekbox{
background-color: #BDD0FF;
height: 29px;
margin-left: 33px;
margin-top: 21px;
overflow: hidden;
position: relative;
display: block;
padding-left: 5px;
}
.darekdetail{
position: absolute;
z-index: 100;
margin-top: -10px;
_margin-top: -13px;
}
li.elektro{
background-image: url('tipnet-img/new/elektro.jpg');
}
li.audio{
background-image: url('tipnet-img/new/audio.jpg');
}
li.kancelar{
background-image: url('tipnet-img/new/kancelar.gif');
}
li.zahrada{
background-image: url('tipnet-img/new/zahrada.jpg');
}
li.zahrada{
background-image: url('tipnet-img/new/zahrada.jpg');
}
li.zahrada{
background-image: url('tipnet-img/new/zahrada.jpg');
}
li.bazeny{
background-image: url('tipnet-img/new/bazeny.jpg');
}
li.hracky{
background-image: url('tipnet-img/new/hracky.jpg');
}
li.speciality{
background-image: url('tipnet-img/new/best.jpg');
}
li.domacnost{
background-image: url('tipnet-img/new/domacnost.jpg');
}
li.sport{
background-image: url('tipnet-img/new/sport.jpg');
}
li.zdravi{
background-image: url('tipnet-img/new/zdravi.gif');
}
li.hracky a, li.bazeny a{
height: 24px;
}
.certifikatuvod{
height: 180px;
margin: 30px;
margin-top: 0px;
}
.in p{
font-size: 12px;
margin-top: 5px;
}
.selectvarianta{
height: 26px;
font-size: 12px;
color: #333333;
border: solid #C9C9C9 1px;
margin-top:-2px;
}
div.icoihned{
background-position: left center;
background-image: url('tipnet-img/ihned.png');
width: 85px;
height: 85px;
position: absolute;
}
/*.vyprodejli a{
color: black;
font-size: 12px;
background: url('sourceimg/design/kat-bg-2.png') 5px -3px;
}
.nadkat a{
color: black;
font-weight: bold;
font-size: 12px;
background: url('sourceimg/design/kat-bg.png') 5px -3px;
}*/
/*texty*/
#ulozenkakosik{
margin-left: 15px;
}
.ulozenkapobocka{
margin-left: 28px;
}
a.katneaktivni{
color: #aaa;
docoration: none;
}
.katfiltr{
background-color: #F6F6F6;
border: 1px solid #CBCBCB;
padding: 5px;
}
/*Splátková kalkulačka*/
.cet-kalkulacka{
font-weight:bold;
padding-top: 10px;
text-decoration:underline;
display:block;
}
.cet-banner{
vertical-align: middle;
}
.cet-info{
font-weight:800;
display:block;
position:absolute;
margin-top:38px;
margin-left:45px;
}
.ui-tooltip {
padding: 5px 10px;
color: rgb(255,81,0);
border-radius: 10px;
box-shadow: 0 0 3px black;
min-width:120px;
}
/*
.pridani-do-kosiku{
display: block;
position:relative;
width:515px;
height: 250px;
margin:0 auto;
background:url("sourceimg/design/pridani-bg.png") repeat-x;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
}
.pridani-do-kosiku img{
margin-left:34px;
margin-top:0px;
width:446px;
height: 69px;
}
.pridani-do-kosiku h2{
display: block;
width:100%;
font-size:20px;
color: #2361FF;
text-align:center;
}
.pridani-do-kosiku-box-text{
display:block;
width:450px;
margin-left:27px;
margin-top:15px;
margin-bottom:90px;
position:relative;
height:auto;
background:none;
text-align:center;
}
.pridani-do-kosiku-box-text-img{
display:block;
float:left;
width:20%;
background:none;
height:70px;
}
.pridani-do-kosiku-box-text-img img{
width:40px;
height:40px;
margin:0px;
vertical-align:middle;
}
.pridani-do-kosiku-box-text-zbozi{
display:block;
float:left;
width:45%;
background:none;
font-size:15px;
height:70px;
font-weight:bold;
padding-right:10px;
}
.pridani-do-kosiku-box-text-mnozstvi{
display:block;
float:left;
width:10%;
background:none;
font-size:13px;
height:70px;
}
.pridani-do-kosiku-box-text-cena{
display:block;
float:left;
width:20%;
background:none;
font-size:16px;
height:70px;
color:#03b4ce;
font-weight:bold;
}
.pridani-do-kosiku-box-a{
display:block;
width:515px;
position:relative;
height:auto;
background:none;
text-align:center;
}
.pridani-do-kosiku-box-a-left{
display:block;
float:left;
width:150px;
height:40px;
line-height:40px;
background:#A6A6A6;
color:white;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
margin-left:70px;
text-decoration:none;
font-size:18px;
}
.pridani-do-kosiku-box-a-right{
display:block;
float:left;
width:150px;
height:40px;
line-height:40px;
background:#a1cf00;
color:white;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
margin-left:70px;
text-decoration:none;
font-size:18px;
}
*/
.jezdici-duvody{
display:block;
position:absolute;
width: 237px;
height: 371px;
left:-19100px;
top:-20000px;
background: url(sourceimg/design/duvody.png) no-repeat;
}
.bottom-new{
width:100%;
height: 170px;
background:#d7d7d7;
margin:15px 0px;
}
.bottom-new-logo{
display:block;
width:300px;
height:165px;
background:url("sourceimg/design/logo.png") no-repeat 50px 45px;
float:left;
margin-top:5px;
}
.bottom-logo-new-tipnet{
display:block;
position:relative;
width:235px;
height:55px;
background:none;
top:40px;
left:25px;
}
.bottom-logo-new-fb{
display:block;
width:60px;
height:60px;
background:none;
margin-left: 70px;
}
.bottom-new-kontakt{
display:block;
width:160px;
height:130px;
margin-top:20px;
background:none;
float:left;
border-right: 2px solid #A5A5A5;
}
.bottom-new-kontakt:last-child{
border: none;
}
.bottom-new-kontakt h2{
display:block;
margin-top:35px;
margin-bottom:20px;
margin-left:20px;
color:black;
font-size:15px;
}
.bottom-new-kontakt a{
display:block;
margin-left:20px;
text-decoration:none;
text-align:left;
color:#2361ff;
line-height:0px;
}
.bottom-new-kontakt a:hover{
text-decoration:underline;
}
.bottom-copyright{
width:250px;
height:20px;
background:white;
display:block;
position:relative;
top:145px;
left:34px;
color:black;
border-radius:10px
}
.filtr-zrus{background:url("sourceimg/design/filtr2.png") top left no-repeat; border:none; width:61px; height:20px; padding: 0px; padding-right: 5px; color:white; cursor:pointer;}
.filtr-start{background:url("sourceimg/design/filtr1.png") top left no-repeat; border:none; width:50px; height:20px; padding: 0px; padding-right: 5px; color:white; cursor:pointer;}
.boxmenu {
position: relative;
padding-top: 1px;
}
.boxmenu li, .boxmenu ul {
list-style-type: none;
white-space: nowrap;
}
.boxmenu li a {
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
font-weight: 800;
display: block;
position: relative;
height: 16px;
width: 240px;
padding: 10px 20px 14px 40px;
text-decoration: none;
background-repeat: no-repeat;
background-position: 20px center;
}
.boxmenu li a.red{
color: #E32D31;
}
li.nadkat {
display: none;
}
.lihl1 a{
background-color: #e8eff4;
color: #364047;
margin-top: 2px;
left: -5px;
}
.lihl2 a{
background-color: #b5bfc6;
color: #364047;
left: -10px;
}
.lihl3 a{
background-color: #677480;
color: #fff;
left: -15px;
padding-left: 55px;
}
.lihl1.active .menuarrow{
content: 'x';
background: url('sourceimg/menuarrow1.png') no-repeat;
position: absolute;
right: 10px;
bottom: -10px;
z-index: 99;
display: block;
width: 20px;
height: 10px;
}
.lihl2.active .menuarrow{
content: 'x';
background: url('sourceimg/menuarrow2.png') no-repeat;
position: absolute;
right: 10px;
bottom: -10px;
z-index: 99;
display: block;
width: 20px;
height: 10px;
}
.lihl3.active .menuarrow{
content: 'x';
background: url('sourceimg/menuarrow3.png') no-repeat;
position: absolute;
right: 10px;
bottom: -10px;
z-index: 99;
display: block;
width: 20px;
height: 10px;
}
.lihl4 a{
background-color: #364047;
color: #fff;
left: -20px;
padding-left: 70px;
}
.lihl1.active:not(.podmenu) a,.lihl2.active:not(.podmenu) a,.lihl3.active:not(.podmenu) a,.lihl4.active a{
background-color: #e1001a;
color: #fff;
}
@-moz-document url-prefix() {
.menu .menu .liul ul.menu{
margin-top:-16px;
}
}
.vyprodejli a, .akceli a, .bazarli a{
background-color: #e8eff4;
color: #e1001a;
}
span.tecka {
display: inline-block;
background: url('sourceimg/tecka.png') no-repeat left center;
width: 15px;
height: 11px;
}
span.tecky {
display: inline-block;
background: url('sourceimg/tecky.png') no-repeat left center;
width: 30px;
height: 11px;
}
.boxmenu {
margin-bottom: 32px;
}
.navsipka {
position: relative;
bottom: -1.4px;
padding: 0 5px;
}
.vyhodytab {
width: 840px;
margin-top: 20px;
}
.vyhodytab td {
border-left: 1px solid #364047;
padding: 0 10px;
}
.vyhodytab td:last-child {
border-right: 1px solid #364047;
}
.vyhoda-imgobal {
display: inline-block;
top: 3px;
position: relative;
padding-left: 8px;
}
.vyhoda-textobal {
display: inline-block;
padding-left: 16px;
}
.vyhodytab p, .vyhodytab strong{
font-family: 'Open Sans', sans-serif, arial;
font-size: 12px;
}
.vyhodytab strong{
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.podkat-frame {
text-decoration: none;
display: inline-block;
margin: 0px 9px 9px 0;
width: 160px;
position: relative;
height: 160px;
}
.podkat-frame > div{
display: block;
border: 1px solid #d3dde3;
width: 130px;
height: 130px;
padding: 15px;
padding-top: 5px;
}
.podkat-frame .img{
display: block;
width: 90px;
height: 90px;
margin: auto;
display: flex;
align-items: center;
position: relative;
}
.podkat-frame .img img{
display: block;
max-width: 90px;
max-height: 90px;
margin: auto;
}
.podkat-frame span {
position: relative;
display: inline-block;
font-family: 'Open Sans', sans-serif, arial;
font-size: 16px;
line-height: 16px;
color: #364047;
text-align: center;
width: 130px;
height: 50px;
background: url('sourceimg/podkatarrow.png') no-repeat center 40px;
background-size: 12px 8px;
}
.vicekat-button, .menekat-button {
background-color: #e8eff4;
cursor: pointer;
}
.vicekat-button span, .menekat-button span {
background: none;
}
.vicekat-button .plus, .menekat-button .minus {
display: block;
margin: 35px auto 28px auto;
padding: 6px;
background-color: #b5bfc6;
color: #e1001a;
border-radius: 20px;
height: 24px;
width: 24px;
font-weight: 800;
font-size: 24px;
line-height: 24px;
text-align: center;
vertical-align: middle;
}
.vypiszbozi table {
position: relative;
right: 29px;
display: block;
}
.vypiszbozi table tr td {
padding-left: 29px;
}
.zbozinew {
width: 260px;
display: block;
padding-top: 5px;
height: 576px;
margin-left: auto;
}
.zbozinew:hover {
background: url('sourceimg/zbozi-hover.png') no-repeat;
}
.zbozinew h2 a{
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
font-weight: 800;
color: #364047;
text-decoration: none;
text-align: center;
width: 240px;
margin: 15px auto 10px auto;
padding: 0 10px;
height: 60px;
display: flex;
align-items: center;
}
.zbozinew h2 {
margin: 0;
}
.zbozinew-img {
width: 260px;
height: 260px;
display: block;
margin: auto;
border: 1px solid #d3dde3;
display: flex;
align-items: center;
position: relative;
}
.zbozinew-img img{
display: block;
max-width: 200px;
max-height: 200px;
margin: auto;
}
.zbozinew:hover .zbozinew-img img{
max-width: 240px;
max-height: 240px;
}
.zbozinew-ikony {
position: absolute;
height: 100px;
}
.ikona {
display: block;
z-index: 10;
background-repeat: no-repeat;
position: relative;
width: 60px;
height: 40px;
font-size: 0;
margin: 5px;
}
.darek{ background: url('sourceimg/ikona-darek.png');}
.zvyhodnenadoprava{ background: url('sourceimg/ikona-doprava.png');}
.dopravazdarma{ background: url('sourceimg/ikona-doprava.png');}
.ikona.sleva{ color: #C83536;
font-size: 40px;
float: right;
margin-left: 205px;
font-weight: 800;
top: 0px;
position: absolute;}
/*
.ikona.sleva{
animation: blinker 4s linear infinite;
}
@keyframes blinker {
50% { opacity: 0; }
} */
.novinka{
height: 40px;
width: 40px;
border-radius: 30px;
background-color: green;
color: white;
font-size: 13px;
line-height: 40px;
text-align: center;
left: 160px;
top: 6px;
position: absolute;
}
.ikonadetailnovinka{
/* height: 20px; */
background-color: green;
color: white;
/* padding: 5px; */
display: inline-block;
margin-top: -53px;
/* margin-bottom: 10px; */
height: 60px;
font-weight: 800;
line-height: 60px;
vertical-align: middle;
/* float: left; */
/* width: 90px; */
/* text-align: center; */
font-size: 14;
padding-left: 16px;
padding-right: 14px;
}
.zbozinew-popis {
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
font-weight: normal;
width: 240px;
margin:15px 10px;
text-align: center;
height: 60px;
overflow:hidden;
}
.zbozinew-cena {
font-family: 'Open Sans', sans-serif, arial;
font-size: 25px;
font-weight: 800;
color: #364047;
width: 100%;
text-align: center;
}
.zbozinew-cenavip{
font-family: 'Open Sans', sans-serif, arial;
font-size: 22px;
font-weight: 800;
color: #e1001a;
margin-top: -13px;
line-height: 24px;
width: 100%;
text-align: center;
}
.zbozinew-sklad span.skladem{
font-family: 'Open Sans', sans-serif, arial;
font-size: 13px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
margin: 10px 0;
color: #00d02c;
}
.zbozinew-sklad span.neniskladem{
font-family: 'Open Sans', sans-serif, arial;
font-size: 13px;
font-weight: normal;
width: 100%;
text-align: center;
display: block;
margin: 10px 0;
color: #364047;
}
.zbozinew-buy {
padding: 8px 14px;
border: 0;
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
margin: 5px auto;
display: block;
color: #fff;
text-transform: uppercase;
background: url(sourceimg/koupit-arrow-right.png) #00d02c no-repeat 90% 50%;
width: 120px;
text-align: left;
}
.zbozinew-moreinfo {
padding: 8px 14px;
border: 0;
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
margin: 5px auto;
display: block;
color: #fff;
text-transform: uppercase;
background: url(sourceimg/koupit-arrow-right.png) #364047 no-repeat 92% 50%;
width: 130px;
text-align: left;
text-decoration: none;
}
.footer1 {
font-family: 'Open Sans', sans-serif, arial;
width: 100%;
height: 215px;
background-color: #364047;
padding: 40px 0;
position: relative;
min-width: 1240px;
}
.footer1 table {
margin: 0 auto;
}
.footer1 h2 {
font-family: 'Open Sans', sans-serif, arial;
font-size: 20px;
font-weight: 800;
color: #fff;
text-align: left;
padding: 0;
margin-top: 0;
}
.footer1 a {
display: block;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
line-height: 28px;
}
.footer1 th {
display: inline-block;
width: 360px;
padding-left: 40px;
}
.footer1 td {
display: inline-block;
vertical-align: top;
width: 360px;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
font-weight: 300;
line-height: 28px;
padding-left: 40px;
}
.footer1 tr td:not(:last-child),
.footer1 tr th:not(:last-child) {
border-right: 1px solid #5b6b75;
}
.footer1 tr td:first-child,
.footer1 tr th:first-child {
border-left: 1px solid #5b6b75;
}
.footer1-ikona {
position: relative;
top: 8px;
padding-right: 10px;
}
.footer1-fb {
position: relative;
left: 300px;
top: -25px;
width: 35px;
}
.footer2 {
width: 100%;
height: 150px;
background-color: #e8eff4;
position: relative;
}
.footer2 .footer2-content {
width: 1200px;
margin: 0 auto;
}
.footer2-heureka {
/*float: left; */
margin-top: 20px;
margin-left: 20px;
}
.footer2-karty {
float: right;
margin-top: 40px;
padding: 20px 10px;
}
.footer2-copy {
font-family: 'Open Sans', sans-serif, arial;
font-size: 12px;
display: block;
margin-top: 20px;
}
.akcekat {
margin-bottom: 20px;
}
.radyatipy {
background-color: #e8eff4;
width: 100%;
margin-bottom: 40px;
padding: 40px;
padding-top: 30px;
}
.radyatipy h2 {
font-weight: 800;
font-family: 'Open Sans', sans-serif, arial;
font-size: 25px;
font-weight: 800;
color: #364047;
margin: 0px;
}
.radyatipy .clanek h3,.radyatipy .clanek h3 a {
font-weight: 800;
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
font-weight: 800;
color: #e1001a;
}
.radyatipy .clanek img {
max-width: 150px;
max-height: 100px;
margin-right: 22px;
}
.radyatipy .clanek p {
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
display: inline-block;
width: 190px;
color: #364047;
}
.radyatipy .clanek {
width: 365px;
display: inline-block;
padding: 15px;
left: -15px;
position: relative;
margin: 0;
}
.vypsat-dalsi {
background: url(sourceimg/button-arrow-down.png) #e1001a no-repeat 90% 55%;
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
color: #fff;
width: 170px;
padding: 12px;
text-transform: uppercase;
border: 0;
margin: 25px auto 0 auto;
display: block;
text-align: left;
}
.proslov {
width: 100%;
margin-bottom: 80px;
}
.proslov h2 {
font-weight: 800;
font-family: 'Open Sans', sans-serif, arial;
font-size: 25px;
color: #364047;
margin-top: 0;
padding-top: 0;
}
.proslov p {
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
color: #364047;
}
.banner-sleva {
top: 0px;
z-index: 100;
position: relative;
}
.zdetailnew-main {
width: 100%;
display: flex;
position: relative;
}
.zdetailnew-img {
width: 480px;
height: 480px;
border: 1px solid #d3dde3;
}
.zdetailnew-info {
width: 320px;
min-height: 480px;
margin-left: auto;
}
.zdetailnew-imgikony {
position: absolute;
left: 0;
top: 0;
}
.zdetailnew-imgikony img:not(:last-child) {
padding-right: 5.5px;
}
.zdetailnew-imgikony img:last-child {
padding-left: 1px;
}
.zdetailnew-img {
position: relative;
}
.zdetailnew-img img{
max-width: 400px;
max-height: 400px;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.zdetailnew-info table {
width: 100%;
}
.zdetailnew-info table td {
color: #364047;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
}
.zdetailnew-info table .green {
color: #00d02c;
}
.zdetailnew-info .dopravazdarma, .zdetailnew-info .odlozenaplatba {
color: #00d02c;
padding: 10px 20px 10px 80px;
font-family: 'Open Sans', sans-serif, arial;
font-size: 16px;
font-weight: 800;
background: url('sourceimg/ikona-doprava.png') no-repeat #e8eff4 1% 50%;
text-transform: uppercase;
margin: 17px 0;
}
.zdetailnew-info .odlozenaplatba {
background: url('sourceimg/ikona-hodiny-small.png') no-repeat #e8eff4 7% 50%;
}
.zdetailnew-info .dopravazdarma .otaznik, .zdetailnew-info .odlozenaplatba .otaznik {
background-color: #00d02c;
color: #e8eff4;
text-align: center;
width: 20px;
height: 20px;
display: inline-block;
line-height: 20px;
position: absolute;
right: 20px;
}
.zdetailnew-info .dopravazdarma .otaznik .cenik, .zdetailnew-info .odlozenaplatba .otaznik .cenik {
background: #364147;
width: 125px;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 11px;
font-weight: 300;
z-index: 999 !important;
text-align: left;
padding: 15px;
display: none;
margin-top: -20px;
margin-left: -155px;
text-transform: none;
}
.zdetailnew-info .dopravazdarma .otaznik:hover .cenik, .zdetailnew-info .odlozenaplatba .otaznik:hover .cenik {
display: block;
}
.zdetailnew-info .hlidat {
color: #e1001a;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
padding-left: 10px;
font-weight: 800;
background: url('sourceimg/arrowrightred.png') no-repeat 90% 50%;
text-transform: uppercase;
width: 200px;
height: 30px;
line-height: 30px;
vertical-align: middle;
margin: 17px 0 1px auto;
}
.zdetailnew-info .alternativy {
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
padding-left: 10px;
font-weight: 800;
background: url('sourceimg/arrowrightwhite.png') no-repeat #e1001a 90% 50%;
text-transform: uppercase;
width: 200px;
height: 30px;
line-height: 30px;
vertical-align: middle;
margin: 1px 0 17px auto;
}
.zdetailnew-info .alternativy a {
color: #fff;
text-decoration: none;
}
.zdetailnew-info select {
width: 100%;
padding: 5px;
border-radius: 0;
border: 1px solid #d3dde3;
color: #364047;
margin-bottom: 10px;
}
.zdetailnew-info .kc {
font-family: 'Open Sans', sans-serif, arial;
font-size: 35px;
font-weight: 800;
color: #364047;
}
.zdetailnew-info .sdph,
.zdetailnew-info .puvodnicena,
.zdetailnew-info .puvodnicenakc,
.zdetailnew-info .usetrite {
font-family: 'Open Sans', sans-serif, arial;
font-size: 16px;
color: #364047;
}
.zdetailnew-info .sdph,
.zdetailnew-info .usetrite {
font-weight: 800;
}
.zdetailnew-info .puvodnicenakc {
text-decoration: line-through;
}
.zdetailnew-info .cena {
text-align: center;
}
.zdetailnew-info .dokosiku{
position: relative;
}
.zdetailnew-info .dokosiku .submit{
width: 100%;
background: url('sourceimg/bigarrow-right.png') no-repeat 93% 50% #00d02c;
text-align: center;
position: relative;
text-transform: uppercase;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 20px;
padding: 20px 0;
margin: 17px 0;
border: 0;
}
.zdetailnew-info .dokosiku .submit.moveright{
padding-left: 80px;
}
.zdetailnew-info .ksobal {
position: absolute;
top: 35px;
left: 20px;
width: 80px;
}
.zdetailnew-info .ksobal-x {
position: absolute;
top: 35px;
left: 10px;
width: 80px;
}
.zdetailnew-info .ksobal-y {
position: absolute;
top: 35px;
left: 70px;
width: 80px;
}
.zdetailnew-info .ksinput {
width: 40px;
height: 30px;
padding: 5px;
color: #364047;
text-align: right;
font-size: 16px;
border: 0;
}
.zdetailnew-info .ks {
color: #364047;
font-size: 16px;
padding: 5px;
color: #fff;
}
.zdetailnew-info .ksinput::-webkit-outer-spin-button,
.zdetailnew-info .ksinput::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.zdetailnew-info .nasplatky {
padding: 11px 0;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
height: 38px;
width: 100%;
background: url('sourceimg/homecredit.png') no-repeat 93% 50% #e8eff4;
}
.zdetailnew-info .nasplatky span {
margin-left: 20px;
display: inline-block;
}
.zdetailnew-fotoahelp {
margin-top: 30px;
display: flex;
}
.zdetailnew-foto td div{
padding: 1px;
width: 118px;
height: 118px;
margin: auto;
display: flex;
align-items: center;
position: relative;
}
.zdetailnew-foto td div img{
display: block;
max-width: 118px;
max-height: 118px;
margin: auto;
}
.zdetailnew-foto .dalsifoto {
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
width: 118px;
height: 118px;
display: block;
background-color: #e8eff4;
color: #364047;
text-align: center;
margin-left: 2px;
}
.zdetailnew-foto .dalsifoto a {
text-decoration: none;
color: #364047;
}
.zdetailnew-foto .dalsifoto .plus {
width: 26px;
height: 26px;
display: block;
margin: auto;
padding-top: 35px;
padding-bottom: 5px;
}
.zdetailnew-help {
border-top: 1px solid #d3dde3;
display: block;
position: relative;
width: 320px;
margin-left: auto;
}
.zdetailnew-help h3{
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
font-weight: 800;
}
.zdetailnew-help img {
position: absolute;
background-color: #e8eff4;
left: 0;
top: 46px;
}
.zdetailnew-help span {
display: inline-block;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
margin-left: 90px;
padding-bottom: 5px;
}
.zdetailnew-help .jmeno{
font-weight: 800;
}
.zdetailnew-help .tel {
padding-left: 30px;
background: url('sourceimg/kontakt-tel.png') no-repeat;
line-height: 17px;
}
.zdetailnew-help .mail {
padding-left: 30px;
background: url('sourceimg/kontakt-mail.png') no-repeat;
line-height: 17px;
}
.zdetailnew-darky {
margin: 30px 0;
}
.zdetailnew-darky .zvolenydarek {
width: 840px;
min-height: 65px;
background-color: #e8eff4;
display: flex;
}
.zdetailnew-darky div,
.zdetailnew-darky .zvolenydarek .mid td {
min-height: 65px;
text-align: center;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
font-weight: 800;
vertical-align: middle;
padding: 2px;
height: 65px;
}
.zdetailnew-darky .zvolenydarek .left{
width: 160px;
text-transform: uppercase;
color: #e1001a;
line-height: 65px;
padding-left: 40px;
background: url('sourceimg/darek.png') no-repeat 13% 47%;
}
.zdetailnew-darky .zvolenydarek .mid{
width: 440px;
}
.zdetailnew-darky .zvolenydarek .right{
width: 180px;
padding-right: 20px;
text-transform: uppercase;
color: #e1001a;
line-height: 65px;
background: url('sourceimg/zbozidetail-jinydarekarrow.png') no-repeat 90% center;
cursor: pointer;
}
.zdetailnew-darky .ostatnidarky {
background-color: #f3f7f9;
width: 840px;
padding: 10px 0;
display: block;
}
.zdetailnew-darky .ostatnidarky td {
height: 75px;
text-align: center;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
font-weight: 800;
vertical-align: center;
padding: 10px 0;
}
.zdetailnew-darky .ostatnidarky td:last-child {
text-align: left;
}
.zdetailnew-darky .ostatnidarky td span {
width: 840px;
color: #e1001a;
padding-left: 20px;
}
.zdetailnew-darky .ostatnidarky td img {
width: 75px;
height: 75px;
}
.zdetailnew-menu {
width: 840px;
margin: 40px 0;
}
.zdetailnew-menu a {
padding: 0;
margin: 0;
border: 0;
text-decoration: none;
color: #364047;
}
.zdetailnew-menu div {
width: 200px;
border: 1px solid #d3dde3;
height: 70px;
display: inline-block;
margin-right: 7px;
text-align: center;
vertical-align: middle;
line-height: 60px;
font-family: 'Open Sans', sans-serif, arial;
font-size: 16px;
background: url('sourceimg/zbozidetail-menuarrow.png') no-repeat center 75%;
}
.zdetailnew-menu a:last-child div {margin-right: 0px;}
.zdetailnew-menu a:first-child div {margin-left: 1px;}
.zdetailnew-menublocky > div > h2 {
font-family: 'Open Sans', sans-serif, arial;
font-size: 25px;
font-weight: 800;
color: #364047;
border-bottom: 1px solid #d3dde3;
padding: 0 0 20px 0;
}
.zdetailnew-bannery span{
font-family: 'Open Sans', sans-serif, arial;
font-size: 13px;
font-weight: 800;
background-color: #364047;
padding: 9px;
color: #fff;
text-transform: uppercase;
margin-top: 10px;
margin-left: 10px;
top: -7px;
position: relative;
display: inline-block;
}
.zdetailnew-popiszbozi p{
margin: 25px 0;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
color: #364047;
}
.zdetailnew-parametry table{
/* width: 420px; */
}
.zdetailnew-parametry tr:nth-child(odd){
background-color: #e8eff4;
}
.zdetailnew-parametry tr:nth-child(even){
background-color: #f3f7f9;
}
.zdetailnew-parametry td{
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
padding: 5px 20px;
}
.zdetailnew-parametry td:last-child{
text-align: right;
}
.zdetailnew-ovyrobci img {
position: absolute;
}
.zdetailnew-ovyrobci p {
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
color: #364047;
padding-left: 180px;
}
.zdetailnew-kestazeni {
position: relative;
}
.zdetailnew-kestazeni a {
background: url(sourceimg/download.png) no-repeat;
padding-left: 30px;
color: #e1001a;
text-decoration: none;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
}
.zdetailnew {
margin-bottom: 30px;
}
.zdetailnew-alternativnizbozi,
.zdetailnew-souvisejicizbozi {
border-bottom: 1px solid #d3dde3;
padding-bottom: 20px;
}
.zdetailnew-alternativnizbozi tr td:not(:last-child):not(:first-child),
.zdetailnew-souvisejicizbozi tr td:not(:last-child):not(:first-child) {
padding: 0 29px;
}
.ostatniprikoupili {
color: #364047;
font-family: 'Open Sans', sans-serif, arial;
font-size: 25px;
font-weight: 800;
width: 900px;
text-align: center;
margin-top: 50px;
}
.ostatniprikoupili-table {
margin: 0 30px;
}
.ostatniprikoupili-table tr td:not(:last-child):not(:first-child) {
padding: 0 29px;
}
.ostatniprikoupili + hr {
background-color: #d3dde3;
height: 1px;
border: 0;
width: 840px;
margin-top: 30px;
}
.uvodkanew {
position: relative;
width: 1200px;
margin: 0 auto;
display: block;
margin-bottom: 40px;
}
.welcometext {
width: 100%;
color: #364047;
background-color: #e8eff4;
position: relative;
font-family: 'Open Sans', sans-serif, arial;
font-size: 20px;
padding: 40px 0;
}
.welcometext b {
font-weight: 800;
}
.welcometext strong {
color: #e1001a;
font-weight: 300;
}
.vyhodytabplus {
width: 1200px;
margin-bottom: 40px;
}
.vyhodytabplus td {
border-left: 1px solid #364047;
padding: 0 10px;
}
.vyhodytabplus td:last-child {
border-right: 1px solid #364047;
}
.vyhodytabplus .vyhoda-imgobal {
display: inline-block;
top: 3px;
position: relative;
padding-left: 8px;
}
.vyhodytabplus .vyhoda-textobal {
display: inline-block;
padding-left: 16px;
}
.vyhodytabplus p, .vyhodytab strong{
font-family: 'Open Sans', sans-serif, arial;
font-size: 12px;
}
.vyhodytabplus strong{
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
.uvodkanew h1 {
font-family: 'Open Sans', sans-serif, arial;
font-size: 25px;
font-weight: 800;
color: #364047;
text-align: center;
width: 1200px;
margin-top: 30px;
margin-bottom: 30px;
}
.uvodkanew a {
color: #364047;
text-decoration: none;
}
.uvodkanew .otazka {
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
text-align: center;
width: 1200px;
display: inline-block;
}
.uvodkanewkat{
width: 100%;
margin: 40px auto;
white-space: nowrap;
}
.uvodkanewkat div {
width: 228px;
height: 228px;
border: 1px solid #d3dde3;
text-align: center;
background-repeat: no-repeat;
background-position: 0 -12px;
font-family: 'Open Sans', sans-serif, arial;
font-size: 20px;
display: inline-block;
margin: 0;
}
.uvodkanewkat a:not(:last-child) div{
margin-right: 9.5px;
}
.uvodkanewkat div span {
background: url(sourceimg/podkatarrow.png) no-repeat 50% 65%;
width: 100%;
display: block;
margin: 160px auto 0 auto;
height: 72px;
}
.uvodkanew .search {
height: 160px;
background-color: #e8eff4;
}
.uvodkanew .search span{
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
display: inline-block;
text-align: center;
width: 100%;
margin-top: 40px;
margin-bottom: 30px;
}
.uvodkanew .search form{
width: 600px;
height: 40px;
margin: 0 auto;
background: url(sourceimg/lupa.png) no-repeat 15px 50% #fff;
}
.uvodkanew input:focus {
outline: none;
}
.uvodkanew .search .window#hledejid{
width: 477px;
height: 40px;
border: 0;
margin-left: 40px;
position: relative;
top: -4px;
right: -4px;
}
.uvodkanew .search .send{
position: absolute;
width: 80px;
height: 40px;
border: 2px solid #fff;
margin: 0;
padding: 0;
background-color: #e1001a;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
text-transform: uppercase;
}
.headernew {
top: -3px;
position: relative;
.background: url(sourceimg/trava.png) repeat-x center 0px;
background-color: #364047;
height: 220px;
margin-bottom: -3px;
min-width: 1200px;
}
.headernew .cont {
width: 1200px;
margin: 0 auto;
position: relative;
}
.headernew .blackline {
background-color: #050608;
height: 50px;
position: absolute;
width: 100%;
}
.headernew .imageline {
height: 170px;
position: absolute;
width: 100%;
top: 50px;
}
.headernew .login {
background: url(sourceimg/zamek.png) no-repeat 0% 50%;
height: 50px;
width: 140px;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 16px;
line-height: 50px;
vertical-align: middle;
position: absolute;
right: 260px;
}
.headernew .postovne {
background: #e1001a;
height: 50px;
width: 300px;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 16px;
line-height: 50px;
vertical-align: middle;
margin-left: auto;
}
.headernew .logo {
background: url(sourceimg/logo-penzo.png) no-repeat 20px 55%;
height: 120px;
width: 320px;
top: -3px;
position: absolute;
padding: 0 40px
}
.headernew .logo span {
position: absolute;
left: 210px;
text-align: left;
font-family: 'Open Sans', sans-serif, arial;
font-size: 20px;
color: #fff;
text-transform: uppercase;
font-weight: 300;
margin-top: 32px;
}
.headernew .hledat {
position: absolute;
top: 40px;
left: 425px;
width: 350px;
}
.headernew .hledat form{
width: 350px;
height: 40px;
margin: 0 auto;
background: url(sourceimg/lupa.png) no-repeat 15px 50% #fff;
}
.headernew input:focus {
outline: none;
}
.headernew .hledat .window#hledejid{
width: 226px;
height: 40px;
border: 0;
margin-left: 40px;
position: relative;
top: -4px;
right: -4px;
}
.headernew .hledat .send{
width: 80px;
height: 40px;
border: 2px solid #fff;
margin: 0;
padding: 0;
top: -3px;
position: relative;
background-color: #e1001a;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 15px;
text-transform: uppercase;
}
/* Chrome only: */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.headernew .hledat .send{
top: -4px;
}
}
.headernew .kontakt {
width: 155px;
height: 40px;
right: 185px;
position: absolute;
top: 28px;
padding: 12px 0 12px 30px;
margin: 0;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
text-align: left;
background: url(sourceimg/telefon.png) no-repeat 0% 50%;
}
.headernew .kosik {
width: 115px;
height: 64px;
line-height: 64px;
vertical-align: middle;
right: 0;
position: absolute;
top: 28px;
padding: 0 0 0 60px;
margin: 0;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 16px;
font-weight: 800;
background: url(sourceimg/kosik.png) no-repeat 20% 50% #000;
}
.headernew .headermenu {
height: 46px;
width: 1200px;
top: 124px;
position: absolute;
white-space: nowrap;
}
.headernew .zobak {
position: absolute;
width: 30px;
height: 15px;
background: url(sourceimg/header-zobak.png) no-repeat 50% 50%;
right: 20px;
}
.headernew .kosik .ks {
width: 21px;
height: 21px;
background: url(sourceimg/kosik-kolecko.png) no-repeat 50% 50%;
position: absolute;
left: 10px;
top: 10px;
line-height: 21px;
font-size: 12px;
text-align: center;
}
.headernew .kosik .ks.skryt {
display: none;
}
.headermenu div {
display: inline-block;
width: 187px;
height: 46px;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
line-height: 46px;
vertical-align: middle;
text-align: right;
padding-right: 10px;
}
.headermenu div:hover {
color: #364047;
}
.headermenu div.akce {
width: 78px;
background: url(sourceimg/headermenu-ikony/new/akce.png) no-repeat 18% 50% #e1001a;
}
.headermenu div.akce:hover,.headermenu div.akceaktiv {
color: #364047;
width: 78px;
background: url(sourceimg/headermenu-ikony/new/akcehov.png) no-repeat 18% 50% #fff;
}
.headermenu div.penzo {
background: url(sourceimg/headermenu-ikony/penzo.png) no-repeat 15% 50% #e1001a;}
.headermenu div.penzo:hover,.headermenu div.penzoaktiv {
background: url(sourceimg/headermenu-ikony/penzohov.png) no-repeat 15% 50% #fff;
color: #364047;
}
.headermenu div.zahrada {
background: url(sourceimg/headermenu-ikony/new/zahrada.png) no-repeat 15% 50% #e1001a;
width: 116px;
}
.headermenu div.zahrada:hover,.headermenu div.zahradaaktiv {
background: url(sourceimg/headermenu-ikony/new/zahradahov.png) no-repeat 15% 50% #fff;
color: #364047;
width: 116px;
}
.headermenu div.naradi {
background: url(sourceimg/headermenu-ikony/new/naradi.png) no-repeat 15% 50% #e1001a;
width: 96px;
}
.headermenu div.naradi:hover, .headermenu div.naradiaktiv {
background: url(sourceimg/headermenu-ikony/new/naradihov.png) no-repeat 15% 50% #fff;
width: 96px;
color: #364047;
}
.headermenu div.bazeny {
background: url(sourceimg/headermenu-ikony/new/bazeny.png) no-repeat 15% 50% #e1001a;
width: 104px;
}
.headermenu div.bazeny:hover, .headermenu div.bazenyaktiv {
background: url(sourceimg/headermenu-ikony/new/bazenyhov.png) no-repeat 15% 50% #fff;
color: #364047;
width: 104px;
}
.headermenu div.sport {
background: url(sourceimg/headermenu-ikony/new/sport.png) no-repeat 15% 50% #e1001a;
width: 102px;}
.headermenu div.sport:hover, .headermenu div.sportaktiv {
background: url(sourceimg/headermenu-ikony/new/sporthov.png) no-repeat 15% 50% #fff;
color: #364047;
width: 102px;
}
.headermenu div.elektro {
background: url(sourceimg/headermenu-ikony/new/elektro.png) no-repeat 12% 50% #e1001a;
width: 192px;}
.headermenu div.elektro:hover, .headermenu div.elektroaktiv {
background: url(sourceimg/headermenu-ikony/new/elektrohov.png) no-repeat 12% 50% #fff;
color: #364047;
width: 192px;
}
.headermenu div.domacnost {
background: url(sourceimg/headermenu-ikony/new/domacnost.png) no-repeat 12% 50% #e1001a;
width: 126px;}
.headermenu div.domacnost:hover, .headermenu div.domacnostaktiv {
background: url(sourceimg/headermenu-ikony/new/domacnosthov.png) no-repeat 12% 50% #fff;
color: #364047;
width: 126px;
}
.headermenu div.deti {
background: url(sourceimg/headermenu-ikony/new/deti.png) no-repeat 12% 50% #e1001a;
width: 144px;}
.headermenu div.deti:hover, .headermenu div.detiaktiv {
background: url(sourceimg/headermenu-ikony/new/detihov.png) no-repeat 12% 50% #fff;
color: #364047;
width: 144px;
}
.headermenu div.auto {
background: url(sourceimg/headermenu-ikony/new/auto.png) no-repeat 12% 50% #e1001a;
width: 130px;}
.headermenu div.auto:hover, .headermenu div.autoaktiv {
background: url(sourceimg/headermenu-ikony/new/autohov.png) no-repeat 12% 50% #fff;
color: #364047;
width: 130px;
}
.headermenu div.dekorace {
background: url(sourceimg/headermenu-ikony/new/dekorace.png) no-repeat 16% 50% #e1001a;
width: 130px;}
.headermenu div.dekorace:hover, .headermenu div.dekoraceaktiv {
background: url(sourceimg/headermenu-ikony/new/dekoracehov.png) no-repeat 16% 50% #fff;
color: #364047;
width: 130px;
}
.headermenu div.outdoor {
background: url(sourceimg/headermenu-ikony/outdoor.png) no-repeat 15% 50% #e1001a;}
.headermenu div.outdoor:hover, .headermenu div.outdooraktiv {
background: url(sourceimg/headermenu-ikony/outdoorhov.png) no-repeat 15% 50% #fff;
color: #364047;
}
.kosikmenu {
width: 1200px;
}
.kosikmenu a div {
width: 300px;
height: 65px;
background: url(sourceimg/kosik-menuarrow.png) no-repeat 100% 50% #e8eff4;
display: inline-block;
padding: 0;
margin: 0;
border: 0;
text-decoration: none;
}
/*newdesign petr*/
.kosikkroky{
height: 65px;
width: 100%;
background-color: #E8EFF4;
margin-top: 2px;
}
.kosikkroky div{
width: 25%;
display: inline-block;
height: 65px;
background-color: #E8EFF4;
background-image: url("sourceimg/newdesign/kosik-krok-sipka.png");
background-position: top right;
background-repeat: no-repeat;
text-align: center;
line-height: 65px; /* <-- this is what you must define */
vertical-align: middle;
font-size: 13px;
color: #353F47;
margin-right:-3px;
font-weight: 700;
padding-left: -10px;
}
.kosikkroky div.aktiv{
background-image: url("sourceimg/newdesign/kosik-krok-sipka-aktive.png");
background-color: #364047;
color: white;
}
.kosikkroky div.predaktiv{
background-image: url("sourceimg/newdesign/kosik-krok-sipka-beforeaktive.png");
}
.kosikkroky div:last-child{
background-image: none;
}
.kosikkroky div span{
display: inline-block;
vertical-align: middle;
}
.pravystred2{
float: right;
width: 100%;
background-color: white;
}
.tablekosik{
margin-top: 78px;
}
.tablekosik tr:not(:first-child){
height: 50px;
background-color: #E8EFF4;
padding-top: 0;
padding-bottom: 0;
}
.tablekosik tr:nth-child(even) {background: #E8EFF4;}
.tablekosik tr:nth-child(odd) {background: #F3F7F9;}
.tablekosik th{
background-color: #364047;
color: white;
height: 50px;
line-height:48px;
vertical-align: middle;
padding: 0;
}
.tablekosik th:nth-child(n+4) {
text-align: right;
}
.tablekosik{
width: 100%;
}
.kosikstred{
margin-left: 0px;
}
.kosikpocet{
text-align: right;
}
td.kosiktext{
padding-left: 20px;
color: #353F47;
}
td.kosiktext a{
color: #353F47;
text-decoration: none;
}
th.kosiknazev{
padding-left: 20px;
}
.tablekosik input {
border: none;
}
.tablekosik button{
/* position: absolute; */
left: 780px;
background-image: url("sourceimg/newdesign/kosik-reload.png");
width: 20px;
margin-left: 10px;
background-color: transparent;
}
table.tablekosik td{
font-size: 13px;
}
.tablekosik tr{
border-bottom: none;
border-top: solid white 2px;
border-left: none;
border-right: none;
}
.tablekosik a.kosikodeber{
background-image: none;
text-decoration: none;
}
.tablekosik tr td:last-child {
text-align: right;
padding-right: 20px;
}
.tablekosik tr.kosikcelkem{
margin-top: 10px;
background-color: white;
border-top: 1px solid black;
border-bottom:2px solid black;
height: 110px;
}
tr.kosikcelkem td{
background-color: white;
color: #353F47;
font-size: 25px;
border-top: solid 1px black;
}
.tablekosik td.cenacelkem{
font-size: 25px;
font-weight: 800;
}
.newbuttonkosik{
background-color: #00D02C;
float: right;
padding: 20px;
font-size: 20px;
color: white;
border: none;
margin-top: 30px;
cursor: pointer;
margin-bottom: 30px;
}
.newbuttonkosikhome{
background-color: #00D02C;
padding: 20px;
font-size: 20px;
color: white;
border: none;
margin-top: 30px;
cursor: pointer;
margin-bottom: 30px;
display: inline-block;
text-decoration: none;
white-space: nowrap;
}
.newbuttonkosik span, .newbuttonkosikhome span{
margin-left: 34px;
font-size: 25px;
}
.buttonbackkosik{
color: #E00019;
text-decoration: none;
font-size: 14px;
margin-top: 60px;
display: inline-block;
foont-weight: 700;
cursor: pointer;
}
.buttonbackkosik span{
margin-right: 15px;
font-size: 20px;
}
.kosikstred h2{
color: #353F47;
font-size: 25px;
}
.tabledoprava{
width: 100%;
border-collapse: collapse;
}
.tabledoprava tr{
height: 50px;
font-size: 14px;
color: #353F47;
border-top: 1px solid white;
}
.tabledoprava tr.trdoprava2 {background: #E8EFF4;}
.tabledoprava tr.trdoprava {background:#F3F7F9; }
.tabledoprava tr td:nth-child(6) {
font-weight: 800;
}
.tabledoprava tr td:nth-child(2) {
}
.tabledoprava td {
font-size: 14px;
padding-top: 10px;
vertical-align: top;
}
.tabledoprava td input {
margin-top: 5px;
margin-right: 20;
}
.informacekosik{
background-color: #E8eef5;
width: 100%;
padding-bottom: 10px;
padding-top: 10px;
}
.informacekosik2{
background-color: #E8eef5;
width: 100%;
padding: 18px;
margin-top: 40px;
}
.informacekosik2 h2{
margin-top: 18px;
margin-bottom: 18px;
}
.informacekosik2 td{
height: 20px;
font-size: 14px;
color: #353F47;
padding-left: 18px;
}
.souhlasdiv{
float: right;
width: 450px;
margin-top: 45px;
}
.informacekosik th{
background-color: transparent;
padding-left: 20px;
text-align: left;
width: 154px;
font-size: 14px;
color: #353F47;
}
.informacekosik td{
padding: 9px;
text-align: left;
width: auto;
}
#firmafa{
display: none;
}
table.kosikcena{
width: 100%;
border-collapse: collapse;
border-bottom: solid black 1px;
margin-top: 32px;
padding-bottom: 14px;
padding-top: 14px;
}
.tabledoprava tr.kosikcelkem2{
margin-top: 10px;
background-color: white;
border-top: 1px solid black;
height: 30px;
}
.tabledoprava tr.kosikcelkem3{
margin-top: 10px;
background-color: white;
border-bottom:2px solid black;
height: 75px;
}
.tabledoprava tr.kosikcelkem2 td, .tabledoprava tr.kosikcelkem3 td{
background-color: white;
}
.tabledoprava tr.kosikcelkem3 td{
font-size: 25px;
font-weight: 800;
}
.tabledoprava tr.kosikcelkem2 td{
font-size: 16px;
}
.tablekosik tr th:nth-child(n+2) {
text-align: right;
}
.kosikpocet input {
height: 30px;
padding: 4px;
margin: 0;
margin-right: 5px;
}
.imgkosik {
max-height: 75px;
}
.boxkoupeno{
position: rlative;
display: block;
padding: 9px;
padding-left: 35px;
border: 1px solid rgb(225, 0, 26);;
color: rgb(225, 0, 26);
font-size: 12px;
text-align: left;
font-weight: bold;
border-radius: 3px;
background: #F6FFEB;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px;
}
.informaceDopravaPlatba h1{
text-align:left;
font-size:16px;
}
.informaceDopravaPlatba p{
text-align:left;
font-size:14px;
margin-top:10px;
}
button.buttonsleva{
display: inline-block;
position: relative;
width: 170px;
height: 37px;
background-color: #364047;
float: none;
background-image:none;
font-size: 14px;
color: white;
left: 10px;
}
button.buttonsleva span{
margin-left: 10 px;
display: inline-block;
}
.kodtr td{
padding: 20px
}
.tablekosik .kodtr{
background-color: #E8EEF4;
border-top: 2px black solid;
border-bottom: 2px black solid;
}
.tablekosik input.slevovykod{
width:180px;
height: 30px;
text-align:left;
}
.ikonasleva{
display: block;
position: absolute;
margin-left: 210px;
margin-top: 10px;
z-index: 1000;
width: 40px;
height: 40px;
background: url('sourceimg/design/sleva-ikona.png');
color: white;
padding-top: 12px;
text-align: center;
background-repeat: no-repeat;
font-weight: 800;
font-family: verdana;
font-size: 11px;
}
.bezstarostnyservis{
background-color: #19C6FF;
padding: 19px;
display: block;
position: relative;
height: 32px;
margin-top: 30px;
}
.beznadpis{
float: left;
color: white;
width: 135px;
font-weight: 800;
}
.beztext{
float: left;
width: 650px;
}
.beztext a{
color: white;
font-weight: 800;
text-decoration: none;
}
.darekobrhl{
border: 5px solid #ddd;
display: block;
left: 20px;
position: absolute;
visibility: hidden;
width: 300px;
z-index: 1200;
}
#slider-range {
height: 6px;
}
.ui-slider-range .ui-widget-header .ui-corner-all {
background-color: red;
color: green;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
border-radius: 0;
}
.ui-state-default:last-child, .ui-widget-content .ui-state-default{
background:#002c37;
border: 2px solid #fff;
color:#fff;
border-radius: 10px;
width: 16px;
height: 16px;
content: '+';
top: -7px;
background-image: url(/kramky/source0/sourceimg/sliderplus.png);
background-position: center center;
background-repeat: no-repeat;
}
.ui-state-default, .ui-widget-content .ui-state-default:last-child{
background-image: url(/kramky/source0/sourceimg/sliderminus.png);
}
.ui-state-hover{
background:rgb(80,127,144);
}
.ui-state-focus{
background:rgb(80,127,144);
}
#slider-range .ui-widget-header { border: 1px solid #e1001a; background: #e1001a; top: -1px;}
a.homecreditcalc{
background-image: url(/kramky/source0/sourceimg/homecredit/cerna-hlavni.png);
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 58px;
display: block;
position: relative;
margin-top: 0px;
background-color: #271e1c;
}
a.homecreditcalc:hover{
background-image: url(/kramky/source0/sourceimg/homecredit/cerna-hover.png);
}
table.parametry{
width: 100%;
border: solid #ccc 2px;
}
table.parametry td{
font-size: 14px;
padding: 5px;
padding-left: 20px;
}
table.parametry th{
text-align: left;
padding-left: 20px;
}
table.parametry tr:nth-child(odd){
background-color: #e8eff4;
}
.kodsleva {
position: relative;
display: inline-block;
margin-bottom: -2px;
border: solid 1px black;
margin-top: 10px;
width: 316px;
height: 78px;
}
.kodsleva .slevasloupec1{
float: left;
width: 88px;
color: #e1001a;
margin-left: 12px;
margin-top: 8px;
}
.kodsleva .slevasloupec1 .slevaprocenta {
display: inline-block;
height: 50px;
width: 76px;
background-color: #e1001a;
text-align: center;
font-size: 16px;
line-height: 20px;
color: white;
PADDING-TOP: 8px;
font-weight: 800;
border: solid 2px black;
}
.kodsleva .slevasloupec2 {
float: left;
width: 150px;
height: 58px;
margin-top: 8px;
text-align: center;
border: solid black 2px;
line-height: 29px;
font-weight: 800;
font-size: 15px;
}
.slevakod{
background-color: black;
color: white;
height: 30px;
width: 150px;
font-size: 20px;
line-height: 30px;
font-weight: 800;
}
.kodsleva .otaznik {
background-color: #00d02c;
color: #e8eff4;
text-align: center;
width: 20px;
height: 20px;
display: inline-block;
line-height: 20px;
position: absolute;
right: 20px;
top: 30px;
cursor: help;
font-weigh: 800;
font-size: 16px;
}
.kodsleva .otaznik .popisslev {
background: #364147;
width: 240px;
color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 11px;
font-weight: 300;
z-index: 999 !important;
text-align: right;
padding: 15px;
display: none;
margin-top: -60px;
margin-left: -260px;
text-transform: none;
line-height: 12px;
}
.kodsleva .otaznik:hover .popisslev, .kodsleva .popisslev:hover {
display: block;
}
.pridani-do-kosiku {
// display: none;
margin: 0 auto;
background-color: #fff;
width: 700px !important;
// position: fixed;
//top: 100px;
z-index: 10000;
// top: 50%;
//left: 50%;
//margin-top: -100px; /* Negative half of height. */
//margin-left: -350px; /* Negative half of width. */
border: solid #ddd 3px;
background-color: #f4f4f4;
/* border-radius: 4px; */
padding-bottom: 0px;
}
.pridani-do-kosiku h2{
font-size: 2em;
font-weight: bold;
color: #e1001a;
margin-bottom: 0.3em;
margin-top: 0px;
}
.pridani-do-kosiku .head{
margin: 0 auto;
width: 300px;
}
.pridani-do-kosiku-close{
position: absolute;
top: 8px;
right: 10px;
color: #aaa;
font-weight: 400;
cursor: pointer;
z-index: 1000;
font-size: 14px;
}
.pridani-do-kosiku-box-text {
background-color: white;
border-bottom: 1px solid #ccc;
display: flex;
margin: 0 auto;
width: 100%;
height: 200px;
box-sizing: border-box;
}
.pridani-do-kosiku-box-text-img {
max-height: 190px;
max-width: 168px;
width: auto;
height: auto;
top: 10px;
left: 10px;
margin: auto;
}
.pridani-do-kosiku-box-text-zbozi {
font-size: 1.32em;
font-weight: bold;
margin-bottom: 7px;
}
.pridani-do-kosiku-polozka {
font-size: 1.22em;
font-weight: 800;
}
.pridani-do-kosiku-box-text-dph {
font-size: 0.7em;
font-weight: 200;
}
.pridani-do-kosiku-box-text-darek {
color: #364047;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
padding-left: 20px;
}
.pridani-do-kosiku-box-text-plusdarek {
color: #364047;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
padding-left: 20px;
font-weight: 800;
}
.pridani-do-kosiku-box-a-left{
background: #00d02c;
color: #fff;
vertical-align: middle;
text-align: center;
text-decoration: none;
font-size: 1rem;
line-height: 1.5;
margin-top: 17px;
margin-left: 30px;
margin-bottom: 17px;
display: inline-block;
/* border-radius: .3rem; */
padding: 1rem 1rem;
width: auto;
}
.pridani-do-kosiku-box-a-right{
background: #00d02c;
color: #fff;
vertical-align: middle;
text-align: center;
text-decoration: none;
font-size: 1rem;
line-height: 1.5;
margin-top: 17px;
margin-left: 60px;
margin-bottom: 17px;
display: inline-block;
/* border-radius: .3rem; */
padding: 1rem 1rem;
float: right;
margin-right: 30px;
width: auto;
}
a.pridani-do-kosiku-box-a-left:hover, a.pridani-do-kosiku-box-a-right:hover{
background-color: black;
}
.pridani-do-kosiku-info{
display: none;
}
.pridani-do-kosiku-table{
display: table;
width: 100%;
}
.pridani-do-kosiku-row{
display: table-row;
}
.pridani-do-kosiku-cell{
position: relative;
float: none;
padding: 8px;
display: table-cell;
vertical-align: middle;
width: 30%;
text-align: center;
}
.pridani-do-kosiku-cell.row-obsah{
width: 70%;
text-align: left;
}
.ostatniprikoupili {
color: #364047;
font-family: 'Open Sans', sans-serif, arial;
font-size: 25px;
font-weight: 800;
width: 900px;
text-align: center;
margin-top: 50px;
}
.filtrmoznosti{
display: inline-block;
color: #E11A28;
margin-right: 10px;
margin-left: 10px;
cursor: pointer;
}
.filtrmoznosti span{
background: url(sourceimg/podkatarrow.png) no-repeat bottom center;
transform: rotate(0deg);
width: 14px;
height: 14px;
display: inline-block;
}
.filtrmoznosti.active{
color: black;
}
.filtrmoznosti.active span{
vertical-align: -2px;
transform: rotate(90deg);
}
.filtrykat{
border-top: solid 5px #677480;
}
.razenikat {
margin: 14px 20px 14px; 0px;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
display: inline-block;
}
.razenikat input[type="radio"] {display: none;}
.razenikat label {
cursor: pointer;
position: relative;
color: #e1001a;
margin: 5px;
margin-left: 18px;
}
.razenikat input[type="radio"]:checked + label {
border: 1px solid #364047;
padding: 6px 12px;
color: #000;
}
.filtrykat{
background-color: #e8eff5;
padding: 0px 20px;
width: 830px;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
}
.filtrykat input[type="checkbox"] {display: none;}
.filtrykat label a{
cursor: pointer;
position: relative;
color: #000;
text-decoration: none;
}
.filtrykat input[type="checkbox"] + label:before {
border: 1px solid #ccc;
background-color: #fff;
content: "\00a0";
display: inline-block;
font-weight: 600;
height: 12px;
margin-right: 10px;
vertical-align: top;
width: 12px;
}
.filtrykat input[type="checkbox"]:checked + label:before {
background: #dfd;
color: #666;
font-family: arial;
line-height: 14px;
content: "\2713";
text-align: center;
}
.filtrykat input[type="checkbox"]:checked + label {
font-weight: bold;
}
.filtry td {
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
}
.znacky{
margin: 5px;
width: 100%;
}
.znacky td {
width: 25%;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
white-space: nowrap;
padding-right: 20px;
overflow: hidden;
}
.znacky td:first-child {
width: 80px;
}
.filtrybuttons-obal {
text-align: center;
margin-top: 15px;
}
.filtrovat-button, .filtrzrus-button {
display: inline-block;
border: 1px solid #364047;
padding: 6px 12px;
margin-top: 6px;
color: #000;
background-color: #fff;
font-family: 'Open Sans', sans-serif, arial;
font-size: 14px;
}
.filtrovat-button:hover, .filtrzrus-button:hover {
background-color: #e1001a;
color: #fff;
}
.viceznacek-button, .meneznacek-button {
color: #e1001a;
cursor: pointer;
}
#filtrdostupnost, #filtrcena, #filtrznacky{
background-color: #B5BFC6;
padding: 20px;
margin-left: -20px;
}
#filtrdostupnost label{
margin-left: 12px;
margin-right: 86px;
}
#filtrznacky, #filtrcena, #filtrdostupnost, #filtrtlacitka{
display: none;
}
.paramtable{
font-size: 14px;
}
.paramtable .parametrth{
font-weight: 800;
padding: 7px;
font-size: 14px;
}
.paramtable td{
padding-left: 10px;
padding-right: 20px;
font-size: 14px;
}
.paramtable tr:nth-child(even) {background: #FFF}
.paramtable tr:nth-child(odd) {background: #CCC}