body{padding: 0; margin: 0;}
body{font-family: arial; font-size: 12px;}
body{behavior: url("/csshover.htc"); background: url(../images/background.png) repeat-x #000;}

iframe{border: none;}

h1{font-size: 170%; margin: 0; padding: 0; color: #CC0000; margin-bottom: 10px;}
h2{font-size: 120%; margin: 0; padding: 0; color: #CC0000;}

a{color: #CC0000;}
a:hover{text-decoration: none;}

.all{position: relative; width: 990px; margin: auto; margin-bottom: 36px;}

#lista{height: 36px; width: 100%; position: fixed; bottom: 0; left: 0; background: #CC0000; text-align: center;}
#lista a img{border: none;}
#lista #inside{width: 990px; margin: auto; position: relative;}
#lista #ikony{position: absolute; right: 5px; bottom: 8px;}

#years{position: absolute; top: 9px; left: 305px;}
#years a{display: block; padding: 1px 3px; background: #000; color: rgb(204,0,0); font-weight: bold; text-decoration: none;}
#years a:hover{color: #FFF;}
#years_other{display: none; z-index: 9999; position: absolute;}
#years_sipka{position: absolute; top: 9px; left: 345px; cursor: pointer;}

#top{position: relative;}

#lang{position: absolute; bottom: 1px; right: 13px;}
#lang a img{border: 1px solid #980000; margin-left: 5px; padding: 1px;}

#top img{border: none;}
#top img#rockapop{position: absolute;}
#top img#login{float: left; margin-left: 200px; margin-top: 13px; margin-right: 10px;}
#top img#logo{float: left;}
#top{height: 82px; background: url(../images/top.png) no-repeat;}

#top #seek{width: 215px; float: right;}
#top #seek p{padding: 0; margin: 0; margin-top: 7px;}
#top #seek input.field{float: left; width: 156px; padding-top: 8px; padding-left: 12px; height: 24px; border: none; background: #FFF; margin: 0; color: #666;}
#top #seek img{float: left;}

#menu{height: 32px;}
#menu a img{border: none;}

#header{height: 299px; background: url(../images/header.png); position: relative;}
#header #linky{position: absolute; top: 101px; left: 16px;}
#header #linky a{color: #FFF; text-decoration: none; display: block; width: 308px; height: 30px; margin-bottom: 1px;}
#header #linky a{padding-top: 13px; padding-left: 25px;}
#header #linky a:hover{text-decoration: underline;}

#header #poradi{width: 291px; position: absolute; top: 39px; right: 23px;}
#header #poradi .zaznam{height: 66px;}
#header #poradi .zaznam .poradi{width: 100px; float: left; text-align: center; padding-top: 18px; font-size: 150%; font-weight: bold;}
#header #poradi .zaznam .kapela{width: 150px; float: left; padding-top: 10px;}
#header #poradi .zaznam .kapela h2 a{color: #000;}
#header #poradi .zaznam .kapela{color: rgb(205,4,4);}

#header #partneri{width: 370px; position: absolute; top: 15px; right: 23px; color: #FFF;}
#header #partneri .zaznam{font-size: 90%; margin-bottom: 10px;}
#header #partneri .zaznam p{margin: 0px; padding: 0;}
#header #partneri .zaznam h2{margin: 0; font-size: 115%; color: #FFF; text-transform: uppercase; margin-bottom: 3px;}
#header #partneri .zaznam img{float: left; margin-right: 10px;}
#header #partneri #sma{color: rgb(68,68,68); font-size: 90%;}
#header #partneri #sma img{float: left; margin-right: 10px;}
#header #partneri #sma div{padding-top: 2px;}
#nadpis{height: 20px; background: url(../images/nadpis.png); color: #FFF; font-weight: bold; padding: 8px 10px;}

#main{padding: 10px;}

#main, #pro-kapely, #kapely{background: url(../images/nsef.png) no-repeat bottom right rgb(245,245,245);}

#main #left{width: 620px; float: left; padding: 10px; padding-top: 0; padding-right: 15px;}
.nadpis{color: rgb(77,194,224); font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px 15px; background: url(../images/nadpis2.png) no-repeat; margin-bottom: 10px;}
.nadpis span{color: #000; font-size: 90%; text-transform: none;}

#main #left .zaznam{margin: 15px;}

#main #left #twitter{margin-bottom: 20px;}
#main #left #twitter .zaznam{padding: 10px; margin-bottom: 10px; border-bottom: 1px dotted rgb(157,157,157); color: rgb(207,19,19); font-style: italic;}
#main #left #twitter .zaznam .datum{color: #000; float: left; height: 100%; width: 15%;}
#main #left #twitter .zaznam .text{float: left; width: 85%;}

#main #left #kapely{margin-bottom: 20px; color: rgb(205,4,4);}
#main #left #kapely .nadpis{color: rgb(205,4,4);}
#main #left #kapely .zaznam{width: 110px; float: left; margin: 0; margin-right: 10px;}
#main #left #kapely .zaznam.last{margin-right: 0px; float: right;}
#main #left #kapely .zaznam a img{border: none;} 
#main #left #kapely .zaznam .image_container{width: 90px; height: 90px; overflow: hidden; margin-bottom: 5px;}
#main #left #kapely .zaznam h2 a{color: #000;}

#main #left #facebook .nadpis{color: rgb(205,4,4); margin-bottom: 10px;}
#main #left #facebook .nadpis span a{color: rgb(102,124,174);}
#main #left #facebook .datum{float: left; font-style: italic; margin-top: 4px; margin-right: 10px;}
#main #left #facebook h2{color: rgb(204,0,0); float: left; font-size: 140%;}
#main #left #facebook p{font-family: georgia; font-size: 110%;}

#main #right{width: 300px; float: right; padding-bottom: 65px;}

#main #right #olize{margin-bottom: 20px;}
#main #right #olize .nadpis{color: rgb(205,4,4);}

#kapela{background: rgb(245,245,245); padding: 15px;}

#kapela h2{color: #B61518;}

#kapela #zpet{position: absolute; left: 500px; z-index: 9999;}
#kapela #zpet img{border: none;}

#kapela #left{float: left;}

#kapela #info_o_kapele{width: 650px; float: left; border-top: 1px dotted #666; border-bottom: 1px dotted #666; margin-bottom: 15px;}
#kapela #info_o_kapele .styl{float: left; margin-top: 10px;}
#kapela #info_o_kapele .styl span{color: #CC0000; font-weight: bold; font-size: 130%;}
#kapela #info_o_kapele .termin{float: left; margin-left: 45px; font-size: 100%; margin-top: 10px;}
#kapela #info_o_kapele .termin span{color: #CC0000;}
#kapela #info_o_kapele .web{margin-top: 15px;}
#kapela #info_o_kapele .web a{font-size: 110%; font-weight: bold; background: url(../images/web-kapely.png) no-repeat left 4px; padding: 5px 0 5px 25px;}

#kapela #info_o_kapele .obrazek{width: 200px; padding: 10px; float: left;}
#kapela #info_o_kapele .informace{width: 400px; padding: 10px; float: left;}

#kapela #info_o_kapele .popis{}
#kapela #info_o_kapele .web{margin-bottom: 10px;}
#kapela #info_o_kapele .image_container{width: 200px; height: 200px; overflow: hidden; border: 3px solid #CC0000;}
#kapela #info_o_kapele .image_container img{border: none;}

#kapela #reklama{width: 300px; float: right;}

#kapela #hlasovani{border-bottom: 1px dotted #666; margin-bottom: 15px; padding-bottom: 10px;}
#kapela #hlasovani #face_hlasovani{width: 500px; float: left;}
#kapela #hlasovani #face{width: 280px; float: right; background: #E7E8EC; padding: 10px;}
#kapela #hlasovani #face #face_left{width: 30px; float: left;}
#kapela #hlasovani #face #face_right{width: 240px; float: right; font-size: 90%;}
#kapela #hlasovani #face #face_right p{margin: 0; margin-bottom: 10px;}
#kapela #hlasovani #face #face_right a img {border: none;}

#kapela #seznam_videi{border-bottom: 1px dotted #666; margin-bottom: 15px;}
#kapela #seznam_videi div{margin: 15px; margin-left: 0; float: left;}
#kapela #seznam_videi div.last{margin-right: 0;}

#komentare{background: #DFDFDF; width: 575px; margin: auto; padding: 30px; background: url(../images/footer.png) #F5F5F5 repeat-x bottom; padding-top: 10px;}

#komentare .reply{position: absolute; bottom: 0; right: 0; background: url(../images/reply.png) right center no-repeat; padding-right: 25px;}
#komentare .reply a{color: #333;}

#komentare .komentar{margin-top: 15px; width: 90%;}
#komentare .komentar .avatar{width: 100px; text-align: center; height: 75px; float: left; position: relative;}
#komentare .komentar .avatar .image_container{width: 75px; height: 75px; overflow: hidden;}
#komentare .komentar a{color: #333;}
#komentare .komentar .text{float: left; position: relative; width: 414px; padding-bottom: 19px;}

#komentare .komentar .komentar{padding-left: 30px; margin-left: 30px; margin-top: 5px; background: url(../images/reply-comment.png) left 30px no-repeat;}
#komentare .komentar .komentar .text{width: 354px;}
#komentare .komentar .komentar .komentar .text{width: 294px;}
#komentare .komentar .komentar .komentar .komentar .text{width: 234px;}

#komentare .komentar .jmeno{font-size: 140%; font-weight: bold;}
#komentare .komentar .jmeno a{margin-left: 25px; font-size: 50%;}
#komentare .komentar .datum{margin-bottom: 5px; font-size: 90%; font-weight: bold; color: rgb(135,135,135);}
#komentare .info{text-align: center; font-weight: bold; margin: 10px; margin-top: 50px;}
#komentare .komentar form{margin-top: 8px;}

#komentare_form{width: 300px; margin: auto;}
#komentare_form input{width: 380px; height: 20px; background: url(../images/field.png) repeat-x bottom; border: 1px solid rgb(207,207,207); margin-bottom: 10px;}
#komentare_form input{padding: 5px;}
#komentare_form textarea{width: 380px; height: 85px; background: url(../images/textarea.png) repeat-x bottom; border: 1px solid rgb(207,207,207);}
#komentare_form textarea{font-family: arial; font-size: 100%; padding: 5px; margin-bottom: 10px;}
#komentare_form input#tlacitko{padding: 0; margin: 0; font-size: 90%; border: none; width: 83px; height: 22px; background: url(../images/buttons/odeslat.png);}

.nadpis{position: relative;}
.nadpis img{border: none; position: absolute; top: 5px; margin-left: 10px;}

#kapely{background: rgb(245,245,245); padding: 10px;}
#kapely #left{width: 600px; float: left; padding: 20px; border-bottom: dotted 1px #CCC;}
#kapely #left div.nadpis.red{color: rgb(182,21,24); border-bottom: dotted 1px #CCC; padding-bottom: 15px; width: 100%;}
#kapely #left div{width: 50%; float: left;}
#kapely #left h2{font-size: 120%; margin: 0 0 15px 0; color: #000;}
#kapely #right{width: 300px; float: right;}

#kapely #vypis_kapel table{width: 944px; margin: auto; margin-top: 15px;}
#kapely #vypis_kapel table{border-collapse: collapse;}
#kapely #vypis_kapel table td{border: 1px solid rgb(166,166,166); padding: 8px;}
#kapely #vypis_kapel table td a.kapela{color: rgb(204,0,0); font-weight: bold; font-size: 120%;}
#kapely #vypis_kapel table td.termin{text-align: center; font-weight: bold;}
#kapely #vypis_kapel table td.obrazek{text-align: center;}
#kapely #vypis_kapel table td.obrazek img{border: none;}
#kapely #vypis_kapel table td.obrazek .container{width: 80px; height: 80px; overflow: hidden;}

#kapely #vypis_kapel table td.none{border: none; background: rgb(245,245,245);}
#kapely #vypis_kapel table td.pismeno{font-weight: bold; font-size: 130%; text-align: center;}
#kapely #vypis_kapel table .red{color: rgb(204,0,0); font-weight: bold;}
#kapely #vypis_kapel table tr.hlavicka{background: url(../images/nadpis_vypis.png); color: #FFF; font-weight: bold;}
#kapely #vypis_kapel table tr.hlavicka td{border: none;}
#kapely #vypis_kapel table tr.lichy_radek{}
#kapely #vypis_kapel table tr.sudy_radek{background: rgb(233,233,233);}
#kapely div#abeceda{width: 220px;}
#kapely #abeceda a{width: 30px; padding: 5px; float: left; text-align: center;}
#kapely #abeceda a{color: rgb(204,0,0); font-weight: bold;}

#banner{height: 103px; background: url(../images/banner.png);}

#pro-kapely{padding: 10px;}
#pro-kapely #left{width: 620px; float: left;}
#pro-kapely a{color: rgb(205,4,4); font-weight: bold;}
#pro-kapely ul{list-style-image: url(../images/list.png);}
#pro-kapely ul li{margin-bottom: 8px;}
#pro-kapely ul.pro-kapely{list-style-image: url(../images/list2.png); padding: 20px; margin-top: 30px; margin-bottom: 30px;}
#pro-kapely ul.pro-kapely ul{margin-top: 10px;}
#pro-kapely ul.pro-kapely li{font-weight: bold; margin-bottom: 20px;}
#pro-kapely .nadpis{color: rgb(205,4,4); margin-bottom: 10px; border-bottom: 1px dotted #666;}
#pro-kapely #left .zaznam{border-bottom: 1px dotted #666; padding: 15px 20px 15px 20px;}
#pro-kapely #left .zaznam .sloupec{width: 180px; float: left; margin-left: 10px;}
#pro-kapely #left h2{margin-top: 15px; margin-bottom: 10px; color: rgb(205,4,4);}
#pro-kapely #right{width: 300px; float: right; padding: 10px; padding-top: 0px;}

form select{width: 200px;}

#pro-kapely #right{}
#pro-kapely #right .nadpis{border: none; padding-left: 15px;}
#pro-kapely #right h3{font-size: 100%; margin: 0; padding: 0; text-transform: uppercase; margin-bottom: 3px;}
#pro-kapely #right div{margin-bottom: 10px; border-left: 5px solid #C7C7C7; padding-left: 10px;}
#pro-kapely #right input{width: 100%; height: 20px; background: url(../images/field.png) repeat-x bottom; border: 1px solid rgb(207,207,207); margin-bottom: 2px;}
#pro-kapely #right input{padding: 1px;}
#pro-kapely #right textarea{width: 100%; height: 85px; background: url(../images/textarea.png) repeat-x bottom; border: 1px solid rgb(207,207,207);}
#pro-kapely #right textarea{font-family: arial; font-size: 100%; padding: 1px; margin-bottom: 10px;}
#pro-kapely #right input#tlacitko{padding: 0; margin: 0; font-size: 90%; border: none; width: 83px; height: 22px; background: url(../images/buttons/odeslat.png);}
#pro-kapely #right input.checkbox{width: 15px;}
#pro-kapely #right input#tlacitko{float: right; margin-top: 10px; background: url(../images/odeslat.png); width: 83px; height: 22px;}

#registrace input{margin: 10px;}
#registrace input#tlacitko{margin: 0; margin-top: 10px;}

#registrace div{margin-bottom: 10px; border-left: 5px solid #C7C7C7; padding-left: 10px;}
#registrace div.no-control{border: none; padding-left: 0;}

#registrace select{float: left;}
#registrace #cas{float: left; margin-left: 20px;}

#footer{height: 32px; background: url(../images/footer.png) repeat-x;}
#footer_reklama{background: #FFF; padding-top: 15px; padding-bottom: 15px;}
#footer_reklama a img{border: none; margin-left: 15px;}

.cleaner{clear: both; font-size: 1px;}

.vlozena_left, .vlozena_right, .vlozena_center{border: none; margin: 8px;}
.xvlozena_left, .xvlozena_right, .xvlozena_center{margin: 8px;}
.vlozena_left, .xvlozena_left{float: left; margin-left: 0;}
.vlozena_right, .xvlozena_right{float: right; margin-right: 0;}
.xvlozena_right{margin: 0; padding: 0; position: relative; bottom: 3px;}
div.vlozena_center, div.xvlozena_center{text-align: center; border-style: none; clear: both;}

/*listovani*/
.poradac{margin-top: 10px; margin-bottom: 10px; margin-right: 9px;}
.poradac ul{margin: 0; padding: 0; text-align: right; font-weight: bold;}
.poradac li{list-style-type: none; display: inline; margin: 0 4px 0 4px; border: 1px solid rgb(185,185,185); padding: 5px;}
.poradac a{color: #000; text-decoration: none;}
.poradac a:hover{color: #666;}
.poradac li.poradac_aktualni{background: rgb(205,205,199);}
.poradac li.poradac_neaktivni{}