ACC SHELL
body { margin: 0; padding: 0; text-align: center; font-size: 11px; font-family : arial, verdana, tahoma, sans-serif; color: #000; }
body {
background: #0d0d0d url(../img2/textura7.jpg) top center no-repeat;
}
.body1 {
background: #000 url(../img/textura3.jpg) top center no-repeat;
}
.body2 {
background: #000 url(../img/textura4.jpg) top center no-repeat;
}
.body3 {
background: #000 url(../img/textura5.jpg) top center no-repeat;
}
.body4 {
background: #000 url(../img/textura6.jpg) top center no-repeat;
}
ul, ol, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
a { text-decoration: none; color: #E6681D; }
a:hover { text-decoration: underline; }
img { display: block; border: none; }
form {margin: 0; padding: 0; }
table { font-size: 100%; border-collapse: collapse; }
h1 { margin: 0; padding: 5px 0 10px 0; font-size: 18px; }
h2 {}
h3 { font-size: 13px; }
.clear { clear: both; }
.bold { font-weight: bold; }
#top, #menu, #text, #banner, #mainbanner, #bottom, #interested { width: 961px; margin: 0 auto; text-align: left; }
#top { height: 125px; position: relative; z-index:30;}
#top .logo { position: absolute; left: 10px; top: 50px; }
#top .links { position: absolute; top: 53px; right: 270px; }
#top .links a { display: block; float: left; height: 20px; padding: 0 20px; font-weight: bold; font-size: 13px; line-height: 20px; letter-spacing: 0.025em; text-transform: uppercase; color: #ffffff; border-right: 1px solid #535353;}
#top .links a:focus,
#top .links a:hover { text-decoration: none; color: #ff0000; outline: none; }
.boardman-logo { position: absolute; top: 49px; right: 0; }
.boardman-logo a { display: block; outline: none; }
.boardman-logo img { display: block; }
#top .about { position: absolute; right: 0px; top: 37px; }
#top .about a.a3 { z-index: 50; position: relative; display: block; width: 150px; height: 49px; background: transparent url(../img2/why-equinox.png) top left no-repeat; }
#top .about a.a3:hover { background: transparent url(../img2/why-equinox.png) bottom left no-repeat; }
#top .about a span { display: none; }
#top .about .box { z-index: 40; position: absolute; top:-5px; right: -5px; width: 227px; min-height: 200px; padding: 70px 10px 10px 10px; background: #fff; border: #666666 1px solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#top .about .box p { color: #666666; line-height: 1.7em; padding: 5px 0 10px 0; }
#top .about .box ul { border-top: 1px #ccc dotted; list-style-type: none; }
#top .about .box ul li { border-bottom: 1px #ccc dotted; padding: 1px 0; }
#top .about .box ul li a { padding: 5px 8px; display: block; font-weight: bold; color: #000; background: transparent url(../img/why_sipka.gif) center right no-repeat; }
#top .about .box ul li a span { color: #FF0000; display: inline; }
#top .about .box ul li a:hover { background: #EBEBEB url(../img/why_sipka_hover.gif) center right no-repeat; text-decoration: none; }
#menu { z-index: 20; position: relative; background: transparent url(../img/mainmenu_19.png) top right no-repeat; height: 48px; margin-bottom: 10px; }
#menu ul { float: left; list-style-type:none; }
#menu ul li { float: left; position: relative; }
#menu ul li a { display: block; height: 48px; width: 192px; background: url('../img2/mainmenu.png') 0 0 repeat-x; text-decoration: none; }
#menu ul li a:hover { z-index: 210; position: relative; background-position: 0 -50px; }
#menu ul li a span { position: relative; display: block; height: 48px; font-weight: bold; font-size: 13px; line-height: 48px; letter-spacing: 0.025em; text-align: center; text-transform: uppercase; color: #ffffff; }
#menu ul li a span:after { content: ''; position: absolute; top: 15px; right: 0; width: 1px; height: 20px; background: #333333; }
#menu ul li a:hover span { color: #000000; }
#menu ul li a:hover span:after { content: none; }
#menu .m1 a {width: 247px;}
#menu .m2 a {width: 267px;}
#menu .m3 a {width: 61px;}
#menu .m4 a {width: 172px;}
#menu .m5 a {width: 144px;}
#menu ul li div { z-index: 200; position: absolute; display: none; background: #CCCCCC; border: 1px transparent solid; top: 47px; }
#menu ul li.m2 div { left: 0; }
#menu ul li.m3 div { left: 0; }
#menu ul li.m4 div { right: 0; }
#menu ul li.m5 div { right: 0; }
#menu ul li div table { z-index: 200; }
#menu ul li:hover div { display: block; }
#menu ul li div table { border-collapse: collapse; }
#menu ul li div table tr td { vertical-align: top; background: #fff; border: 10px #CCCCCC solid; width: 258px; padding: 10px 6px 10px 6px; }
#menu ul li div table tr td h2 { padding: 10px 6px 0px 6px; color: #f00; font-size:14px; }
#menu ul li div table tr td p { color: #666666; line-height: 1.7em; padding: 5px 5px 10px 5px; }
#menu ul li div table tr td ul { border-top: 1px #ccc dotted; list-style-type: none; }
#menu ul li div table tr td ul li { border-bottom: 1px #ccc dotted; padding: 1px 0; height: auto; float: none; }
#menu ul li div table tr td ul li a { height: auto; width: auto; padding: 5px 8px; display: block; text-align: left; font-weight: bold; color: #000; background: transparent url(../img/why_sipka.gif) center right no-repeat; }
#menu ul li div table tr td ul li a span { color: #FF0000; display: inline; }
#menu ul li div table tr td ul li a:hover { background: #EBEBEB url(../img/why_sipka_hover.gif) center right no-repeat; text-decoration: none; }
#menu .languages {position: relative; float: right; width: 70px;}
#menu .languages:after {content: ''; position: absolute; top: 50%; top: 10px; right: 12px; display: block; width: 0; height: 0; margin-top: -2px; border: solid transparent; border-width: 5px 4px; border-top-color: rgb(183, 183, 183);}
#menu .languages li {float: none; display: none;}
#menu .languages .selected {display: block;}
#menu .languages li a {width: 60px; padding-right: 10px;}
#menu .languages li a span:after {content: none;}
#menu .languages-opened {position: absolute; right: 0;}
/*#menu .languages-opened:after {content: none;}*/
#menu .languages-opened li {display: block;}
#menu .languages-opened li a {width: 70px; padding-right: 0;}
.flag-cs span,
.flag-de span,
.flag-en span {width: 60px; overflow: hidden; text-indent: -999px;}
.flag-cs span {background: url('../img/cs.png') 50% 50% no-repeat;}
.flag-de span {background: url('../img/de.png') 50% 50% no-repeat;}
.flag-en span {background: url('../img/en.png') 50% 50% no-repeat;}
#mainbanner { display: block; position: relative; z-index: 10; width: 100%; max-width: 1280px; min-width: 961px; margin: 0 auto 30px; }
#mainbanner img { display: block; width: 100%;}
#mainbanner a { position: absolute; bottom: 45px; right: 20px; display: block; width: 260px; height: 50px; margin: 0 auto; }
#mainbanner .main-banner-buttons {position: absolute; bottom: 0; bottom: 10px; left: 0; width: 100%; font-size: 0; text-align: center}
#mainbanner .main-banner-buttons a {position: relative; bottom: 0; right: 0; display: inline-block; width: auto; height: auto; margin: 0 10px; border: none; border-radius: 4px; outline: none;}
#mainbanner .main-banner-buttons a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
}
#mainbanner .main-banner-buttons a:focus::before,
#mainbanner .main-banner-buttons a:hover::before {
opacity: 0.2;
}
/* #mainbanner .main-banner-button-equinox {
background-color: rgb(169, 1, 1);
background-image: -webkit-linear-gradient(top, rgb(209, 2, 2), rgb(169, 1, 1));
background-image: -moz-linear-gradient(top, rgb(209, 2, 2), rgb(169, 1, 1));
background-image: -o-linear-gradient(top, rgb(209, 2, 2), rgb(169, 1, 1));
background-image: linear-gradient(to bottom, rgb(209, 2, 2), rgb(169, 1, 1));
background-repeat: repeat-x;
}
#mainbanner .main-banner-button-equinox:focus,
#mainbanner .main-banner-button-equinox:hover {
background-color: rgb(125, 1, 1);
background-image: -webkit-linear-gradient(top, rgb(184, 2, 2), rgb(125, 1, 1));
background-image: -moz-linear-gradient(top, rgb(184, 2, 2), rgb(125, 1, 1));
background-image: -o-linear-gradient(top, rgb(184, 2, 2), rgb(125, 1, 1));
background-image: linear-gradient(to bottom, rgb(184, 2, 2), rgb(125, 1, 1));
background-repeat: repeat-x;
}
#mainbanner .main-banner-button-boardman {
background-color: rgb(239, 206, 0);
background-image: -webkit-linear-gradient(top, rgb(252, 217, 0), rgb(239, 206, 0));
background-image: -moz-linear-gradient(top, rgb(252, 217, 0), rgb(239, 206, 0));
background-image: -o-linear-gradient(top, rgb(252, 217, 0), rgb(239, 206, 0));
background-image: linear-gradient(to bottom, rgb(252, 217, 0), rgb(239, 206, 0));
background-repeat: repeat-x;
}
#mainbanner .main-banner-button-boardman:focus,
#mainbanner .main-banner-button-boardman:hover {
background-color: rgb(190, 135, 0);
background-image: -webkit-linear-gradient(top, rgb(246, 212, 0), rgb(190, 135, 0));
background-image: -moz-linear-gradient(top, rgb(246, 212, 0), rgb(190, 135, 0));
background-image: -o-linear-gradient(top, rgb(246, 212, 0), rgb(190, 135, 0));
background-image: linear-gradient(to bottom, rgb(246, 212, 0), rgb(190, 135, 0));
background-repeat: repeat-x;
} */
#mainbanner .main-banner-buttons img {display: block; width: 250px; height: 50px;}
#banner { height: 640px; }
#banner p { line-height: 1.4em; }
#banner .banner1 { width: 314px; height: 182px; float: left; margin-right: 10px; background: transparent url(../img/banner_21.png) top left no-repeat; }
#banner .banner1 div { padding: 20px 80px 20px 15px; color: #000; }
#banner .banner1 a { color:#000; }
#banner .banner2a {
width: 300px;
height: 640px;
float: left;
background: #242424;
}
#banner .banner2a div { padding: 0px 0px 0px 0px; }
#banner .banner2a div p { padding: 0 50px 0 0; }
#banner .banner2a a { color:#000; }
#banner .banner2 { width: 313px; height: 182px; float: left; margin-right: 10px; background: transparent url(../img/banner_23.png) top left no-repeat; }
#banner .banner2 div { padding: 15px 20px 20px 15px; }
#banner .banner2 div p { padding: 0 50px 0 0; }
#banner .banner2 a { color:#000; }
#banner .banner22 { width: 313px; height: 182px; float: left; margin-right: 10px; background: transparent url(../img/banner_23_podklad.png) top left no-repeat; }
#banner .banner22 div { padding: 20px 20px 20px 25px; position: relative; }
#banner .banner22 div p { padding: 0 20px 8px 0; }
#banner .banner22 div .gif { position: absolute; right: 20px; top: 100px; }
#banner .banner3b {
width: 300px;
height: 640px;
float: left;
background: #242424;
margin-left: 30px;
overflow: hidden;
}
#news a {
display: block;
position: relative;
padding: 24px 14px 0 164px;
height: 92px;
text-decoration: none;
color: #cccccc;
font-size: 14px;
background: url(../img2/line.png) center bottom no-repeat;
}
#news a:last-child {
background: none;
}
#news a span {
position: absolute;
top: 23px;
left: 20px;
width: 130px;
height: 70px;
overflow: hidden;
}
#news a img {
width: 100%;
}
#news a strong {
display: block;
text-transform: uppercase;
color: #FFF;
margin-bottom: 0.3em;
}
#news a:hover strong {
color: #fd1616;
}
#news a:hover {
background: #1a1a1a;
}
#news h3 a {
display: block;
width: 100%;
height: 46px;
padding: 0;
text-indent: -9999px;
color: #ffffff;
background: url("../img2/news-hp.png") 0 0 no-repeat !important;
}
#news h3 a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img2/news-hp-over.png") 0 0 no-repeat;
opacity: 0;
}
#news h3 a:focus:before,
#news h3 a:hover:before {
opacity: 1;
}
#banner .banner3 div { padding: 10px 15px 20px 15px; color: #000; }
#banner .banner3 div p { padding: 0px 0 0px 0; }
#banner .banner3 a { color:#000;}
#banner .banner3 div p.hpmore { text-align: left; height: 15px; padding: 0 0 8px 0; } /*puvodni text-align je "right"*/
#banner .banner3 div p.hpmore a { float: left; width:20px; height:13px; display: block; font-weight: bold; color: #000; background: transparent url(../img/why_sipka.gif) center right no-repeat; } /*puvodni float je "right"*/
#banner .banner3 div p.hpmore a:hover { background: transparent url(../img/why_sipka_hover.gif) center right no-repeat; text-decoration: none; }
#banner .banner3a { float: right; width: 260px; height: 640px; padding: 0 20px; background: #242424;}
#banner .banner3a a { display: block; width: 260px; height: 170px; margin-bottom: 16px; }
#banner .banner3a a:focus,
#banner .banner3a a:hover { opacity: 0.9; outline: none; }
#banner .banner3a h3 a { position: relative; display: block; width: 100%; height: 64px; margin: 0 -20px; text-indent: -9999px; color: #ffffff; background: url("../img2/videos-hp.png") 0 0 no-repeat; }
#banner .banner3a h3 a:focus,
#banner .banner3a h3 a:hover { opacity: 1; }
#banner .banner3a h3 a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../img2/videos-hp-over.png") 0 0 no-repeat;
opacity: 0;
}
#banner .banner3a h3 a:focus:before,
#banner .banner3a h3 a:hover:before {
opacity: 1;
}
#banner .distributors { width: 314px; height: 182px; float: left; margin-right: 10px; }
#banner .distributors a { background: transparent url(../img/distributors_banner.gif) center center no-repeat; display: block; width: 314px; height: 182px; }
#banner .banner3_old { width: 314px; height: 182px; float: left; background: transparent url(../img/banner_25.jpg) top left no-repeat; }
#banner .banner3_old div { padding: 10px 0px 10px 25px; }
#bottom { min-height: 125px; overflow: hidden; margin-top: 20px; }
#bottom .menu { color: #f00; padding: 3px 0; }
#bottom .menu a { color: #9B9B9B; }
#bottom .menu a:hover { color: #fff; text-decoration: none; }
#bottom .copyright { float: left; padding: 10px 0; color: #4c4c4c; font-size: 12px; }
#bottom .copyright a { color: #4c4c4c; text-decoration: underline; }
#bottom .copyright a:focus,
#bottom .copyright a:hover { color: #fff; text-decoration: underline; }
.soc {
float: right;
width: 440px;
}
.soc a {
display: block;
float: left;
margin-left: 10px;
width: 36px;
height: 36px;
border-radius: 3px;
}
.soc a.ig {
background: #31aae1 url(../img2/soc-ig.gif) top left no-repeat;
}
.soc a.tw {
background: #31aae1 url(../img2/soc-tw.gif) top left no-repeat;
}
.soc a.yt {
background: #cd322c url(../img2/soc-yt.gif) top left no-repeat;
}
.soc a.pin {
background: #ca1519 url(../img2/soc-pin.gif) top left no-repeat;
}
.soc a.in {
background: #0e76a8 url(../img2/soc-linked.gif) top left no-repeat;
}
.soc a:focus,
.soc a:hover {
opacity: 0.8;
}
.soc .download-catalogue {
width: 200px;
margin: 0 10px 0 0;
}
#text { text-align: left; background: transparent url(../img/bg-white-transparent.png) top left repeat; padding: 10px; width: 941px; }
#text .produkt { background: #fff; position: relative; text-align: left; min-height: 600px; }
#text .menu { position: relative; float: left; width: 230px; min-height: 400px; padding: 25px 50px 25px 25px; background: transparent url(../img/linka_stin.png) top right no-repeat;}
#text .menu h3 { color: #666666; font-size: 13px; }
#text .menu p { color: #666666; line-height: 1.4em; padding: 5px 0 10px 0; }
#text .menu ul { border-top: 1px #ccc dotted; list-style-type: none; }
#text .menu ul li { border-bottom: 1px #ccc dotted; padding: 1px 0; }
#text .menu ul li a { padding: 5px 8px; display: block; font-weight: bold; color: #000; background: transparent url(../img/why_sipka.gif) center right no-repeat; }
#text .menu ul li a span { color: #FF0000; display: inline; }
#text .menu ul li a:hover { background: #EBEBEB url(../img/why_sipka_hover.gif) center right no-repeat; text-decoration: none; }
#text .obsah { padding: 25px 25px 25px 320px; line-height: 1.6em; min-height: 350px; width: 601px; _width: 946px; }
#text .bloknovinek { min-height: 800px; _height: 800px; }
#text .obsah ul { list-style-image: url(../img/odrazka.gif); padding-left: 15px; }
#text .obsah p { padding: 0 0 15px 0; }
#text .obsah h2 { font-size: 14px; }
#text .obsah .box { float: right; width: 290px; border: 1px #ccc dotted; margin: 0 0 0 15px; }
#text .obsah .box .padding { padding: 20px; border: 1px #fff solid; background: #EBEBEB;}
#text .obsah .box h3 { font-size: 13px; padding: 0 0 5px 0; }
#text .obsah .box h4 { font-size: 12px; }
#text .obsah .gallery { float: right; width: 292px; margin: 0 0 0 15px; }
#text .obsah .gallery a { margin: 0 0px 11px 0; position: relative; display: block; float: left; text-decoration:none; color: #fff; }
#text .obsah .gallery a span { display:none; position: absolute; top: 0; left: 0; width:110px; height: 110px; padding: 15px; background: transparent url(../img/bg_hover.png) top left repeat; }
#text .obsah .gallery a:hover span { display:block; cursor: pointer; }
#text .obsah .gallery a.p1 { margin: 0 11px 11px 0; }
#text .obsah .gallery2 { float: right; width: 140px; height: 150px; margin: 0 0 0 15px; }
#text .obsah .gallery2 a { position: relative; display: block; float: left; text-decoration:none; color: #fff; }
#text .obsah .gallery2 a span { display:none; position: absolute; top: 0; left: 0; width:110px; height: 110px; padding: 15px; background: transparent url(../img/bg_hover.png) top left repeat; }
#text .obsah .gallery2 a:hover span { display:block; cursor: pointer; }
#text .obsah .galleryfull a { margin: 0 0px 11px 0px; position: relative; display: block; float: left; text-decoration:none; color: #fff; }
#text .obsah .galleryfull a span { display:none; position: absolute; top: 0; left: 0; width:110px; height: 110px; padding: 15px; background: transparent url(../img/bg_hover.png) top left repeat; }
#text .obsah .galleryfull a:hover span { display:block; cursor: pointer; }
#text .obsah .galleryfull a.p1 { margin: 0 11px 11px 0; }
#text .obsah table td { padding: 0 5px 0 5px; border-bottom: 1px #ccc dotted; }
#text .obsah table td.ar { padding-left: 20px; text-align: center; }
.nahled {
width: 320px;
height: 580px;
bottom: 0px;
position: absolute;
}
#text .nahled {
position: absolute;
top: 10px;
left: 0;
z-index:9;
}
#text .detail { position: relative; z-index: 10; margin-left: 325px; padding: 20px 0 20px 0; }
#text .detail .galleryfull { height: 151px; }
#text .detail .galleryfull a { margin: 0 0px 11px 0; position: relative; display: block; float: left; text-decoration:none; color: #fff; }
#text .detail .galleryfull a span { display:none; position: absolute; top: 0; left: 0; width:82px; height: 110px; padding: 15px; background: transparent url(../img/bg_hover.png) top left repeat; }
#text .detail .galleryfull a:hover span { display:block; cursor: pointer; }
#text .detail .galleryfull a.p1 { margin: 0 11px 11px 0; }
#text .detail h1 { position: relative; left:-40px; padding: 0 0 10px 40px; margin-bottom: 10px; background: transparent url(../img/linka_stin_horiz.png) bottom left no-repeat; }
#text a.next { position: absolute; width: 42px; height: 135px; top:140px; right: -42px; background: transparent url(../img/productSliderNext.png) bottom left no-repeat; }
#text a.prev { position: absolute; width: 42px; height: 135px; top:140px; left: -42px; background: transparent url(../img/productSliderPrev.png) bottom left no-repeat; }
#text a.next:hover { background: transparent url(../img/productSliderNext_Over.png) bottom left no-repeat; }
#text a.prev:hover { background: transparent url(../img/productSliderPrev_Over.png) bottom left no-repeat; }
#text a.next span { display:none; }
#text a.prev span { display:none; }
#tabs { z-index: 11; }
#tabs ul.menuZ { padding: 0 0 0 20px; position: relative; left: -20px; background: transparent url(../img/tabShadow.png) bottom left no-repeat; }
#tabs ul.menuZ li { background: transparent url(../img/tabInactive.png) bottom left no-repeat; width: 145px; height: 26px; margin-right: 3px; }
#tabs ul.menuZ li.tabs-selected { background: transparent url(../img/tabActive.png) bottom left no-repeat; }
#tabs ul.menuZ li a { display: block; padding: 7px 0 0 0; font-size: 11px; font-weight: normal; color: #000; text-transform: uppercase; }
#tabs ul.menuZ li.tabs-selected a { color: #f00; }
#tabs .tabs-container { padding: 15px 0 0px 0; line-height: 1.7em; }
#tabs ul.menuZ li a:hover { color: #f00; }
#text .tabs-container ul, .benefitsList { list-style-image: url(../img/odrazka.gif); padding-left: 15px;}
.submenu .benefitsList {height: 80px;}
/* .submenu {
width: 258px;
} */
#text .tabs-container table { margin-bottom: 40px; width: 590px; }
#text .tabs-container table td { padding: 0 5px 0 5px; border-bottom: 1px #ccc dotted; }
#text .tabs-container table td.b { font-weight: bold; padding: 0 30px 0 5px; width: 100px; }
#text .tabs-container table td span { color: #f00; }
#interested { text-align: left; background: transparent url(../img/bg-white-transparent.png) top left repeat; padding: 0 10px 10px 10px; width: 941px; }
#interested .produkty { background: #fff; position: relative; text-align: left; padding: 20px; height: 160px; }
.produkty a { display: block; color: #000; font-weight: bold; float: left; width: 140px; padding-top: 130px; text-align: center; margin: 0 5px 0 5px; }
.produkty a span { color: #f00; }
.produkty a:hover { text-decoration: none; }
.produkty p { font-weight: bold; }
.produkty a.ip01 { background: transparent url(../data/img0/RT33.png) top left no-repeat; }
.produkty a.ip02 { background: transparent url(../data/img0/RT50.png) top left no-repeat; }
.produkty a.ip03 { background: transparent url(../data/img0/RT50C.png) top left no-repeat; }
.produkty a.ip04 { background: transparent url(../data/img0/RT38plus.png) top left no-repeat; }
.produkty a.ip05 { background: transparent url(../data/img0/RT38plus-ultralight.png) top left no-repeat; }
.produkty a.ip06 { background: transparent url(../data/img0/SUPER_RT38.png) top left no-repeat; }
.produkty a.ip07 { background: transparent url(../data/img0/HR-003.png) top left no-repeat; }
.produkty a.ip08 { background: transparent url(../data/img0/HR-003.png) top left no-repeat; }
.produkty a.ip09 { background: transparent url(../data/img0/HR-033.png) top left no-repeat; }
.produkty a.ip10 { background: transparent url(../data/img0/HR-031.png) top left no-repeat; }
.produkty a.ip11 { background: transparent url(../data/img0/HR-056_flat.png) top left no-repeat; }
.produkty a.ip12 { background: transparent url(../data/img0/CM-273.png) top left no-repeat; }
.produkty a.ip13 { background: transparent url(../data/img0/CM-281.png) top left no-repeat; }
.produkty a.ip14 { background: transparent url(../data/img0/CM-295.png) top left no-repeat; }
.produkty a.ip15 { background: transparent url(../data/img0/WHEEL_BAG.png) top left no-repeat; }
.produkty a.ip16 { background: transparent url(../data/img0/HR-068.png) top left no-repeat; }
.produkty a.ip17 { background: transparent url(../data/img0/HR-056_flat.png) top left no-repeat; }
.produkty a.ip18 { background: transparent url(../data/img0/WH92.png) top left no-repeat; }
.produkty a.ip19 { background: transparent url(../data/img0/WH58.png) top left no-repeat; }
.produkty a.ip20 { background: transparent url(../data/img0/MR25plus.png) top left no-repeat; }
.produkty a:hover { background-position: top right; }
.ilustrace { float: right; margin: 0 0 10px 10px; }
a.back { clear: left; display: block; padding: 5px 0px 5px 20px; font-weight: bold; color: #000; background: transparent url(../img/sipka_back.gif) center left no-repeat; }
a.back:hover { background: transparent url(../img/sipka_back_hover.gif) center left no-repeat; text-decoration: none; }
a.older { clear: left; float:left; width: 120px; display: block; padding: 5px 0px 5px 20px; font-weight: bold; color: #000; background: transparent url(../img/sipka_back.gif) center left no-repeat; }
a.older:hover { background: transparent url(../img/sipka_back_hover.gif) center left no-repeat; text-decoration: none; }
a.newer { text-align: right; float:right; width: 120px; padding: 5px 25px 5px 0px; font-weight: bold; color: #000; background: transparent url(../img/why_sipka.gif) center right no-repeat; }
a.newer:hover { background: transparent url(../img/why_sipka_hover.gif) center right no-repeat; text-decoration: none; }
.newsnahled { float: left; margin: 0 10px 10px 0; width: 130px; height: 70px; background-repeat: no-repeat; background-position: top center; }
.news { border-bottom: 1px dotted #ccc; margin-bottom: 15px; }
.newsclear { clear:left; font-size: 0.1px; line-height:0.1px; }
p.more { text-align: right; }
p.more a { padding: 5px 25px 5px 0px; font-weight: bold; color: #000; background: transparent url(../img/why_sipka.gif) center right no-repeat; }
p.more a:hover { background: transparent url(../img/why_sipka_hover.gif) center right no-repeat; text-decoration: none; }
.adresa { border-bottom: 1px #ccc dotted; margin-bottom: 15px; width: 300px; }
.newsfotky img { float: left; margin: 10px; }
.strankovani { }
.strankovani div { float: left; text-align: center; margin: 3px; }
.strankovani_left span { display: none; }
.strankovani_right span { display: none; }
.strankovani_left a { width:13px; height:15px; display: block; font-weight: bold; color: #000; background: transparent url(../img/sipka_back.gif) bottom left no-repeat; }
.strankovani_right a { width:13px; height:15px; display: block; font-weight: bold; color: #000; background: transparent url(../img/why_sipka.gif) bottom left no-repeat; }
.strankovani_left a:hover { background: transparent url(../img/sipka_back_hover.gif) bottom left no-repeat; }
.strankovani_right a:hover { background: transparent url(../img/why_sipka_hover.gif) bottom left no-repeat; }
.stranka { font-weight: bold; }
.pdflink { display: block; height: 44px; padding: 0 0 0 55px; line-height: 44px; background: transparent url(../img/pdf.png) center left no-repeat; }
#nahled-order {
width: 175px;
/* position: absolute; */
/* text-align: center; */
/* left: 50px; */
height: 160px;
text-align: left;
}
#social-buttons {
width: 180px;
position: relative;
bottom: 0px;
left: 0px;
}
#price-title,
.price-title {
position: relative;
font-family: Arial;
font-size: 18px;
font-weight: bold;
color: #010101;
left: 5px;
}
#price,
.price {
position: relative;
font-family: Arial;
/* font-size: 33px; */
font-size: 18px;
font-weight: bold;
color: #ff0101;
/* right: -15px; */
float: right;
/* left: 5px; */
}
#hr-order {
position: relative;
margin: 0px;
padding: 0px;
width: 170px;
left: 5px;
}
.fb-like {
position: relative;
top: 10px;
left: 5px;
/* float: left; */
display: block;
height: 20px;
overflow: hidden;
}
.fb-like, .twitter-like {
/* display: inline; */
}
.twitter-like {
position: relative;
left: 5px;
top: 15px;
/* float: left; */
display: block;
/* top: 10px;*/
/* left: 0px; */
/* left: 80px; */
}
.vcount #count {
height: 20px;
line-height: 20px;
background-color: yellow;
}
.pinterest-like {
position: relative;
top: 20px;
left: 5px;
float: left;
display: block;
width: 180px;
}
#order-obal {
display: none;
/* background: none repeat scroll 0% 0% rgb(255, 255, 255);
position: relative;
text-align: left;
min-height: 600px;
width: 941px;
left: 0px;
padding: 0px 10px 0px 10px;
display: none; */
}
#order-colorbox {
padding: 20px;
}
#order-colorbox input, #order-colorbox textarea {
width: 300px;
}
#order-colorbox td {
height: 22px;
text-align: left;
}
#order-colorbox td#td-note {
font-family: arial, verdana, tahoma, sans-serif;
font-size: 10px;
color: #000;
text-align: right;
}
#order-colorbox h2 {
margin-bottom: 10px;
font-family: arial, verdana, tahoma, sans-serif;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
color: #848484
}
#www {
display: none;
}
/* #newsletter-obal {
position: absolute;
width: 100%;
bottom: 0px;
} */
#newsletter-open, #newsletter-close {
position: relative;
margin-left: auto;
margin-right: auto;
width: 111px;
height: 48px;
}
#newsletter-open {
background: transparent url(../img/news_open.jpg) top left no-repeat;
display: block;
}
#newsletter-open:hover {
background: transparent url(../img/news_open_hover.jpg) top left no-repeat;
}
#newsletter-close {
background: transparent url(../img/news_close.jpg) top left no-repeat;
display: none;
}
#newsletter-close:hover {
background: transparent url(../img/news_close_hover.jpg) top left no-repeat;
}
#newsletter:hover {
background: transparent url(../img/news_open_hover.jpg) top left no-repeat;
}
#newsletter-colorbox-obal {
position: fixed;
width: 100%;
bottom: 0px;
}
#newsletter-colorbox {
/* position: relative;
display: none; */
position: relative;
bottom: 0px;
width: 295px;
font-family: arial, verdana, tahoma, sans-serif;
font-size: 14px;
background: #fff;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
border: solid 1px black;
z-index: 999;
}
#newsletter-colorbox h2 {
color: #000 !important;
font-size: 17px;
font-weight: 900 !important;
margin: 0px 0px 0px 15px;
}
#newsletter-colorbox p {
font-size: 11px;
margin-bottom: 10px;
text-align: left;
margin: 0px 0px 0px 15px;
padding-bottom: 0px;
}
#newsletter-colorbox #newsletter-email {
width: 200px;
background: #000;
color: #fff
}
#newsletter-form #submit {
position: relative;
width: 70px;
height: 22px;
display: inline-block;
top: 5px;
margin: 0;
padding: 0;
background: transparent url(../img/email_submit.jpg) top left no-repeat;
}
#newsletter-form #submit:hover {
background: transparent url(../img/email_submit_hover.jpg) top left no-repeat;
}
.fb-like-btn {
position: absolute; top: 44px; left: 320px; height: 38px; width: 120px; overflow: hidden;
}
/*.fb_iframe_widget iframe
{
height: 400px !important;
width: 300px !important;
}
.fb_iframe_widget span
{
height: 400px !important;
width: 300px !important;
}*/
.psBlock {
overflow: hidden;
}
#u_1_9 > img {
width: 240px !important;
}
#menu .submenu-category td {
width: 252px;
padding: 0;
background: rgb(214, 214, 214);
border: 0;
}
#menu .submenu-category td figure {
display: block;
margin: 0;
padding: 10px 6px 6px;
text-align: center;
background: #fff;
border: solid #ccc;
border-width: 10px;
}
#menu .submenu-category td + td {
width: 242px;
}
#menu .submenu-category td + td figure {
border-left: 0;
}
#menu .submenu-category a {
position: relative;
display: block;
width: 220px;
height: auto;
margin: 0 auto;
text-align: center;
background: #fff;
}
#menu .submenu-category a:after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
}
#menu .submenu-category a:focus:after,
#menu .submenu-category a:hover:after {
opacity: 0.25;
}
#menu .submenu-category a img {
margin: 0 auto;
min-width: 220px;
min-width: 215px;
}
.category-subtitle {
display: block;
min-height: 45px;
margin: 6px 0;
font-weight: bold;
font-size: 12px;
line-height: 15px;
}
#text .news {
overflow: hidden;
}
#text .news .menu {
position: static !important;
float: left;
}
#text .news .menu a {
text-transform: uppercase;
}
#text .news .obsah {
position: static;
float: right;
padding-left: 0;
}
.news-detail #social-buttons {
position: static;
width: auto;
height: 40px;
padding: 20px 0;
clear: both;
}
.news-detail .fb-comments {
padding-bottom: 30px;
}
#text .product-line .nahled {
width: 435px;
height: 544px;
bottom: auto;
}
#text .product-line .detail {
margin-left: 440px
}
.product-line .nahled img {
width: 100%;
}
.product-line #social-buttons {
position: static;
width: auto;
height: 100px;
margin: 20px 50px 0;
padding-bottom: 20px;
}
.product-line-description {
margin: 0 20px 30px 0;
font-size: 12px;
line-height: 1.5;
}
.product-line-description ul {
margin: 15px 0 0 30px;
}
.product-line-description li {
padding-left: 15px;
}
.product-line-description h2 {
margin-top: 0.25em;
}
.product-line-description div + h2 {
margin-top: 2em;
}
/*.product-line-tables {
clear: left;
margin-left: -420px;
}*/
.product-line-price-table {
margin-left: -420px;
margin-right: 20px;
}
.product-line-price-table table {
width: 100%;
}
.product-line-price-table th {
width: 300px;
}
#text .product-line-price-table td {
text-align: center;
}
.product-line-price-table .price {
float: none;
}
.product-line-price-table tfoot td {
}
.product-line-price-table small {
display: block;
font-size: 11px;
}
.table-params {
width: 841px;
margin: 30px 50px;
}
.table-params th,
.table-params td {
padding: 4px 8px;
text-align: center;
border-bottom: 1px solid #ebebeb;
}
.table-params thead th {
font-weight: bold;
font-size: 21px;
line-height: 1.2;
color: #f00;
}
.table-params tfoot td,
.table-params tfoot th {
font-weight: bold;
font-size: 21px;
line-height: 1.2;
color: #f00;
border-bottom: 0;
}
.table-params tbody th,
.table-params tfoot td {
width: 115px;
padding-left: 0;
text-align: left;
text-transform: uppercase;
color: #000;
}
.order-button {
width: 183px;
height: 50px;
margin: 10px 0;
text-indent: -9999px;
background: transparent url('../img/order_button.png') top left no-repeat;
border: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order-button-submit {
float: right;
background-image: url('../img/order_button_submit.png');
}
#text.accessories {
background: rgba(255, 255, 255, 0.5);
}
#text.accessories .product-line {
background: #f5f5f5;
}
.accessories ul {
overflow: hidden;
}
.accessories li {
float: left;
width: 234px;
height: 340px;
margin: 0;
padding: 0;
text-align: center;
background: #fff;
border: solid #ebebeb;
border-width: 0 1px 1px 0;
list-style: none inside;
}
.accessories li:nth-child(4n) {
width: 235px;
border-right: 0;
}
.accessories a {
display: block;
height: 100%;
outline: none;
transition: 0.5s all;
}
.accessories a:focus,
.accessories a:hover {
text-decoration: none;
opacity: 0.8;
}
.accessories figure {
margin: 0;
padding: 7px 0 0;
background: none;
border: none;
}
.accessories figure img {
display: block;
margin: 0 auto;
border: 0;
}
.accessories figcaption {
display: block;
margin-top: 10px;
padding: 0 10px;
font-weight: bold;
font-size: 13px;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
color: #ff0101;
}
/**
* @package Equinox.cz
* @author mirek@polygrafix.cz
* @date 2015-07-01
*/
.block {
overflow: hidden;
width: 961px;
margin: 30px auto;
text-align: left;
background: #242424;
}
.block h2 {
display: block;
width: 100%;
height: 70px;
text-indent: -9999px;
color: #ffffff;
background-position: 0 0;
background-repeat: no-repeat;
}
.block h3 {
margin: 30px 30px 10px;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
text-align: center;
color: #cccccc;
}
.block p {
margin: 30px;
font-size: 14px;
line-height: 1.714;
color: #cccccc;
}
.block p a {
color: #ffffff;
}
.block p strong {
font-size: 18px;
line-height: 1.333;
color: #ffffff;
}
.block-col {
float: left;
width: 50%;
}
.block-col p {
margin-right: 45px;
}
.block-col-map {
height: 400px;
}
.map {
height: 100%;
}
.block-cols-text {
position: relative;
overflow: hidden;
background: #1a1a1a;
}
.block-cols-text:after {
content: '';
position: absolute;
top: 30px;
left: 50%;
bottom: 30px;
display: block;
width: 1px;
background: #313131;
}
.block-cols-text p {
margin-right: 30px;
}
.block-delivery h2 {
background-image: url('../img2/kola-rovnou-z-tovarny.png');
}
.block-service h2 {
background-image: url('../img2/bleskovy-servis.png');
}
.cc_container a {
color: #D10202 !important;
}
.cc_container .cc_btn {
color: #FFF !important;
background: #D10202 !important;
}
/* Equator popup */
.equator {
text-align: center;
}
.equator__link {
display: inline-block;
}
/* Header */
.eqx-c-header {
padding: 10px 0;
margin-right: -20px;
margin-left: -20px;
font-size: 16px;
line-height: 1.5;
}
.eqx-c-header__toggle {
display: inline-block;
padding: 10px 10px 19px 10px;
margin-right: 5px;
vertical-align: bottom;
}
.eqx-c-header__toggle:first-child {
padding-left: 20px;
}
.eqx-c-header__toggle:last-child {
margin-right: 0;
}
.eqx-c-header__toggle.is-active {
position: relative;
background-color: rgba(76, 75, 78, 0.7);
}
.eqx-c-header__toggle.is-active:after {
content: "";
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 0;
border-color: transparent transparent rgba(76, 75, 78, 0.7) transparent;
border-style: solid;
border-width: 0 20px 36px 0;
}
.eqx-c-header__hamburger {
text-align: right;
}
.eqx-c-header__menu {
padding: 10px 20px;
background-color: rgba(76, 75, 78, 0.7);
}
.eqx-c-logo {
display: block;
opacity: 0.7;
text-decoration: none;
-webkit-transition: opacity .3s;
transition: opacity 0.3s;
}
.eqx-c-header__toggle.is-active .eqx-c-logo,
.eqx-c-logo:hover {
opacity: 1;
}
.eqx-c-logo__img {
display: block;
height: 7px;
}
.eqx-c-logo__label {
display: none;
color: #cccccc;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
.eqx-c-hamburger {
display: inline-block;
width: 44px;
height: 34px;
padding: 10px 11px;
margin: 0;
border: none;
border-radius: 3px;
background: #000;
cursor: pointer;
overflow: visible;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.eqx-c-hamburger:focus {
outline: 0;
}
.eqx-c-hamburger__box {
position: relative;
display: inline-block;
width: 22px;
height: 14px;
vertical-align: top;
}
.eqx-c-hamburger__inner {
display: block;
top: 50%;
margin-top: -1px;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.eqx-c-hamburger.collapsed .eqx-c-hamburger__inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.eqx-c-hamburger__inner,
.eqx-c-hamburger__inner:before,
.eqx-c-hamburger__inner:after {
position: absolute;
width: 22px;
height: 2px;
background-color: #fff;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.eqx-c-hamburger__inner:before,
.eqx-c-hamburger__inner:after {
content: "";
display: block;
}
.eqx-c-hamburger__inner:before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease, opacity 0.1s 0.14s ease;
transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.eqx-c-hamburger.collapsed .eqx-c-hamburger__inner:before {
opacity: 1;
top: -6px;
-webkit-transition: top 0.1s 0.14s ease, opacity 0.1s ease;
transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.eqx-c-hamburger__inner:after {
bottom: 0;
-webkit-transition: bottom 0.1s ease,-webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease,-webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease,transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease,transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.eqx-c-hamburger.collapsed .eqx-c-hamburger__inner:after {
bottom: -6px;
-webkit-transition: bottom 0.1s 0.14s ease,-webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease,-webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease,transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.14s ease,transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#menu {
width: auto;
height: auto;
margin-bottom: 0;
background: transparent;
}
#menu ul li a {
width: auto !important;
height: auto;
background: transparent;
}
#menu ul li a span {
height: auto;
font-weight: normal;
line-height: inherit;
}
#menu ul li a span:after {
display: none;
}
#menu ul li.m4 div {
right: auto;
left: 0;
}
#menu .languages {
width: 60px;
}
.flag-cs span,
.flag-de span,
.flag-en span {
width: 50px;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height,visibility;
transition-property: height,visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
@media only screen and (min-width: 660px) {
.eqx-c-header {
margin-right: 0;
margin-left: 0;
}
.eqx-c-header__toggle {
padding: 12px 15px 20px 15px;
margin-right: 10px;
}
.eqx-c-header__toggle.is-active:after {
border-width: 0 25px 42px 0;
}
.eqx-c-logo__img {
height: 10px;
}
}
@media only screen and (min-width: 1024px) {
.eqx-c-header {
padding: 30px 0 40px;
}
.eqx-c-header__toggle {
padding: 23px 20px 10px 20px;
margin-right: 20px;
}
.eqx-c-header__toggle.is-active:after {
border-width: 0 30px 72px 0;
}
.eqx-c-header__hamburger {
display: none;
}
.eqx-c-header__menu {
padding: 20px 20px;
}
.eqx-c-header__collapse.collapse {
display: block !important;
height: auto !important;
}
.eqx-c-logo__img {
height: 15px;
}
.eqx-c-logo__label {
display: inline-block;
}
#menu ul li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 30px;
margin-top: -15px;
background-color: #fff;
}
#menu .languages li:before {
display: none;
}
#menu ul li:first-child:before {
display: none;
}
}
@media only screen and (min-width: 1024px) {
.eqx-c-header {
padding-bottom: 30px;
}
.eqx-c-header__toggle {
padding: 18px 30px 10px 30px;
margin-right: 40px;
}
.eqx-c-header__toggle.is-active:after {
border-width: 0 40px 72px 0;
}
.eqx-c-header__toggle:first-child {
padding-left: 20px;
}
.eqx-c-logo__img {
height: 20px;
}
#menu {
height: 19px;
}
#menu > ul:first-child {
margin-top: -20px;
margin-bottom: -20px;
margin-left: -20px;
}
#menu > ul:first-child > li > a {
padding: 20px 28px;
}
#menu > ul:first-child > li {
padding-left: 1px;
}
#menu > ul:first-child > li:first-child {
padding-left: 0;
}
#menu > ul:first-child > li:hover a {
background: rgba(0, 0, 0, 0.7);
}
#menu ul li a:hover span {
color: #fff;
}
#menu ul li div {
top: 59px;
border: none;
background: rgba(76, 75, 78, 0.7);
}
#menu ul li.m3 div,
#menu ul li.m4 div {
left: 1px;
}
#menu ul li.m2 div table {
width: 961px;
}
#menu ul li.m3 div table {
width: 238px;
}
#menu ul li.m4 div table {
width: 466px;
}
#menu .submenu-category td {
background: rgba(0, 0, 0, 0.7);
background: transparent;
}
#menu .submenu-category td figure {
min-height: 301px;
border-color: rgba(0, 0, 0, 0.7);
background-clip: padding-box;
}
.collapse {
display: block;
}
}
@media only screen and (max-width: 1023px) {
.eqx-c-logo__img {
width: auto;
}
#menu {
width: 590px !important;
margin-top: 10px;
}
#menu ul {
float: none;
}
#menu ul li {
float: none;
}
#menu ul li a {
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
}
#menu ul li a:hover span {
color: #fff;
}
#menu ul li div {
display: none !important;
}
#menu .languages {
float: none;
width: auto;
margin-top: 20px;
text-align: center;
}
#menu .languages:after {
display: none;
}
#menu .languages-opened {
position: static;
}
#menu .languages li,
#menu .languages .selected {
display: inline-block;
}
#menu .languages li a {
padding: 0 !important;
}
}
@media only screen and (max-width: 659px) {
#menu {
width: 260px !important;
}
}
/* RWD edits and tweaks */
h1 {
padding: 0;
margin-bottom: 20px;
color: #ff0000;
font-size: 22px;
line-height: 1.2;
text-transform: uppercase;
}
#text .obsah h2 {
color: #000;
font-size: 14px;
text-transform: uppercase;
}
img {
max-width: 100%;
height: auto;
}
#top {
height: auto;
}
.clear {
height: 0;
}
.strankovani {
overflow: hidden;
}
#text .news {
overflow: visible;
}
#text > .news {
margin-bottom: 0;
border: none;
}
#text .bloknovinek {
min-height: 1px;
}
#text .menu {
display: none;
}
/*#text .produkt {
min-height: 1px;
overflow: hidden;
}*/
#text .obsah,
#text .news .obsah {
float: none;
width: auto;
padding-left: 25px;
}
#text .news .obsah .datum {
padding-bottom: 10px;
}
#text .detail h1 {
background: transparent;
}
.newsfotky {
clear: both;
}
.newsfotky img {
margin: 5px;
}
.table-params-rwd {
display: none;
}
#order-colorbox {
background-color: #fff;
}
#order-colorbox table,
#order-colorbox input,
#order-colorbox textarea {
width: 100%;
box-sizing: border-box;
}
.mfp-inline-holder .mfp-content {
max-width: 480px;
}
@media only screen and (max-width: 1023px) {
#top, #menu, #text, #banner, #mainbanner, #bottom, #interested {
width: 630px;
}
#mainbanner {
max-width: 630px;
min-width: 630px;
}
#banner {
height: auto;
}
#banner .banner3a {
width: 606px;
height: auto;
padding-left: 4px;
padding-bottom: 20px;
margin-top: 30px;
margin-bottom: 30px;
}
#banner .banner3a h3 a {
margin-left: -4px;
}
#banner .banner3a a {
float: left;
width: 186px;
height: auto;
margin-bottom: 0;
margin-left: 16px;
}
#banner .banner3a a:first-of-type {
margin-left: 0;
}
.block {
width: 630px;
}
.block-delivery h2 {
background-position: center 0;
}
.block-service .block-col {
width: 100%;
}
.accessories li {
width: 203px;
box-sizing: border-box;
}
.accessories li:nth-child(3n) {
width: 204px;
}
.accessories li:nth-child(4n) {
width: 203px;
border-right: 1px solid #ebebeb;
}
#text {
width: 610px;
}
#text .product-line .nahled {
width: 40%;
height: auto;
}
#text .product-line .detail {
margin-left: 40%;
}
#text .detail .galleryfull a.p1 {
margin-right: 10px;
}
.table-params {
display: none;
}
.table-params-rwd {
display: table;
width: 590px;
margin-right: 20px;
margin-left: 20px;
}
.product-line-price-table {
margin-left: -230px; /* 40procent - magic number */
}
}
@media only screen and (max-width: 659px) {
#top, #menu, #text, #banner, #mainbanner, #bottom, #interested {
width: 300px;
}
#mainbanner {
max-width: 300px;
min-width: 300px;
width: auto;
}
#text {
width: 280px;
}
#mainbanner .main-banner-buttons {
position: static;
}
#mainbanner .main-banner-buttons a {
margin-top: 10px;
}
#banner .banner3b {
margin-top: 30px;
margin-left: 0;
}
#banner .banner3a {
width: 260px;
padding-left: 20px;
padding-bottom: 0;
}
#banner .banner3a h3 a {
margin-left: -20px;
}
#banner .banner3a a {
float: none;
width: 260px;
margin-bottom: 20px;
margin-left: 0;
}
.block {
width: 300px;
}
.block-delivery h2 {
background-size: 600px auto;
}
.block-col {
width: 100%;
}
.block-col:first-child p:first-child {
margin-bottom: 0;
}
.block-cols-text:after {
display: none;
}
.block-service h2 {
background-size: 300px auto;
}
.block p strong {
font-size: 14px;
}
#bottom {
margin-bottom: 20px;
}
#bottom .copyright {
float: none;
}
.soc {
width: 300px;
}
.soc a {
margin-left: 0;
margin-right: 10px;
}
.soc .download-catalogue {
float: none;
margin-top: 20px;
margin-bottom: 10px;
}
a.newer,
a.older {
width: 90px;
}
.accessories li,
.accessories li:nth-child(3n),
.accessories li:nth-child(4n) {
width: 280px;
}
#text .obsah {
padding: 20px;
}
#text .produkt {
min-height: 1px;
}
#text .nahled {
position: static;
width: 280px;
height: auto;
}
#nahled-order {
height: auto;
}
#text .detail {
position: static;
padding: 20px;
margin-left: 0;
}
#text .detail .galleryfull {
height: auto;
overflow: hidden;
}
#text .detail .galleryfull a.p1 {
margin-right: 5px;
}
#text .product-line .nahled {
width: 100%;
}
#text .product-line .detail {
margin-left: 0;
}
.table-params-rwd {
width: 240px;
}
.table-params thead th {
padding-right: 0;
padding-left: 0;
font-size: 18px;
}
.table-params-rwd .order-button {
width: 100%;
height: 0;
padding-bottom: 27%;
background-size: 100% auto;
}
#text .product-line-price-table td {
text-align: left;
}
.product-line-price-table {
margin-right: 0;
margin-left: 0;
}
.product-line-price-table table,
.product-line-price-table tbody,
.product-line-price-table tfoot,
.product-line-price-table tr,
.product-line-price-table th,
.product-line-price-table td {
display: block;
}
.product-line-price-table tbody tr {
margin-top: 10px;
}
.product-line-price-table th,
.product-line-price-table td {
width: auto;
padding: 0;
}
.product-line-price-table th span,
.product-line-price-table td span {
display: block;
left: 0;
}
.adresa {
width: 240px;
}
}
@media only screen and (max-width: 374px) {
#order-colorbox td#td-note br {
display: none;
}
}
/* Utils */
.u-hiddenVisually {
position: absolute !important;
overflow: hidden !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
}
ACC SHELL 2018