@charset "utf-8";
/* CSS Document */

/* zaklad stranky */
body {margin: 0px; padding: 0px; background: url(./bg.png) repeat-x; background-color: #dedede;}
#logo {width: 900px; height: 150px; position: relative;}
#main {width: 900px; margin: 0px; padding: 0px; text-align: left; font-family: Tahoma, Arial, Helvetica; font-size: 12pt; color: #404040;}
#header {width: 900px; height: 53px; padding: 0px; margin: 0px; position: relative; background: url(./header.png) no-repeat; cursor: default; overflow: hidden;}
#contentbg {width: 900px; background: url(./ram-out.png) repeat-y; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; margin: 0px;}
#content {width: 860px; min-height: 470px; background: url(./ram-in.png) no-repeat; padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 20px; margin: 0px;}
#footer {width: 900px; height: 170px; padding: 0px; margin: 0px; position: relative; background: url(./footer.png) no-repeat; background-color: #ffffff; cursor: default; overflow: hidden;}

/* header */
.menubtn {position: absolute; right: 55px; top: 20px; z-index: 2; font-size: 14pt; font-weight: bold; letter-spacing: 3px;}
#logo h1 {display: none;}
#logo .logo {margin-left: 50px;}
#banner {position: absolute; top: 7px; right: 50px; width: 470px; height: 62px; z-index: 1; overflow: hidden;}

#livepanel {position: absolute; top: 85px; left: 313px; width: 310px; height: 57px; z-index: 3; background: url(./megafon.png) no-repeat; padding-left: 65px; cursor: default; overflow: hidden;}
#moderator {position: absolute; top: 85px; right: 50px; width: 150px; height: 57px; z-index: 4; background: url(./mikrofon.png) no-repeat; padding-left: 25px; cursor: default; overflow: hidden;}
.headpanel h2 {font-size: 12pt; font-weight: bold; margin: 2px; padding: 0px; color: #ffffff;}
.headpanel p {font-size: 10pt; font-weight: normal; margin: 2px; padding: 0px; color: #ffffff;}
.headpanel p.male {font-size: 8pt; color: #dedede;}

.headpanel a, .headpanel a:link, .headpanel a:visited {color: #ffffff; text-decoration: none;}
.headpanel a:active, .headpanel a:hover {color: #ffffff; text-decoration: underline;}
.headpanel .male a {color: #dedede;}

#livepanel h2, #livepanel p.nowplay {max-height: 20px; overflow: hidden;}

#songinfo {position: absolute; left: 378px; top: 127px; z-index: 50; background-color: #ffffff; border: 2px solid #dedede; font-family: Tahoma, Geneva, sans-serif; font-size: 8pt; color: #404040; padding: 10px; padding-bottom: 5px;}
#songinfo p {margin-top: 0px; margin-bottom: 5px;}


/* pravy panel */
.menurtop {width: 275px; height: 9px; background: url(./menu-red-top.png) no-repeat; padding: 0px;}
.menurmid {width: 275px; background: url(./menu-red-mid.png) repeat-y; padding: 0px; margin-bottom: 2px;}
.menurbot {width: 275px; height: 9px; background: url(./menu-red-bot.png) no-repeat; padding: 0px;}

.menugtop {width: 275px; height: 9px; background: url(./menu-gray-top.png) no-repeat; padding: 0px;}
.menugmid {width: 275px; background: url(./menu-gray-mid.png) repeat-y; padding: 0px; margin-bottom: 2px;}
.menugbot {width: 275px; height: 9px; background: url(./menu-gray-bot.png) no-repeat; padding: 0px;}

.menutxt {width: 245px; padding-left: 15px; padding-right: 15px; font-size: 10pt; font-weight: bold; color: #ffffff; cursor: default;}
.menutxt a, .menutxt a:link, .menutxt a:visited {color: #ffffff; text-decoration: none;}
.menutxt a:active, .menutxt a:hover {color: #dedede; text-decoration: none;}
.submenu {font-size: 7pt; font-weight: normal; cursor: default;}

.social {width: 250px; background-color: #f7f7f7; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 5px; margin: 5px; text-align: left;}
.social .nadpis {font-size: 10pt; font-weight: bold; padding: 0px; margin: 0px; cursor: default;}
.social .content {border-top: 1px solid #dedede; font-size: 8pt; margin-top: 5px; padding-top: 5px;}

.social a, .social a:link, .social a:visited {color: #404040; text-decoration: none;}
.social a:active, .social a:hover {color: #800000; text-decoration: underline;}


/* panely v contente */
#boxyoff {float: left; display: block; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; margin-top: 0px;}
#boxyon {float: left; display: none; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; margin-top: 0px;}
.box {width: 180px; background-color: #f7f7f7; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin: 0px; margin-bottom: 10px;}
.box .nadpis {font-size: 10pt; font-weight: bold; padding: 0px; margin: 0px; cursor: default;}
.boxcontent {border-top: 1px solid #dedede; font-size: 8pt; margin-top: 5px; padding-top: 5px;}

.box a, .box a:link, .box a:visited {color: #404040; text-decoration: none;}
.box a:active, .box a:hover {color: #800000; text-decoration: underline;}

.box input, .box textarea {font-size: 8pt; color: #800000; border: 1px solid #dedede; background-color: #f7f7f7; margin: 1px; padding: 1px;}
.box input:hover, .box input:focus, .box textarea:hover, .box textarea:focus {background-color: #ffffff;}
.box input.redbutton {color: #800000;}
.box input.button {color: #404040;}
.box input.redbutton:hover, .box input.redbutton:focus, .box input.button:hover, .box input.button:focus {color: #ff0000;}
.box label {font-size: 8pt; width: 50px; display: inline-block; vertical-align: top;}

.box .male {font-size: 7pt;}


/* hlavny obsah a artikle */
#content h2 {padding: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; font-size: 18pt; font-weight: bold; letter-spacing: 3px; cursor: default;}
#content h2:before {content: "[ ";}
#content h2:after {content: " ]";}

.artikel h3 {font-size: 12pt; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 10px; cursor: default;}
.artikel h3 a, .artikel h3 a:link, .artikel h3 a:visited {text-decoration: none;}
.artikel h3 a:active, .artikel h3 a:hover {text-decoration: underline;}
.artikel p {font-size: 10pt; padding: 0px; margin: 0px; margin-bottom: 10px; line-height: 16px;}
.artikel .minifoot {font-size: 7pt; color: #808080; cursor: default;}

.artikelfull p {line-height: 25px;}
.artikelfull .minifoot {font-size: 7pt; color: #808080; cursor: default;}

.topartikel {border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding-top: 3px; padding-bottom: 3px;}
.topartikel h3 a, .topartikel h3 a:link, .topartikel h3 a:visited {color: #FF0000;}

#indexspravy h3 {font-size: 10pt; cursor: default;}
#indexspravy p {font-size: 9pt;}


/* hitparada */
#hittable {font-size: 8pt; cursor: default;}
#hittable h2 {font-size: 12pt;}
#hittable h3 {font-size: 12pt;}
#hittable table {font-size: 8pt; font-weight: normal;}
#hittable tr.nepar {background-color: #ffffff;}
#hittable tr.parne {background-color: #dedede;}
#hittable tr:hover {background-color: #c0c0c0;}
#hittable th {background-color: #404040; font-weight: bold; color: #ffffff; padding: 2px;}
#hittable td {padding: 2px;}
#hittable .male {font-size: 6pt;}
#hittable .help {cursor: help;}


/* strankovanie */
.paginum, .paginum a, .paginum a:link, .paginum a:visited {text-decoration: none; color: #404040; border: 1px solid #ffffff; background-color: #ffffff; padding: 2px;}
.paginum a:active, .paginum a:hover {text-decoration: none; color: #404040; border: 1px solid #c0c0c0; background-color: #c0c0c0; padding: 2px;}
.paginumsel {text-decoration: none; color: #800000; border: 1px solid #c0c0c0; background-color: #c0c0c0; padding: 2px; cursor: default;}


/* footer */
#foottabs {position: absolute; top: 0px; left: 45px; z-index: 20; width: 310px; height: 110px; font-size: 10pt; color: #ffffff;}
.foot {width: 50px; height: 45px; padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 0px; float: left;}

#foottabs a, #foottabs a:link, #foottabs a:visited {color: #ffffff; font-weight: normal; text-decoration: none;}
#foottabs a:active, #foottabs a:hover {color: #dedede; font-weight: normal; text-decoration: none;}

#foot01 {background-color: #e12500;}
#foot02 {background-color: #5c5a5b;}
#foot03 {background-color: #676566;}
#foot04 {background-color: #737172;}
#foot05 {background-color: #837f7e;}
#foot06 {background-color: #e12500;}
#foot07 {background-color: #5c5a5b;}
#foot08 {background-color: #676566;}
#foot09 {background-color: #737172;}
#foot10 {background-color: #837f7e;}

.footend {position: absolute; left: 0px; bottom: 3px; width: 900px; font-size: 8pt; text-align: center;}
.footend .icons {text-align: right; display: block;}


/* ajax ramiky s hlaseniami */
.result {background-color: #f7f7f7; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 10px; margin-top: 5px; margin-bottom: 10px;}
.result.ok {border-top: 1px solid #063; border-bottom: 1px solid #063; color: #063;}
.result.err {border-top: 1px solid #800000; border-bottom: 1px solid #800000; color: #800000;}


/* formulare */
.artikel form, .artikelfull form, #hitcontent form {border: 1px dashed #d4d4d4; background-color: #fafafa; padding: 10px; margin-top: 5px; margin-bottom: 10px;}
.artikel form h3, .artikelfull form h3, #hitcontent form h3 {display: block; height: 25px; margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #d4d4d4; padding: 5px; background-color: #e7e7e7;}

.artikel input, .artikel textarea, .artikel select, .artikelfull input, .artikelfull textarea, .artikelfull select {font-size: 8pt; color: #800000; border: 1px solid #dedede; background-color: #ffffff; margin: 1px; padding: 1px;}
.artikel input:hover, .artikel input:focus, .artikel textarea:hover, .artikel textarea:focus, .artikel select:hover, .artikel select:focus, .artikelfull input:hover, .artikelfull input:focus, .artikelfull textarea:hover, .artikelfull textarea:focus, .artikelfull select:hover, .artikelfull select:focus {background-color: #f7f7f7;}
.artikel option, .artikelfull option {font-size: 8pt; color: #800000; margin: 1px; padding: 1px;}
.artikel input.button, .artikelfull input.button {color: #404040;}
.artikel input.button:hover, .artikel input.button:focus, .artikelfull input.button:hover, .artikelfull input.button:focus {color: #ff0000;}
.artikel label, .artikelfull label {font-size: 8pt; width: 100px; display: inline-block; vertical-align: top;}

#regnickcheck, #regpasscheck {width: 150px; display: inline-block; font-size: 7pt;}


/* vseobecne tagy */
h1 {margin: 0px; padding: 0px;}

a, a:link, a:visited {color: #800000; text-decoration: underline;}
a:active, a:hover {color: #ff0000; text-decoration: underline;}

.kapitalka {color: #e12500;}

.male {font-size: 8pt;}
#popup {background-color: #DCDCDC; border: 1px solid #B8AFB8; padding: 5px;}
.hidden {display: none;}