/* Kus Rockera */

html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, input, fieldset, button { margin: 0; padding: 0; }

/* Global settings */
.blind, hr { display: none !important; }
fieldset, a img  { border: 0; }

  /* Clearfix */
  .cf { min-height: 1%; _height: 1%; }
  .cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }

  /* Links */
  a:link, a:visited { color: #ffd108; font-weight: bold; outline: 0; }
  a:hover, a:active { color: #fff; }

/* Layout */
body	{ background: #000 url(images/bg.jpg) no-repeat 50% 0; text-align: center; color: #fff; font: normal 73%/1.3 Arial, Verdana, Tahoma, sans-serif; }
#page	{ width: 565px; margin: 0 auto; text-align: left; position: relative; }

/* Homepage */
.homepage #page { padding-top: 56px; min-height: 625px; }
.homepage .logo { text-align: center; }
.homepage #flash    { width: 800px; height: 250px; overflow: hidden; position: relative; left: -110px; }
.homepage #flash p  { background-color: #000; padding: 2px 9px 2px 9px; background: transparent url(images/black-transparency.png) repeat 0 0; }
.homepage .rockzone { position: absolute; top: 20px; left: 20px; }

/* Rockove pexeso */
.rockove-pexeso .logo { position: fixed; left: 25px; bottom: 20px; z-index: 1000; }
.rockove-pexeso #page   { background: transparent url(images/bg-rockove-pexeso.png) no-repeat 0 116px; min-height: 625px; width: 591px; }
.rockove-pexeso #page h1    { width: 279px; height: 121px; position: relative; overflow: hidden; text-align: center; font-size: 85%; padding-top: 60px; position: relative; top: 8px; left: 145px; margin-bottom: 165px; }
.rockove-pexeso #page h1 span   { position: absolute; left: 0; top: 0; width: 279px; height: 181px; background: transparent url(images/bg-logo-rockove-pexeso.png) no-repeat 0 0; }
.rockove-pexeso .rockzone { position: absolute; top: 20px; left: 20px; }
.rockove-pexeso .fb-skip    { position: absolute; left: 389px; top: 263px; }
.rockove-pexeso .fb-skip a:link, .rockove-pexeso .fb-skip a:visited { display: block; position: relative; width: 183px; height: 49px; line-height: 49px; text-align: center; text-decoration: none; }
.rockove-pexeso .fb-skip a:link span, .rockove-pexeso .fb-skip a:visited span { position: absolute; left: 0; top: 0; width: 183px; height: 49px; background: transparent url(images/btn-pojd-hrat.png) no-repeat 0 0; }
.rockove-pexeso .fb-skip a:hover span, .rockove-pexeso .fb-skip a:active span   ¢{ background-position: 0 100%; }
.rockove-pexeso .text-box   { background: transparent url(images/bg-text-box.png) no-repeat 0 0; min-height: 92px; padding: 15px 15px 0 15px; }
.rockove-pexeso .text-box h2    { font-size: 200%; color: #fff; letter-spacing: -1px; line-height: .8em; margin-bottom: 7px; }
.rockove-pexeso .text-box h2 span   { color: #f4c709; display: block; text-transform: uppercase; }
.rockove-pexeso .text-box p { color: #cecdcd; font-weight: bold; }

/* RockZone Love */
.rockzone-love .logo { position: fixed; left: 25px; bottom: 20px; z-index: 1000; }
.rockzone-love #page   { background: transparent url(images/bg-rockzone-love.png) no-repeat 0 116px; min-height: 625px; width: 591px; }
.rockzone-love #page h1    { width: 279px; height: 121px; position: relative; overflow: hidden; text-align: center; font-size: 85%; padding-top: 60px; position: relative; top: 8px; left: 182px; margin-bottom: 165px; }
.rockzone-love #page h1 span   { position: absolute; left: 0; top: 0; width: 224px; height: 184px; background: transparent url(images/bg-logo-rockzone-love.png) no-repeat 0 0; }
.rockzone-love .rockzone { position: absolute; top: 20px; left: 20px; }
.rockzone-love .fb-skip    { position: absolute; left: 389px; top: 263px; }
.rockzone-love .fb-skip a:link, .rockzone-love .fb-skip a:visited { display: block; position: relative; width: 190px; height: 50px; line-height: 49px; text-align: center; text-decoration: none; }
.rockzone-love .fb-skip a:link span, .rockzone-love .fb-skip a:visited span { position: absolute; left: 0; top: 0; width: 190px; height: 50px; background: transparent url(images/btn-pojd-se-seznamit.png) no-repeat 0 0; }
.rockzone-love .fb-skip a:hover span, .rockzone-love .fb-skip a:active span   ¢{ background-position: 0 100%; }
.rockzone-love .text-box   { background: transparent url(images/bg-text-box.png) no-repeat 0 0; min-height: 92px; padding: 15px 15px 0 15px; }
.rockzone-love .text-box h2    { font-size: 200%; color: #fff; letter-spacing: -1px; line-height: 1em; margin-bottom: 7px; }
.rockzone-love .text-box h2 span   { color: #f4c709; display: block; text-transform: uppercase; }
.rockzone-love .text-box p { color: #cecdcd; font-weight: bold; margin-bottom: 5px; }

/* Podporuj */
.podporuj .logo { position: fixed; left: 25px; bottom: 20px; z-index: 1000; }
.podporuj #page   { width: 790px; padding-bottom: 150px; background: transparent url(images/bg-moderatori.png) no-repeat 50% 300px; padding-top: 55px; min-height: 525px; }
.podporuj #page h1  { padding-bottom: 30px; background: transparent url(images/bg-podporuj-gradient.png) no-repeat 0 100%; font-size: 130%; text-transform: uppercase; color: #ffca0b; letter-spacing: -1px; line-height: 1.7em; }
.podporuj #page h1 span { color: #fff; display: block; font-size: 250%; position: relative; left: -1px; }
.podporuj #page .fb-skip    { position: absolute; left: 468px; top: 49px; }
.podporuj #page .fb-skip a:link, .podporuj #page .fb-skip a:visited { display: block; width: 179px; height: 53px; line-height: 53px; position: relative; text-decoration: none; }
.podporuj #page .fb-skip a:link span, .podporuj #page .fb-skip a:visited span   { position: absolute; left: 0; top: 0; width: 179px; height: 53px; background: transparent url(images/btn-podporuj-na-fb.png) no-repeat 0 0; }
.podporuj #page .fb-skip a:hover span, .podporuj #page .fb-skip a:active span   { background-position: 0 100%; }
.podporuj #page form    { width: 257px; float: left; }
.podporuj #page form legend { display: none; }
.podporuj #page form label  { display: none; }
.podporuj #page form p.text { background: transparent url(images/bg-podporuj-input-form.png) no-repeat 0 0; width: 257px; height: 26px; margin-bottom: 8px; }
.podporuj #page form p.text input   { border: 0; background: none; position: relative; top: 4px; left: 5px; color: #fff; font-size: 95%; width: 240px; }
.podporuj #page form p.textarea { background: transparent url(images/bg-podporuj-textarea.png) no-repeat 0 0; width: 257px; height: 54px; margin-bottom: 8px; }
.podporuj #page form p.textarea textarea    { background: none; border: 0; width: 240px; height: 45px; position: relative; left: 5px; top: 5px; color: #fff; font-size: 95%; font-family: Arial, sans-serif; }
.podporuj #page form p.submit input   { display: block; width: 91px; height: 26px; line-height: 26px; vertical-align: middle; background: transparent url(images/btn-submit.png) no-repeat 0 0; border: 0; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 95%; cursor: hand; cursor: pointer; }
.podporuj #page form p.submit input:hover   { background-position: 0 100%; }
.podporuj #page .wallpapers { width: 499px; float: right; }
.podporuj #page .wallpapers h2  { font-size: 130%; color: #ffca0b; text-transform: uppercase; letter-spacing: -1px; }
.podporuj #page .wallpapers h2 span { color: #fff; font-size: 220%; }
.podporuj #page .wallpapers .item   { width: 162px; height: 170px; float: left; margin-right: 6px; background: transparent url(images/bg-wallpapers-item.png) no-repeat 0 0; }
.podporuj #page .wallpapers .item.last  { margin-right: 0; }
.podporuj #page .wallpapers .item .image    { padding: 5px 0 0 5px; }
.podporuj #page .wallpapers .item .image img    { display: block; border: 1px #363c39 solid; }
.podporuj #page .wallpapers .item .sizes    { padding: 0 5px 0 5px; }
.podporuj #page .wallpapers .item .sizes a:link, .podporuj #page .wallpapers .item .sizes a:visited { color: #fff; text-decoration: none; display: block; margin-bottom: 3px; font-size: 95%; }
.podporuj #page .wallpapers .item .sizes a:hover, .podporuj #page .wallpapers .item .sizes a:active { text-decoration: underline; color: #ffca0b; }
.podporuj .rockzone { position: absolute; top: 20px; left: 20px; }

/* Vyherci */
.vyherci #page  { width: 922px; min-height: 625px; }
.vyherci #page #header  { height: 259px; width: 920px; background: transparent url(images/header-vyherci.png) no-repeat 0 0; }
.vyherci #page .logo  { position: fixed; left: 25px; bottom: 20px; z-index: 1000; }
.vyherci .item    { margin-bottom: 20px; }
.vyherci .item .desc    { width: 500px; float: left; color: #fff; }
.vyherci .item .desc h3 {  color: #ffca0b; margin-bottom: 5px; font-size: 115%; }
.vyherci .item .btn-zapoj-se    { width: 169px; float: right; }
.vyherci .item .btn-zapoj-se a:link, .vyherci .item .btn-zapoj-se a:visited { display: block; width: 169px; height: 28px; line-height: 28px; text-align: center; text-transform: uppercase; text-decoration: none; color: #fff; background: transparent url(images/btn-zapoj-se.png) no-repeat 0 0; position: relative; top: 27px; right: 2px; }
.vyherci .item .btn-zapoj-se a:hover, .vyherci .item .btn-zapoj-se a:active { background-position: 0 100%; }
.vyherci .cols .col { width: 140px; margin-right: 10px; float: left; }
.vyherci .cols .col h3   { color: #ffca0c;  letter-spacing: -1px; text-align: center; font-size: 105%; text-transform: uppercase; }
.vyherci .cols .col h3 span { display: block; color: #fff; text-transform: none; }
.vyherci .cols .message { position: relative; top: 60px; left: 150px;}
.vyherci .cols .message p { text-transform: uppercase; color: #ffca0c;  font-size: 135%; font-weight: bold;}
.vyherci .cols .col .box    { padding-top: 12px; background: transparent url(images/bg-box-vyherci-top.png) no-repeat 0 0; }
.vyherci .cols .col .box .in    { padding-bottom: 12px; background: transparent url(images/bg-box-vyherci-bottom.png) no-repeat 0 100%; }
.vyherci .cols .col .box .cont  { background: transparent url(images/bg-box-vyherci-pane.png) repeat-y 0 0; }
.vyherci .cols .col .box .cont .item    { margin-bottom: 10px; }
.vyherci .cols .col .box .cont .item.last   { margin-bottom: 0; }
.vyherci .cols .col .box .cont .item .image { width: 44px; float: left; position: relative; left: 8px; }
.vyherci .cols .col .box .cont .item .name  { width: 75px; float: right; position: relative; right: 8px; }
.vyherci .cols .col .box .cont .item .name .points  { color: #f4c10d; font-size: 95%; font-weight: bold; text-transform: uppercase; }
.vyherci .cols .col#actions { margin-right: 20px; }
.vyherci .cols .col#actions h3  { color: #ffca0c; text-transform: uppercase; }
.vyherci .cols .col#actions ul  { }
.vyherci .cols .col#actions ul li   { list-style-type: none; margin-bottom: 3px; }
.vyherci .cols .col#actions ul li a:link, .vyherci .cols .col#actions ul li a:visited   { display: block; height: 16px; line-height: 16px; color: #fff; text-decoration: none; font-size: 95%; width: 153px; text-indent: 20px; background: transparent url(images/link-actions.png) no-repeat 0 0; }
.vyherci .cols .col#actions ul li a:hover, .vyherci .cols .col#actions ul li a:active, .vyherci .cols .col#actions ul li.active a:link, .vyherci .cols .col#actions ul li.active a:visited   { background-position: 0 100%; color: #707070; }
.vyherci .cols .col#cat05   { margin-right: 0; }
.vyherci .cols .love { width: 235px; }
.vyherci .cols .love .box   { width: 235px; background: url(images/bg-box-love-top.png) no-repeat 0 0; padding-top: 9px; }
.vyherci .cols .love .box .in   { background-image: url(images/bg-box-love-botom.png); padding-bottom: 9px; }
.vyherci .cols .love .box .in .cont { background-image: url(images/bg-box-love-pane.png); }
.vyherci .cols .love .box .in .cont h4  { margin-bottom: 4px; }
.vyherci .cols .love .box .in .cont h4 span  { color: #ffca0c; }
.vyherci .cols .love .box .in .cont .desc   { color: #ffca0c; }
.vyherci .cols .love .box .in .cont .image  { width: 100px; }
.vyherci .cols .love .box .in .cont .image img  { margin-right: 4px; }
.vyherci .cols .love .box .in .cont .text   { width: 120px; float: right; }
.vyherci #tabs  { background: url(images/bg-gradient-vyherci.png) repeat-x 0 0; padding: 10px; }
.vyherci #tabs .tabs-list  { position: absolute; left: 0; top: 223px; }
.vyherci #tabs .tabs-list li    { list-style-type: none; float: left; width: 230px; }
.vyherci #tabs .tabs-list li.item01 a:link, .vyherci #tabs .tabs-list li.item01 a:visited { display: block; width: 230px; height: 36px; line-height: 36px; text-align: center; text-transform: uppercase; color: #000; overflow: hidden; text-indent: -1000px; background: url(images/bg-fotosoutez-tab.gif) no-repeat 0 0; }
.vyherci #tabs .tabs-list li.item01.active a:link, .vyherci #tabs .tabs-list li.item01.active a:visited { background-position: 0 -36px; }
.vyherci #tabs .tabs-list li.item02 a:link, .vyherci #tabs .tabs-list li.item02 a:visited   { display: block; width: 230px; height: 36px; line-height: 36px; text-align: center; text-transform: uppercase; color: #000; overflow: hidden; text-indent: -1000px; background: url(images/bg-hudebni-kviz-tab.gif) no-repeat 0 0; }
.vyherci #tabs .tabs-list li.item02.active a:link, .vyherci #tabs .tabs-list li.item02.active a:visited { background-position: 0 -36px; }
.vyherci #tabs .tabs-list li.item03 a:link, .vyherci #tabs .tabs-list li.item03 a:visited   { display: block; width: 230px; height: 36px; line-height: 36px; text-align: center; text-transform: uppercase; color: #000; overflow: hidden; text-indent: -1000px; background: url(images/bg-pexeso-tab.gif) no-repeat 0 0; }
.vyherci #tabs .tabs-list li.item03.active a:link, .vyherci #tabs .tabs-list li.item03.active a:visited { background-position: 0 -36px; }
.vyherci #tabs .tabs-list li.item04 a:link, .vyherci #tabs .tabs-list li.item04 a:visited   { display: block; width: 230px; height: 36px; line-height: 36px; text-align: center; text-transform: uppercase; color: #000; overflow: hidden; text-indent: -1000px; background: url(images/bg-rockzone-love-tab.gif) no-repeat 0 0; }
.vyherci #tabs .tabs-list li.item04.active a:link, .vyherci #tabs .tabs-list li.item04.active a:visited { background-position: 0 -36px; }
.vyherci .rockzone { position: absolute; top: 20px; left: 20px; }

/* Fotosoutez */
.fotosoutez #page   { width: 791px; padding-top: 155px; }
.fotosoutez #page .logo { position: fixed; left: 25px; bottom: 20px; z-index: 1000; }
.fotosoutez #page h1  { position: absolute; width: 275px; height: 163px; line-height: 163px; overflow: hidden; top: 32px; left: -22px; font-size: 90%; text-align: center; z-index: 1000; }
.fotosoutez #page h1 span   { position: absolute; left: 0; top: 0; width: 275px; height: 163px; background: transparent url(images/h1-fotosoutez.png) no-repeat 0 0; }
.fotosoutez .cols   { margin-bottom: 10px; }
.fotosoutez .col    { float: left; position: relative; margin-right: 7px; }
.fotosoutez .col#nejblizsi-akce { width: 192px; padding-top: 22px; background: transparent url(images/bg-box-192-top.png) no-repeat 0 0; }
.fotosoutez .col#nejblizsi-akce .in { padding-bottom: 13px; background: transparent url(images/bg-box-192-bottom.png) no-repeat 0 100%; }
.fotosoutez .col#nejblizsi-akce .in .cont   { background: transparent url(images/bg-box-192-pane.png) repeat-y 0 0; padding: 25px 0px 0 0px; min-height: 230px; }
.fotosoutez .col#nejblizsi-akce .in .cont h2    { position: absolute; top: 11px; text-transform: uppercase; color: #fff; letter-spacing: -1px; z-index: 1000; font-size: 100%; text-align: center; width: 100%; }
.fotosoutez .col#nejblizsi-akce .in .cont .item { padding: 0 10px 24px 10px; background: transparent url(images/bg-item-separator.png) no-repeat 0 100%; }
.fotosoutez .col#nejblizsi-akce .in .cont .item.last    { margin-bottom: 0; padding-bottom: 0; background: none; }
.fotosoutez .col#nejblizsi-akce .in .cont .item h3  { font-size: 105%; font-weight: bold; }
.fotosoutez .col#nejblizsi-akce .in .cont .item h3 a:link, .fotosoutez .col#nejblizsi-akce .in .cont .item h3 a:visited { text-decoration: none; }
.fotosoutez .col#nejblizsi-akce .in .cont .item h3 a:hover, .fotosoutez .col#nejblizsi-akce .in .cont .item h3 a:active { text-decoration: underline; color: #FFD108; }
.fotosoutez .col#nejblizsi-akce .in .cont .item p   { font-size: 95%; }
.fotosoutez .col#kalendar   { width: 239px; }
.fotosoutez .col#kalendar h3    { text-transform: uppercase; color: #fff; font-size: 95%; padding-bottom: 5px; padding-left: 21px; }
.fotosoutez .col#kalendar .arrows   { text-align: right; position: absolute; top: 13px; right: 20px; }
.fotosoutez .col#kalendar .buttons  { margin-bottom: 5px; }
.fotosoutez .col#kalendar .buttons .fb-button  { width: 107px; float: left; margin-right: 10px; }
.fotosoutez .col#kalendar .buttons a:link.btn-pravidla, .fotosoutez .col#kalendar .buttons a:visited.btn-pravidla   { display: block; width: 122px; height: 28px; float: left; line-height: 28px; overflow: hidden; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-size: 95%; background: transparent url(images/btn-pravidla.png) no-repeat 0 0; text-align: center; }
.fotosoutez .col#kalendar .buttons a:hover.btn-pravidla, .fotosoutez .col#kalendar .buttons a:active.btn-pravidla   { background-position: 0 100%; }
.fotosoutez .col#kalendar .box  { padding-top: 13px; background: transparent url(images/bg-box-239-top.png) no-repeat 0 0; position: relative; }
.fotosoutez .col#kalendar .in   { padding-bottom: 13px; background: transparent url(images/bg-box-239-bottom.png) no-repeat 0 100%; }
.fotosoutez .col#kalendar .in .cont { background: transparent url(images/bg-box-239-pane.png) repeat-y 0 0; }
.fotosoutez .col#kalendar .in .cont table   { position: relative; left: 21px; }
.fotosoutez .col#kalendar .in .cont table th    { background-color: #ffca0c; font-size: 120%; font-weight: bold; text-align: center; padding: 3px 7px 3px 7px; }
.fotosoutez .col#kalendar .in .cont table td    { text-align: center; padding: 3px 7px 3px 7px; background: transparent url(images/bg-td.png) repeat 0 0; font-size: 95%; color: #fff; font-weight: bold; }
.fotosoutez .col#kalendar .in .cont table td.event  { background-image: url(images/bg-td-event.png); cursor: hand; cursor: pointer; color: #000; }
.fotosoutez .col#gallery    { width: 346px; margin-right: 0; margin-top: -11px; position: relative; }
.fotosoutez .col#gallery .upload    { margin-bottom: 5px; }
.fotosoutez .col#gallery .upload a:link, .fotosoutez .col#gallery .upload a:visited { display: block; width: 348px; height: 39px; line-height: 48px; background: transparent url(images/btn-nahraj-do-galerie.png) no-repeat 0 0; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; text-indent: 60px;  }
.fotosoutez .col#gallery .upload a:link span, .fotosoutez .col#gallery .upload a:visited span   { color: #ffca0b; }
.fotosoutez .col#gallery .upload a:hover, .fotosoutez .col#gallery .upload a:active { background-position: 0 100%; }
.fotosoutez .col#gallery .box   { padding-top: 13px; background: transparent url(images/bg-box-346-top.png) no-repeat 0 0; position: relative; }
.fotosoutez .col#gallery .box h2    { font-size: 105%; color: #fff; text-transform: uppercase; padding: 0 10px 0 10px; margin-bottom: 7px; }
.fotosoutez .col#gallery .box .in   { padding-bottom: 13px; background: transparent url(images/bg-box-346-bottom.png) no-repeat 0 100%; }
.fotosoutez .col#gallery .box .in .cont { background: transparent url(images/bg-box-346-pane.png) repeat-y 0 0; min-height: 208px; }
.fotosoutez .col#gallery .box .in .cont .images { padding: 0 10px 0 10px; }
.fotosoutez .col#gallery p.btn-hlasuj   { position: absolute; top: 276px; left: 48px; }
.fotosoutez .col#gallery p.btn-hlasuj a:link, .fotosoutez .col#gallery p.btn-hlasuj a:visited   { display: block; width: 225px; height: 59px; position: relative; line-height: 59px; color: #fff; text-align: center; text-transform: uppercase; font-size: 80%; text-decoration: none; }
.fotosoutez .col#gallery p.btn-hlasuj a:link span, .fotosoutez .col#gallery p.btn-hlasuj a:visited span { position: absolute; left: 0; top: 0; width: 225px; height: 59px; background: transparent url(images/btn-hlasuj.png) no-repeat 0 0; }
.fotosoutez .col#gallery p.btn-hlasuj a:hover span, .fotosoutez .col#gallery p.btn-hlasuj a:active span { background-position: 0 100%; }
.fotosoutez .rockzone   { position: absolute; top: 20px; left: 20px; }

/* Fotosoutez - galerie */
.galerie #page  { width: 862px; padding-top: 160px; min-height: 600px; }
.galerie #page .logo { position: fixed; left: 25px; bottom: 20px; z-index: 1000; }
.galerie #page h1  { position: absolute; width: 275px; height: 163px; line-height: 163px; overflow: hidden; top: 32px; left: -40px; font-size: 90%; text-align: center; z-index: 1000; }
.galerie #page h1 span { position: absolute; left: 0; top: 0; width: 275px; height: 163px; background: transparent url(images/h1-fotosoutez-galerie.png) no-repeat 0 0; }
.galerie .cols   { margin-bottom: 10px; }
.galerie .col    { float: left; position: relative; margin-right: 7px; }
.galerie .col#nejblizsi-akce { width: 192px; padding-top: 13px; background: transparent url(images/bg-box-192-top.png) no-repeat 0 0; margin-bottom: 30px; }
.galerie .col#nejblizsi-akce .in { padding-bottom: 13px; background: transparent url(images/bg-box-192-bottom.png) no-repeat 0 100%; }
.galerie .col#nejblizsi-akce .in .cont   { background: transparent url(images/bg-box-192-pane.png) repeat-y 0 0; padding: 15px 0px 0 0px; }
.galerie .col#nejblizsi-akce .in .cont h2    { text-transform: uppercase; color: #fff; letter-spacing: -1px; z-index: 1000; font-size: 125%; text-align: center; margin-bottom: 3px; }
.galerie .col#nejblizsi-akce .in .cont .select-box  { position: relative; margin-bottom: 5px; }
.galerie .col#nejblizsi-akce .in .cont .select-box #select span { display: block; width: 176px; height: 28px; line-height: 28px; color: #fff; background: transparent url(images/bg-select-box.png) no-repeat 0 0; text-decoration: none; color: #fff; font-size: 95%; text-indent: 15px; position: relative; left: 8px; }
.galerie .col#nejblizsi-akce .in .cont .select-box #select span:hover { color: #FFD108; }
.galerie .col#nejblizsi-akce .in .cont .select-box .sub { padding-bottom: 11px; background: transparent url(images/bg-sub-bottom.png) no-repeat 0 100%; width: 156px; position: absolute; left: 15px; visibility: hidden; }
.galerie .col#nejblizsi-akce .in .cont .select-box .sub.active  { visibility: visible; }
.galerie .col#nejblizsi-akce .in .cont .select-box .sub ul  { background: transparent url(images/bg-sub-ul.png) repeat-y 0 0; padding: 10px 0 0 10px; }
.galerie .col#nejblizsi-akce .in .cont .select-box .sub li  { list-style-type: none; padding-left: 15px; background: transparent url(images/arr.png) no-repeat 0 50%; }
.galerie .col#nejblizsi-akce .in .cont .select-box .sub li a:link, .galerie .col#nejblizsi-akce .in .cont .select-box .sub li a:visited { display: inline; width: auto; height: auto; line-height: 1em; }
.galerie .col#nejblizsi-akce .in .cont .categories li   { list-style-type: none; }
.galerie .col#nejblizsi-akce .in .cont .categories li a:link, .galerie .col#nejblizsi-akce .in .cont .categories li a:visited   { display: block; width: 195px; height: 23px; line-height: 23px; background: transparent url(images/bg-categories-item.png) no-repeat 0 0; text-decoration: none; text-indent: 20px; color: #fff; }
.galerie .col#nejblizsi-akce .in .cont .categories li a:hover, .galerie .col#nejblizsi-akce .in .cont .categories li a:active   { background-position: 0 100%; color: #ffc90c; }
.galerie .col#nejblizsi-akce .in .cont .btn-pravidla a:link, .galerie .col#nejblizsi-akce .in .cont .btn-pravidla a:visited   { display: block; width: 122px; height: 28px; float: left; line-height: 28px; overflow: hidden; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-size: 95%; background: transparent url(images/btn-pravidla.png) no-repeat 0 0; text-align: center; position: absolute; left: 33px; bottom: -31px; }
.galerie .col#nejblizsi-akce .in .cont .btn-pravidla a:hover, .galerie .col#nejblizsi-akce .in .cont .btn-pravidla a:active   { background-position: 0 100%; }
.galerie .col#image-detail .box  { width: 449px; float: left; padding-top: 13px; background: transparent url(images/bg-detail-galerie-top.png) no-repeat 0 0; }
.galerie .col#image-detail p.buttons   { margin-bottom: 5px; }
.galerie .col#image-detail p.buttons .fb-button { float: right; position: relative; top: 14px; }
.galerie .col#image-detail a:link.upload, .galerie .col#image-detail a:visited.upload { display: block; float: left; width: 304px; height: 39px; line-height: 48px; background: transparent url(images/btn-nahraj-do-galerie-small.png) no-repeat 0 0; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; text-indent: 60px;  }
.galerie .col#image-detail a:link.upload span, .galerie .col#image-detail a:visited.upload span   { color: #ffca0b; }
.galerie .col#image-detail a:hover.upload, .galerie .col#image-detail a:active.upload { background-position: 0 100%; }
.galerie .col#image-detail a:link.fb-connect, .galerie .col#image-detail a:visited.fb-connect  { float: right; position: relative; top: 12px; }
.galerie .col#image-detail .box .in   { padding-bottom: 13px; background: transparent url(images/bg-detail-galerie-bottom.png) no-repeat 0 100%; }
.galerie .col#image-detail .box .in .cont   { background: transparent url(images/bg-detail-galerie-pane.png) repeat-y 0 0; }
.galerie .col#image-detail .box .in .cont .image   { text-align: center; margin-bottom: 5px; }
.galerie .col#image-detail .box .in .cont .navigation a:link.prev, .galerie .col#image-detail .box .in .cont .navigation a:visited.prev { position: absolute; left: 20px; top: 153px; width: 16px; height: 24px; overflow: hidden; text-indent: -1000px; background: transparent url(images/btn-previous.png) no-repeat 0 0; }
.galerie .col#image-detail .box .in .cont .navigation a:hover.prev, .galerie .col#image-detail .box .in .cont .navigation a:active.prev   { background-position: 0 100%; }
.galerie .col#image-detail .box .in .cont .navigation a:link.next, .galerie .col#image-detail .box .in .cont .navigation a:visited.next { position: absolute; right: 20px; top: 153px; width: 16px; height: 24px; overflow: hidden; text-indent: -1000px; background: transparent url(images/btn-next.png) no-repeat 0 0; }
.galerie .col#image-detail .box .in .cont .navigation a:hover.next, .galerie .col#image-detail .box .in .cont .navigation a:active.next   { background-position: 0 100%; }
.galerie .col#image-detail .box .in .cont .tools   { padding-left: 27px; margin-bottom: 15px; }
.galerie .col#image-detail .box .in .cont .tools a:link, .galerie .col#image-detail .box .in .cont .tools a:visited  { float: left; display: block; margin-right: 5px; }
.galerie .col#image-detail .box .in .cont .tools a:link.download, .galerie .col#image-detail .box .in .cont .tools a:visited.download  { display: block; width: 153px; height: 27px; line-height: 30px; text-indent: 40px; background: transparent url(images/btn-download.png) no-repeat 0 0; font-style: 95%; text-transform: uppercase; text-decoration: none; color: #fff; letter-spacing: -1px; float: left; }
.galerie .col#image-detail .box .in .cont .tools a:hover.download, .galerie .col#image-detail .box .in .cont .tools a:active.download  { background-position: 0 100%; }
.galerie .col#image-detail .box .in .cont .tools a:link.like, .galerie .col#image-detail .box .in .cont .tools a:visited.like  { display: block; width: 104px; height: 23px; line-height: 23px; background: transparent url(images/btn-libi-se-mi.png) no-repeat 0 0; font-style: 95%; text-transform: uppercase; text-decoration: none; color: #fff; letter-spacing: -1px; text-align: center; margin-right: 0; position: relative; top: 3px; }
.galerie .col#image-detail .box .in .cont .tools a:hover.like, .galerie .col#image-detail .box .in .cont .tools a:active.like  { background-position: 0 100%; }
.galerie .col#image-detail .box .in .cont .slider-wrap  { position: relative; }
.galerie .col#image-detail .box .in .cont .other-images  { position: relative; width: 382px; overflow: hidden; left: 32px; }
.galerie .col#image-detail .box .in .cont .other-images li  { list-style-type: none; margin-right: 3px; }
.galerie .col#image-detail .box .in .cont #prevBtn a:link, .galerie .col#image-detail .box .in .cont #prevBtn a:visited  { position: absolute; left: 11px; top: 17px; width: 11px; height: 16px; overflow: hidden; text-indent: -1000px; background: transparent url(images/btn-other-images-prev.png) no-repeat 0 0; }
.galerie .col#image-detail .box .in .cont #prevBtn a:hover, .galerie .col#image-detail .box .in .cont #prevBtn a:active  { background-position: 0 100%; }
.galerie .col#image-detail .box .in .cont #nextBtn a:link, .galerie .col#image-detail .box .in .cont #nextBtn a:visited  { position: absolute; right: 11px; top: 17px; width: 11px; height: 16px; overflow: hidden; text-indent: -1000px; background: transparent url(images/btn-other-images-next.png) no-repeat 0 0; }
.galerie .col#image-detail .box .in .cont #nextBtn a:hover, .galerie .col#image-detail .box .in .cont #nextBtn a:active  { background-position: 0 100%; }
.galerie .col#event  { width: 207px; margin-right: 0; padding-top: 20px; background: transparent url(images/bg-box-event-top.png) no-repeat 0 0; }
.galerie .col#event .in { padding-bottom: 10px; background: transparent url(images/bg-box-event-bottom.png) no-repeat 0 100%; }
.galerie .col#event .in .cont { background: transparent url(images/bg-box-event-cont.png) repeat-y 0 0; }
.galerie .col#event .in .cont .item { padding: 0 12px 0 12px; }
.galerie .col#event .in .cont .item h3 { color: #ffca0b; margin-bottom: 5px; }
.galerie .col#event .in .cont .item p  { padding-bottom: 10px; font-size: 95%; }
.galerie .col#event .in .cont .item .desc { font-weight: bold; font-size: 105%; color: #fff; margin-bottom: 5px; }
.addthis_button   { position: relative; top: 7px; }
.galerie .rockzone   { position: absolute; top: 20px; left: 20px; }

/* Pravidla souteze */
.pravidla-souteze #page { padding-top: 100px; }
.pravidla-souteze #page h1  { color: #F4C10D; margin-bottom: 10px; text-transform: uppercase; letter-spacing: -1px; font-size: 180%; }
.pravidla-souteze #page .item-box   { padding-top: 13px; background: url(images/bg-item-box-pravidla-top.png) no-repeat 0 0; margin-bottom: 15px; }
.pravidla-souteze #page .item-box .in   { padding-bottom: 13px; background: url(images/bg-item-box-pravidla-bottom.png) no-repeat 0 100%; }
.pravidla-souteze #page .item-box .in .cont { background: url(images/bg-item-box-pravidla-pane.png) repeat-y 0 0; padding: 15px; }
.pravidla-souteze #page .item-box .in .cont h2  { color: #f4c10D; font-size: 110%; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 7px; }
.pravidla-souteze #page .item-box .in .cont ol  { font-size: 95%; margin-left: 20px; margin-bottom: 20px; }
.pravidla-souteze #page .item-box .in .cont ol li   {  margin-bottom: 5px; }
.pravidla-souteze .more a:link, .pravidla-souteze .more a:visited   { display: block; width: 122px; height: 28px; line-height: 28px; overflow: hidden; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; font-size: 95%; background: transparent url(images/btn-pravidla.png) no-repeat 0 0; text-align: center; }
.pravidla-souteze .more a:hover, .pravidla-souteze .more a:active   { background-position: 0 100%; }
.pravidla-souteze .rockzone { position: absolute; top: 20px; left: 20px; }
.pravidla-souteze .logo { position: fixed; left: 25px; bottom: 20px; z-index: 1000; }

/* Footer */
#footer { position: fixed; left: 0; bottom: 0; background: transparent url(images/bg-footer.png) repeat-x 0 0; width: 100%; height: 190px; text-align: center; }
#footer #menu   { width: 555px; margin: 0 auto; text-align: left; position: relative; top: 95px; background: transparent url(images/bg-menu.png) no-repeat 0 0; padding-top: 7px; padding-bottom: 7px; }
#footer #menu li    { list-style-type: none; float: left; margin-right: 15px; }
#footer #menu li.last   { margin-right: 0; }
#footer #menu li a:link, #footer #menu li a:visited { display: block; position: relative; text-decoration: none; }
#footer #menu li.home   { margin-right: 40px; }
#footer #menu li.home a:link, #footer #menu li.home a:visited   { width: 94px; height: 17px; text-indent: -10000px; }
#footer #menu li.home a:link .txt, #footer #menu li.home a:visited .txt { position: absolute; width: 94px; height: 17px; overflow: hidden; left: 0; top: 0; background: transparent url(images/menu-item-home.png) no-repeat 0 0; padding-top: 0 !important; }
#footer #menu li.home a:hover .txt, #footer #menu li.home a:active .txt, #footer #menu li.home#active a:link .txt, #footer #menu li.home#active a:visited .txt { background-position: 0 100%; }
#footer #menu li.item01 a:link, #footer #menu li.item01 a:visited   { width: 161px; height: 17px; text-indent: -10000px; }
#footer #menu li.item01 a:link .txt, #footer #menu li.item01 a:visited .txt { position: absolute; width: 151px; height: 17px; overflow: hidden; left: 0; top: 0; background: transparent url(images/menu-item-1.png) no-repeat 0 0; padding-top: 0 !important; }
#footer #menu li.item01 a:hover .txt, #footer #menu li.item01 a:active .txt, #footer #menu li.item01#active a:link .txt, #footer #menu li.item01#active a:visited .txt { background-position: 0 100%; }
#footer #menu li.item02 a:link, #footer #menu li.item02 a:visited   { width: 115px; height: 17px; text-indent: -10000px; }
#footer #menu li.item02 a:link .txt, #footer #menu li.item02 a:visited .txt { position: absolute; width: 109px; height: 17px; overflow: hidden; left: 0; top: 0; background: transparent url(images/menu-item-2.png) no-repeat 0 0; padding-top: 0 !important; }
#footer #menu li.item02 a:hover .txt, #footer #menu li.item02 a:active .txt, #footer #menu li.item02#active a:link .txt, #footer #menu li.item02#visited a:visited .txt { background-position: 0 100%; }
#footer #menu li.item03 a:link, #footer #menu li.item03 a:visited   { width: 89px; height: 17px; text-indent: -10000px; }
#footer #menu li.item03 a:link .txt, #footer #menu li.item03 a:visited .txt { position: absolute; width: 89px; height: 17px; overflow: hidden; left: 0; top: 0; background: transparent url(images/menu-item-3.png) no-repeat 0 0; padding-top: 0 !important; }
#footer #menu li.item03 a:hover .txt, #footer #menu li.item03 a:active .txt, #footer #menu li.item03#active a:link .txt, #footer #menu li.item03#active a:visited .txt { background-position: 0 100%; }
#footer #menu li a:link span, #footer #menu li a:visited span   { display: block; color: #595959; font-size: 95%; font-weight: normal; text-indent: 0; padding-top: 7px; }
#footer #menu li a:hover span, #footer #menu li a:active span   { color: #767575; }
#footer #menu li.ico01  { width: 93px; height: 67px; position: relative; top: -17px; }
#footer #menu li.ico01 a:link, #footer #menu li.ico01 a:visited { display: block; width: 93px; height: 67px; overflow: hidden; background: transparent url(images/bg-footer-icons.png) no-repeat 0 0; text-indent: -1000px; }
#footer #menu li.ico01 a:hover, #footer #menu li.ico01 a:active { background-position: 0 -67px; }
#footer #menu li.ico02  { width: 91px; height: 67px; position: relative; top: -17px; }
#footer #menu li.ico02 a:link, #footer #menu li.ico02 a:visited { display: block; width: 91px; height: 67px; overflow: hidden; background: transparent url(images/bg-footer-icons.png) no-repeat -93px 0; text-indent: -1000px; }
#footer #menu li.ico02 a:hover, #footer #menu li.ico02 a:active { background-position: -93px -67px; }
#footer #menu li.ico03  { width: 91px; height: 67px; position: relative;  margin-right: 0; top: -17px; }
#footer #menu li.ico03 a:link, #footer #menu li.ico03 a:visited { display: block; width: 91px; height: 67px; overflow: hidden; background: transparent url(images/bg-footer-icons.png) no-repeat -183px 0; text-indent: -1000px; }
#footer #menu li.ico03 a:hover, #footer #menu li.ico03 a:active { background-position: -183px -67px; }
#footer #menu li.ico04  { width: 91px; height: 67px; position: relative;  margin-right: 0; top: -17px; }
#footer #menu li.ico04 a:link, #footer #menu li.ico04 a:visited { display: block; width: 91px; height: 67px; overflow: hidden; background: transparent url(images/bg-footer-icons.png) no-repeat -273px 0; text-indent: -1000px; }
#footer #menu li.ico04 a:hover, #footer #menu li.ico04 a:active { background-position: -273px -67px; }
#footer .inspiro    { width: 600px; margin: 0 auto; text-align: left; position: relative; top: 80px; }
#footer .inspiro a:link, #footer .inspiro a:visited { color: #595959; font-size: 85%; text-decoration: none; }
#footer .inspiro a:hover, #footer .inspiro a:active { text-decoration: underline; }
#footer .inspiro .londa { font-size: 85%; color: #595959; position: relative; left: 290px; }

/* Fixed links */
.fix-buttons li    { list-style-type: none; }
.fix-buttons .vyherci    { position: absolute; width: 128px; height: 106px; top: 0; right: 20px; }
.fix-buttons .vyherci a:link, .fix-buttons .vyherci a:visited   { display: block; width: 128px; height: 106px; overflow: hidden; position: relative; text-indent: -1000px; }
.fix-buttons .vyherci a:link span, .fix-buttons .vyherci a:visited span { position: absolute; left: 0; top: 0; width: 128px; height: 106px; background: transparent url(images/btn-vyherci.png) no-repeat 0 0; }
.fix-buttons .vyherci a:hover span, .fix-buttons .vyherci a:active span { background-position: 0 100%; }
.fix-buttons .poslouchej    { position: fixed; width: 226px; height: 221px; bottom: 0; right: 20px; }
.fix-buttons .poslouchej a:link, .fix-buttons .poslouchej a:visited   { display: block; width: 226px; height: 221px; overflow: hidden; position: relative; text-indent: -1000px; }
.fix-buttons .poslouchej a:link span, .fix-buttons .poslouchej a:visited span { position: absolute; left: 0; top: 0; width: 226px; height: 221px; background: transparent url(images/btn-poslouchej.png) no-repeat 0 0; }
.fix-buttons .poslouchej a:hover span, .fix-buttons .poslouchej a:active span { background-position: 0 100%; }
.fix-buttons .podporuj    { position: fixed; width: 211px; height: 257px; bottom: 0; left: 20px; }
.fix-buttons .podporuj a:link, .fix-buttons .podporuj a:visited   { display: block; width: 211px; height: 257px; overflow: hidden; position: relative; text-indent: -1000px; }
.fix-buttons .podporuj a:link span, .fix-buttons .podporuj a:visited span { position: absolute; left: 0; top: 0; width: 211px; height: 257px; background: transparent url(images/btn-podporuj.png) no-repeat 0 0; }
.fix-buttons .podporuj a:hover span, .fix-buttons .podporuj a:active span { background-position: 0 100%; }
.fix-buttons .soutezb    { position: fixed; width: 93px; height: 113px; top: 80px; right: 280px; }
.fix-buttons .soutezb a:link, .fix-buttons .soutezb a:visited   { display: block; width: 93px; height: 113px; overflow: hidden; position: relative; text-indent: -1000px; }
.fix-buttons .soutezb a:link span, .fix-buttons .soutezb a:visited span { position: absolute; left: 0; top: 0; width: 93px; height: 113px; background: transparent url(images/btn-soutez.png) no-repeat 0 0; }
.fix-buttons .soutezb a:hover span, .fix-buttons .soutezb a:active span { background-position: 0 100%; }

/* Colorbox */
.colorbox   { width: 442px; height: 292px; background: transparent url(images/bg-colorbox.png) no-repeat 0 0; }
.colorbox.message, .colorbox.conditions   { background-image: url(images/bg-colorbox-shades.png); }
.colorbox .notification { position: absolute; width: 430px; left: 7px; top: 5px; background-color: #eab20c; text-align: left; z-index: 1000; }
.colorbox .notification p   { padding: 5px 10px 0px 10px; color: #000; }

/* Upload */
.colorbox form  { text-align: left; padding: 19px 0 0 19px; }
.colorbox form legend, .colorbox form label   { display: none; }
.colorbox form .item    { margin-bottom: 9px; }
.colorbox form .item#id02   { margin-bottom: 40px; }
.colorbox form .item#id03   { margin-bottom: 36px; }
.colorbox form .item#id03 p { background: none; width: auto; height: auto; float: none; }
.colorbox form .item#id03 label   { display: block; color: #ffca0b; font-weight: bold; font-size: 95%; text-transform: uppercase; float: left; margin-right: 4px; position: relative; top: 2px; }
.colorbox form .item#id03 p { background: none; width: auto; height: auto; }
.colorbox form .item#id03 input { top: 0; left: 0; }
.colorbox form .item#id04   { margin-bottom: 30px; }
.colorbox form .item#id04 p   { float: none; width: auto; height: auto; font-weight: bold; font-size: 100%; text-align: center; background: none; }
.colorbox form .item#id04 p strong  { display: block; color: #ffca0b; }
.colorbox form .item .check { background: none; }
.colorbox form .item .check label   { display: inline; color: #fff; font-size: 95%; }
.colorbox form .item .check label input { width: auto; height: auto; top: 0; left: 0; margin-right: 5px; }
.colorbox form .item .submit    { background: none; float: right; width: 169px; position: relative; right: 15px; }
.colorbox form .item .submit input  { width: 169px; height: 28px; line-height: 28px; background: transparent url(images/btn-upload.png) no-repeat 0 0; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 95%; text-align: center; cursor: hand; cursor: pointer; top: 0; left: 0; }
.colorbox form .item .submit input:hover    { background-position: 0 100%; }
.colorbox form p    { width: 203px; height: 28px; float: left; background: transparent url(images/bg-input-wide.png) no-repeat 0 0; margin-right: 5px; }
.colorbox form p.last { margin-right: 0; }
.colorbox form p input  { border: 0; background-color: transparent; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 95%; position: relative; top: 5px; left: 5px; width: 185px; }
.colorbox form p select { border: 0; position: relative; top: 6px; left: 15px; width: 175px; text-transform: uppercase; font-weight: bold; font-size: 95%;}
.colorbox .rules    { text-align: left; padding: 15px; }
.colorbox .rules h1 { color: #ffca0b; margin-bottom: 10px; font-size: 125%; }
.colorbox .rules .cont    { height: 200px; overflow: auto; margin-bottom: 10px; }
.colorbox .rules li { list-style-type: none; padding-left: 20px; background: transparent url(images/arr.png) no-repeat 0 5px; margin-bottom: 7px; }
.colorbox .info { padding-top: 50px; font-weight: bold; font-size: 115%; }
.colorbox .info strong  { color: #ffca0b; }

