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: 180px; width: 324px; }
#top .links a { height: 21px; float: left; display: block; margin-left: 10px; }
#top .links a span { display: none; }
#top .links a.a1 { width: 73px; background: transparent url(../img/header_08.png) center center no-repeat; }
#top .links a.a2 { width: 100px; background: transparent url(../img2/text-distributors.png) center center no-repeat; }
#top .links a.a4 { width: 48px; background: transparent url(../img2/text-news.png) center center no-repeat; }
#top .links a.a5 { width: 146px; background: transparent url(../img2/text-customer-service.png) center center no-repeat; }
#top .links a.a1:hover { background: transparent url(../img/header-onMouseOver_08.png) center center no-repeat; }
#top .links a.a2:hover { background: transparent url(../img2/text-distributors-over.png) center center no-repeat; }
#top .links a.a4:hover { background: transparent url(../img2/text-news-over.png) center center no-repeat; }
#top .links a.a5:hover { background: transparent url(../img2/text-customer-service-over.png) center center no-repeat; }
#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: url(../img2/mainmenu.png) 0 0 repeat-x; 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: 64px;}
#menu .m2 a {width: 120px;}
#menu .m3 a {width: 90px;}
#menu .m4 a {width: 134px;}
#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.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: 71px;}
#menu .languages:after {content: ''; position: absolute; top: 50%; right: 15px; 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 { display: block; width: 60px; padding-right: 10px; text-decoration: none; color: #fff; background: url('../img2/mainmenu.png') 0 0 repeat-x; }
#menu .languages li a:after {content: none; }
#menu .languages 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 .languages li a span:after {content: none;}
#menu .languages li a:hover { z-index: 210; position: relative; background-position: 0 -50px; }
#menu .languages li a:hover span { color: #000; }
#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%; margin-bottom: 30px; }
#mainbanner img { display: block; width: 100%; max-width: 1280px; min-width: 961px; margin: 0 auto; }
#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 {
position: relative;
font-family: Arial;
font-size: 18px;
font-weight: bold;
color: #010101;
left: 5px;
}
#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;
}
#order-button {
position: relative;
width: 180px;
height: 48px;
top: 5px;
background: transparent url(../img/order_button.png) top left no-repeat;
}
#order-button:hover {
background: transparent url(../img/order_button_hover.png) top left no-repeat;
}
.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 {
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 {
font-family: arial, verdana, tahoma, sans-serif;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
color: #848484
}
#order-button-submit {
float: right;
width: 115px;
height: 32px;
text-indent: -9999px;
background: transparent url(../img/order_button_submit.png) top left no-repeat;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#order-button-submit:hover {
cursor: pointer;
background: transparent url(../img/order_button_submit_hover.png) top left no-repeat;
}
#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;
}
.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 .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;
}
.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: 180px;
height: 48px;
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:focus,
.order-button:hover {
background-image: url(../img/order_button_hover.png);
}
#text.products-category {
background: rgba(255, 255, 255, 0.5);
}
#text.products-category .product-line {
background: #f5f5f5;
}
.products-category ul {
overflow: hidden;
}
.products-category 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;
}
.products-category li:nth-child(4n) {
width: 235px;
border-right: 0;
}
.products-category a {
display: block;
height: 100%;
outline: none;
transition: 0.5s all;
}
.products-category a:focus,
.products-category a:hover {
text-decoration: none;
opacity: 0.8;
}
.products-category figure {
margin: 0;
padding: 7px 0 0;
background: none;
border: none;
}
.products-category figure img {
display: block;
margin: 0 auto;
border: 0;
}
.products-category 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;
}
.cc_container a {
color: #D10202 !important;
}
.cc_container .cc_btn {
color: #FFF !important;
background: #D10202 !important;
}
ACC SHELL 2018