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, #main, #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 .claim { position: absolute; right: 10px; top: 60px; }


#main { width: 961px; height: 220px; display:block; position:relative; z-index:10; }
#main .sipka { position: absolute; top: 30px; left: -10px; z-index: 11; }
#main .thankyou { position: absolute; top: 70px; left: 150px; z-index: 11; }


#banner { margin-top: 5px; height: 208px; position: relative; }
#banner p { line-height: 1.4em; }
#banner .banner1 { width: 318px; height: 208px; float: left; margin-right: 0px; background: transparent url(../img/banner_1.png) top left no-repeat; }
#banner .banner1 div { padding: 15px 20px 20px 25px; color: #fff; line-height: 1.5em; } 
#banner .banner2 { width: 319px; height: 208px; float: left; margin-right: 5px; background: transparent url(../img/banner_2.png) top left no-repeat; }
#banner .banner2 div { padding: 15px 20px 20px 25px; color: #fff; line-height: 1.5em; } 
#banner .banner33 { width: 316px; height: 408px; position: absolute; right: 0; bottom: 1px; background: transparent url(../img/bg_formular.png) top left no-repeat; }
#banner .banner33 h2 { padding: 12px 0px 0px 0px; } 
#banner .banner33 div { padding: 35px 35px 20px 35px; color: #000; } 
#banner .banner33 div div { padding: 10px 0 0 0; }
#banner .banner3 { width: 315px; height: 208px; float: left; margin-right: 0px; background: transparent url(../img/banner_1.png) top left no-repeat; }
#banner .banner3 div { padding: 80px 20px 20px 40px; color: #fff; line-height: 1.4em; } 

#banner .banner3 a.visit { display: block; width: 236px; height: 55px; background: transparent url(../img/visit_button.png) top center repeat; }
#banner .banner3 a.visit:hover { background-position: bottom center; }
#banner .banner3 a.visit:active { background-position: center center; }
#banner .banner3 a.visit span { display: none; }


#banner ul { list-style-image: url(../img/odrazka.gif); padding-left: 15px; }

#bottom { margin-top: 10px; padding: 10px 0 0 10px; clear: both; }
#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; }

#banner form { position: relative; z-index: 150; }
#banner form.eurobike p { padding: 5px 0 10px 0; }
#banner form.eurobike input { width: 230px; }
#banner form.eurobike a.submit { display: block; width: 236px; height: 55px; background: transparent url(../img/buttons.png) top center repeat; }
#banner form.eurobike a.submit:hover { background-position: bottom center; }
#banner form.eurobike a.submit:active { background-position: center center; }
#banner form.eurobike a.submit span { display: none; }