ACC SHELL
body { margin: 0; padding: 0; text-align: center; font-size: 11px; font-family : arial, verdana, tahoma, sans-serif; color: #000; }
body { background: #000 url(../img/bg.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: 45px; }
#top .links { position: absolute; top: 51px; right: 268px; width: 250px; }
#top .links a { height: 21px; float: left; display: block; }
#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(../img/distributors.png) center center no-repeat; }
#top .links a.a4 { width: 75px; background: transparent url(../img/news.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(../img/distributors-onmouseover.png) center center no-repeat; }
#top .links a.a4:hover { background: transparent url(../img/news-onmouseover.png) center center no-repeat; }
#top .links { position: absolute; top: 51px; right: 268px; }
#top .about { position: absolute; right: 0px; top: 37px; }
#top .about a.a3 { z-index: 50; position: relative; display: block; width: 247px; height: 58px; background: transparent url(../img/header_05.png) top left no-repeat; }
#top .about a.a3:hover { background: transparent url(../img/header-onMouseOver_05.png) top left no-repeat; }
#top .about a span { display: none; }
#top .about .box { z-index: 40; position: absolute; top:-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: 45px; margin-bottom: 5px; }
#menu ul { list-style-type:none; }
#menu ul li { float: left;}
#menu ul li a { display: block; height: 45px; width: 192px; }
#menu ul li a span { display: none; }
ul li.m1 a { background: transparent url(../img/mainmenu_1.png) top right no-repeat; }
ul li.m2 a { background: transparent url(../img/mainmenu_2.png) top right no-repeat; }
ul li.m3 a { background: transparent url(../img/mainmenu_3.png) top right no-repeat; }
ul li.m4 a { background: transparent url(../img/mainmenu_4.png) top right no-repeat; }
ul li.m5 a { background: transparent url(../img/mainmenu_5.png) top right no-repeat; }
ul li.m1:hover a { background: transparent url(../img/mainmenu_1_hover.png) top right no-repeat; z-index: 210; position: relative; }
ul li.m2:hover a { background: transparent url(../img/mainmenu_2_hover.png) top right no-repeat; z-index: 210; position: relative; }
ul li.m3:hover a { background: transparent url(../img/mainmenu_3_hover.png) top right no-repeat; z-index: 210; position: relative; }
ul li.m4:hover a { background: transparent url(../img/mainmenu_4_hover.png) top right no-repeat; z-index: 210; position: relative; }
ul li.m5:hover a { background: transparent url(../img/mainmenu_5_hover.png) top right no-repeat; z-index: 210; position: relative; }
#menu ul li div { z-index: 200; position: absolute; display: none; background: #CCCCCC; border: 1px #666666 solid; top: 44px; }
#menu ul li.m2 div { left:191px; }
#menu ul li.m3 div { left:383px; }
#menu ul li.m4 div { left:575px; }
#menu ul li.m5 div { right:1px; }
#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; 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; }
#mainbanner { width: 961px; height: 341px; display:block; position:relative; z-index:10; }
#mainbanner div { display:none; position:absolute; top:0; left:0; }
#banner { margin-top: 5px; height: 182px; }
#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 .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 .banner3 { width: 314px; height: 182px; float: left; background: transparent url(../img/bg-banner-catalog.png) top left no-repeat; } /* puvodni background pro news je: "../img/bg_news_hp.png" */
#banner .banner3 div { padding: 20px 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 .eurobike { width: 314px; height: 182px; float: left; margin-right: 10px; }
#banner .eurobike a { background: transparent url(../img/eurobike.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 { margin-top: 10px; padding: 0px 0 0 10px; }
#bottom .menu { color: #f00; padding: 3px 0; }
#bottom .menu a { color: #9B9B9B; }
#bottom .menu a:hover { color: #fff; text-decoration: none; }
#bottom .copyright { color: #333333; padding: 3px 0; }
#bottom .copyright a { color: #333333; }
#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: 520px; }
#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; }
#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 0; 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; }
#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:110px; 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 { list-style-image: url(../img/odrazka.gif); padding-left: 15px; }
#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; }
ACC SHELL 2018