.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}
#nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background:url(blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px; width:112px; background:url(blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; width:112px; background:url(blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;}
#nav li:hover > a.top_link {color:#fff; background: url(blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;}

/* Default list styling */
#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub {left:0; top:31px; background:#fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a {display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly {background:#fff url(arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
#nav li:hover ul.sub li a.fly:hover {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;}
#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}

/* always visible */
#outer .holder { clear:left; background:#fff url(corner2.png) top right no-repeat; padding:10px; border:1px solid #ddd; margin:0 20px 10px 0; max-width:800px;}
#outer .holder_y { clear:left; padding:10px; border:1px solid #ffcc00; margin:0 20px 10px 0; max-width:800px; background:#ffffcc;}
#outer .holder_banner1 { clear:left; padding:10px; border:1px solid #ddd; margin:0 20px 10px 0; max-width:800px; height:200px; background:#fff url(banner38.jpg) top left no-repeat;}
div.holder_banner1a { clear:left; padding:10px; border:1px solid #ddd; margin:0 20px 10px 0; max-width:800px; height:200px; background:#fff url(race1.jpg) top left no-repeat;}
#outer .holder_banner2 { clear:left; padding:10px; border:1px solid #ddd; margin:0 20px 10px 0; max-width:800px; height:200px; background:#fff url(banner46.jpg) top left no-repeat;}
#outer .holder_banner2a { clear:left; padding:10px; border:1px solid #ddd; margin:0 20px 10px 0; max-width:800px; height:200px; background:#fff url(race2.jpg) top left no-repeat;}
#outer .holder_banner1 p.white {background-color: #fff;}
#outer .holder_stripped { clear:left; padding:0px; border:0px solid #ddd; margin:0 20px 10px 0; max-width:800px;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}
#outer .holder_b { clear:left; padding:10px; border:1px solid #ddd; margin:0 20px 10px 0; max-width:800px; background:#f0f8ff;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#3a93d2; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px; padding-bottom:10px;}
#outer div.click img.inline {float:none; display:inline; padding-right:10px; padding-bottom:10px;}

body {font-family: Helvetica; font-size:12px; color: gray; background-color:#3a93d2;}
h2 {font-family: Helvetica; font-weight: bold; font-size: medium; color: #3a93d2; text-decoration: underline;}
h3 {font-family: Helvetica; font-weight: bold; font-size: medium; color: gray; text-decoration: underline;}
h4 {font-family: Helvetica; font-weight: bold; font-size: small; color: gray; text-decoration: underline;}
h5 {font-family: Helvetica; font-style: italic; font-size: 10px; color: #3a93d2; margin-left:10px }
h5.data {margin-left:40px; margin-top:-13px; font-size: x-small; font-style: italic;}
h5.datag {margin-left:40px; margin-top:-13px; font-size: x-small; font-style: italic; color: gray;}
body.smallit {font-size:1; color:#3a93d2; font-style:italic;}
h6 {font-size:1; color:gray; text-align:center}
.lefttop {margin-left:0px; margin-top:0px;}
.lefttophard {margin:0px 0px -3px 0px; padding:0px;}
#outer_c .leftflowhard {position:absolute; left:20px; top:190px; border:0;}
#outer_c .leftflowhard2 {position:absolute; left:20px; top:20px; border:0;}
#outer_c .leftflowhard3 {position:absolute; left:65px; top:20px; border:0;}
#outer_c .leftflowhard4 {position:absolute; left:110px; top:12px; border:0;}

/* style tekstu inline bazujace na stylu body */
a.b1 {font-weight: bold;}
a.b1u {font-weight: bold; text-decoration:underline;}
a.b2 {font-weight: bold; color: #3a93d2;}
a.b2u {font-weight: bold; text-decoration:underline; color: #3a93d2;}
p.ind {text-indent:50px;}
p.rb {font-weight: bold; color: red;}
p.blue {color: #3a93d2;}
p.red {color: red;}
i.blue {color: #3a93d2;}

/* hz menu */
#menu {padding:0; margin:0; width:0;}
#menu li {list-style-type:none; width:200px; height:20px; margin:2px 0; clear:both;}
#menu a, #menu a:visited {position:relative; display:block; width:120px; height:16px; border:1px solid #fff; background-color:#fff; color:#3a93d2; padding-left:3px; text-decoration:none;}
#menu a span, #menu a:visited span {display:none;}
#menu a:hover {color:#fff; background-color:#3a93d2; border:1px solid #fff; text-decoration:none;}

/* layout strony */
/* body {background-color:#ddd; background-image:url('rossi_back.png');} */
#outer_c {position:relative; background:#fff; padding:10px; width:940px; margin:auto;}
#header {position:absolute; top:10px; left:10px; padding:10px; width:800px; background:#3a93d2;}
#outer1 {float:left; background:#fff; padding:0px; width:120px;}
#outer3 {float:left; background:#fff; padding:0px; width:820px;}
#footer {position:static; clear:both; background:#fff; width:940px; height:auto;}
.center {margin-left:auto; margin-right:auto; text-align:center;}
p.hzbar {margin:100px auto 0px auto; background-color:#3a93d2; padding:4px; font-size:10px; height:1em; color:#fff; text-align:center;}
p.disclaimer {color:#3a93d2; font-style:italic; font-size:9px; text-align:center; color:#3a93d2;}
/* .solid {float:left; background:grey; width:800px; height:10px;}
koniec layout strony */

/* opacity menu */
img.opa {border:0;}
#menuo {position:relative; width:auto; height:160px; margin:10px;}
#menuo a:visited, #menuo a {text-decoration:none; color:#3a93d2; font-weight:bold;}
#menuo a:visited img.opa, #menuo a img.opa {filter: alpha(opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.40; opacity:0.4;}
#menuo a:hover {background-color:transparent; color:#06a;}
#menuo a span {display:none;}
#menuo a:hover span {display:block; position:relative; top:20px; left:0; font-size:12px; height:18px; padding:4px; font-weight:normal; color:#3a93d2;}
#menuo a:hover img.opa {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1;}

/* image rollover */
a.jufa {float:left; background: url(../icons/jufa.png) repeat 0px 0px; width: 80px; height: 78px; display: block;}
a.jufa:hover {background: url(../icons/jufa.png) repeat 0px -78px;}
a.level {position:relative; top:10px; float:left; background: url(../icons/level.png) repeat 0px 0px; width: 217px; height: 55px; display: block;}
a.level:hover {background: url(../icons/level.png) repeat 0px -55px;}
a.rossi {float:left; background: url(../icons/rossi.png) repeat 0px 0px; width: 181px; height: 68px; display: block;}
a.rossi:hover {background: url(../icons/rossi.png) repeat 0px -68px;}
a.kitz {float:left; background: url(../icons/kitzstein.png) repeat 0px 0px; width: 154px; height: 70px; display: block;}
a.kitz:hover {background: url(../icons/kitzstein.png) repeat 0px -70px;}
a.dart {float:left; background: url(../icons/dartfish.png) repeat 0px 0px; width: 157px; height: 70px; display: block;}
a.dart:hover {background: url(../icons/dartfish.png) repeat 0px -70px;}
a.brenna {float:left; background: url(../icons/brenna.gif) repeat 0px 0px; width: 139px; height: 61px; display: block;}
a.brenna:hover {background: url(../icons/brenna.gif) repeat 0px -61px;}
a.toko {position:relative; top:10px; float:left; background: url(../icons/toko.png) repeat 0px 0px; width: 150px; height: 57px; display: block;}
a.toko:hover {background: url(../icons/toko.png) repeat 0px -57px;}

/* top box for general comments */
#outer .topbox {padding:10px; border:1px solid #3a93d2; margin:0 20px 10px 0; max-width:800px; background:#f0f8ff;}
#outer .topbox p {padding:5px 0 0 0; margin:0; font-size: 10px; font-style: italic;}
#outer .topbox p.bold {font-weight:bold;}

.highlightit img {border: 1px solid #ccc;}
.highlightit:hover img {border: 1px solid navy;}
.highlightit:hover {color: red; /* Dummy definition to overcome IE bug */}

/* Dodatkowe elementy layoutu - male okienka */
.box3reduced {float:left; text-align:left; width:230px; border:1px dotted #3a93d2; margin:0 0 10px 10px; padding:5px; background:#f0f8ff;}
.thumbnail {float:left; margin:0 5px 0 0}
 img.thumbnail {width: 75px; height: 75px; border:0px;}
.box {width:110px; padding:0px;}
.greybox {float:left; text-align:left; width:770px; background:#ddd url(l_t.png) top left no-repeat; margin:0 0 10px 0; padding:15px;}
.whitetext {font-size:large; color: white; font-weight: bold; text-align:center}
.bluetextmedium {font-size:small; color: #3a93d2; font-weight: bold;}
.racername {font-size:small; color: #3a93d2; font-weight: bold; margin:0 0 0 0;}
.txtsmall {font-size:x-small;}

#outermod {background:#bbb; padding:0px; width:820px;}
#outermod .holder_2 {float:left; padding:10px; border:1px solid #ddd; background:#fff; margin:0 10px 10px 0; width:300px;}
#outermod .holder_3 { float:left; padding:10px; border:1px solid #ddd; margin:0 10px 10px 0; width:200px;}
#outermod .holder_4 {float:left; text-align:left; width:200px; border:1px dotted #3a93d2; margin:0 0 10px 10px; padding:5px; background:#f0f8ff;}

a:link {color: #3a93d2;}
a:visited {color: #3a93d2;}
div.forum {clear:left; background:#fff; padding:0px; border:1px solid #3a93d2; margin:0 0 20px 0; max-width:798px;}
img.border0 {border:0}