* { margin: 0; padding: 0; }
/* HTML elements */
body { background: #333333 url('../img/bg_page2.jpg') 17px 0px repeat-x; text-align: center; font-size: 100%; font-family: sans-serif; }
img { border: 0; display:block; }
a { text-decoration: none; color: #535353; }
a:hover { text-decoration: underline; }
td { vertical-align:top; }
p { margin:5px 0px; }
.none { display:none; }
html, body { height:100%; }
/** Common classes **/
/** *SEO friendly image headings** **/
.img { font-size: 0; /* This should be enough untill wall-sized monitor arives */ text-indent: -99999px; }
.white { color: #fff; }
a.rss { background: url('../img/rss.gif') no-repeat right center; padding: 2px 20px 2px 0; }
/* For RSS feeds image only (without text) */
a.icon { padding-right: 14px; }
a.more { background: url('../img/more.gif') no-repeat left center; padding-left: 15px; }
/** *Icons* **/
.thumbs-up, .thumbs-up-white { background: url('../img/icons/thumbs-up.gif') no-repeat left center; padding-left: 15px; }
.thumbs-up-white { background-image: url('../img/icons/thumbs-up-white.gif'); }
.add-comment-black { background: url('../img/icons/add-comment-black.gif') no-repeat left top; padding-left: 17px; }
.comments-ico, .comments-white, .comments-black { background: url('../img/icons/comments.gif') no-repeat left center; padding-left: 15px; }
.comments-white { background-image: url('../img/icons/comments-white.gif'); }
.comments-black { background-image: url("../img/icons/comments-black.gif"); }
.images, .images-white { background: url('../img/icons/images.gif') no-repeat left center; padding-left: 15px; }
.images-white { background-image: url('../img/icons/images-white.gif'); }
/** Clearer **/
.clearer { height: 0px; overflow: hidden; clear: both; }
.clearleft { height: 0px; overflow: hidden; clear: left; }
.clearright { height: 0px; overflow: hidden; clear: right; }
/** We will not bother with hr styling **/
.hr { height: 1px; background-color: #999999; overflow: hidden; }
.dashed { background: url('../img/dashed-line.gif'); }
.double { background: url('../img/double-line.gif'); height: 3px; }
.double2 { background: url('../img/double-line.gif'); height: 3px; margin:5px 0px; }
.hr hr { display: none; }
button { height: 20px; width: 20px; border: 0; margin-left: 5px; }
#line1 { margin:35px 0px 0px 0px; }
/** Layout elements **/
/** messages **/
#msg { color:#4c4c4c; width:300px; top: 100px; left:300px; font-size:14px; background:#a1acbf; padding:40px 10px 40px 5px; margin:0px 0px 0px 0px; position:absolute; z-index:1000; }
#msg a.close_msg { position:absolute; top:5px; right:5px; font-size:11px; color:#4c4c4 !important; text-decoration:underline; }
#msg a.close_msg:hover { text-decoration:none; background:transparent; color:#4c4c4c; }
#msg table tr td { vertical-align:top; }
#msg img { margin:0px 10px 0px 10px; }
#msg span { color:#fff !important; display:block; padding-top:3px; }
.error-message { background:#fff; color:red; font-weight:bold; padding:2px 0px; text-align:left; margin: 2px 0px; border:0px solid #d6d6d6; }
/** *All-content wrapper* **/
#page-content { width: 950px; margin: 30px auto 0px auto; font-size: .7em; text-align: left; background-color: transparent; }
/** *Top three links* **/
#top-pane { background: url('../img/top-pane.gif') repeat-x; height: 17px; line-height: 17px; font-size: .8em; font-family: Verdana, Arial, sans-serif; text-align: right; }
#top-pane_inner { margin:0px auto; width:950px; font-size:9px; }
#top-pane, #top-pane a { color: #fff; }
#top-pane #kona { font-weight: bold; background: url('../img/kona.gif') no-repeat left center; padding-left: 15px; }
#top-image { background: #262626; height: 300px; width: 950px; position:relative; }
#top-image-logo {top: 70px; left: 35px; position:absolute; z-index:5; }
#top-image-img { position:absolute; left:0px; top:0px; margin:0px; z-index:4; }
/** menu styles **/
#menu { font-size:12px; font-family: sans-serif; background-color: #f0f0f0; width: 100%; height:35px; }
#menu a.selected { /*text-decoration:underline;*/ color:#000; }
#menu img { background:#aaa; vertical-align:top; }
.transON { opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; }
.transOFF {}
#menu ul { padding: 0; margin: 0px 0px 0px 5px; list-style: none; position:absolute; z-index:499; }
#menu li { font-family: sans-serif; font-size:13px; float: left; position: relative; font-weight: bold; color: #999999; vertical-align:middle; padding:10px 14px; }
#menu li.spacer { vertical-align:middle; padding:10px 0px; }
#menu li a { color: #555555; display:block; }
/*#menu li ul { display: none; position: absolute; top: 0px; left: 0px; }*/
#menu li > ul { top: auto; left: auto; }
#menu li:hover ul.lvl1, #menu li.over ul.lvl1 { display: block; }
#menu ul.lvl1 li:hover ul.lvl2, #menu ul.lvl1 li.over { display: block; }
#menu ul.lvl2 li:hover ul, #menu ul.lvl2 li.over { display: block; }
ul.lvl1 { padding:0px 0px !important; margin:9px 0px 0px -19px !important; position:absolute; z-index:400; display:none; width:200px; }
ul.lvl1 li { padding:0px !important; background:#f7f7f7 url('../img/menu_bg.gif') top left repeat-y; }
ul.lvl1 a { z-index:900; padding:5px 15px; margin:0px !important; font-size:10px; color:#555555; background:#f7f7f7 url('../img/menu_bg.gif') top left repeat-y; text-align:left; margin:0px; border:0px; display:block; width:170px; }
ul.lvl1 a:hover { background:#dadada; color:red !important; text-decoration:none; }
ul.lvl2 { margin:-23px 0px 0px 199px !important; left:0px; padding:0px 0px !important; position:absolute; z-index:401; display:none; width:200px; }
ul.lvl3 { margin:-23px 0px 0px 199px !important; left:0px; padding:0px 0px !important; position:absolute; z-index:402; display:none; width:200px; }
li.menu_bg_box_top { background:url('../img/menu_bg_top.gif') top left no-repeat !important; height:9px; width:200px; display:block; }
li.menu_bg_box_bottom { background:url('../img/menu_bg_bottom.gif') top left no-repeat !important; height:9px; width:200px; display:block; }
li.menu_hr { background:#f7f7f7 url('../img/menu_bg.gif') bottom left repeat-y; height:10px; width:200px; display:block; }
li.menu_hr div { background:url('../img/dashed-line.gif') center left repeat-x; height:10px; margin:0px 15px; display:block; }
/*
#podmenu1 { padding:5px 0px !important; margin:10px 0px 0px -19px !important; position:absolute; z-index:9; display:none; width:180px; }
#podmenu1 li { padding:0px !important; }
#podmenu1 a { padding:5px 10px; font-size:10px; color:#555555; text-align:left; margin:0px; border:0px; display:block; width:180px; }
#podmenu1 a:hover { color:red; border:0px; text-decoration:none; }
#podpodmenu1 { margin:-25px 0px 0px 180px !important; padding:0px !important; position:absolute; z-index:9; display:none; width:180px; background:#f0f0f0; border:1px solid #999; }
*/
/* ****** */
/** *Everything between menu and footer* **/
.container { background:#fff; position:relative;/* display:block;*/ padding: 17px 18px; font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif; font-size:9px; }
.container h3 { font-size:9px; margin:15px 0px; font-weight:bold; text-transform:uppercase; }
.container label { color:#404040; font-size:9px; font-weight:bold; width:120px; margin-right:15px; text-align:right; display:block; float:left; padding:5px 0px 0px 0px; }
.container div.input { margin:0px 0px 15px 0px; }
.container div.input input { margin:0px; font-size:12px; padding:2px 2px; width:140px; background:#ebebeb; }
.container h1 { width: 90px; height: 16px; float: left; }
.container p { margin:15px 0px; }
.sidebar { width: 250px; float: right; }
/* Small google calendar widget */
.google-calendar-small { background: url('../img/tmp/google-calendar-small.gif') no-repeat; width: 200px; height: 247px; margin: 10px auto 0; }
/** *Boxes* **/
/* All boxes are relative-positioned, rounder corners are absolute positioned */
#boxes { margin-top: 10px; float: left; width: 650px;}
#boxes .box { width: 210px; float: left; margin-left: 10px; }
#boxes .first { margin-left: 0; }
.box select { font-family: Vedana, Arial, sans-serif; background-color: #d6d6d6; font-size: 1.1em; }
.box button { background: transparent url('../img/submit-arrow-white.gif') no-repeat; vertical-align: bottom; }
/*
* Percentual width would be much better, because it can be used also to sidebar boxes
* But IE6 compute width of parent element differently
*/
#boxes .box .double { width: 198px; }
.sidebar .box .double { width: 238px; }
.box .double { position: absolute; left: 5px; bottom: 4px; }
.box .head { background: #e9e9e9 url('../img/box/background.gif') repeat-x; position: relative; padding: 11px 10px 0px 10px; height: 46px; border: 1px solid #d6d6d6; border-bottom: 0; font-family: Verdana, Arial, sans-serif; font-size: .8em; }
/** *Corners* **/
.box .tr, .box .tl, .box .br, .box .bl { position: absolute; height: 5px; width: 5px; z-index:100; }
.box .tl { background: url('../img/box/corner-tl.gif') no-repeat; left: -1px; top: -1px; }
.box .tr { background: url('../img/box/corner-tr.gif') no-repeat; right: -1px; top: -1px; }
.box .bl { background: url('../img/box/corner-bl.gif') no-repeat; left: -1px; bottom: -1px;
/* I was unable to find out why IE6 places it somewhere strange - so this way */
/* There will be more */
_bottom: -11px; }
.box .br { background: url('../img/box/corner-br.gif') no-repeat; right: -1px; bottom: -1px; _bottom: -11px; }
.box h3 { margin-bottom: 4px; }
.box .box_inner { margin:0px 10px; }
/* Another relative-absolute positioning, this time for image navigation in news, locations and people boxes */
.box .image { position: relative; height: 158px; }
.box .image .navigation { background-color: #000; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; height: 22px; line-height: 22px; position: absolute; bottom: 0px;
/* IE6 can not count to zero */
_bottom: -1px; left: 0px; width: 100%; }
.box .image .navigation a { width: 30px; height: 22px; }
.box .image .navigation a:hover { opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.4; }
.box .image .navigation .previous { background: url('../img/box/arrow-left.gif') no-repeat center center; float: left; }
.box .image .navigation .next { background: url('../img/box/arrow-right.gif') no-repeat center center; float: right; }
.box .text { background-color: #252525; }
.box .text_inner { padding: 10px 10px 5px; color: #636363; }
.box .text a { color: #fff; }
.box h4 { color: #fff; font-size: 1.4em; margin-bottom: 10px; }
.box h4 a { text-decoration:none; }
.box h4 a:hover { background:#ff8233; }
.box h5 { font-size: 1.0em; font-weight: normal; margin-bottom: 10px; }
.box .list, .box .content { padding: 5px 4px; position: relative; border: 1px solid #d6d6d6; }
.box .list { height: 165px; background-color: #f5f5f5; }
.box .content { border-top: 0; }
.box ul { list-style-type: none; }
.box li { background: #f5f5f5 url('../img/box/list-item-background.gif') repeat-x top left;
/* peek-a-boo IE6 fix */
width: 100%; }
.box li div { background: url('../img/box/list-item-border.gif') repeat-x bottom left; }
.box li div { padding: 8px 4px; }
.box .list a { font-weight: bold; background: url('../img/link-grey.gif') no-repeat 0 3px; padding-left: 15px; display: block; color: #333; }
.box .list .new { position: absolute; bottom: 0px; left: 0px; padding: 0px 8px; width: 190px; }
.box .list .new select { font-size: .95em; width: 120px; }
.box .new a { font-weight: bold; display: block; padding: 10px 5px 10px 15px; }
.box .bottom { height: 21px; position: relative; border: 1px solid #d6d6d6; border-top: 0; font-weight: bold; font-size: 1.2em; width: 248px; padding: 5px 0; }
.box .pager .anchors { float: left; height: 20px; overflow: hidden; text-align: center; width: 32%; }
.sidebar .pager a { margin-left: 10px; }
.box .new a { background-image: url('../img/plus.gif'); background-position: left center; background-repeat: no-repeat; }
/** *Filter box* **/
.filter { margin-top: 10px; }
.filter .head { border-bottom: 1px solid #d6d6d6; }
.filter h3 { background: url('../img/headings/filter.gif') no-repeat; margin:10px 0px 5px 0px; width: 34px; height: 11px; }
.filter p { width: 82%; float: left; margin:0px; }
.filter select { margin: 0 15px 0 5px; width: 108px; }
.filter .per-page { float: right; width: 18%; text-align: right; }
.filter .per-page select { margin-right: 0; width: 45px; }
.filter .bl, .filter .br { _bottom: -9px; }
/** Pager and counter box **/
.pager-and-counter { background: url('../img/box/background.gif') repeat-x; border: 1px solid #d6d6d6; position: relative; height: 40px; line-height: 40px; }
.pager { font-weight: bold; font-size: 1.1em; display: inline; }
.pager-and-counter .pager { font-weight: bold; float: left; margin-left: 10px; font-size: 1.1em; display: inline; }
.pager .disabled { font-weight: bold;/* float: left;*/ margin-left: 10px; font-size: 1.1em; display: none; }
.pager a { margin-left: 15px; }
.pager .numbers_wrapper { display:inline; margin-left:15px; }
.pager .numbers_wrapper a { margin: 0px 0px; }
.pager .p { margin: 0 1px; }
.pager .current { font-size: 1.4em; text-decoration: underline; }
.pager .first { margin-left: 15px; }
.counter { color: #ff8233; float: right; margin-right: 30px; display: inline; }
/** *General rating box* **/
.rating { margin-top: 10px; width: 250px; }
.rating .content, .rating .list { font-family: Verdana, Arial, sans-serif; }
.rating .content { height: 180px; position: relative; width: 240px; border-bottom: 0; }
.rating #graph { position: absolute; left: 0; bottom: 0; padding: 10px; }
.rating #graph div { float: left; width: 26px; text-align: center; font-size: .75em; }
.rating #graph div span { display: block; background-color: #67caf3; width: 15px; margin: 0 auto; }
.rating .list { border-width: 0 1px; background-color: #ffffff; height: auto; }
.rating .list li { list-style-type: none; color: #eb008b; background: none !important; font-size: 1em; padding: 2px 10px; width: 220px; }
.rating .list span { color: #67caf3; float: left; width: 180px; }
.rating .bottom {/* Another WTF */_margin-left: 2px; }
.rating .bottom .bl, .rating .bottom .br { _bottom: -13px; }
/** *Generic navigation through set of items, with next/previous page links* **/
.items-navigation p { float: left; }
.items-navigation .item { margin: 2px 2px 0; }
.items-navigation .double { width: 628px; }
.items-navigation select { float: right; margin-top: -5px; }
.items-navigation .content { height: 130px; }
.items-navigation .content a { float: left; line-height: 115px; width: 10px; font-weight: bold; font-size: 1.3em; margin-top: 2px; }
.items-navigation .content a:hover { background-color: #dddddd; text-decoration: none; }
/** *Anchors below main content* **/
#anchors { margin: 30px 0 10px; color: #000; text-align: center; line-height:15px; font-size:11px; }
/** Footer **/
#footer { background-color: #000; height: 25px; line-height: 25px; font-family: Verdana, Arial, sans-serif; padding-left: 10px; margin-bottom: 10px; }
#footer, #footer a, #copyright { color: #616161; font-size:11px; }
#copyright { float: left; margin-bottom: 20px; }
#copyright img { float: left; display:inline; }
#copyright p { margin-left: 90px; margin-top: 8px; }
#copyright p img { float: none; margin-left: 3px; vertical-align: middle; }
#rss-feeds { color: #616161; float: right; background-position: left; margin-top: 10px; padding: 2px 0 2px 20px; }
/** Index elements **/
#index .sidebar { margin-top: 10px; }
/*#banners a img { float: left; margin-right: 9px; }*/
/** *Registration* **/
#registration { background-color: #ff8233; height: 163px; width: 230px; float: right; padding: 5px 10px; color: #424242; position: relative; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
/** **Registration box corners** **/
#registration .tl { background: url('../img/box/registration-corner-tl.gif') no-repeat; left: 0; top: 0; }
#registration .tr { background: url('../img/box/registration-corner-tr.gif') no-repeat; right: 0; top: 0; }
#registration .bl { background: url('../img/box/registration-corner-bl.gif') no-repeat; left: 0; bottom: 0; _bottom: -8px; }
#registration .br { background: url('../img/box/registration-corner-br.gif') no-repeat; right: 0; bottom: 0; _bottom: -8px; }
#registration img.figure { position:absolute; right:0px; z-index:10; }
#new-submissions { color: #fff; position:absolute; top:7px; }
#new-submissions a { color: #fff; }
#registration h2 { background: url('../img/homepage/kona-club.gif') no-repeat; width: 81px; height: 38px; margin-top: 20px; }
#registration h2 a { display:block; width: 81px; height: 38px; }
#registration input { border: 0; padding: 6px; margin-top: 4px; width: 120px; font-size: 1em; color: #999999; }
#registration button { background: url('../img/submit-arrow-orange.gif'); }
#registration input.submit { width:20px; height:20px; display:inline; position:absolute; left:145px; padding:0px; margin:7px 0px 0px 0px; }
#account { margin-top: 6px; }
#account a { background: url('../img/link-white.gif') left center no-repeat; padding-left: 10px; font-size: .9em; }
#registration h3 { background: url('../img/homepage/advantages.gif') no-repeat; height: 14px; width: 211px; margin: 5px 0 0; }
#registration h3 a { display: block; width: 100%; height: 100%; }
#registration .search_box { margin:0px 0px px 0px; padding:10px 0px 0px 0px; }
.logged-user { position:absolute; bottom:10px; color:#fff; font-size:9px; width:230px; height:65px; }
.logged-user .hr { margin-bottom:12px; }
.logged-user .user_ico { float:left; margin:0px 10px 12px 0px; }
.logged-user .user_name { font-size:18px; color:#404040; }
.logged-user .user_name img { margin:0px; display:inline; }
.logged-user p { margin:0px; padding:0px; }
.logged-user p.logout { padding:5px 0px 0px 0px; }
.logged-user p.logout a { color:#fff; }
.remember { margin-top:4px; font-size:9px; color:#404040; }
.remember input { width:15px !important; height:10px !important; vertical-align:bottom; }
/* Homepage-specific boxes */
#gallery-news .bottom .bl, #gallery-news .bottom .br {
/*_bottom: -13px;*/
}
#quick-news { font-size:11px; }
#quick-news h3 { background: url('../img/headings/news.gif') 0px 4px no-repeat; height: 20px; width: 67px; margin:0px; }
#quick-news .image { }
#quick-news .text { background-color: #000; font-size:10px; }
#quick-news .text, #quick-locations .text { height: 130px; }
#quick-news .list { font-size:10px; }
#quick-news .anchors { margin-top:5px; }
#quick-news p { margin:0px; }
#quick-locations { font-size:11px; }
#quick-locations .image { }
#quick-locations h3 { background: url('../img/headings/locations.gif') 0px 4px no-repeat; height: 20px; width: 118px; margin:0px; }
#quick-locations h5 span { margin-left: 5px; }
#quick-locations .text { font-size:10px; }
#quick-locations .text .anchors { margin-top: 5px !important; }
#quick-locations .list { font-size:10px; }
#quick-locations p { margin:5px 0px 0px 0px; }
#quick-locations .list li { clear: both; }
#quick-locations .list .a, #locations .list .a { float: left; width: 125px; _cursor: hand; }
#quick-locations .list a:hover, #locations .list a:hover { text-decoration: none; }
#quick-locations .list a:hover span, #quick-locations .list .new a:hover, #locations .list a:hover span { text-decoration: underline; }
#quick-locations .list a:hover span.thumbs-up, #locations .list a:hover span.thumbs-up { text-decoration: none; }
#quick-locations #area-selector { width: 150px; margin: 15px auto 0px auto; text-align:center; position: relative; padding: 0px 15px; width: auto; }
#quick-people { font-size:11px; }
#quick-people .text { height: 65px; font-size:10px; }
#quick-people h3 { background: url('../img/headings/people.gif') no-repeat; height: 20px; width: 29px; margin:0px; }
#quick-people .image { }
#quick-people .list { height: 230px; font-size:10px; }
/** Banner **/
#full-banner { margin-top: 20px; text-align:center; background:#fff; }
#full-banner #reklama_468_1 { display: block; margin: 19px auto; width: 468px; height:60px; }
/** Bike finder **/
#bike-finder h1 {
background: url('../img/bike-finder/heading.gif') no-repeat;
width: 902px;
height: 79px;
}
#bike-finder .description {
margin-top: 5px;
font-weight: bold;
/* another peek-a-boo */
width: 100%;
}
#question-form {
float: left;
width: 290px;
margin-top: 17px;
}
.question {
background: url('../img/bike-finder/box-question.gif') no-repeat;
width: 288px;
height: 59px;
font: 3.5em Arial;
line-height: 59px;
text-indent: 10px;
color: #fff40d;
}
#answers {
margin-top: 25px;
}
#answers div {
margin-top: 5px;
background: url('../img/bike-finder/box-answer.gif') no-repeat;
width: 288px;
height: 28px;
font: 1.5em Arial;
line-height: 28px;
text-indent: 10px;
color: #9a9a9a;
}
#catalogue {
float: left;
width: 600px;
}
/** *One single bike* **/
.bike {
background: url('../img/bike-finder/box.gif');
width: 123px;
height: 123px;
padding: 5px;
float: left;
margin-left: 17px;
margin-top: 17px;
display: inline;
}
.bike img {
display: block;
margin: 10px auto 15px;
}
.bike h2 {
text-align: center;
font-size: 1.1em;
}
.bike a {
display: block;
text-align: center;
font-weight: bold;
}
/** Kona club specific header **/
#club { height: 72px; padding: 10px 15px 0 10px; background-color: #ff8233; }
#club img, #club div.heading { float: left; }
#club div.heading { margin-left: 20px; color: #fff; }
#club div.heading a { color: #fff; }
#club h1 { background: url('../img/homepage/kona-club.gif') no-repeat; width: 81px; height: 38px; margin: 5px 0 5px; }
#club .registration { float: right; margin: 10px 20px 0; }
#club h2 { background: url('../img/kona-club/register-your-bike.gif') no-repeat; width: 163px; height: 36px; margin-left: 48px; }
#club h3 { background: url('../img/kona-club/advantages.gif') no-repeat; width: 211px; height: 14px; }
#club form { background: url('../img/kona-club/registration-white.gif') no-repeat left bottom; padding-left: 80px; float: right; height: 72px; }
#club input.submit { width:20px; height:20px; display:inline; padding:0px; margin:0px 0px 0px 0px; vertical-align:top; }
#club button { background: url('../img/submit-arrow-orange.gif'); }
#club input { border: 0; padding: 6px; margin-top: 5px; width: 120px; font-size: .9em; }
#club-menu {background-color: #ffffff; /* I do not like this, but IE6 */ height: 26px; width: 950px; }
#club-menu ul { list-style: none; margin: 0 20px; background-color: #ffffff; }
#club-menu li { float: left; }
#club-menu li#registration_link { float: right; }
#club-menu a { display: block; padding: 4px 15px; font-size: 1.2em; font-weight: bold; }
#login-form input { border: 0; padding: 3px 6px; margin: 0px 0px 3px 0px; width: 120px; font-size: .9em; }
#login-form .remember input { margin:0px; border:0px; }
#logged-user { float:right; width:200px; float: right; padding:7px 0px 0px 0px; text-align:right; }
#logged-user .user_ico { float:right; margin-left:10px; }
#logged-user .user_name { font-size:18px; color:#404040; margin:0px; }
#logged-user .user_name img { float:none; display:inline; margin:0px; }
#logged-user .search_box { margin:3px 0px 0px 0px; }
/** *Sliding doorways backgrounds* **/
#club-menu li.active {
background: url('../img/kona-club/menu-item-right.gif') no-repeat right bottom;
}
#club-menu .active a {
background: url('../img/kona-club/menu-item-left.gif') no-repeat left bottom;
color: #fff;
}
#club-menu .active a:hover {
text-decoration: none;
}
#club-menu .divider {
font-size: 1.2em;
color: #cccccc;
padding: 4px 0;
width:5px;
}
/** Forum **/
#h-rss { margin-left: 0px; float:left; vertical-align: bottom; display:block; width:20px; padding:2px 0px 0px 0px; }
#forum { font-family: Verdana, Arial, sans-serif; font-size: 9px; }
#forum .main { font-family: Verdana, Arial, sans-serif; }
#forum .main .hr { margin: 3px 0; }
#forum .sidebar { margin-top: 10px; }
#forum h1 { background: url('../img/headings/forum.gif') no-repeat; width: 50px; height: 16px; float: left; margin-bottom:4px; margin-right:7px; }
#forum-rss img { display:block; padding:0px; }
#forum-info { background: url('../img/submit-arrow-white-small.gif') no-repeat; padding-left: 15px; font-weight:normal; }
#forum-info strong { background-color: #ff8233; color: #fff; font-weight: normal; padding: 1px 3px; }
#forum-info a { text-decoration: underline; }
#forum-info a:hover { text-decoration: none; }
/* One single forum post */
#forum .post { background:url('../img/forum/reply-background.gif') repeat-x top left; clear: both; margin: 10px 0; padding: 5px 5px 0; position:relative; }
#forum .post p { margin:0px; }
#forum .post img.ico { position:absolute; z-index:9; }
#forum .post div div { margin: 5px 0px; }
#forum .post div.postc { margin-left: 50px; min-height:50px;
height:auto !important;
height:50px;
}
#forum .post2 { margin-left: 50px; }
#forum .post .post { margin-left: 20px; }
#forum .post .delete { position:absolute; right:0px; top:2px; }
#forum .post .header { color: #999999; margin-bottom: 5px; }
#forum .post .header img { display:inline; vertical-align:bottom; margin:0px 0px 0px 5px; }
#forum .post .header a { color: #ff8233; text-decoration: underline; font-weight: bold; }
#forum .post .header a:hover { text-decoration: none; }
#forum .post .post_new { color:#ff8233; font-weight:bold; margin:0px 5px; }
#forum .post .reply_over { position:absolute; z-index:10; top:24px; left:0px; }
/* Calendar */
#calendar .main { width: 650px; float: left; }
#calendar .sidebar { margin-top: 55px; float:right; }
#calendar .heading { background: url('../img/dashed-line.gif') repeat-x left bottom; height: 4px; position: relative; margin-bottom: 10px; display:block; }
#calendar h1 { background: url('../img/headings/calendar.gif') no-repeat; width: 117px; height: 16px; }
#calendar #google-calendar { float: left; width: 650px; height: 610px; margin-top: 10px; }
/** *Action idea box* **/
#action-idea { margin-top: 13px; margin-bottom:20px; font-size:11px; color:#404040; }
#action-idea h3 { background: url('../img/headings/action-idea.gif') no-repeat; width: 150px; height: 16px; margin:0px; }
#action-idea p { margin:2px 0px; padding:0px; }
#action-idea label { width:25px; font-weight:normal; }
#action-idea .content { height: 223px; background:#f7f7f7; }
#action-idea form div { margin: 5px 3px; }
#action-idea input, #action-idea textarea, #action-idea select { background-color: #ebebeb; padding: 2px; color: #a3a3a3; font-size:11px; }
#action-idea input, #action-idea select { font-size: .95em; }
#action-idea form span, #action-idea select { color: #666666; font-size:11px; }
#action-idea select { width: 55px; }
#action-idea #submitaction { border:0px !important; padding:0px !important; padding:0px !important; margin:0px 0px 0px 5px; }
#action-idea textarea { width: 195px; height: 100px; font-size:9px; font-family: Verdana, Arial, sans-serif; }
/** Gallery news - it is also used on other pages, but it first appeared here **/
#gallery-news { margin:0px; padding:0px; background:#ff8233; display:block; position:relative; }
#gallery-news .head { width:230px; }
#gallery-news a { margin: 0px; font-size:9px; font-family: Verdana, Arial, sans-serif;}
#gallery-news p { margin: 0px; font-size:11px; }
#gallery-news h3 { background: url('../img/headings/gallery-news.gif') no-repeat; width: 162px; height: 16px; margin:0px 0px 5px 0px; font-size:11px; }
#gallery-news .content { padding: 4px 0px 4px 0px; width: 250px !important;/* height:370px; */background:#f7f7f7; }
#gallery-news td { position:relative; }
/** Nice labels for images. It could be about 10 times smaller, but hey, we want those nice bubble-style triangles* */
/* Workaround about crappy IE6&IE7 See http://aplus.co.yu/lab/z-pos/ for better explanation */
#gallery-news .first { z-index: 31; }
#gallery-news .first div { z-index: 25; }
#gallery-news .second { z-index: 21; }
#gallery-news .second div { z-index: 15; }
#gallery-news .third { z-index: 11; }
#gallery-news .third div { z-index: 5; }
.labeled-image { width: 120px; height: 110px; position: relative; float: left; margin: 2px 1px 2px 3px; display: block; background:#666 }
.labeled-image a { /*position:absolute; width:120px; height:110px; display:block !important; z-index:1000;*/ }
.labeled-image div { /*position: absolute; top: 66px; left: 0; padding-top:0px; background-position: 0px 0px; background-repeat: no-repeat; */}
.imgg_over { position:absolute; z-index:3; top:79px; }
.imgg { position:absolute; z-index:2; top:0px; }
.img_info { overflow:hidden; width:110px; color:#fff; position:absolute; z-index:4; top:93px !important; left:5px !important; height:20px !important; margin:0px !important;}
/*.labeled-image p { color: #ffffff; padding: 3px 5px; line-height: 19px; height: 19px; overflow: hidden; width: 110px; }*/
#gallery-news div.over_info { position:absolute; width:120px; background:#666; top:110px; left:0px; z-index:1000; visibility:visible; border-bottom:5px solid #fff; }
#gallery-news div.over_info p { color:#eee; font-size:9px; padding:4px 5px; margin:0px; }
#gallery-news .pager { margin:5px 10px; font-size:12px; position:relative !important; text-align:center; display:block; }
#gallery-news .pager .previous { font-size:10px; font-weight:bold; position:absolute; left:0px; bottom:0px; }
#gallery-news .pager .previous a { margin-right:10px; }
#gallery-news .pager .numbers { font-size:10px; }
#gallery-news .pager .next { font-size:10px; font-weight:bold; position:absolute; right:0px; bottom:0px; }
#gallery-news .pager .next a { margin-left:10px; }
/*.labeled-image strong { float: left; width: 64px; }*/
/** Users **/
#users .main { width: 650px; float: left; }
#users .heading { background: url('../img/dashed-line.gif') repeat-x left bottom; padding-bottom: 4px; position: relative; margin-bottom: 15px; }
#users .sidebar { margin:0px; }
#users h1 { background: url('../img/headings/users.gif') no-repeat; width: 70px; height: 16px; }
#top_hr { margin:4px 0px 10px 0px; }
#new-users { background:#e9e8e9 url('../img/box/background.gif') repeat-x; border: 1px solid #d6d6d6; position: relative; height: 175px; }
#new-users .items-navigation { padding:0px 10px; }
#new-users .items-navigation h3 { background: url('../img/headings/new-users.gif') no-repeat; width: 110px; height: 16px; }
/** User ajax box **/
#users-ajax-box { height:110px;/* overflow:hidden; */}
#users-ajax-box .selected { background:#ff8233 !important; }
#users-ajax-box .galerie { position:relative; left:18px; width:120px; height:110px; background:#fff; float:left; margin-right:3px; }
#users-ajax-box .galerie_kategorie { position:absolute; top:79px; padding:15px 11px 0px 11px; color:#fff; font-size:9px; z-index:11; overflow:hidden; }
#users-ajax-box .galerie a { position:absolute; width:120px; height:110px; }
#users-ajax-box .galerie a:hover { color:#fff; text-decoration:none; }
#users-ajax-box .previous { position:absolute; left:0px; }
#users-ajax-box .previous a { display:block; width:15px; height:110px; background: url('../img/sipka_left.gif') center center no-repeat; }
#users-ajax-box .previous a:hover { background:#ddd url('../img/sipka_left.gif') center center no-repeat; }
#users-ajax-box .next { position:absolute; right:0px; }
#users-ajax-box .next a { display:block; width:15px; height:110px; background:url('../img/sipka_right.gif') center center no-repeat; }
#users-ajax-box .next a:hover { background:#ddd url('../img/sipka_right.gif') center center no-repeat; }
#users-filtr {background:#e9e8e9 url('../img/box/background.gif') repeat-x; border: 1px solid #d6d6d6; position: relative; height: 50px; }
/** *Team box* **/
#team { width: 250px; float:right; background:#e9e8e9 url('../img/box/background.gif') repeat-x; border: 1px solid #d6d6d6; position: relative; }
#team h3 { background: url('../img/headings/team.gif') no-repeat; width: 38px; height: 11px; }
#team .items-navigation { padding:0px 10px; }
#team .content { border-bottom: 0; padding: 0 13px; }
#team .info { background-color: #000; padding: 3px 5px; width: 210px; margin-top: -3px; }
#team h4 { color: #fff; font-size: 1em; margin-bottom: 0; }
#team .info a { color: #666666; }
#team ol { color: #535353; margin: 10px 20px 0; }
#team li { background: none;
/* Has to be auto, or IE will label all items with 1 instead of incrementing the number */
width: auto; }
#team li a { line-height: 27px; font-weight: bold; color: #666666; }
#team .bottom .bl, #team .bottom .br { _bottom: -13px; }
#top-rated-users h3 {
background: url('../img/headings/top-rated-users.gif') no-repeat;
width: 227px;
height: 16px;
}
#users-list {
margin-top: 20px;
}
/** *One single person* **/
.person { float:left; width: 300px; height:110px; margin: 15px 0px 15px 0px; padding:0px 0px 0px 0px; position:relative; }
.person .galerie { position:absolute; left:20px; width:120px; height:110px; background:#fff; }
.person .galerie_kategorie { position:absolute; top:79px; padding:15px 0px 0px 11px; color:#fff; font-size:9px; z-index:11; }
.person .galerie a { position:absolute; width:120px; height:110px; }
.person .galerie a:hover { color:#000; text-decoration:none; }
.person .info { margin-left: 160px; font-size:9px; }
.person .name { font-size: 1.3em; font-weight:bold; }
.person .name span { font-size: 1.2em; font-weight:bold; color:#404040; }
.person .name a { color:#000; }
.person .name a:hover { color:#fff; text-decoration:none; background:#ff8233; }
.person .miniinfo span { color: #666666 !important; text-indent:-0.5em; }
.person .text { margin: 10px 0; }
.person .info a.more { background: url('../img/link-purple-double.gif') left center no-repeat; padding-left: 12px; }
#users-list .hr { margin: 15px 0; }
/** News **/
#headers_top a { float:left; }
#headers_top a#h-rss { float:left; margin:-3px 0px 0px 7px; }
#news {
margin-top: 20px;
width: 650px;
float: left;
}
#news h1 {
background: url('../img/headings/news.gif') no-repeat;
height: 12px;
width: 67px;
float: left;
}
#news .heading {
background: url('../img/dashed-line.gif') repeat-x left bottom;
padding-bottom: 1px;
position: relative;
}
#news .items-heading {
margin-top: 30px;
font-family: Verdana, Arial, sans-serif;
}
#news .items-count {
float: left;
}
#news .items-heading .anchors {
float: right;
}
#news .items-heading .hr {
margin: 5px 0;
}
/** *Single news item* **/
.news-item img {
float: left;
}
.news-item h2 {
margin-left: 10px;
width: 190px;
float: left;
padding-right: 20px;
font-size: 1.4em;
}
.news-item h2 span {
display: block;
height: 13px;
width: 5px;
margin-top: 10px;
}
.news-item h2 .purple {
background-color: #ec008c;
}
/* Maybe it is not the right color name :-) */
.news-item h2 .turquoise {
background-color: #aedbd2;
}
.news-item div.text {
float: left;
width: 330px;
font-family: Verdana, Arial, sans-serif;
font-size: .9em;
}
.news-item .text span {
margin-left: 10px;
color: #666666;
}
.news-item .text p {
margin: 10px 0;
}
.news-item .text a {
background: url('../img/link-purple-double.gif') left center no-repeat;
padding-left: 12px;
}
.news-item .hr {
margin: 10px 0;
}
/** Location tips **/
#location-tips .main { width: 650px; float: left; }
#location-tips h1 { background: url('../img/headings/location-tips.gif') no-repeat; height: 16px; width:106px; margin-right:7px; }
#location-tips .heading { background: url('../img/dashed-line.gif') repeat-x left bottom; padding-bottom: 4px; position: relative; }
#location-tips .sidebar { margin:0px; }
/** *Warning* **/
#location-tips { /* Peek-a-boo strikes again */ width: 910px; }
#location-tips #warning { margin: -3px 0 10px; background: url('../img/corners/yellow.gif') no-repeat 20px top; padding-top: 9px; width: 650px; font-family: Verdana, Arial, sans-serif; position:relative; }
#location-tips #warning p { margin: 0px 0px 8px 0px; padding:0px; }
#location-tips #warning div { background: #ffff00; padding: 10px 10px 2px 20px; }
#location-tips #warning .close { position:absolute; right:0px; top:10px; }
#location-tips #warning h3 { background: url('../img/location-tips/warning.gif') no-repeat; width: 58px; height: 12px; padding:0px; margin:0px 0px 5px 0px; }
#new-locations { background:#e9e8e9 url('../img/box/background.gif') repeat-x; border: 1px solid #d6d6d6; position: relative; height: 200px; }
#new-locations h3 { background: url('../img/headings/new-locations.gif') no-repeat; height: 16px; }
#new-locations .items-navigation { padding:0px 10px; }
#new-locations .items-navigation h3 { background: url('../img/headings/new-locations.gif') no-repeat; width: 110px; height: 16px; }
#new-spots { background:#e9e8e9 url('../img/box/background.gif') repeat-x; border: 1px solid #d6d6d6; position: relative; height: 175px; }
#new-spots .items-navigation { padding:0px 10px; }
#new-spots .items-navigation h3 { background: url('../img/headings/new-locations.gif') no-repeat; width: 110px; height: 16px; }
#new-spots a.admin { position:absolute; right:15px; top:15px; color:#5d5d5d; background:transparent url('../img/ico_plus.gif') 0px 4px no-repeat; font-size:12px; font-weight:bold; padding:0px 3px 0px 13px; }
/** Spot ajax box **/
#spots-ajax-box { height:110px;/* overflow:hidden; */}
#spots-ajax-box .selected { background:#ff8233 !important; }
#spots-ajax-box .galerie { position:relative; left:18px; width:120px; height:110px; background:#fff; float:left; margin-right:3px; }
#spots-ajax-box .galerie_kategorie { position:absolute; top:79px; padding:15px 11px 0px 11px; color:#fff; font-size:9px; z-index:11; oveflow:hidden; }
#spots-ajax-box .galerie a { position:absolute; width:120px; height:110px; }
#spots-ajax-box .galerie a:hover { color:#fff; text-decoration:none; }
#spots-ajax-box .previous { position:absolute; left:0px; }
#spots-ajax-box .previous a { display:block; width:15px; height:110px; background: url('../img/sipka_left.gif') center center no-repeat; }
#spots-ajax-box .previous a:hover { background:#ddd url('../img/sipka_left.gif') center center no-repeat; }
#spots-ajax-box .next { position:absolute; right:0px; }
#spots-ajax-box .next a { display:block; width:15px; height:110px; background:url('../img/sipka_right.gif') center center no-repeat; }
#spots-ajax-box .next a:hover { background:#ddd url('../img/sipka_right.gif') center center no-repeat; }
#spots-filtr {background:#e9e8e9 url('../img/box/background.gif') repeat-x; border: 1px solid #d6d6d6; position: relative; height: 50px; }
#locations-list {
margin-top: 20px;
}
/** *One single location* **/
.location {
float: left;
width: 300px;
margin-left: 20px;
display: inline;
}
.location .info {
margin-left: 140px;
}
.location h4 {
font-size: 1.3em;
}
.location h5 {
color: #636363;
font-weight: normal;
font-size: 1em;
background: url('../img/dashed-line.gif') repeat-x left bottom;
padding-bottom: 2px;
margin-bottom: 5px;
}
.location p {
margin-bottom: 7px;
}
.location span {
color: #666666;
margin-right: 7px;
}
.location .details {
font-size: .8em;
margin-top: 7px;
color: #666666;
}
.location .actualization {
color: #666666;
}
.location .text {
margin: 10px 0;
}
.location a {
background: url('../img/link-purple-double.gif') left center no-repeat;
padding-left: 12px;
}
#locations-list .hr {
margin: 15px 0;
background-color: #dddddd;
}
#location-tips .pager-and-counter {
margin-top: 20px;
}
/** *Locations, with nice map* **/
#locations { margin:0px !important; background-color: #f7f7f7; position:relative; border-bottom:1px solid #d6d6d6; }
#locations .new a:hover { text-decoration: underline; }
#locations .head { padding:20px 0px 0px 10px; height:40px; }
#locations .head .locations-items-navigation { font-size:9px; display:block; position:relative; padding:0px 0px 0px 0px; }
#locations h3 { margin:0px 0px 3px 0px; background: url('../img/headings/locations.gif') no-repeat; height: 12px; }
#locations .hr { margin:0px; }
#locations .list { border-bottom:1px solid #000; }
#locations .list, #locations .content { height: auto; border-width: 0 1px; }
#locations .list ul { background: url('../img/double-line.gif') repeat-x left top; padding-top: 3px; }
#locations .list .new { margin-top: 15px; position: relative; padding: 0px 15px; width: auto; }
#locations .list .a { width: 170px; }
#locations .pager { _margin-left: 2px; }
#locations .pager .bl, #locations .pager .br { bottom: -13px; }
/** *Top rated locations, very similar to top rated users */
#top-rated-locations h3 {
background: url('../img/headings/top-rated-locations.gif') no-repeat;
height: 16px;
}
/* I am running out of ideas how to name classes :-( */
#top-rated-locations .top {
border-width: 0 1px;
border-style: solid;
border-color: #D6D6D6;
width: 220px;
overflow: hidden;
}
#top-rated-locations .top {
padding: 0 14px;
}
#top-rated-locations .top .image {
display: block;
height: 165px;
width: 220x;
overflow: hidden;
}
#top-rated-locations .info {
background-color: #0071bc;
padding: 5px;
}
#top-rated-locations .info h4 {
font-size: 1.25em;
margin-bottom: 5px;
}
#top-rated-locations .info span {
color: #ffffff;
margin-right: 8px;
}
/** Boxiky s kulatyma rohama **/
.round_box1 { background:#ff8233 url('../img/box/box_orange_bg.jpg') top left repeat-x; position:relative; border:1px solid #d6d6d6; }
.round_box1 .tr, .tl, .br, .bl { position: absolute; height: 5px; width: 5px; display:block; z-index:100; }
.round_box1 .tl { background: url('../img/box/users-register-corner-tl.gif') no-repeat; left: -1px; top: -1px; }
.round_box1 .tr { background: url('../img/box/users-register-corner-tr.gif') no-repeat; right:-1px; top: -1px; }
.round_box1 .bl { background: url('../img/box/users-register-corner-bl.gif') no-repeat; left: -1px; bottom: -1px; }
.round_box1 .br { background: url('../img/box/users-register-corner-br.gif') no-repeat; right: -1px; bottom: -1px; }
.round_box1_inner { position:relative; /* min-height:245px; height: auto; _height: 245px;*/ }
.round_box1_inner2 { position:relative; padding:20px 20px 20px 20px; }
.round_box1_inner3 { position:relative; padding:8px 8px 8px 8px; overflow:hidden; }
.round_box1_inner3_ad { position:relative; padding:0px; height:80px; overflow:hidden; }
.round_box2 { background:#f3f3f2 url('../img/box/round_box2_bg.gif') top left repeat-x; position:relative; border:1px solid #d6d6d6; }
.round_box2 .tr, .tl, .br, .bl { position: absolute; height: 5px; width: 5px; display:block; z-index:100; }
.round_box2 .tl { background: url('../img/box/corner-tl.gif') no-repeat; left: -1px; top: -1px; }
.round_box2 .tr { background: url('../img/box/corner-tr.gif') no-repeat; right:-1px; top: -1px; }
.round_box2 .bl { background: url('../img/box/corner-bl.gif') no-repeat; left: -1px; bottom: -1px; }
.round_box2 .br { background: url('../img/box/corner-br.gif') no-repeat; right: -1px; bottom: -1px; }
.round_box2_inner { position:relative;/* min-height:245px; height: auto; _height: 245px;*/ }
.round_box2_inner2 { position:relative; padding:20px 20px 20px 20px; }
.round_box2_inner3 { position:relative; padding:8px 8px 8px 8px; overflow:hidden; }
.round_box2_inner3_ad { position:relative; padding:0px; height:80px; overflow:hidden; }
.round_box2_inner4 { position:relative; padding:8px 0px 8px 5px; }
/** Nastavení **/
#users-settings { }
#users-settings h1 { background: url('../img/headings/nastaveni.gif') no-repeat; width: 90px; height: 18px; float: left; }
#users-settings .round_box1 { margin-right:10px; width:450px; }
#users-settings .round_box1 span { font-size:15px; font-weight:bold; }
#users-settings .round_box2 { width:450px; }
#users-settings .hr { margin-right:10px; }
/** Login **/
#users-login { display:block; }
#users-login h1 { background: url('../img/headings/prihlaseni.gif') no-repeat; width: 90px; height: 18px; float: left; }
#users-login .round_box2 { width:450px; }
#users-login .round_box2 label { width:40px; }
#users-login .round_box2 td div { margin:0px !important;}
/** Registrace **/
#users-register { display:block; }
#users-register .round_box1 { margin-right:10px; width:450px; height:260px; }
#users-register .round_box2 { width:450px; height:260px; }
#users-register h1 { background: url('../img/headings/registrace.gif') no-repeat; width: 90px; height: 16px; float: left; }
#users-register textarea { width:400px; height:70px; background:#ebebeb; margin:5px 0px 0px 0px; }
#why_registered { float:right; margin-right:10px; }
#privacy_wrapper { width:500px; position:relative; }
#privacy { background:#eee; padding:10px 10px 10px 10px; margin:0px; position:relative; display:block; }
#privacy h3 { padding: 0px !important; margin:0px !important; }
#privacy p { padding: 0px !important; margin:0px !important; }
p.register_button { text-align:center; margin:20px 0px 0px 0px; }
p.newsletter { height:50px; }
div.register_questions { margin:0px 0px 0px 20px; }
/***** ads ******/
.ad486x60 { padding:20px 0px; text-align:center; }
.ad486x60_inner { width:486px; height:60px; background:#e1e1e1; margin:0px auto;}
#reklama1 { padding:0px 0px 0px 0px; display:block; width:250px; height:250px; margin-bottom:15px; }
.reklama2 { position:absolute; display:block; width:250px; height:250px; right:15px; top:50px; }
#flash_box1 { display:inline; float:left; margin-right:10px; z-index:1; }
#flash_box2 { display:inline; float:left; margin-right:11px; z-index:1; }
/** add image boxes **/
#add_image_to_bio { width:650px; position:absolute; top:25px; left:0px; z-index:100; height:50px; }
#add_image_to_bio h3 { margin:0px 0px 0px 0px !important; padding:0px !important; }
#add_image_to_bio p { margin:0px 0px 0px 0px !important; padding:0px !important; text-align:left; }
#add_image_to_bio label { margin:0px 10px 0px 0px !important; padding:0px !important; }
#add_image_to_bio table { width:100%; }
#add_image_to_bio .inp { margin:0px 0px 0px 0px !important; padding:0px !important; font-size:10px; }
#add_image_to_bio td.add_inp { vertical-align:middle; padding:0px 20px; }
#add_image_to_bio td.add_inp2 { vertical-align:middle; text-align:right; }
#add_ico_to_user { width:600px; position:absolute; top:32px; left:50px; z-index:100; height:50px; }
#add_ico_to_user h3 { margin:0px 0px 0px 0px !important; padding:0px !important; }
#add_ico_to_user p { margin:0px 0px 0px 0px !important; padding:0px !important; }
#add_ico_to_user label { margin:0px 0px 0px 0px !important; padding:0px !important; }
#add_ico_to_user table { width:100%; }
#add_ico_to_user .inp { margin:0px 0px 0px 0px !important; padding:0px !important; font-size:10px; }
#add_ico_to_user td.add_inp { vertical-align:middle; padding:0px 5px; }
#add_ico_to_user td.add_inp2 { vertical-align:middle; text-align:right; }
#add_ico_to_user .image_butt { display:block; }
/** profile **/
/* PROFIL */
#profil {}
#profil sidebar { }
#ico_upload { position:absolute; z-index:15; padding-top:5px; left:50px; }
#image_bio_upload { position:absolute; z-index:15; padding-top:2px; left:0px; }
#image_bio_upload a { position:relative; text-align:center; margin-top:0px; background:#ff8233; width:130px; padding:2px 0px; color:#fff; }
/** Profile **/
#profile { margin-top: 0px; width: 650px; position:relative; display:block; }
#profile h1 { background: url('../img/headings/users.gif') no-repeat; height: 18px; width:70px; }
.location-profile h1 { background: url('../img/headings/location-tips.gif') no-repeat !important; width: 108px !important; }
#profile .heading { background: url('../img/dashed-line.gif') repeat-x left bottom; padding-bottom: 4px; position: relative; margin-bottom: 10px; }
#profile .basic-info { position:relative; height:80px; }
#profile .basic-info img.ico { position: relative; float:left; margin-right:10px; }
#profile .basic-info img.star { display:inline; margin-left:5px; }
#profile .basic-info .user_role { font-size: 9px !important; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; top:3px; left:50px; color:#666; }
#profile .basic-info h2 { font-size: 24px !important; font-weight:bold; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; }
#profile .basic-info p { margin:0px 0px 0px 0px; }
#profile .basic-info a { text-decoration: underline;}
#profile .basic-info a:hover { text-decoration: none; }
#profile #new-users { margin:30px 0px; }
#profile #new-spots { margin:30px 0px; }
#profile #forum-info { margin:30px 0px 0px 0px; }
#hodnotit { position:absolute; z-index:0; display:block; top:36px; right:0px; text-align:right; }
#hodnotit .votes { font-size:12px; }
#hodnotit span { font-size:15px; }
#hodnotit img { display:inline; vertical-align:top; position:relative; top:-5px; }
#points { background: url('../img/points_bg.gif') top left no-repeat; }
#profile .profile-img { float:left; position:relative; }
.image_delete { position:absolute; top:0px; left:0px; z-index:100; }
#profile .more-info { margin-top: 0px; height:270px; display:block; margin-left:385px; }
#profile .more-info h3 { font-size:15px; margin:0px; }
#profile .more-info h4 { font-size:10px; color: #636363; font-weight: normal; background: url('../img/dashed-line.gif') repeat-x left bottom; padding-bottom: 2px; margin-bottom: 5px; }
#profile .more-info p { margin: 0px 0px 7px 0px; }
#profile .more-info span { color: #666666; margin-right: 7px; }
#profile .more-info .details { font-size: 9px; margin-top: 7px; color: #666666; }
#profile .more-info .more-details { font-size: 9px; margin-top: 7px; color: #666666; }
#profile .more-info .more-details span { font-size: 9px; margin-top: 7px; color: #000; }
#profile .pager-and-counter { margin: 35px 0px 20px 0px; }
/** *Profile galleries* **/
#profile #galleries h2 {
margin-top: 15px;
background: url('../img/headings/galleries.gif') no-repeat;
height: 11px;
border-bottom: 1px solid #cccccc;
padding-bottom: 2px;
}
#profile #galleries .counter {
color: #666666;
}
#profile #galleries table {
margin-top: 8px;
}
#profile #galleries td {
padding: 0 4px 2px 0;
width: 105px;
height: 79px;
}
#profile #galleries td div {
position: relative;
}
#profile #galleries td a {
position: absolute;
top: 0px;
left: 0px;
}
/** *Profile discussion* **/
#profile #discussion h2 {
margin-top: 15px;
background: url('../img/headings/discussion.gif') no-repeat;
height: 10px;
border-bottom: 1px solid #000000;
padding-bottom: 2px;
}
#profile #discussion .counter {
margin-top: 10px;
}
#profile #discussion .comments-black {
margin-left: 10px;
}
#profile #discussion .navigation {
margin-top: 20px;
}
#profile #discussion .navigation a {
color: #000000;
font-weight: bold;
}
#profile #discussion .show-comments {
background: url('../img/down.gif') no-repeat left center;
padding-left: 25px;
float: left;
}
#profile #discussion .add-comment-black {
float: right;
}
#profile #posts {
margin-top: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #cccccc;
}
/** **Single post** **/
#profile #posts .header {
line-height: 20px;
}
#profile #posts .number {
color: #999999;
}
#profile #posts strong {
margin-left: 5px;
}
#profile #posts img {
vertical-align: bottom;
}
#profile #posts .date {
color: #999999;
margin-left: 10px;
}
#profile #posts .text {
padding: 15px;
background-color: #dfdfdf;
color: #333333;
}
#profile #posts .even .text {
background-color: #ececec;
}
/** **Discussion login** **/
#profile #discussion #login {
margin-top: 15px;
}
#profile #discussion #login form {
margin: 15px 0 10px;
}
#profile #discussion #login form div {
margin-bottom: 5px;
}
#profile #discussion #login label {
float: left;
width: 6em;
line-height: 20px;
}
#profile #discussion #login input {
border: 1px solid #cccccc;
padding: 3px 4px;
font-size: .9em;
color: #999999;
width: 100px;
}
#profile #discussion #login button {
width: 2em;
padding: 2px 4px;
background-color: #fff200;
}
#profile #discussion #login a {
color: #000000;
font-weight: bold;
margin-left: 15px;
background: url('../img/link-purple-double.gif') left center no-repeat;
padding-left: 12px;
}
/** *Typical items navigation, this time for other users* **/
#profile #other-users.items-navigation {
margin-top: 20px;
}
#other-users.items-navigation h3 {
background: url('../img/headings/other-users.gif') no-repeat;
width: 114px;
height: 16px;
}
/*
#team_profil { }
#team_profil_header { padding:0px; margin:0px; position:relative; width:655px; height:80px; background:#fff; }
#team_profil_header h2 { color:#000; font-size:30px; font-weight:bold; margin:0px 0px 0px 0px;
text-transform:none; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
letter-spacing: -0.02em; padding:0px; line-height:30px;
}
#team_profil_header p { padding:0px; margin:0px; }
#team_profil_header a { color:#eb008b; font-size:10px; }
#team_profil_header .info_short { width:350px; }
#team_link { width:133px; display:block; }
#hodnotit { position:absolute; top:35px; right:0px; text-align:right; }
#hodnotit span { font-size:20px; }
#hodnotit img { display:inline; vertical-align:top; position:relative; top:-5px; }
#points { background: url('../img/points_bg.gif') top left no-repeat; }
*/
#profile_bio { margin:0px 0px 0px 0px; width:600px; position:relative; padding:0px 0px 0px 0px; }
#profile_bio_inner { margin-top:0px; position:relative; width:360px; }
#profile_bio_inner img { position:absolute; }
#profile_bio_inner .prev { position:absolute; top:275px; left:0px; }
#profile_bio_inner .next { position:absolute; top:275px; right:0px; }
#profile_bio_info { margin-left:360px; }
#profile_bio_info a { color:#000; }
#profile_bio_info table { width:290px; height:270px; }
#profile_bio_info table td.q { width:70px; background:#c8c8c8; padding:0px; text-align:right; color:#6d6b6c; }
#profile_bio_info table td.q p { padding:1px 7px; }
#profile_bio_info table td.a { width:205px; background:#e3e3e3; padding:0px; }
#profile_bio_info table td.a p { padding:1px 13px; color:#000; font-weight:bold; }
#profile_bio_info p { margin:0px; }
#profile_bio_info p.jmeno { margin-top:25px; }
#profile_bio_info p.web { margin-top:15px; margin-bottom:15px; }
#profile_bio_info p.height25 { margin-bottom:15px; }
#profile_bio_info p.last { margin-bottom:15px; }
#profile_galerie { width:650px; position:relative; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; }
#profile_galerie img { display:inline; }
#profile_galerie a.admin { color:#fff; font-size:10px; padding:1px 2px; background:#ff8233; }
#profile_galerie_inner { width:650px; margin-top:5px; border-top:1px solid #d4d4d4; padding:20px 0px; line-height:20px; }
#profile_galerie_inner img { display:block; }
#profile_galerie_inner .galerie_box { position:relative; display:inline; float:left; width:105px; background:#e9e9e9; margin:0px 4px 4px 0px; }
#profile_galerie_inner .galerie_box a.galerie { width:105px; height:80px; background:#666; color:#fff; display:block; }
#profile_galerie_inner .galerie_box a.galerie:hover { width:105px; height:80px; background:#555; color:#fff; display:block; }
#profile_galerie_inner .galsixth { margin:0px 0px 4px 0px; }
#gal_ajax { font-size:14px; }
#gal_ajax strong { font-size:14px; margin-bottom:10px; }
#albums { margin-bottom:40px; }
#albums .galerie_box { position:relative; display:inline; float:left; background:#fff; margin:0px 2px 2px 0px; width:126px; }
#albums .galerie_box a.galerie { width:120px; height:90px; margin:3px; background:#000; color:#fff; display:block; }
#albums .galerie_box a.galerie:hover { width:120px; height:90px; background:#555; color:#fff; display:block; }
#albums .name { color:#000; font-size:11px; font-weight:bold; padding:0px 3px; }
#albums .photos { color:#999; font-size:9px; padding:0px 3px; }
#albums a.admin { position:absolute; right:5px; top:5px; color:#5d5d5d; background:transparent url('../img/ico_plus.gif') 0px 5px no-repeat; font-size:12px; font-weight:bold; padding:0px 3px 0px 13px; }
.heading_alba { margin:0px 0px 3px 3px; }
.heading_fotografie { margin-bottom:15px; }
#fotografie { position:relative; }
#fotografie a.admin { display:block; position:absolute; z-index:50; right:5px; top:5px; color:#5d5d5d; background:#fff url('../img/ico_plus.gif') 0px 5px no-repeat; font-size:12px; font-weight:bold; padding:0px 3px 0px 13px; }
#add_image_to { padding-bottom:10px; display:block; background:#fff;}
#add_image_to .input { margin:0px !important; }
#add_image_to .text { margin:0px !important; }
#add_image_to td { vertical-align:bottom; padding:0px 5px; height:15px; }
#add_image_to label { margin:0px; padding:0px; display:inline; text-align:left; width:40px; }
.filetd { width:315px; }
.fileupload { text-align:right; }
#add_gallery_to { text-align:right; padding:5px 0px; }
#add_gallery_to table { margin-left:230px; }
#add_gallery_to .input { margin:0px; }
#add_gallery_to td { vertical-align:middle; padding:0px 5px; height:15px; text-align:right; }
#add_gallery_to label { margin:0px 10px 0px 0px; padding:0px; }
#profile_info { width:650px; position:relative; margin:0px 0px 0px 0px; font-size:12px; clear:left; }
#profile_info textarea { width:650px; height:300px; font-size:12px; }
#profile_info img { display:inline; }
#profile_info a.admin { color:#fff; font-size:10px; padding:1px 2px; background:#ff8233; }
#profile_info_inner { margin-top:5px; border-top:1px solid #d4d4d4; padding:20px 0px; }
#profile_dalsi { display:block; width:655px; }
#profile_dalsi_inner { display:block; margin-top:5px; border-top:1px solid #d4d4d4; padding-top:5px; }
.nothing { padding-top:10px; }
/**** FORUM ****/
#add_post { margin-top:15px; color:#939393; background:#ececea url('../img/box/background2.gif') top left repeat-x;/* height:150px;*/ }
#add_post a { color:#939393; }
#add_post .user_info {}
#add_post .user_name { color:#ff8233; font-weight:bold; }
#add_post .user_ico { position:absolute; margin-top:5px; }
#add_post .add_post_content { margin-left:47px; width:570px; }
#add_post .add_post_date { position:absolute; right:300px; top:8px; }
#add_post textarea { width:560px; height:70px; background:#fff; border:0px; font-size:10px; margin:5px 0px 6px 0px; font-size:11px; }
#add_post .add_post_picture { margin-bottom:7px; }
#add_post .add_post_picture input { background:#fff; width:400px; padding:3px 0px 3px 3px; font-size:9px; vertical-align:middle; }
#add_post .add_post_buttons { color:#000; margin-left:450px; padding-top:4px; }
#add_post .add_post_buttons a { color:#404040; font-weight:bold; font-size: 1.1em; }
#add_post .pager { color:#000; margin-left:40px; z-index:2; position:absolute; left:0px; }
#add_post .pager a { color:#404040; }
#add_post .search_box { padding:20px; right:0px; top:0px; z-index:10; position:absolute; }
.shadow { position:absolute; margin:1px 0px 0px 1px; color:#fff !important; z-index:1; left:0px; }
.shadow a {color:#fff !important; }
/**** komentáře ***/
/* komentare */
#comments_box { }
.comments_box { width:650px; margin:0px 0px 15px 0px; text-align:left; position:relative; font-size:17px; background:url('../img/h_diskuse.gif') top left no-repeat; padding-top:25px; }
.comments_info { margin:0px 0px 0px 0px; border-top:1px solid #000; padding:0px 0px 0px 0px; min-height:50px; height: auto; _height: 50px; }
.comments_info p { font-size:9px; background:url('../img/bg_komentare.gif') 0px 2px no-repeat; padding:0px 0px 5px 15px; }
.comments_info a.zobrazit_komentare { font-size:10px; text-transform:uppercase; color:#000; font-weight:bold; background:url('../img/bg_zobrazit_komentare.gif') 0px 5px no-repeat; padding:2px 0px 2px 15px; }
.comments_info a.pridat_komentar {font-size:10px; text-transform:uppercase; position:absolute; right:0px; color:#000; font-weight:bold; background:url('../img/bg_pridat_komentar.gif') 0px 0px no-repeat; padding:2px 0px 2px 15px; }
.comment_add_form { margin:10px 0px 30px 0px; color:#000; background:#eee; width:650px;}
.comment_add_form_inner { padding:15px; }
.comment_add_form p { display:block; margin:0px 0px 5px 0px !important; font-size:10px; font-weight:bold; }
.comment_add_form div.name { height:50px; font-size:10px; font-weight:bold; text-transform:uppercase; }
.comment_add_form div.message { margin:0px 0px 10px 0px; }
.comment_add_form .submit { font-size:10px; margin:10px 0px; text-transform:uppercase; }
.comment_add_form .autor { width:288px; color:#000; background:#fff; font-size:10px; padding:5px 10px; margin:0px; border:1px solid #ddd; }
.comment_add_form .zprava { width:600px; height:80px !important; color:#888; background:#fff; padding:10px; font-size:10px; border:1px solid #ddd; }
.comment_add_form .code_box p { font-size:10px; font-weight:normal; }
.comment_add_form .code_box div { border:2px solid #fff; display:block; float:left; margin:5px 10px 0px 0px; }
.comment_add_form .code_box img { vertical-align:middle; display:block; float:left; }
.comment_add_form .code { width:30px; margin-top:5px; color:#000; background:#000; padding:0px 0px 2px 0px; font-size:15px; border:1px solid #fff; vertical-align:middle; text-align:center; }
.comment_add_form .submit { text-align:right; }
.comment_add_form .submit input { margin-top:0px; font-size:10px; text-transform:uppercase; }
.comments { margin:30px 0px 0px 0px; padding:0px 0px 30px 0px; position:relative; }
.comment { margin-top:5px; padding:0px 0px; position:relative; z-index:10; display:block; }
.comment .autor { text-transform:uppercase; font-size:10px; font-weight:bold; display:inline; color:#000; padding:0px 15px 7px 5px; margin:0px 5px 0px 0px; }
.comment .autor span{ color:#b2b2b2;}
.even .autor { background:#fff url('../img/comment_autor_even.gif') bottom right no-repeat; }
.odd .autor { background:#fff url('../img/comment_autor_odd.gif') bottom right no-repeat; }
.comment .datum { font-size:10px; color:#666; display:inline; background:#fff; }
.comment .text { font-size:10px; margin:5px 0px; padding:15px; color:#797979;}
.even .text { background:#dfdfdf; }
.odd .text { background:#ececec; }
.comment .admin { font-size:9px; position:absolute; top:5px; right:5px; }
.comment .admin a { color:#eb008b; font-size:9px; text-decoration:none; }
/**** BAZAR ****/
#bazar { }
#add_ad { width:500px; }
.add_ad { width:165px; }
.add_ad img { display:block; }
.add_ad a { display:block; width:165px; }
#bazar .search { position:absolute; right:30px; top:50px; }
#bazar h1 { background: url('../img/headings/bazar.gif') no-repeat; height: 18px; width: 50px; }
#bazar .add_ad { font-size:14px; margin:0px 0px 15px 0px; text-align:center; display:block; }
.sort { font-size:12px; text-align:left; margin:0px 0px 10px 0px; }
#bazar .ad_box { /*float:left;*/ display:block; width:295px !important; margin:0px 0px 5px 0px; position:reltaive; }
#bazar .ad_box .autor { padding-top:10px; }
#bazar .ad_box .autor a { font-size:10px; }
#bazar .ad_box .title h3 { margin:0px; padding:0px; font-size:12px; font-weight:bold; }
#bazar .ad_box .text { margin:5px 0px; padding:0px; font-size:12px; }
#bazar .ad_box .fotografie { margin:5px 0px; padding:0px; font-size:12px; position:absolute; left:0px; top:-5px; z-index:1; }
#bazar .ad_box .fotografie_box { float:left; width:115px; height:80px; display:block; }
#bazar .ad_box .fotografie_box2 { float:left; width:10px; height:80px; display:block; }
#bazar .ad_box .vlozeno { margin:0px; padding:0px; font-size:8px; font-weight:normal; }
#bazar .ad_box .kraj { margin:0px; padding:0px; font-size:10px; font-weight:bold; }
#bazar .ad_box .akce { position:absolute; top:0px; right:5px; padding:0px; font-size:9px; font-weight:normal; }
#bazar .ad_box .akce a {margin:0px 0px 0px 5px; }
#bazar .ad_box .odpovedet {margin:0px 0px 0px 0px; text-align:right; position:absolute; right:5px; bottom:3px; }
#bazar .ad { /*float:left;*/ display:block; width:295px !important; margin:0px 0px 0px 0px; }
#bazar #ad_detail { display:block; width:650px !important; margin:0px 0px 0px 0px; }
#bazar .ad .autor a { font-size:10px; }
#bazar .ad .title h3 { margin:0px; padding:0px; font-size:14px; font-weight:bold; }
#bazar .ad .text { margin:5px 0px; padding:0px; font-size:12px; }
#bazar .ad .fotografie { margin:5px 0px; padding:0px; font-size:12px; }
#bazar .ad .fotogalerie { position:relative; margin:10px 0px 0px 0px; }
#bazar .ad .fotogalerie .galerie_box { position:relative; display:block; float:left; width:105px; height:80px; background:#e9e9e9; margin:0px 14px 14px 0px; }
#firstimg { padding-bottom:10px; text-align:center; }
#firstimg img { display:inline; }
#bazar .ad .vlozeno { margin:0px; padding:0px; font-size:10px; font-weight:bold; }
#bazar .ad .kraj { margin:0px; padding:0px; font-size:10px; font-weight:bold; }
#bazar .ad .akce { position:absolute; top:0px; right:5px; padding:5px; font-size:10px; font-weight:bold; }
#bazar .ad .akce a {margin:0px 0px 0px 5px; }
#bazar .ad .odpovedet { margin:10px 0px 30px 0px; text-align:left; }
#bazar .ad .odpovedet img { display:inline; }
#bazar_galerie { position:relative; margin:20px 0px 0px 0px; } /* height:205 */
#bazar_galerie a { color:#ff8233; font-size:9px; }
#bazar_galerie_edit a { color:#000000; font-size:9px; }
#bazar_galerie_inner { margin-top:5px; padding-top:10px; }
#bazar_galerie_inner .galerie_box { position:relative; display:block; float:left; width:105px; height:80px; background:#e9e9e9; margin:0px 4px 4px 0px; }
#bazar_galerie_inner .image_delete { position:absolute; display:block; left:0px; top:0px; }
/***** FORMS *****/
.form input { width:300px !important; }
.form textarea { width:300px !important; }
.form .submit input { width:100px !important; margin:10px 0px 20px 135px; }
.form .back { text-align:right; }
.form .back input { width:100px !important; margin:10px 20px 20px 2px; }
#SpotTitle { width:300px; font-size:16px; }
#AdTitle { width:300px; font-size:16px; }
/***** PRODEJCI ****/
#prodejci { font-size: 9px; color: #000; padding:10px 0px 0px 0px; }
#prodejci_table { margin:25px 0px 0px 0px; }
#prodejci h1 { background: url('../img/headings/prodejci.gif') no-repeat; width: 150px; height: 18px; float: left; margin-bottom:4px; }
#prodejci .round_box1 .round_box1_inner2 { padding:10px; }
.mesto { font-size:18px; font-weight:bold; width:40%; padding:3px 0px 3px 0px; text-align: left; color: #ffffff; background:#9b9b9b; margin-bottom:10px; /*text-transform: uppercase; */}
.mesto2 { background:#adadad; width:20%; }
.mesto3 { background:#c4c4c4; width:20%; }
.mesto4 { background:#d8d8d8; width:20%; }
.mesto:first-letter { margin-left:20px; }
.shop { font-size:12px; padding:15px 20px 0px 20px; width: 20%; text-align:left; font-weight: bold; color: #000000; line-height: 15px; vertical-align:top; }
.shopInfo { font-size:10px; width: 20%; line-height: 12px; text-align: left; margin-bottom:0px; vertical-align:top; }
.shopInfo p { margin:15px 0px 20px 0px; }
.shopInfo a { color: #666; text-decoration: none; padding:2px 4px;}
.shopInfo a:hover { color: #fff; text-decoration:none; background:#ff8233; }
.nahoru { margin:10px 10px 0px 0px; text-align:right; }
/***** BIKES ****/
#bikes { position:relative; }
#nevitesirady { position:absolute; right:0px; }
#bikes table { width:910px; }
#bikes th.kat1, #bikes th.kat2, #bikes th.kat3, #bikes th.kat4 { padding:15px 10px 15px 15px; font-size:14px; font-weight:bold; color:#fff; }
#bikes th.kat1 { width:40%; background:#9b9b9b; }
#bikes th.kat2 { width:20%; background:#adadad; }
#bikes th.kat3 { width:20%; background:#c4c4c4; }
#bikes th.kat4 { width:20%; background:#d8d8d8; }
#bikes td { padding: 0px 0px; font-size:12px !important; }
#bikes td a { display:block; color:#000; padding:2px 15px; font-size:10px; font-weight:normal; }
#bikes td a:hover { color:#fff; background:#fd8234; text-decoration:none; }
#bikes td h3 { margin:20px 0px 0px 0px; }
#bikes td h3 a { font-size:16px !important; font-weight:bold; text-transform:none; }
#bikes td h3 a:hover { color:#fd8234; background:transparent; }
/** bikes kategorie **/
#bikes_cat_title { position:absolute;right:10px; }
#bikes_header { padding-top:50px; }
.bikes_list { margin:0px 0px; }
.bike_smaller { padding:20px 0px; display:block; float:left; text-align:center; }
.first_bike { margin-right:10px; }
.bike_smaller img { display:block; }
.bike_smaller a { font-size:14px; text-decoration:none; }
.bike_smaller a:hover { color:#000; font-size:14px; text-decoration:none; }
/** bike view **/
#bike { }
#bike h2 { font-size:19px; margin:0px 0px 5px 0px; padding:0px; }
#bike_price { font-size:18px; margin:0px 0px 10px 0px; padding:0px; color:#ff8233; }
#bike h3 { font-size:10px; margin:0px 0px 3px 0px; padding:0px; }
#bike p { font-size:9px; margin:0px 0px 10px 0px; padding:0px; }
#bike a { font-size:10px; margin:0px 0px 10px 0px; padding:0px; }
#bike img { margin:0px 0px 0px 0px; padding:0px; display:block; }
#bike_image { margin:50px 0px 15px 0px; padding:0px; display:block; }
#bike .round_box2 { text-align:left; margin-bottom:10px; }
#bike .other_bikes { font-size:14px;}
#bike .other_bikes a { color:blue; font-size:14px;}
a#box_bikes1 { background:url('../img/bikes2k9/box1.gif') top left no-repeat; width:220px; height:80px; display:block; margin:0px; }
a#box_bikes1:hover { background:url('../img/bikes2k9/box1.gif') 0px -80px no-repeat; text-decoration:none; }
a#box_bikes2 { background:url('../img/bikes2k9/box2.gif') top left no-repeat; width:220px; height:86px; display:block; margin:0px; }
a#box_bikes2:hover { background:url('../img/bikes2k9/box2.gif') 0px -86px no-repeat; text-decoration:none; }
a#box_bikes3 { background:url('../img/bikes2k9/box3.jpg') top left no-repeat; width:220px; height:160px; display:block; margin:0px; }
a#box_bikes3:hover { background:url('../img/bikes2k9/box3.jpg') 0px -160px no-repeat; text-decoration:none; }
.bike_sidebar { float:right; width:220px; margin:20px 10px 0px 0px; text-align:center;}
#bike_content { margin:20px 0px 0px 0px; width:650px; }
.specs { margin:20px 0px; }
.specs_container {width:650px;}
.specs_container td {vertical-align:top; font:bold 12px arial;}
table.specs_labels {border-collapse:collapse; width:100%; margin:0px;}
.specs_labels td {color:#333; padding:3px 6px;}
table.specs_data {border-collapse:collapse; width:100%; margin:0px;}
.specs_data td {color:#999; padding:3px 6px;}
.specsdark td {background-color:#F4F4F4;}
.geometry { margin-top:30px; }
.geo_container {width:910px; border:0px; border-collapse:collapse;color:#333;}
.geo_container table {width:650px; }
.geo_container th {font:normal 12px arial; padding:8px; text-align:left;}
.geo_container th.geo_bikes {font-weight:bold;}
.geo_container td {text-align:center; font:11px arial; padding:2px;}
.geo_container th {font:bold 11px arial; padding:3px; background-color:#EFEFEF; border:1px solid #fff;}
.geo_container .specsdark td {background-color:#F4F4F4; border-left:1px solid #fff;}
.geo_container .altercolor td {background-color:#F4F4F4; border-left:1px solid #fff;}
.legenda { margin-top:20px; }
.legenda td { text-align:left; }
/*** kontakty ***/
#kontakty table { width:100%; margin-top:30px; }
#kontakty table td { padding:4px 10px 4px 20px; font-size:12px; }
#kontakty table .dovozce { width:40%; background:#9b9b9b; font-size:18px; font-weight:bold; color:#fff; }
#kontakty table .kontakt { width:40%; background:#adadad; font-size:18px; font-weight:bold; color:#fff; }
#kontakty table .mapa { width:20%; background:#d8d8d8; font-size:18px; font-weight:bold; color:#fff; }
#kontakty .inp { background:#faf9f9; border:1px solid #d6d6d6; padding:5px 5px; width:300px; font-size:14px; }
#kontakty .lefttd { text-align:right; vertical-align:middle; }
#kontakty #kontakt_textarea { height:150px; }
#kontakty h3 { margin:0px 0px 0px 0px; font-size:18px; font-weight:bold; text-transform:none; padding:0px; }
#kontakty .adresa { margin:0px 0px 20px 150px; padding:0px; }
/*** ceniky ***/
#ceniky table { width:100%; margin-top:30px; }
#ceniky table td { padding:8px 10px 8px 20px; font-size:12px; }
#ceniky table .col1 { width:40%; background:#9b9b9b; font-size:18px; font-weight:bold; color:#fff; padding:4px 10px 4px 20px; }
#ceniky table .col2 { width:40%; background:#adadad; font-size:18px; font-weight:bold; color:#fff; padding:4px 10px 4px 20px; }
#ceniky table .col3 { width:20%; background:#d8d8d8; font-size:18px; font-weight:bold; color:#fff; padding:4px 10px 4px 20px; }
#ceniky .inp { background:#faf9f9; border:1px solid #d6d6d6; padding:5px 5px; width:300px; font-size:14px; }
#ceniky .lefttd { text-align:right; vertical-align:middle; }
#ceniky #kontakt_textarea { height:150px; }
#ceniky h3 { margin:0px 0px 0px 0px; font-size:18px; font-weight:bold; text-transform:none; padding:0px; }
#ceniky .adresa { margin:0px 0px 20px 150px; padding:0px; }
a.icon { color:#000; font-size:15px; font-weight:bold; text-decoration:none; padding:4px 0px 4px 24px; display:inline; background:url('../img/icon_default.gif') 0px 4px no-repeat; }
a.icon span { font-size:12px; font-weight:normal; }
a:hover { text-decoration:underline; }
.xls { background:url('../img/icon_xls.gif') 0px 4px no-repeat !important; }
.pdf { background:url('../img/icon_pdf.gif') 0px 4px no-repeat !important; }
/*** registrace kola ***/
#registeredBikes { }
#registeredBikes h1 { background: url('../img/headings/registrace_kola.gif') no-repeat; width:133px; height: 13px; float: left; margin-bottom:4px; margin-top:25px; }
#registeredBikes h2 { margin:15px 0px 10px 0px }
#registeredBikes h1#header2 { background: url('../img/headings/doplnujici_informace.gif') no-repeat; width:181px; height: 17px; float: left; margin-bottom:4px; margin-top:25px; }
#registeredBikes #reg_text { position:absolute; right:17px; }
#registeredBikes input { margin:0px !important; background:#fdfcfc; width:270px; border:1px solid #d6d6d6; }
#registeredBikes textarea { margin:0px !important; background:#fdfcfc; width:270px; border:1px solid #d6d6d6; }
#registeredBikes label { display:none; }
#button_registrovat_kolo { width:202px !important; height:34px !important; border:0px !important; }
#registeredBikes table { width:100%; margin-top:15px; }
#registeredBikes .th1 { width:43%; padding:13px 0px; background:#fff; }
#registeredBikes .th1 div { padding:2px 0px 0px 17px; height:25px; font-size:18px; background:#9b9b9b; color:#fff; }
#registeredBikes .th2 { width:19%; padding:13px 0px 13px 1px; background:#fff; color:#fff; }
#registeredBikes .th2 div { padding:2px 0px 0px 17px; height:25px; background:#adadad; color:#fff; }
#registeredBikes .th3 { width:19%; padding:13px 0px 13px 1px; background:#fff; color:#fff; }
#registeredBikes .th3 div { padding:2px 0px 0px 17px; height:25px; background:#c4c4c4; color:#fff; }
#registeredBikes .th4 { width:19%; padding:13px 0px 13px 1px; background:#fff; color:#fff; }
#registeredBikes .th4 div { padding:2px 0px 0px 17px; height:25px; background:#d8d8d8; color:#fff; }
#registeredBikes tr td { padding:10px 0px; height:auto; }
#registeredBikes tr td div { margin:0px; background:transparent; }
#registeredBikes tr.odd td { background:#f5f5f5; }
#registeredBikes tr td p { margin:0px; padding:0px 17px 0px 17px; color:#000; font-size:12px; }
#registeredBikes tr td p span { margin:0px; padding:0px; color:#878787; font-size:10px; display:block; }
#registeredBikes td.dopln1 { width:43%; }
#registeredBikes p#warranty { padding-left:390px; }
#registeredBikes p#warranty textarea { width:400px; height:200px;}
#registeredBikes #rb_edit label { display:block; }
#registeredBikesList { font-size:12px;}
#registeredBikesList .altrow { background:#f5f5f5; }
#registeredBikesList td { padding:5px 10px; }
#registeredBikesList th { padding:5px 10px; }
#registeredBikesList td.rb_more { font-size:11px; font-weight:bold; }
#registeredBikesList td.rb_name { font-size:16px; font-weight:bold; }
#registeredBikesList td.rb_name span { font-size:11px; font-weight:normal; }
#registeredBikesList td.rb_date { font-size:12px; font-weight:bold; }
#registeredBikesList td.rb_questions p { font-size:11px; margin:0px; padding:0px 0px 5px 0px; }
#registeredBikesList td.rb_questions p strong { display:block; float:left; width:300px; text-align:right; padding:0px 10px 0px 0px; }
/*** ads ***/
#ad1 { margin-bottom:15px; }
#ad2 { margin:11px 0px 15px 0px; }