/* MAIN */

body {
    background-color: #fff;
    font: .81em/1.4em Helvetica, Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
}
body#super-homepage{
    background: url("../img/bg-superhome.gif") top left repeat-x;
}
.container {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}
a img {
    border: none;
}
ul, ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.clr {
    height: 1px;
    width: 1px;
    overflow: hidden;
    margin-left: -1000%;
    clear: both;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
h2, h3 {
    letter-spacing: -.05em;
}

/* BANNERS */
#banner-600x300 {
    padding-top: 15px;
    overflow: hidden;
    margin: 20px 0 0;
}
#banner-600x300 a img {
    display:block;
}
#banner-navigator a {
    display: block;
    width: 385px;
    height: 85px;
    overflow: hidden;
    text-decoration: none;
}
#banner-navigator span {
    display: block;
}
#banner-navigator strong {
    text-decoration: underline;
}
#banner-300x300 {
    text-align:center;
    margin-top: .5em;
}
#banner468x60 .banner {
    padding: 15px 17px 15px 60px;
    clear: both;
}
#banner468x60 .banner a {
    display: block;
    width: 486px;
    height: 60px;
    overflow: hidden;
}


/* TOP MENU */
#sections {
    background-color: #181818;
    font-size: .85em;
    text-transform: uppercase;
}
#sections h1 a{
    background: #3c3c3c url(http://img.freeride.cz/img/sections-hp.gif) repeat-x 0 100%;
}
#sections h1 a:hover{
    background: #939393 url(http://img.freeride.cz/img/sections-hp-hover.gif) repeat-x 0 100%;
}
#sections h1.selected{
    margin-top: 12px;
}
#sections h1.selected a{
    background: #949494 url(http://img.freeride.cz/img/sections-hp-selected.gif) 0 0 repeat-x ;
    text-decoration:none;
}
#sections p {
    display: none;
}
#sections h1, #sections li, #sections p {
    width: 100px;
    text-align: center;
    padding: 0;
    float: left;
}
#sections li {
    border-right: 2px solid #181818;
    margin-top: 20px;
}
#sections li.selected {
    margin-top: 12px;
}
#sections .selected a{
    padding: 11px 0 11px;
}

#sections a {
    display: block;
    padding: 7px 0;
    color: #fff;
    width: 100%;
    background-position: 0 0 !important;
}
#sections li a{
    background: #3c3c3c url(http://img.freeride.cz/img/sections-hp.gif) repeat-x 0 100%;
}
#sections li a:hover {
    background: #939393 url(http://img.freeride.cz/img/sections-hp-hover.gif) repeat-x 0 100%;
    text-decoration:none;
}
#sections li.selected a {
    background: #949494 url(http://img.freeride.cz/img/sections-hp-selected.gif) repeat-x 0 0;
    text-decoration:none;
}

#sections li.intro {
    border-right: 4px solid #181818;
    width: 60px !important;
}

#sections li.snb a{
    background-color: #1b2d42;
    background-image: url(http://img.freeride.cz/img/sections-snb.gif);
}
#sections li.snb a:hover{
    background-color: #4A7194;
    background-image: url(http://img.freeride.cz/img/sections-snb-hover.gif);
}
#sections li.snb-selected{
    margin-top: 12px;
}
#sections li.snb-selected a{
    background-color: #4B7296;
    background-image: url(http://img.freeride.cz/img/sections-snb-selected.gif);
    text-decoration:none;
    padding: 11px 0 11px;
    background-position: 0 0;
}
#sections li.bike a{
    background-color: #43321c;
    background-image: url(http://img.freeride.cz/img/sections-bike.gif);
    background-position: 0 0;
}
#sections li.bike a:hover{
    background-color: #937C4A;
    background-image: url(http://img.freeride.cz/img/sections-bike-hover.gif);
    background-position: 0 0;
}
#sections li.bike-selected{
    margin-top: 12px;
}
#sections li.bike-selected a{
    background-color: #957D4A;
    background-image: url(http://img.freeride.cz/img/sections-bike-selected.gif);
    text-decoration:none;
    padding: 11px 0 11px;
    background-position: 0 0;
}
#sections li.ski a{
    background-color: #1a3045;
    background-image: url(http://img.freeride.cz/img/sections-ski.gif);
}
#sections li.ski a:hover{
    background-color: #24819c;
    background-image: url(http://img.freeride.cz/img/sections-ski-hover.gif);
}
#sections li.ski-selected{
    margin-top: 12px;
}
#sections li.ski-selected a{
    background-color: #2382B2;
    background-image: url(http://img.freeride.cz/img/sections-ski-selected.gif);
    text-decoration:none;
    padding: 11px 0 11px;
    background-position: 0 0;
}
#sections li.surf a{
    background-color: #043f4e;
    background-image: url(http://img.freeride.cz/img/sections-surf.gif);
}
#sections li.surf a:hover{
    background-color: #3EA19D;
    background-image: url(http://img.freeride.cz/img/sections-surf-hover.gif);
}
#sections li.surf-selected{
    margin-top: 12px;
}
#sections li.surf-selected a{
    background-color: #45A6A3;
    background-image: url(http://img.freeride.cz/img/sections-surf-selected.gif);
    background-position: 0 0;
    text-decoration:none;
    padding: 11px 0 11px;
}
#sections li.shop, #sections li.guide {
    float: right;
}
#sections li.guide{
    width:185px;
    height:37px;
    margin-top:15px;
    overflow:hidden;
}
#sections li.guide a{
    background-color: #0f303a;
    padding:0;
}
#sections li.guide img{
    display:block;
}
#sections li.tv{
    width:50px;
}

/* HEADER */

#headerholder {
    margin-top: -1px;
}
#header {
    position: relative;
    width: 100%;
}
#header a.logo {
    position: absolute;
    right: 75px;
    top: 25px;
    display: block;
    width: 109px;
    height: 89px;
    overflow: hidden;
}
#header .banner {
    padding: 0 17px 0 0;
    float: left;
    margin-top: 15px;
    height: 100px;
    width: 745px;
}
.banner table td{
    padding: 0;
}
#header .banner a {
    display: block;
    width: 762px;
    height: 100px;
    overflow: hidden;
}
#user {
    height: 50px;
    width: 550px;
    position: absolute;
    left: 20px;
    top: 128px;
    overflow: hidden;
}
#user a.user {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
#user h2, #user p {
    font-size: .92em;
    margin: 0;
    padding-left: 65px;
}
#user h2 {
    padding-top: 5px;
    font-weight: bold;
}
#user p a.new {
    color: #00b3e0;
    font-weight: bold;
}
#user-login {
    position: absolute;
    left: 20px;
    top: 142px;
    color:#FFF;
}
#user-login input.text{
    background:#3f3f3f;
    border:1px solid #828282;
    padding:2px 1px;
    color:#FFF;
    margin-right:10px;
}
#user-login span{
    font-size:.86em;
}
#user-login span a{
    color:#FFF;
}
#search {
    position: absolute;
    top: 160px;
    right: 14px;
}
#search p {
    font-weight: normal;
    margin: 0;
    display: inline;
    font-size: .92em;
}
#search div {
    display: inline;
}
#search .textfield {
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: .2em;
}
#super-homepage #search .textfield {
    background: #3F3F3F;
    border:1px solid #828282;
    color:#FFF;
}
#search .button {
    font-size: 12px;
}
#navigation {
    clear: both;
    padding-top: 80px;
}
#navigation p {
    display: none;
}
#navigation li {
    float: left;
    font-size: .85em;
    text-transform: uppercase;
}
#navigation a {
    display: block;
    text-decoration: none;
}
#navigation a:hover {
    text-decoration: underline;
}
#navigation .editors a {
    padding: 4px 27px 4px 20px;
}
#navigation li.selected a {
    font-weight: bold;
}
#navigation .users {
    float: right;
}
#navigation .users a {
    padding: 4px 20px 4px 27px;
}

/* CONTENT */

#content {
    background: #fff;
    position: relative;
    top: -1px;
    width:100%;
}
body#super-homepage #content {
    background: none;
    margin-top: 80px;
}
body#super-homepage #content .container {
    border-top: 0;
}
#content .container {
    border-top: 1px solid #fff;
}
.major {
    width: 600px;
    overflow:hidden;
}
.minor {
    width: 385px;
    overflow: hidden;
    border-top: 22px solid #fff;
}
.minor-blank {
    width: 385px;
    overflow: hidden;
}
#editorsminor, #editorsmajor {
    float: left;
}
#publicmajor, #publicminor {
    float: right;
}

/* SUPERHOMEPAGE */
body#super-homepage #header a.logo {
    background: url(../img/logo.gif) no-repeat;
}
#snb-box, #bike-box, #ski-box, #surf-box{
    width:250px;
    float:left;
    margin-bottom: 20px;
}
#snb-box{
    background:#192b3e;
}
#bike-box{
    background:#41311b;
}
#ski-box{
    background:#182e45;
}
#surf-box{
    background:#002237;
}

#snb-box{
    border-bottom: 3px solid #4b7296;
}
#snb-box .item, #snb-box .item-hidden{
    background: #466b8d;
    color:#FFF;
    border-top: 3px solid #4b7296;
}
#snb-box .item .image-box{
    position:relative;
}
#snb-box .item .image-box .sekce-homepage{
    position:absolute;
    background:#1b2d41;
    width:100px;
    color:#0fb5e4;
    top:8px;
    right:0;
    text-align:center;
}
#snb-box .item .image-box .sekce-homepage p{
    padding:2px 0;
    color:#0fb5e4;
    text-transform: uppercase;
    font-size:.67em;
    font-weight:bold;
}
#snb-box .item img{
    border-top: 16px solid #1b2d41;
    display:block;
}
#snb-box .item h3{
    padding:5px 13px 8px;
    font-size:1.3em;
    background: #4b7296 url("../img/snb-homepage-gradient.gif") top left repeat-x;
}
#snb-box .item h3 span{
    color:#0fb5e4;
    text-transform: uppercase;
    font-size:.8em;
}

#snb-box .item-hidden .image-box{
    display:none;
}
#snb-box .item-hidden h3{
    padding:8px 13px 8px;
    font-size:1.3em;
    background: #FFF;
    color:#466a8d;
}
#snb-box .item-hidden h3 span{
    color:#0fb5e4;
    text-transform: uppercase;
    font-size:.8em;
}

#bike-box{
    border-bottom: 3px solid #967e4b;
}
#bike-box .item, #bike-box .item-hidden{
    background: #466b8d;
    color:#FFF;
    border-top: 3px solid #967e4b;
}
#bike-box .item .image-box{
    position:relative;
}
#bike-box .item .image-box .sekce-homepage{
    position:absolute;
    background:#41301a;
    width:100px;
    color:#0fb5e4;
    top:8px;
    right:0;
    text-align:center;
}
#bike-box .item .image-box .sekce-homepage p{
    padding:2px 0;
    color:#e09900;
    text-transform: uppercase;
    font-size:.67em;
    font-weight:bold;
}
#bike-box .item img{
    border-top: 16px solid #41301a;
    display:block;
}
#bike-box .item h3{
    padding:5px 13px 8px;
    font-size:1.3em;
    background: #967e4b url("../img/bike-homepage-gradient.gif") top left repeat-x;
}
#bike-box .item h3 span{
    color:#e09900;
    text-transform: uppercase;
    font-size:.8em;
}

#bike-box .item-hidden .image-box{
    display:none;
}
#bike-box .item-hidden h3{
    padding:8px 13px 8px;
    font-size:1.3em;
    background: #FFF;
    color:#947c4a;
}
#bike-box .item-hidden h3 span{
    color:#e09900;
    text-transform: uppercase;
    font-size:.8em;
}

#ski-box{
    border-bottom: 3px solid #17a4ca;
}
#ski-box .item, #ski-box .item-hidden{
    background: #466b8d;
    color:#FFF;
    border-top: 3px solid #17a4ca;
}
#ski-box .item .image-box{
    position:relative;
}
#ski-box .item .image-box .sekce-homepage{
    position:absolute;
    background:#132d45;
    width:100px;
    top:8px;
    right:0;
    text-align:center;
}
#ski-box .item .image-box .sekce-homepage p{
    padding:2px 0;
    color:#e36000;
    text-transform: uppercase;
    font-size:.67em;
    font-weight:bold;
}
#ski-box .item img{
    border-top: 16px solid #132d45;
    display:block;
}
#ski-box .item h3{
    padding:5px 13px 8px;
    font-size:1.3em;
    background: #49a6be url("../img/ski-homepage-gradient.gif") top left repeat-x;
}
#ski-box .item h3 span{
    color:#e36000;
    text-transform: uppercase;
    font-size:.8em;
}
#ski-box .item-hidden .image-box{
    display:none;
}
#ski-box .item-hidden h3{
    padding:8px 13px 8px;
    font-size:1.3em;
    background: #FFF;
    color:#17a4ca;
}
#ski-box .item-hidden h3 span{
    color:#e36000;
    text-transform: uppercase;
    font-size:.8em;
}

#surf-box{
    border-bottom: 3px solid #368680;
}
#surf-box .item, #surf-box .item-hidden{
    background: #466b8d;
    color:#FFF;
    border-top: 3px solid #368680;
}
#surf-box .item .image-box{
    position:relative;
}
#surf-box .item .image-box .sekce-homepage{
    position:absolute;
    background:#043e4e;
    width:100px;
    top:8px;
    right:0;
    text-align:center;
}
#surf-box .item .image-box .sekce-homepage p{
    padding:2px 0;
    color:#b5964d;
    text-transform: uppercase;
    font-size:.67em;
    font-weight:bold;
}
#surf-box .item img{
    border-top: 16px solid #043e4e;
    display:block;
}
#surf-box .item h3{
    padding:5px 13px 8px;
    font-size:1.3em;
    background: #388781 url("../img/surf-homepage-gradient.gif") top left repeat-x;
}
#surf-box .item h3 span{
    color:#b5964d;
    text-transform: uppercase;
    font-size:.8em;
}
#surf-box .item-hidden .image-box{
    display:none;
}
#surf-box .item-hidden h3{
    padding:8px 13px 8px;
    font-size:1.3em;
    background: #FFF;
    color:#368680;
}
#surf-box .item-hidden h3 span{
    color:#b5964d;
    text-transform: uppercase;
    font-size:.8em;
}










/* FOOTER */

#footer {
    width: 1000px;
    text-align: left;
    margin: 1em auto;
    font-size: .85em;
}
#footer a {
    color: #000;
}
.footer-links {
    text-transform: uppercase;
    margin-right: 400px;
}
.footer-copyright {
    color: #a9a9a9;
    background: url(../img/footer-logo.gif) no-repeat 0 .35em;
    padding-left: 45px;
    margin: .8em 400px 1em 0;
    line-height: 1.3em;
}
.footer-refresh {
    float: right;
    text-align: right;
    background: url(../img/footer-refresh.gif) no-repeat 100% 0;
    padding: 0 25px 1em 0;
}

/* HOMEPAGE FLASH */

#attentionholder {
    position: absolute;
    width: 50%;
    height: 292px;
    right: 50%;
    top: 0;
    background: #f00;
    margin-right: 104px;
}
#attention {
    width: 396px;
    float: right;
    border-top: 22px solid #fff;
}
#attentionplaceholder {
    width: 396px;
    height: 292px;
    float: left;
}

/* HOMEPAGE NEWS */

#homepagenews {
    float: right;
    width: 190px;
    font-size: .85em;
}
#homepagenews h2 {
    font-size: 1.55em;
    font-weight: bold;
    text-transform: lowercase;
    margin: 0;
    padding: 18px 0 10px 0;
}
#homepagenews ul a {
    display: block;
    padding: .2em 10px .2em 5px;
}
#homepagenews ul a:visited {
    padding-left: 10px;
    border-left: none;
}
#homepagenews ul a {
    text-decoration: none;
}
#homepagenews ul a em {
    font-style: normal;
    text-decoration: underline;
}
#homepagenews p a {
    display: block;
    padding: .72em 10px;
    font-weight: bold;
}
#homepagenews a:hover, #homepagenews a:hover em {
    text-decoration: none;
}


/* LIST OF ARTICLES */

.articlelist {
    padding: 1em 0;
}
.articlelist h2 {
    display: none;
}
.articlelist .articleperex {
    margin: 1.2em 0;
}
.articlelist .articleperex .text {
    width: 460px;
    float: right;
}
.articlelist .articleperex .meta {
    float: left;
}
.articlelist .articleperex .comments {
    float: right;
}
.articlelist .articleperex h3 {
    text-transform: uppercase;
    font-size: 1.08em;
    font-weight: bold;
    margin: 0 0 .4em;
}
.articlelist .articleperex h3 a {
    text-transform: none;
    font-size: 1.21em;
}
.articlelist .articleperex h3 a:hover {
    text-decoration: none;
}
.articlelist .articleperex p.perex {
    margin: .2em 0;
}
.articlelist .articleperex .meta, .articlelist .articleperex .comments {
    font-size: .85em;
}
.articlelist .articleperex .meta {
    padding: .3em 15px .3em 0;
}
.articlelist .articleperex .comments a {
    font-weight: bold;
    display: block;
    float: right;
    padding: .3em 30px .3em 15px;
}
.articlelist .articleperex .comments a:hover {
    text-decoration: none;
}
.articlelist .articleperex .image {
    width: 100px;
    height: 100px;
    text-align: right;
}
.articlelist .articleperex .image a, .articlelist .articleperex .image a span {
    display: block;
    width: 120px;
    height: 100px;
}
.articlelist .best-shots{
    padding: 1em 15px .5em 15px;
}
.articlelist .best-shots h2{
    display:block;
    margin:0 0 .8em 0;
    font-size:1.73em;
    margin-left:3px;
}
.articlelist .best-shots .item{
    float:left;
    margin:0 7px;
}
.articlelist #filter h2{
    display:block;
    margin:.5em 0 .7em 0;
    font-size:1.73em;
    margin-left:18px;
}
.articlelist .banner {
    padding: 15px 17px 15px 60px;
    clear: both;
}
.articlelist .banner a {
    display: block;
    width: 486px;
    height: 60px;
    overflow: hidden;
}
.articlelist #filter{
    margin:1em 0;
}
#extras{
    padding-left:15px;
}

/* DROBKY */
p.crumbs{
    font-size:.9em;
    margin-bottom:2em;
}
p.crumbs a:hover{
    text-decoration:none;
}

/* ARTICLE */
.article{
    padding:0 18px;
}
.article h2{
    margin:1.3em 0 .8em 0;
    font-size:2.1em;
}
.article p.perex{
    font-size:1.1em;
    font-style:italic;
    font-weight:bold;
    margin-bottom:1em;
    padding:0;
}
.article p{
    font-size:1em;
    padding:.5em 0 1em 0;
}
.article .banner {
    padding: 15px 0 15px 45px;
    clear: both;
}
.article .banner a {
    display: block;
    width: 486px;
    height: 60px;
    overflow: hidden;
}
.article .gallery-box{
    width:560px;
    border-bottom: 2px solid #dadada;
    margin:.5em auto .8em;
}
.article .gallery-box img{
    display:block;
    float:left;
}
.article .gallery-box p{
    font-size:.86em;
    padding: .2em 15px .5em 15px;
}
.article .gallery-box p.author{
    text-align:right;
    padding: 0 15px .5em 15px;
}
.article .gallery-box p.author a{
    font-weight:bold;
}
.article .gallery-box p.author a:hover{
    text-decoration:none;
}
.article #extras{
    width:560px;
    margin:2em auto;
    padding:0;
}
.article .article-function{
    width: 265px;
    float:left;
    padding:1em 0 0 0;
}
.article .article-function h5{
    font-size:1.07em;
    padding-left:20px;
}
.article .article-function ul {
    margin: .2em 0 1.5em 0;
}
.article .article-function ul li a{
    padding: .3em 15px .3em 50px;
    font-weight:bold;
    font-size:1.07em;
    display:block;
}
.article .article-function ul li a:hover{
    text-decoration:none;
}
.article .article-last-comments{
    width: 280px;
    float:right;
    padding:1em 0 0 0;
}
.article .article-last-comments h5{
    font-size:1.07em;
    padding-left:20px;
}
.article .article-last-comments ul {
    margin: .2em 15px 1.5em 20px;
}
.article .article-last-comments ul li{
    font-size:.9em;
    padding:.4em 0;
}
.article .article-last-comments a {
    text-decoration:underline;
}
.article .article-last-comments a:hover {
    text-decoration:none;
}
.article .box-diskuse{
    padding:1.5em 20px 1em 20px;
    margin-top:1.7em;
}
.article .box-diskuse h2{
    font-size:1.8em;
    margin-top:0;
}
.article p.show-article{
    text-align:right;
    padding: 1em 0 0;
}
.article p.show-article a{
    font-weight:bold;
}
.article p.show-article a:hover{
    text-decoration:none;
}
.article .gallery-items a{
    margin:1px;
    padding:2px 0;
}


/* BOX ARTICLE AUTHOR */
#box-article-author{
    padding-bottom:.5em;
}
#box-article-author .author{
    padding-bottom:1em;
}
#box-article-author h4{
    padding: 1em 15px .5em 18px;
    font-size: 1.3em;
    text-transform:lowercase;
}
#box-article-author .ico{
    position:relative;
    float:left;
}
#box-article-author .ico img{
    display:block;
}
#box-article-author .ico span{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:75px;
    height:75px;
}
#box-article-author .info{
    width:263px;
    float:right;
}
#box-article-author .info p{
    font-size:.9em;
    padding:0;
}
#box-article-author .info h5{
    font-size:1.1em;
    margin:0 0 .2em 0;
    padding:0;
}
#box-article-author a{
    font-weight:bold;
}
#box-article-author p{
    font-size: .95em;
    padding: 1em 0 .2em;
}
#box-article-author a.libil{
    padding:.2em 0 .2em 25px;
}
#box-article-author a.libil:hover{
    text-decoration:none;
}
#box-article-author a.nelibil{
    padding:.2em 0 .2em 25px;
    margin-left:10px;
}
#box-article-author a.nelibil:hover{
    text-decoration:none;
}

/* BOX BLOG */
#box-blog{
    padding-bottom:.5em;
}
#box-blog .content{
    padding: 0 20px;
}
#box-blog h4{
    padding: 0 15px 0 0;
    font-size: 1.1em;
    text-transform:lowercase;
}
#box-blog p.date{
    padding:0;
    margin:0;
    font-size: .87em;
}
#box-blog .content p.perex{
    padding: .2em 0 1.5em 0;
    margin:0;
    font-size: 1em;
}
#box-blog p a, #box-blog h5 a{
    color:#02B3E0;
}
#box-blog h5 a{
    color:#FFF;
}
#box-blog p a:hover, #box-blog h5 a:hover{
    background:#02B3E0;
    color:#FFF;
    text-decoration:none;
}
#box-blog .ico{
    float:left;
    margin-top:.2em;
}
#box-blog .info{
    width:260px;
    float:right;
}
#box-blog .info p{
    font-size:.9em;
    padding:0;
}
#box-blog .info h5{
    font-size:1.1em;
    margin:0 0 .2em 0;
    padding:0;
}
#box-blog a{
    font-weight:bold;
}
#box-blog p{
    font-size: .95em;
    padding: 1em 0 .2em;
}



/* ARTICLES EXTRAS */
#extras .item{
    width: 182px;
    font-size: .9em;
}
#extras .item{
    background:#f5f5f5;
    padding: .2em 10px .2em 5px;
}
#extras .item h4{
    font-size:1em;
    font-weight:normal;
    padding:0;
    margin:0;
}
#extras .item img{
    float:left;
}
#extras .item a{
    color:#1a2c40;
}


/* OLD ARTICLES */
#old-articles{
    width:182px;
    float:left;
    /*font-size: .9em;*/
}
#old-articles ul{
    width:182px;
}
#old-articles ul a{
    display: block;
    padding: .2em 10px .2em 5px;
}
#old-articles ul a:visited {
    padding-left: 10px;
    border-left: none;
}
#old-articles h4 {
    font-size: 1.48em;
    font-weight: bold;
    text-transform: lowercase;
    margin: 0;
    padding: 18px 0 10px 8px;
}
#old-articles ul li span {
    text-transform: uppercase;
    font-size:.9em;
}
#old-articles ul a {
    text-decoration: none;
}
#old-articles p a {
    display: block;
    padding: .72em 10px;
    font-weight: bold;
}
#old-articles a:hover{
    text-decoration: none;
}

/* OLD PHOTOREPORTS */
#old-photoreports{
    width:182px;
    float:left;
    font-size: .9em;
    margin-left:15px;
}
#old-photoreports ul{
    width:182px;
}
#old-photoreports ul li{
    clear:both;
}
#old-photoreports ul a{
    display: block;
    padding: .2em 10px .2em 5px;
    text-decoration: underline;
    clear:both;
    min-height:50px;
}
#old-photoreports ul a:visited {
    padding-left: 10px;
    border-left: none;
}
#old-photoreports h4 {
    font-size: 1.48em;
    font-weight: bold;
    text-transform: lowercase;
    margin: 0;
    padding: 18px 0 10px 8px;
}
#old-photoreports p a {
    display: block;
    padding: .72em 10px;
    font-weight: bold;
}
#old-photoreports a:hover{
    text-decoration: none;
}
#old-photoreports ul li em{
    display:block;
    width:55px;
    height:50px;
    position: relative;
    float:left;
    z-index:100;
}
#old-photoreports ul li em img{
    display:block;
    position: absolute;
    top:0;left:0;
}
#old-photoreports ul li em span{
    display:block;
    width:50px;
    height:50px;
    position: absolute;
    top:0;left:0;
}
#old-photoreports ul li a span{
    font-size:.9em;
}

/* OLD VIDEOS */
#old-videos{
    width:182px;
    float:left;
    font-size: .9em;
    margin-left:15px;
}
#old-videos ul{
    width:182px;
}
#old-videos ul li{
    clear:both;
}
#old-videos ul a{
    display: block;
    padding: .2em 10px .2em 5px;
    text-decoration: underline;
    clear:both;
    min-height:50px;
}
#old-videos ul a:visited {
    padding-left: 10px;
    border-left: none;
}
#old-videos h4 {
    font-size: 1.48em;
    font-weight: bold;
    text-transform: lowercase;
    margin: 0;
    padding: 18px 0 10px 8px;
}
#old-videos p a {
    display: block;
    padding: .72em 10px;
    font-weight: bold;
}
#old-videos a:hover{
    text-decoration: none;
}
#old-videos ul li em{
    display:block;
    width:55px;
    height:50px;
    position: relative;
    float:left;
    z-index:100;
}
#old-videos ul li em img{
    display:block;
    position: absolute;
    top:0;left:0;
}
#old-videos ul li em span{
    display:block;
    width:50px;
    height:50px;
    position: absolute;
    top:0;left:0;
}
#old-videos ul li a span{
    font-size:.9em;
}

/* BEST SHOTS */
.best-shots h2{
    margin:1.3em 0 .8em 0;
    font-size:2.3em;
    margin-left:20px;
}
.marleft{
    margin-left:20px;
}
.best-shots .controls{
    height:50px;
    overflow:hidden;
    margin-bottom:.5em;
}
.best-shots .controls a{
    float:left;
    margin:0 5px;
}
.best-shots .controls a.previous{
    margin:0 5px 0 0;
    border-left:4px solid #00B3E0;
}
.best-shots .controls a.next{
    margin:0 0 0 5px;
    border-right:4px solid #00B3E0;
}
.best-shots .navigation{
    height:51px;
    width:100%;
    /*margin-top:2em;*/
}
.best-shots .navigation p{
    float:left;
    padding: 15px 0 0 20px;
    font-size:.9em;
}
.best-shots .navigation p a{
    font-weight:bold;
}
.best-shots .navigation p a:hover{
    text-decoration:none;
}
.best-shots .navigation img{
    display:block;
    float:right;
}
.best-shots .viewer{
    width: 600px;
    height: 600px;
    text-align: center;
    line-height:600px;
}
.best-shots .viewer img {
    vertical-align:middle;
}
.best-shots .download{
    height:51px;
    width:100%;
    margin-bottom:2em;
}
.best-shots .download p{
    text-align:right;
    font-size:.9em;
    padding: 15px 20px 0 0;
}
.best-shots .download p a{
    font-weight:bold;
}
.best-shots .download p a:hover{
    text-decoration:none;
}
.best-shots form#search-pics{
    margin-top:10em;
    padding:0 20px 1em 20px;
    margin-bottom:1em;
}
.best-shots form#search-pics p{
    padding: .2em 0;
    font-size:.9em;
}
.best-shots form#search-pics label{
    display:block;
    width:8em;
    float:left;
}
.best-shots form#search-pics input.submitBtn{
    margin: .4em 0 0 0;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    padding:0;
}
.best-shots .gallery-items{
    padding-left:10px;
}
.best-shots .gallery-items a{
    display:block;
    float:left;
    width:75px;
    height:75px;
    margin:8px;
}
.best-shots .gallery-items a.previous:hover img{
    display:none;
}
.best-shots .gallery-items a.next:hover img{
    display:none;
}


/* PUBLIC GALLERY */
.public-gallery h2{
    line-height:29px;
    margin:1.3em 0 .8em 0;
    font-size:2.1em;
    text-transform: lowercase;
}
.public-gallery h2 img{
    display:block;
    float:left;
    margin-right:10px;
}
.public-gallery{
    width:600px;
}
.public-gallery #best-photos{
    float:left;
    width:365px;
}
.public-gallery #best-photos a{
    float:left;
    margin:8px;
}
.public-gallery #best-videos{
    float:right;
    width:200px;
}
.public-gallery #best-videos a{
    float:left;
    margin:8px;
}
.public-gallery #best-photos h4, .public-gallery #best-videos h4{
    margin-left:7px;
}
#public-gallery-filter{
    margin: 2em 0;
    padding-bottom:1em;
}
#public-gallery-filter form{
    padding:0 20px;
}
#public-gallery-filter form p{
    padding:0.4em 0;
    font-size:.96em;
}
#public-gallery-filter form p span.calendar-wrap{
    position:relative;
    padding-right:30px;
}
#public-gallery-filter form p span.calendar-wrap img{
    position:absolute;
    top:50%;
    margin-top:-10px;
    right:10px;
}
#public-gallery-filter form input{
    font-size:.9em;
    margin:0 .5em 0 .2em;
    font-weight:bold;
}
#public-gallery-filter form input.calendar{
    width:6em;
    margin:0 0 0 .2em;
}
#public-gallery-filter form select{
    margin:0 .8em 0 .2em;
    font-size:.96em;
    font-weight:bold;
}
.public-gallery .item{
    float:left;
    margin:6px 0 4px 0;
    padding:0 12px;
}
.public-gallery .item a img{
    display:block;
    margin-top:10px;
}
.public-gallery .item p{
    font-size:.87em;
    display:block;
    width:75px;
    height:1.5em;
    overflow:hidden;
}
.public-gallery .item p a:hover{
    text-decoration:none;
}

.gallery-list .banner {
    padding: 15px 17px 15px 60px;
    clear: both;
}
.gallery-list .banner a {
    display: block;
    width: 486px;
    height: 60px;
    overflow: hidden;
}


/* NAVIGAOTOR */
#navigator{
    margin-top:2em;
}
#navigator h2{
    display:block;
    margin:0 0 .8em 0;
    font-size:1.73em;
    margin-left:3px;
}
#navigator #menu-holder{
    height:100%;
}
#navigator #navi {
    background:red;
}
#navigator #navi li, #navigator #tip li  {
    float: left;
    font-size: .85em;
    text-transform: uppercase;
    margin:0;padding:0;
}
#navigator #navi a, #navigator #tip a {
    display: block;
    text-decoration: none;
}
#navigator #navi a:hover, #navigator #tip a:hover {
    text-decoration: underline;
}
#navigator #navi a{
    padding: 4px 27px 4px 20px;
}
#navigator #navi li.selected a, #navigator li.selected-parks a {
    font-weight: bold;
}
#navigator #tip {
    float: right;
}
#navigator #tip a {
    padding: 4px 20px 4px 27px;
}

#navigator .area{
    background:#1a2c40;
    padding:1.2em 20px;
    margin:0;
    clear: both;
    color:#FFF;
}
#navigator .area h3{
    font-size:1.5em;
    margin:.2em 0 1em;
}
#navigator .area #map{
    overflow: hidden;
    width: 576px;
    height: 380px;
    border:1px solid #FFF;
    float:left;
}

#navigator-actions{
    width: 355px;
    float:right;
    color:#FFF;
}
#navigator-actions h4{
    font-size:1.4em;
    margin:.5em 0 .7em 0;
}
#navigator-actions p{
    font-size:1.1em;
}
#navigator-actions form {
    padding-bottom: 1em;
    border-bottom: 2px solid #485666;
    margin:0 0 1em 0;
}
#navigator-actions form span {
    display:block;
    width: 80px;
    float: left;
}
#navigator-actions form span.parksinfo {
    display:block;
    width: 100px;
    float: left;
}
#navigator-actions ul{
    margin:1em 0 0 0;
}
#navigator-actions ul li{
    padding:.6em 0 .6em 36px;
    display:block;
    float:left;
    margin:0 20px 1em 0;
}
#navigator-actions ul li.v-provozu{
    background: url("../img/snb-ico-park.gif") left center no-repeat;
}
#navigator-actions ul li.castecne{
    background: url("../img/snb-ico-park-castecne.gif") left center no-repeat;
}
#navigator-actions ul li.zavreny{
    background: url("../img/snb-ico-park-zavreny.gif") left center no-repeat;
    margin:0;
}
#navigator-actions ul li.shop{
    background: url("../img/snb-ico-shop.gif") left center no-repeat;
    font-size:1.16em;
    font-weight:bold;
    margin-right:60px;
}
#navigator-actions ul li.spot{
    background: url("../img/snb-ico-spot.gif") left center no-repeat;
    font-size:1.16em;
    font-weight:bold;
    margin-right:45px;
}
#navigator-actions ul li.akce{
    background: url("../img/snb-ico-akce.gif") left center no-repeat;
    margin:0;
    font-size:1.16em;
    font-weight:bold;
}
#navigator-actions img{
    margin: 2em 0 0 10px;
}
#navigator #box-parks-info{
    background:#ba0000;
    padding-top:0;
    padding-bottom:0;
}
#navigator #box-parks-info img{
    display:block;
}
#navigator form#form-tip .leftCol{
    width:500px;
    float:left;
    border-right: 3px solid #485666;
}

#navigator form#form-tip .line{
    width:466px;
    height: 2px;
    background: #485666;
    margin:1em 0;
}
#navigator form#form-tip p{
    padding:.4em 0;
}
#navigator form#form-tip span{
    padding-right:10px;
}
#navigator form#form-tip label{
    display:block;
    width:60px;
    font-size:12px;
    font-weight:bold;
    float:left;
    padding-top:2px;
}
#navigator form#form-tip input.check{
    margin:0;
}
#navigator form#form-tip input.radio{
    margin:0;
}
#navigator form#form-tip input.text{
    margin:0;
    font-size:12px;
    width:183px;
}
#navigator form#form-tip input.submitBtn{
    float:right;
    cursor:pointer;
}
#navigator form#form-tip textarea{
    width:400px;
    height:170px;
}

#publicmajor h2,h1{
    display:block;
    margin:1em 0 .8em 0;
    font-size:1.9em;
}


/* TABLE */
form#pre-table{
    background: url("../img/gradient-bright-to-dark.gif") left bottom repeat-x;
    border-bottom: 3px solid #dadada;
    font-size:.9em;
    color:#1a2c40;
    padding: 2em 0 .7em 0;
    margin:0;
}
form#pre-table p{
    padding:0;margin:0;
    text-align:center;
}
form#pre-table select{
    color:#1b2c3e;
    margin:0 .2em;
}
form#pre-table input{
    color:#1b2c3e;
    width:8em;
}
form#pre-table input.submitBtn{
    color:#1b2c3e;
    width:auto;
    cursor: pointer;
    margin-left:.5em;
}

table{
    border-collapse: collapse;
    width:100%;
    margin:0;padding:0;
}
table th{
    background:#4a7194;
    color:#FFF;
    padding:.7em .6em;
    text-align:center;
    font-size:.9em;
    vertical-align: top;
    line-height:1.2em;
    margin:0;
}
table th span{
    font-size:.9em;
    font-weight:normal;
}
table td{
    text-align:center;
    color:#1a2c40;
    font-size:.9em;
    padding:1em .2em;
}
table tr.even{
    background:#f1f4f6;
}
table tr#hover{
    background:#00b3e0;
    color:#FFF;
}
table tr#hover td, table tr#hover td a{
    color:#FFF;
}
table td.left, table th.left{
    text-align:left;
    padding-left:.2em;
}
table td img{
    display:block;
    margin:0 auto;
}
table td span{
    color:#60a800;
    font-weight:bold;
}
table td a{
    color:#1A2C40;
    font-weight:bold;
}

/* DISKUSE */
.diskuse h3.category{
    font-size:1.4em;
    padding:0 0 .5em 0;
}
table#table-diskuse{
    text-align:left;
    margin-bottom:3em;
}
table#table-diskuse img{
    display:inline;
}
table#table-diskuse th{

}
table#table-diskuse th.forum{
    width:57%;
    text-align:left;
}
table#table-diskuse td{
    text-align:left;
    color:#1a2c40;
    font-size:.9em;
    padding:.5em .2em;
    border-bottom:1px solid #dadada;
}
table#table-diskuse td.category{
    color:#1a2c40;
    font-size:1.3em;
    padding:.5em .2em;
    border-top:none;
    font-weight:bold;
    /*width:100%;*/
}
table#table-diskuse td.forum{
    font-weight:bold;
    font-size:1em;
    padding-left:10px;
}
table#table-diskuse td.unread{
    padding-left:8px !important;
    border-left: 3px solid #00b3e0;
}
table#table-diskuse td.forum span{
    font-weight:normal;
    font-size:.9em;
    color:#1a2c40;
    line-height:1em;
    padding:0;
}

table#table-diskuse td.center, table#table-diskuse th.center{
    text-align:center;
}
.comment-form form p{
    padding: .2em 0;
}
.comment-form form label{
    display:block;
    width:105px;
    float:left;
    color:#FFF;
    font-weight:bold;
}
.comment-form form#nove-tema{
    padding-top:.8em;
}

.comment-form form#nove-tema textarea{
    width:441px;
}
.diskuse p.info{
    padding:1em 0;
}


/* VÝPIS KOMENTÁŘŮ A DISKUSÍ */
.comment-form{
    width:564px;
}
#publicmajor .comment-form{
    width:600px;
}
.comment-form h3{
    font-size:1.5em;
    margin-bottom:.6em;
    padding:15px 0 0;
}
.comment-form form{
    padding:0 20px 10px 20px;
}
.comment-form .ico{
    width:65px;
    height:50px;
    float:left;
}
.comment-form textarea{
    width:444px;
    height:7em;
    margin:0;padding:0;
    padding:5px;
}
#publicmajor .comment-form textarea{
    width:480px;
}
.comment-form input.submitBtn{
    font-weight:bold;
    float:right;
    font-size:.94em;
    margin-top:.8em;
    cursor:pointer;
}
#comment-list .comment{
    padding: .8em 20px 0 20px;
}
#comment-list .comment .ico{
    width:50px;
    height:50px;
    float:left;
}
#comment-list .comment .comment-content{
    width:460px;
    float:right;
}
#publicmajor #comment-list .comment .comment-content{
    width:495px;
    float:right;
}
#comment-list .comment .comment-content a{
    font-weight:bold;
}
#comment-list .comment .comment-content a:hover{
    text-decoration:none;
}
#comment-list .comment .comment-content h4{
    font-weight:normal;
    font-size:1em;
}
#comment-list .comment .comment-content p{
    padding:.2em 0 .7em 0;
    font-size:.94em;
}
#comment-list .comment .comment-content p.reply{
    float:left;
}
#comment-list .comment .comment-content p.actions{
    float:right;
}
#comment-list .comment .comment-content p.reply a{
    padding:.2em 0 .2em 26px;
}
#comment-list .comment .comment-content a.dobry{
    padding:.2em 0 .2em 26px;
    margin-left:20px;
}
#comment-list .comment .comment-content a.spatny{
    padding:.2em 0 .2em 26px;
    margin-left:20px;
}




/******************************************/
/*          			MINOR                   */
/******************************************/


/* MINOR COLUMN */
.box h2 {
    font-size: 1.5em;
    text-transform: lowercase;
    margin: 1em 15px .5em 0;
}
.box h2 a {
    padding: .1em 10px .1em 20px;
    text-decoration: none;
}
.box .box-content {
    padding: 0 15px 10px 20px;
}
.box .box-tip-content {
    padding: 20px 15px 10px 20px;
}
.box h2 span {
    text-transform:uppercase;
}

/* MINOR GALLERY */
.box-gallery .item{
    float:left;
    margin:5px 0 10px 0;
    padding:0 15px 0 0;
}
.box-gallery #last{
    padding:0;
}
.box-content .last{
    padding:0 !important;
}
.box-gallery .item a img{
    display:block;
}
.box-gallery .item p{
    font-size:10px;
    display:block;
    width:75px;
    height:1.5em;
    overflow:hidden;
}
.box-gallery .item p a:hover{
    text-decoration:none;
    background:#02B3E0;
    color:#FFF;
}
.box-gallery p.new{
    font-size:.9em;
    text-align:right;
    margin-top:1em;
}
.box-gallery p.new a{
    font-weight:bold;
}

/* MINOR CALENDAR */
#box-kalendar ul{
    list-style:none;
    width:260px;
    float:left;
}
#box-kalendar ul li{
    padding:.2em 0 .2em 25px;
    font-size:.9em;
}
#box-kalendar ul li span{
    text-align:right;
    width:3.3em;
    display:block;
    float:left;
    padding-right: .2em;
}
#box-kalendar ul li a:hover{
    text-decoration:none;
}
#box-kalendar img{
    float:right;
    border:1px solid #FFF;
    margin-top:5px;
}

/* MINOR DISKUSE */
#box-diskuse ul{
    list-style:none;
}
#box-diskuse ul li{
    padding:.2em 0 .2em 25px;
    font-size:.9em;
}
#box-diskuse ul li a:hover{
    text-decoration:none;
}

/* MINOR BUYERS GUIDE TIP */
#box-buyers-guide-tip{
    font-size:.9em;
}
#box-buyers-guide-tip .image-holder{
    height:160px;
    line-height:160px;
}
#box-buyers-guide-tip img{
    padding:10px 0;
}
#box-buyers-guide-tip p{
    background:#213741;
    padding:8px 0 5px;
    margin:0;
}
#box-buyers-guide-tip p a{
    text-decoration:none;
    display:block;
    height:50px;
}
#box-buyers-guide-tip p a span{
    text-decoration:underline;
}
#box-buyers-guide-tip .left, #box-buyers-guide-tip .right{
    margin-top:10px;
    width:170px;
    text-align:center;
    background:#FFF;
    overflow:hidden;
}
#box-buyers-guide-tip .left{
    float:left;
}
#box-buyers-guide-tip .right{
    float:right;
}



/* MINOR INZERCE */
#box-inzerce p{
    font-size:.9em;
}
#box-inzerce ul{
    margin-top:.8em;
}
#box-inzerce ul li{
    padding:.2em 0;
    font-size:.9em;
}
#box-inzerce ul li a{
    text-decoration:none;
}
#box-inzerce ul li a span{
    text-transform:uppercase;
    font-size:.9em;
}

/* BOX MINI ARTICLES */
.box-mini-articles .mini-article{
    padding: .5em 0;
    margin-bottom:.5em;
}
.box-mini-articles .mini-article h4{
    padding: 1em 15px .5em 18px;
    font-size: 1.3em;
    text-transform:lowercase;
}
.box-mini-articles .mini-article .ico{
    position:relative;
    float:left;
}
.box-mini-articles .mini-article .ico img{
    display:block;
}
.box-mini-articles .mini-article .ico span{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:75px;
    height:75px;
}
.box-mini-articles .mini-article .perex{
    width:265px;
    float:right;
}
.box-mini-articles .mini-article .perex p{
    font-size:.9em;
    padding:0;
}
.box-mini-articles .mini-article .perex h5{
    font-size:1.1em;
    margin:0 0 .2em 0;
    padding:0;
}
.box-mini-articles .mini-article .perex h5 span{
    font-size:.8em;
    text-transform: uppercase;
}
.box-mini-articles .mini-article .perex h5 a:hover{
    text-decoration:none;
}
.box-mini-articles .mini-article a{
    font-weight:bold;
}
.box-mini-articles .mini-article p{
    font-size: .95em;
    padding: 1em 0 .2em;
}
.box-mini-articles .gallery .ico{
    width: 88px;
    float:left;
    margin-bottom:7px;
}
.box-mini-articles .gallery #forth{
    width: 85px;
}
.box-mini-articles .gallery .ico a {
    display:block;
    width: 85px;
    height: 83px;
    position:relative !important;
    top:0;left:0;
    overflow:hidden;
}
.box-mini-articles .gallery .ico a img{
    margin-top: 8px;
}
.box-mini-articles .gallery .ico a.set span{
    display:block;
    width: 85px;
    height: 83px;
    position:absolute;
    top:0; left:0;
}
.box-mini-articles .gallery .ico a span{
    display:block;
    width: 85px;
    height: 83px;
    position:absolute;
    top:0;left:0;
}
.box-mini-articles .gallery .ico p{
    font-size:.86em;
    overflow:hidden;
    height:1.5em;
}
.box-mini-articles .gallery p{
    font-size:.9em;
    text-align:right;
    margin-top:1em;
}
.box-mini-articles .gallery p a{
    font-weight:bold;
}
.box-mini-articles ul{

}
.box-mini-articles ul li{
    background: url("../img/snb-vlocka.gif") left center no-repeat;
    padding:.2em 0 .2em 20px;
}


/* THUMBNAIL 50x50 */
a.fifty{
    display:block;
    width:50px;
    height:50px;
    position:relative;
}
a.fifty span{
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    bottom:0;right:0;
    cursor:pointer;
}

/* THUMBNAIL 75x75 */
a.seventy-five{
    display:block;
    width:75px;
    height:75px;
    position:relative;
}
a.seventy-five span{
    display:block;
    width:75px;
    height:75px;
    position:absolute;
    bottom:0;right:0;
    cursor:pointer;
}
a.seventy-five img{
    display:block;
    width:75px;
    height:75px;
}
a.seventy-five span.unseen{
    bottom:0;left:0;
}
a.seventy-five span.set-blank{
    width:87px;
    height:87px;
    bottom:0; left:0;
}
a.seventy-five span.set{
    width:87px;
    height:87px;
    bottom:0;left:0;
}
a.seventy-five span.ride{
    bottom:0;left:0;
}
a.seventy-five span.ride-video{
    bottom:0;left:0;
}

/* THUMBNAIL 100x100 */
a.hundred{
    display:block;
    width:100px;
    height:100px;
    position:relative;
}
a.hundred span{
    display:block;
    width:100px;
    height:100px;
    position:absolute;
    bottom:0;right:0;
    cursor:pointer;
}
a.hundred span.unseen{
    bottom:0;left:0;
}
a.hundred span{
    bottom:0;left:0;
}
a.hundred span.video{
    bottom:0;left:6px;
}

/* FILTER */
#filter{
    margin: 0;
    padding:.5em 0;
}
#filter form{
    padding:0 20px;
}
#filter form p{
    padding:0.4em 0;
    margin:0;
    font-size:.96em;
}
#filter form p span.calendar-wrap{
    position:relative;
    padding-right:23px;
}
#filter form p span.calendar-wrap img{
    position:absolute;
    top:50%;
    margin-top:-9px;
    right:6px;
}
#filter form input{
    font-size:.9em;
    margin:0 .2em 0 .2em;
    font-weight:bold;
}
#filter form input.calendar{
    width:5.5em;
    margin:0 0 0 .2em;
}
#filter form select{
    margin:0 .4em 0 .2em;
    font-size:.96em;
    font-weight:bold;
}

p.sort{
    float:right;
    margin:1em 0;
    font-weight:.9em;
}
p.sort span{
    margin-left:15px;
}

/* PAGINATION */
p.pagination{
    text-align:center;
    font-weight:.9em;
    margin:1em 0;
}
#buyers-guide-content p.pagination{
    text-align:left;
    float:left;
}
p.pagination span a{
    margin:0 .5em
}
p.pagination span a{
    text-decoration: none;
    padding: .1em .5em;
    margin:0 2px !important;
}
p.pagination span a.active{
    font-weight:bold;
}