﻿
input, textarea, select { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-size: 12px; padding: 2px; }

.cleaner { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }
body { color: #353535; font-size: 82.5%; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }

h1 { font-size: 1.8em; font-weight: normal; color: #ba0000; line-height: 1.5em; margin-bottom: 5px; font-family: "Trebuchet MS", "Lucida Grande", Tahoma; font-style: italic; }
h2 { font-size: 1.2em; font-weight: bold; color: #ba0000; line-height: 1.5em; margin-bottom: 5px; font-family: "Trebuchet MS", "Lucida Grande", Tahoma; font-style: italic; }
h3 { font-size: 1em; font-weight: bold; color: #ba0000; line-height: 1.5em; margin-bottom: 5px; }
h4 { font-size: 0.9em; font-weight: bold; color: #ba0000; line-height: 1.5em; margin-bottom: 5px; }

h5 { font-size: 1.0em; font-weight: bold; line-height: 1.5em; margin-bottom: 5px; font-family: "Trebuchet MS", "Lucida Grande", Tahoma; font-style: italic; }

h1 a, h2 a { color: #ba0000; text-decoration: none; }
.left { float: left; }
.right { float: right; }
b, strong { font-weight: bold; }
b { color: #ba0000; }

.line { clear: both; margin-top: 8px; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e4e1e1; }
.space_bottom2 { clear: both; margin-bottom: 1px; }
.padding_top { padding-top: 10px; }
.padding_bottom { padding-bottom: 10px; }
p { margin-bottom: 10px; }

/* layout
===================================== */
#odkazy { font-size: 0.85em; }

#cnt_outer { height: auto; width: 1000px; margin-left: auto; margin-right: auto; font-size: 1.2em; line-height: 1.5em; padding-bottom: 20px; }

#cnt_advert { }

#advert { height: auto; width: 1000px; margin-left: auto; margin-right: auto; }

#logo { position: relative; width: 233px; height: 116px; overflow: hidden; float: left; left: 0px; margin: 0; font-size: 1.6em; top: 0px; padding: 0px; }
#logo a span { display: block; position: absolute; left: 0px; top: 0px; z-index: 1; width: 233px; height: 116px; padding: 0; margin: 0; background-repeat: no-repeat; background-position: center center; background-image: url(../images/web/logo_02.jpg); color: #FFFFFF; }
#top { height: 156px; width: 1000px; background-image: url(../images/web/header_02.jpg); background-repeat: no-repeat; background-position: center top; }
#top a { color: #FFFFFF; text-decoration: underline; }
#top a:hover { color: #FFFFFF; text-decoration: none; }
#search { float: right; height: 91px; width: 300px; font-size: 0.9em; padding-top: 25px; }
.search { width: 190px; background-image: url(../images/web/input_03.png); background-repeat: repeat-x; background-position: top; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.search_btn, .buton a { padding-top: 5px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px; background-color: transparent; background-image: url(../images/web/button_05.gif); background-repeat: no-repeat; background-position: center center; height: 27px; width: 82px; text-align: center; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.buton a { display: block; color: #353535; text-decoration: none; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.buton a:hover { color: #999999; text-decoration: none; }
.buton1 { font-size: 0.9em; color: #FFFFFF; text-decoration: none; background-image: url(../images/web/btn_left_03.png); background-repeat: no-repeat; background-position: left center; padding-left: 5px; padding-right: 5px; height: 20px; width: 100px; float: right; }
.buton1 a { color: #FFFFFF; text-decoration: none; background-image: url(../images/web/btn_right_03.png); background-repeat: no-repeat; background-position: right center; padding-right: 25px; display: block; height: 19px; padding-top: 1px; }
.buton1 a:hover { color: #FFFFFF; text-decoration: underline; }
#top ul { display: block; clear: both; width: 990px; background-image: url(../images/web/top_menu_03.png); background-repeat: no-repeat; background-position: center top; height: 45px; font-size: 0.9em; color: #353535; padding-left: 10px; }
#top ul li { display: block; float: left; }
#top ul li a { display: block; float: left; padding-top: 10px; padding-right: 14px; padding-left: 14px; font-weight: bold; color: #353535; text-decoration: none; height: 30px; }
#top ul li a:hover, #top ul li a.active { font-weight: bold; color: #353535; text-decoration: none; background-image: url(../images/web/menu_hover_06.png); background-repeat: repeat-x; background-position: top; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #999999; border-left-color: #CCCCCC; }

.activeMenuItem { font-weight: bold; color: #353535; text-decoration: underline; background-image: url(../images/web/menu_hover_06.png); background-repeat: repeat-x; background-position: top; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #999999; border-left-color: #CCCCCC; }



#top ul li.last { float: right; padding-right: 180px; }


#top ul li.last:hover { }
#top ul li.last a:hover { background-image: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#top ul li a.active:hover, #top ul li.last a.active:hover { text-decoration: underline; }
#container { background-image: url(../images/web/wrapper_03.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; }
#wrapper { background-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #e4e1e1; border-left-color: #e4e1e1; padding-top: 20px; padding-bottom: 20px; }
#left { float: left; width: 180px; margin-right: 15px; margin-left: 10px; font-size: 0.9em; line-height: 1.5em; }
#right { float: left; width: 350px; margin-right: 10px; margin-left: 15px; line-height: 1.5em; }

.left_left { float: left; width: 45%; padding-right: 1%; }
.left_right { float: right; width: 49%; padding-left: 1%; }

#left h3, #right h3 { display: block; height: 30px; margin: 0px; padding-top: 7px; padding-right: 5px; padding-left: 10px; font-size: 1.1em; background-repeat: no-repeat; background-position: center top; background-color: #FFFFFF; }
#left h3 { background-image: url(../images/web/left_top_03.png); }
#right h3 { background-image: url(../images/web/right_top_03.png); }
#left h3.headline { background-image: url(../images/web/left_headline_03.png); height: 35px; }
#right h3.headline { background-image: url(../images/web/right_headline_03.png); height: 35px; }
#left h3.headline_rss { background-image: url(../images/web/left_headline_rss.png); height: 35px; }
#left h3.headline_top { background-image: url(../images/web/left_top_03.png); }
#right h3.headline_top { background-image: url(../images/web/right_top_03.png); }

div.pozadie_stlpec { background-image: url(../images/web/left_bottom_03.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 5px; background-color: #F2F2F2; }
#right .pozadie_stlpec { background-image: url(../images/web/right_bottom_03.png); }
div.pozadie_stlpec_border { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #e9e6e6; border-left-color: #e9e6e6; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; height: auto; background-color: #F2F2F2; }
#right .pozadie_stlpec_border { padding-left: 10px; padding-right: 10px; }

.whiteboard { background-color: #FFFFFF; }

#otevirak2 { border-left: dashed 1px #e9e6e6; border-right: dashed 1px #e9e6e6; padding-right: 10px; padding-left: 10px; }

#content { float: left; width: 412px; }
.highlight { color: #BA0000; font-size: 0.9em; }

.text { margin-top: 5px; margin-bottom: 5px; }

#right_ad { float: right; width: 120px; font-size: 12px; padding-right: 10px; line-height: 1.4em; font-family: Arial, Helvetica, Sans-Serif; }
ul.odrazky { padding: 5px; }
ul.odrazky li { background-image: url(../images/web/li_03.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 14px; }
.img { background-color: #FFFFFF; padding: 5px; /*border: solid 1px #E9E6E6;*/ margin-right: 5px; margin-bottom: 5px; }

.img2 { background-color: #E9E6E6; padding: 5px; /*border: solid 1px #E9E6E6;*/ margin-right: 5px; margin-bottom: 5px; }

#footer { clear: both; font-size: 0.9em; padding-top: 20px; width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 10px; color: #999999; }
#footer a { color: #999999; text-decoration: underline; }
#footer a:hover { color: #CCCCCC; text-decoration: none; }
#footer ul { }
#footer ul li { }
#footer ul li a { }
#footer p { }
.acenter { text-align: center; }
.aleft { text-align: left; }
.aright { text-align: right; }

.whiteBack { background-color: White; }

#otevirak2 { background-color: White; }

#sponzoredLinks { background-color: #ffffff; width: 330px; padding-top: 10px; padding-left: 15px; }

#homeSport { background-color: #ffffff; width: 340px; border-left: solid 1px #e9e6e6; padding-bottom: 10px; padding-left: 10px; }

.groupTitle { font-size: 0.9em; color: #FFFFFF; text-transform: uppercase; background-color: #a00000; padding-left: 5px; height: 20px; width: 415px; font-weight: bold; }

.groupTitle2 { font-size: 0.9em; color: #FFFFFF; text-transform: uppercase; background-color: #a00000; padding-left: 5px; height: 20px; width: 340px; font-weight: bold; font-size: 12px; }

.homeCatName { color: Gray; font-size: 0.9em; font-weight: bold; font-style: normal; }

.subGroup { font-size: 1em; font-weight: bold; color: #ba0000; line-height: 1.4em; margin-bottom: 5px; text-transform: uppercase; }

.subGroupActive { font-size: 1em; font-weight: bold; color: Black; line-height: 1.4em; margin-bottom: 5px; text-transform: uppercase; }

.titulkaCMN { background-color: #FFFFFF; border-style: none; padding: 10px 8px 6px 8px; margin-top: 0px; }

.textCMN { font-size: 1.0em; font-family: Verdana; margin: 5px 0px 0px 10px; }

.menuItem { text-decoration: none; }

.menuItemActive { font-weight: bold; text-decoration: underline; }

.subMenuItem { padding-left: 10px; text-decoration: none; }

.subMenuItemActive { padding-left: 10px; font-weight: bold; text-decoration: underline; }


.c_right { float: right; padding-right: 25px; }

.comment { font-size: 0.9em; padding-bottom: 5px; }

.videoWarning { padding-top: 10px; padding-bottom: 10px; }


/* hawk edit */


a.menuItem:hover { color: #ba0000; text-decoration: underline; }
a.subMenuItem:hover { color: #ba0000; text-decoration: underline; }
.menuItemImg { margin: 5px 0px 0px 5px; }
.novinkySwap { width: 411px; height: 290px; padding-top: 15px; display: inline-table; }
.novinkyButtonObal { position: absolute; width: 405px; margin-top: -15px; z-index: 5; }
.novinkyButton { width: 26px; height: 16px; padding: 8px 0px 8px 0px; background-color: #ce0006; margin-left: 13px; float: right; font-size: 16px; font-weight: bold; color: #ffffff; text-align: center; }
.novinkyImg { width: 411px; height: 275px; background-image: url(http://bikerboyz.cz/multimedia/nahled.jpg); background-repeat: no-repeat; background-position: 50% 50%; clear: both; }
.novinkyWhiteUp { width: 411px; height: 21px; background-color: #ffffff; position: absolute; filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.novinkyWhiteDown { width: 411px; height: 100px; background-color: #ffffff; position: absolute; margin-top: 175px; filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.novinkyText { width: 411px; height: 100px; position: absolute; margin-top: 175px; }
.novinkyTextHead { width: 391px; padding: 10px 0px 10px 10px; #padding: 10px 0px 0px 10px; }
.novinkyTextPerex { width: 391px; padding: 0px 0px 0px 10px; clear: both; font-weight: 500; }

#topicItems { font-weight: bold; color: #ba0000; }

.jzLogo { width: 350px; height: 84px; background-image: url(http://hawk.icmn.cz/Images/jz/logo.gif); background-repeat: no-repeat; background-position: 50% 50%; margin: 10px 0px 20px 0px; }

/*POOLBOX*/
.pollbox { font-size: 11px; }
.pollcontent { padding: 6px; }
.pollquestion { font-size: 13px; font-weight: bold; }
.polloptions { padding-top: 10px; padding-bottom: 4px; }
.pollbar { background-color: red; height: 10px; }

/*ONLINE*/
.CZ { font-family: Arial, Helvetica, sans-serif; }
.VER { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
A:hover { color: #EB0000; }
A.bb:link { color: #3366CC; text-decoration: none; }
A.bb:visited { color: #3366CC; text-decoration: none; }
A.bb:hover { color: #3366CC; text-decoration: underline; }
A.cc:link { color: #3366CC; text-decoration: underline; }
A.cc:visited { color: #3366CC; text-decoration: underline; }
A.cc:hover { color: #3366CC; text-decoration: underline; }
A.dd:link { color: #EB0000; text-decoration: underline; }
A.dd:visited { color: #EB0000; text-decoration: underline; }
A.dd:hover { color: #EB0000; text-decoration: underline; }
A.ee:link { color: #3366CC; text-decoration: underline; }
A.ee:visited { color: #3366CC; text-decoration: underline; }
A.ee:hover { color: #EB0000; text-decoration: underline; }

.photoList { height: auto; }

.photoItem { font-size: 9px; padding: 5px; height: auto; }

.showactual { background-color: #ba0000; padding: 3px; color: White; font-weight: bold; }

.photoTitle { font-size: 9px; }

.photoTitle2 { font-size: 9px; height: 40px; }
