/* Reset style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
td,tr{vertical-align:top;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* CSS Start - HTML tags */
body {color: #222;text-align: center;font-size:100%;background: #010812 url('../img/bg.jpg') center 0px no-repeat;position:relative;line-height:1.5em;font-size: 90%;}
body, td, input, select, textarea {font-family: Arial, "Geneva CE", sans-serif;font-weight: 400;}
h1{display:none;}
#logo{width:256px;height:140px;background:url('../img/logo.png') 0px 0px no-repeat;position:absolute;left:0px;top:0px;cursor:pointer;display:block;}
a{color:#1b69b2;text-decoration:underline;}
a:hover{color:#3b3a38;}
/*strong, b{font-weight: 800;} */

ul, li{list-style-type:none;}
h1,h2{
  font-family: 'Oswald';text-transform:uppercase;
  margin:0px;font-size:140%;
  padding:13px 0;
  clear:both;
}
h2 span{display:none;}
h3 {color:#222;padding:10px;clear:both;font-size:120%;font-family:"Oswald";}
dl, dt, dd{float:left;}
/* general - page layout */
#main {/*width:100%;max-width: 1000px;*/width:1000px;margin:0 auto;text-align: center;}
#innerm {width:100%;text-align:left;float:left;background:#eae7de;box-shadow:#000 0px 10px 47px;margin-top:-22px;}
#page{position:relative;}
#blackline{width:100%;height:45px;position:absolute;top:0;left:0;background:#000;box-shadow:#000 0px 0px 10px}
#content{float:left;width:525px;padding:0 18px;margin-top:-81px;}
#leftcolumn{float:left;width:205px;margin-left:10px;}
#rightcolumn{float:right;width:210px;margin-right:10px;text-align:center;margin-top:-72px;}
#rightcolumn section, #leftcolumn section{clear:both;padding-bottom:15px;}
#rightcolumn section {padding: 10px 0;margin-bottom: 20px;border-left:3px dotted #999999;float:left;width:100%;}
/* header */
header {position:relative;height:140px;}
#banners{float:left;width:100%;text-align:center;position:relative;height:120px;}
#banners p{margin:0;font-family:"Oswald";padding:3px;text-transform:uppercase;float:left;width:100%;}
#banners ul li a{float:left;position:absolute;left:43px;top:39px;width:430px;height:72px;border:1px solid #333;}
/* radio */
#radio .description p.title{font-size:120%;font-family: 'Oswald';padding:7px;}  
.imgleft{width:15%;float:left;clear:left;margin:10px 0;}
.boxleft{width:85%;float:left;clear:right;margin:10px 0;}                           
/* menu */
nav{padding-top:3px;height:43px;font-family: 'Oswald'}
#menu{margin-left:270px;float:left;}
#social{margin-right:0px;float:right;}
nav ul{display:inline-block;}
nav li{list-style-type:none;display:inline-block;}
#menu li {background:#000;padding:3px;}
#menu ul.sublist{position:absolute;top:43px;}
#menu ul.sublist, nav ul.sublist li{display:table;z-index:1000;width:140px;}
#menu ul.sublist li{border-top:1px solid #333;}
*+html #menu li{display:inline}/* ie7 inline block fix - keep separate from other rules and follow original - not before it*/
* html #menu li{display:inline}/* ie6 inline-block fix - keep separate from other rules*/
nav a{color:#fff;display:block;padding:7px 15px;float:left;text-decoration:none; text-transform:uppercase;}
nav a:hover{color:#f81205;}
* html #menu a{padding:8px 33px;}
a.icon{width:30px;height:30px;display:block;cursor:pointer;padding:0;margin:0px 5px;opacity:0.9;margin-top:4px;border:1px solid #666;border-radius:4px;}
a.icon span{display:none;}
a.facebook{background:url('../img/icons_social_30.jpg') top left no-repeat;}
a.youtube{background:url('../img/icons_social_30.jpg') -30px 0 no-repeat;}
a.email{background:url('../img/icons_social_30.jpg') -60px 0 no-repeat;}
a.instagram{background:url('../img/icons_social_30.jpg') -90px 0 no-repeat;}
a.youtube:hover,a.facebook:hover,a.email:hover,a.instagram:hover {opacity:1;}
/* content */
#content h1,#content h2{display:block;width:100%;text-align:center;}
#content .mainimg{width:100%;text-align:center;margin:6px auto;}
#content .desc{clear:both;width:100%;text-align:center;padding:10px 0;}
/* partners */
#partners {text-align:center;margin:30px auto;}
#partners h2{font-size:90%;text-align:center;}
#partners ul{text-align:center;clear:both;margin:0px auto;}
#partners ul li{display:inline;position:relative;}
#partners img {border:1px solid #ccc; margin:5px;width:88px;}
#partners img:hover{border:1px solid #666;box-shadow:3px 2px 2px #ccc;}
#partnersright .foto{float: left;text-align: center;width:100%;position:relative;z-index:2;margin:7px;}
#partnersright .foto .pic{border: 1px solid #000000;display: block;width:150px;padding:0;margin:0 auto;}
/* slides */
#slide {height:394px;}
#slide h1, #slide h2{display:none;}
#slide ul{position:relative;}
#slide ul li {display:inline;top:0;left:0;position:absolute;}
#slide ul li a{display:block;float:left;width:530px;height:394px;text-decoration:none;}
#slide ul li a > span{position:absolute;display:block;text-align:center;width:520px;left:10px;top:320px;color:#fff;text-decoration:none;z-index:10;text-transform:uppercase;}
/* events */
#kontakt{margin-bottom:8px;border-bottom:3px dotted #999999;}
#kontakt p{padding-bottom:20px;}
#events, #kontakt{text-align:center;}
#events dd{text-align:center;width:100%;}
#events .event, #news .news{padding-bottom:5px;clear: both;}
#events h3, #news h3{margin-top:8px;font-family: 'Oswald'; padding:0;font-size:100%;text-align:center;}
#events .event a { color:#333;}
#events .event a img{margin:3px auto;display:block;}
#events .event a img:hover{outline:3px solid #333;}
#events .events_content{text-align:left;padding:10px 0;}
#events .events_content a{display:inline;color:#1b69b2;} 
/* facebook */
#facebook {width:202px;padding-left:10px;text-align:center;}
#facebook .fb-like-box {border:0;width:202px;height:220px;margin:0 auto;}
#fb-root {display:none;}
/*homepage*/
#homepage p{padding:10px 0;}
/*rockmusic*/
#rockmusic{text-align:center;}
.rockmusic{text-align:center;padding:3px 0;}
span.important{display:block;background:#666;color:#fff;padding:3px 0;margin:5px;border-radius:5px;font-family: 'Oswald'}
span.important a{color:#fff;}
span.important2{padding:3px 0;margin:5px;border-radius:5px;font-weight:bold;}
#content span.important, #content span.important2{padding:10px;margin-bottom:10px;}
#content table.infotable td{padding:6px;font-size:90%;vertical-align:top;}
/*news*/
#news { float:left;width:100%;}
#news h3{font-size:120%;}
#news .content{text-align:justify;}
#news img{display:block;margin:5px auto;clear:both;border:1px solid #333;}
#news .date {background:#666;color:#fff;padding:3px 5px;margin:10px;display:block;font-size:80%;border-radius:5px;font-family: 'Oswald'}
/*rockparada*/
#rockparada, #slide, #rockparada_hlasovani, #soutez,#naladit {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #aaa;}
#rockparada ul{width:90%;margin:0 auto;padding-bottom:10px;clear:both;}
#rockparada ul.rockparada li{text-align:left;padding:4px 0;clear:both;float:left;width:90%;border-bottom:1px solid #ccc;}
#rockparada ul.rockparada li span.number{display:block;float:left;background:#333;color:#fff;padding:0px 4px;width:13px;text-align:center;border-radius:3px;margin-right:4px;font-family: 'Oswald';}
#rockparada ul.rockparada li span.artist{display:block;float:left;padding:0px 2px;text-align:left;border-radius:3px;margin-left:4px;}
#rockparada ul.rockparada li span.artist strong{text-transform:uppercase;display:block;clear:both;font-weight: bold;}
#rockparada ul.rockparada li span.new {font-size:60%;display:block;font-weight:bold;color:#fff;background:#f00;padding:2px 8px;text-transform:uppercase;float:left;border-radius:4px;margin-left:8px;}
#rockparada ul, #rockparada p, #rockparada h3{clear:both;text-align: center;}
#rockparada h3{padding:15px 0;}
#content #rockparada{width:100%;float:left;}
#content #rockparada ul.rockparada li span.artist strong{display:inline;}
#rockparada_hlasovani{width:100%;float:left;font-weight:bold;}
#rockparada_hlasovani label{width:43%;padding:7px;margin:5px;float:left;text-align:right;clear:both;}
#rockparada_hlasovani input[type="text"],#rockparada_hlasovani input[type="email"]{width:200px;float:left;margin:5px;padding:7px;border:1px solid #666;border-radius:5px;}
#rockparada_hlasovani input[type="submit"]{margin: 5px;clear:both;}
#rockparada_hlasovani p.hlasovani{width:100%;float:left;font-size:80%;}
#rockparada_hlasovani .thankyou{padding:10px;margin:10px;background:#ccc;border:2px solid #333;border-radius:5px;text-align:center;}
#rockparada .homepage{clear:both;padding:8px 25px;}
/*gallery*/
div.gallery {float:left;width:95%;margin:0 10px;padding-bottom:10px;}
div.gallery .foto{float: left;width:100px;text-align: center;position:relative;z-index:2;margin:7px;}
div.gallery .foto .pic{border: 1px solid #000000;display: block;padding:0;}
#cd div.gallery .foto,#cd div.gallery .foto .pic{height: 150px;width:150px;}
#radio_partners div.gallery .foto,#radio_partners div.gallery .foto .pic{height: 40px;width:150px;}
a.button,input.button {width:auto;border:0px;border-radius: 6px;padding:8px 15px;color:#fff;background:#ff0000;display:inline-block;margin:5px auto;text-decoration:none;clear:both;font-family: 'Oswald';text-transform:uppercase;}
a.button:hover,input.button:hover{background:#3b3a38;}

/* footer */
#foot {color:#eae8e8;background:#040404;bottom:0px;width:100%;float: left;vertical-align:top;font-size:14px;text-align:center;padding:10px 0px;
}
#foot img{vertical-align:middle;margin:0px 10px;}
#foot p{float:left;text-align:center;width:100%;padding:5px 0px;}

div.error{display:block;background:#f00;color:#fff;padding:5px;margin:10px;text-align:center;border-radius:4px;}
input.requiredfield{border:1px solid #f00 !important;}

/* RADIO */
body.radioplayer{background:#000 url('../img/playradio.jpg') center center no-repeat;position:relative;text-align:center;color:#fff;}
.radiodesc{text-align:center;margin:0 auto;margin-top:130px;}
.songname{text-transform:none;}
.bitrate{font-size:70%;width:100%;}
body.radioplayer a{color:#fffc01;}
body.radioplayer a:hover{color:#ff0000;}
/*obecni */
.small{font-size:80%;}
.center{text-align:center;}
.blockcenter{text-align:center;width:100%;float:left;}
.uppercase{text-transform:uppercase;}
/*-----------------------------------------------------*/
/*ADMIN STYLES*/
#admin{background: none repeat scroll 0 0 #111;height: 15px;left: 0;opacity: 0.85;position: fixed;text-align:center;top: 0;width: 100%;z-index: 100;font-family:arial;font-size:12px;color:#fff;}
#admin .info{display:block;position:absolute;left:30px;top:7px;}
#admin .webreaktor{display:none;width:200px;height:25px;margin:0 auto;margin-top:5px;}
#admin .logout{display:block;position:absolute;right:30px;top:7px}
#admin a, #admin a:hover{color:#fff;}
.admin_hover{cursor:pointer;outline:2px solid #660;position:relative;background:#ccc;opacity:0.6;}
table.edit_event tr:hover{cursor:pointer;background:#ff0 bottom right no-repeat;}
.admin_addnew{width:100%;background:#660;text-align:center;height:20px;cursor:pointer;padding:5px 0;color:#fff;}
.admin_addnew span{display:inline-block;height:20px;padding:0 25px;background: url('../img/admin/reactor.png') top left no-repeat;}

.admin_info{background:#660;color:#fff;padding:10px;text-align:center;float:left;}
.admin a{display:block;float:left;color:#fff;border:1px solid #fff;position:absolute;bottom:0px;z-index:10;padding:3px;font-size:11px;text-decoration:none;}
.delete a{background:#f00;color:#fff;right:2px;font-family:arial;}
.down a{right:40px;display:block;height:7px;width:8px;background:#660 url('../admin/styles/images/ui-icons_ffffff_256x240.png') -65px -50px no-repeat;}
.up a{right:55px;display:block;height:7px;width:8px;background:#660 url('../admin/styles/images/ui-icons_ffffff_256x240.png') -0px -50px no-repeat;}
.up a:hover{background:url('../admin/styles/images/ui-icons_ef8c08_256x240.png') -0px -50px no-repeat;}
.down a:hover{background:url('../admin/styles/images/ui-icons_ef8c08_256x240.png') -65px -50px no-repeat;}


div.gallery .foto span.admin a{display:block;float:left;color:#fff;border:1px solid #fff;position:absolute;bottom:0;z-index:10;padding:3px;font-size:11px;text-decoration:none;}
div.gallery .foto span.delete a{background:#f00;left:0px;width:30px;}
div.gallery .foto span.admin a:hover{background:#900;}
div.gallery .foto span.edit a{background:#660;right:0px;}
div.gallery .foto span.down a{background:#f00;left:0px;top:0px;display:block;height:7px;width:8px;background:url('../admin/styles/images/ui-icons_ffffff_256x240.png') -98px -50px no-repeat;}
div.gallery .foto span.up a{background:#f00;right:0px;top:0px;display:block;height:7px;width:8px;background:url('../admin/styles/images/ui-icons_ffffff_256x240.png') -33px -50px no-repeat;}
div.gallery .foto span.up a:hover{background:url('../admin/styles/images/ui-icons_ef8c08_256x240.png') -33px -50px no-repeat;}
div.gallery .foto span.down a:hover{background:url('../admin/styles/images/ui-icons_ef8c08_256x240.png') -98px -50px no-repeat;}