html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
/*	color: black;*/
	color: #FFF;
	font-size: 75%;
	font-family: Tahoma, Arial, sans-serif;
	background: #D3C183 url(../_clip/bg_site.gif) left top repeat-x;
}


h1 {
	font-size: 205%;
	color: #f6e618;
	font-weight: bold;
	margin: 0 0 15px 0; padding: 2px 0;
	line-height: normal;
}

h2 {
	margin: 0; padding: 15px 0;
	font-size: 165%;
	font-weight: bold;
	color: #066CAE;
}
h2.error {
	color: #6F0001;
	background: url(../_clip/bullet-h2-error.gif) left center no-repeat;
}
.koncert-headline h2 {
	background: #74b9f2;
	border-bottom: 1px solid #a9cbec;
	margin: 0 0 10px 0; padding: 5px 15px;
	color: yellow;
	font-size: 205%;
}
.koncert-headline h2 span {font-weight: normal; color: white;}

h3 {
	font-size: 115%;
	font-weight: bold;
	color: white;
	padding: 2px 0; margin: 15px 0;
	border-bottom: 1px solid #a9cbec;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif; line-height: normal;
}


a {text-decoration: underline; color: #FEF5D5;}
a:hover {text-decoration: none; color: yellow;}

img {border: none;} img.block {display: block}
form {margin: 0; padding: 0;}
sup {font-size: 75%;}

hr {
	border: none;
	border-top: 1px solid #D3C183;
	height: 1px;
	width: 100%;
	display: block;
}

/**/

#page {
	margin: 87px auto 0 auto; padding: 0;
	width: 830px;
	position: relative;
}
#main {
	background: #5D0013 url(../_clip/bg-main-hp.gif) left top repeat-x;
	width: 100%; height: 258px;
	border-bottom: 1px solid white;
	position: relative;
}
.page-hudebni-kanal #main {background: #646363 url(../_clip/vizual.jpg) left top repeat-x;}

.vizual-nadpis {
	width: 560px; height: 261px;
	background: url(../_clip/vizual-overlay.png) left top no-repeat;
	position: absolute;
	top: -1px; left: 288px;
}

#content-holder {
	position: absolute; top: 300px;
	width: 830px;
	background: #A3A3A3;
}
#content {
	width: 530px;
	padding: 20px 15px; margin: 0 28px 0 0;
	display: inline;
	line-height: 1.4em;
	float: right;
	font-size: 115%;
}
.content-bg {
	padding: 0; margin: 0;
	background: #7db7e1 url(../_clip/bg_content-part.jpg) left top no-repeat;
	width: 100%;
}
#left-side {
	width: 200px;
	padding: 20px 10px 10px 0; margin: 0 0 0 15px;
	display: inline;
	float: left;
}
.inside-header {
	margin: 0;
	background: url(../_clip/inside-header.jpg) left top no-repeat;
	height: 137px;
	position: relative;
}
.btn-mmig-hp {
	width: 200px; height: 80px;
	display: block;
	position: absolute; top: 45px; left: 23px;
}

#content-footer {
	font-size: 95%;
	height: 90px;
	padding: 20px 0 0 350px; margin: 0 -100px;
	background: url(../_clip/bg_bottom.gif) center bottom no-repeat;
	clear: both;
}
#content-footer ul {
	list-style: none;
	margin: 0; padding: 5px;
}

#content-footer ul li {display: inline;}
#content-footer li.btn-back {background: url(/_clip/bullet-back.gif) left center no-repeat; padding: 0 7px 0 18px;}
#content-footer li.btn-top {background: url(/_clip/bullet-top.gif) left center no-repeat; padding: 0 7px 0 18px;}
#footer {
	color: #544D34;
	padding: 10px 20px 10px 20px;
	width: 790px;
	font-size: 95%;
	line-height: 1.4em;
	font-family: Tahoma, Arial, sans-serif;
	display: table;
	clear: both;
}
#footer a {padding: 1px 3px;}
#footer a:hover {background: #979797}

.head-link {
    float:right;
	display: table;
	padding: 3px 6px; margin: 12px 0 0 0;
	background: silver;
	color: black;
	font-weight: bold;
}



/**/
span.btn-home {
	display: block;
	width: 180px; height: 60px;
}
a span.btn-home {cursor: pointer;}

/**/
.skladba-info {
	background: #706D60;
	padding: 10px;
}
.kapela-info {
	background: #5F5B4D;
	padding: 10px; margin: 10px 0 0 0;
}
.skladba-info h2, .kapela-info h2 {padding-top: 0;padding-bottom: 0; margin: 0 0 15px 0}

table.info {
/*	border: 1px solid #534F40; */
}
table.info th {
	padding: 2px 5px;
	width: 50px;
	color: yellow;
	font-weight: normal;
	text-align: left;
}
table.info td {
	padding: 2px 5px;
}
table.info td.web {
	border-top: 1px solid #534F40;
	font-weight: bold;
}

.skladba-tools {
	width: 100%;
	display: table;
	border-top: 1px solid #534F40;
	padding: 5px 0 0 0; margin: 5px 0 0 0;
	clear: both;
}
*html .skladba-tools {clear: none}
.skladba-tools a.prehrat {margin: 0 10px 0 0;}

/* login */
#login-form {
	background: #363636;
	padding: 5px;
}
#login-form input {
	border: 1px solid #C0C0C0;
	background: #535252;
	margin: 3px 10px 3px 0;
	font-size: 95%;
	color: white;
	vertical-align: middle;
}
#login-form span {}
#login-form input.btn-login {margin: 3px 10px 3px 0;}
* html #login-form input.btn-login {margin: 3px 10px 3px 0;}


/**/
.infoBox {
	padding: 7px 13px; margin: 10px 0;
	border-bottom: 1px solid #5096d7;
	border-top: 1px solid #c1dbf3;
	color: #0865a6;
	background: #a9cbec;
}
.infoBox h2 {
	padding: 0 0 10px 0;
}
.infoBox2 {
	border: 1px dotted silver;
	padding: 5px 8px; margin: 10px 0;
	background: #363636;
}
.game-info {
	padding: 7px 13px; margin: 10px 0;
	border-bottom: 1px solid #5096d7;
	border-top: 1px solid #c1dbf3;
	color: #0865a6;
	background: #a9cbec;
	font-size: 85%;
	line-height: normal;
}
.left-picture {
	float: left;
	margin: 0 10px 10px 0;
	border: 4px solid #A9CBEC;
	padding: 1px;
	background: white;
}
.right-picture {
	float: right;
	margin: 0 0 10px 10px;
	border: 4px solid #A9CBEC;
	padding: 1px;
	background: white;
}

.thumb_holder {
	border: 4px solid #A9CBEC;
	background: #A9CBEC;
	text-align: center;
}
.thumb_holder img {margin: 0 auto; display: block;}


.last-from-naex ul {list-style: none; margin: 0; padding: 0;}
.last-from-naex ul li {padding: 3px 0 3px 20px; background: url(/microsite/mp3-parada-3/_clip/list-bullet.gif) 5px 8px no-repeat;}


.full {width: 550px}
.right-image-links {float: right; margin: 0 0 10px 15px;}
.right-image-links img {border: 3px solid #E7DDBB; margin: 2px 0;}
.right-image-links a:hover img {border: 3px solid white;}
.white {color: white;}
.yellow {color: yellow;}
a.outside-link { background: url(/_clip/new-win-ico.gif) right center no-repeat; padding: 0 12px 0 0}
/**/
#right-side ul {
	margin:0; padding: 0;
	list-style: none;
	line-height: 1.4em;
}
#right-side ul li {
	padding: 0 0 0 12px;
	background: url(../_clip/list-bullet.gif) left center no-repeat;
}
#right-side ul li a {text-decoration: none;}
#right-side ul li a:hover {text-decoration: underline;}

#seznam-koncertu { padding: 15px 0; border-bottom: 1px solid #d3c183; }
table.seznam-koncertu {border-collapse: collapse; background: none; border: none; margin: 0 auto; text-align: center; width: 796px;}
table.seznam-koncertu td {padding: 0; background: none; color: black; font-weight: bold; font-size: 95%; height: 34px; vertical-align: middle;}
table.seznam-koncertu td.green-small {background: url(../_clip/green-btn_small.gif) center center no-repeat; text-align: center; width: 85px;}
table.seznam-koncertu td.gray-small {background: url(../_clip/gray-btn_small.gif) center center no-repeat; text-align: center; width: 85px;}
table.seznam-koncertu td.gold-small {background: url(../_clip/gold-btn_small.gif) center center no-repeat; text-align: center; width: 85px;}
table.seznam-koncertu td.green-wide {background: url(../_clip/green-btn_wide.gif) left center no-repeat; text-align: left; width: 166px; padding: 0 0 0 10px;}
table.seznam-koncertu td.gray-wide {background: url(../_clip/gray-btn_wide.gif) left center no-repeat; text-align: left; width: 166px; padding: 0 0 0 10px;}
table.seznam-koncertu td.gold-wide {background: url(../_clip/gold-btn_wide.gif) left center no-repeat; text-align: left; width: 166px; padding: 0 0 0 10px;}

table.seznam-koncertu td a {color: black; text-decoration: none; padding: 5px 0; display: block;}
table.seznam-koncertu td a:hover {color: white;}


/***********/
ul.styled-list {
	margin: 0; padding: 0;
	list-style: none;
}
.styled-list li {
	background: url(/_clip/bullet-styled-list.gif) 0 8px no-repeat;
	padding: 1px 0 1px 17px; margin: 0 0 0 10px;
}


/***********/
.caption {
	width: 100%;
	margin: 0 0 20px 0; padding: 0 0 20px 0;
	display: table;
	border-bottom: 1px dashed #6F0001;
}
.caption img {
	float: left;
	border: 3px solid #DCCD9C;
}
.caption a:hover img {border: 3px solid white;}
.caption-text {margin: 0 0 0 165px;}
.caption textarea {
	width: 400px; height: 100px;
	float: right;
}
.caption h3 {margin: 0; padding: 0;}
.caption em {color: black;}
.code {
	border: 1px dashed #E7DDBB;
	font-family: "Courier New", Courier, monospace;
	font-size: 95%;
	padding: 5px;
}
.caption .code {margin: 0 0 0 150px;}

/* leve menu */

ul#sub-menu {
	list-style: none;
	margin: 0; padding: 0;
	font-size: 125%;
}
ul#sub-menu li a {
	display: block;
	padding: 5px 10px 5px 20px; margin: 2px 0;
	background: #9ccdf1;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
ul#sub-menu li.active a {background: #0076BA;}
ul#sub-menu li a:hover {background: #FFF; color: #0076BA; margin: 2px 0;}

ul#sub-menu li ul {list-style: none; margin: 0 0 0 15px; padding: 0; list-style: none; font-size: 85%;}
ul#sub-menu li li a, ul#sub-menu li.active li a {background: url(../_clip/list-bullet.gif) 8px 10px no-repeat;}
ul#sub-menu li li a:hover {background: #363636 url(../_clip/list-bullet.gif) 8px 10px no-repeat;}


/* \*/ * html ul#sub-menu li a {height:1px;} /**/

ul.extra {
/*	border: 1px solid black;
	background: url(../_clip/sraf.gif) left center ; */
	margin: 15px 0 !important;
	font-size: 95% !important;
}


/***********/
.two-column-holder {
	width: 100%;
	display: table;
}
.two-column-holder .left-column {
	padding: 10px 10px 10px 0;
	float: left;
	width: 47%;
}
.two-column-holder .right-column {
	padding: 10px 10px 0 10px;
	float: right;
	width: 47%;
}
.two-column-holder span { color: #F6E618; }

/*************/
#toolbar {
	background: #D3C183 url(../_clip/bg-toolbar.gif) left top repeat-x;
	width: 100%; height: 40px;
	border-bottom: 1px solid white;
	clear: both;
	z-index: 10;
}
#toolbar img {margin-left: 13px;}
#toolbar img.btn_leto-prazdroj { margin: 0 0 0 1px }
#toolbar img.btn_pilsner-fest { margin: 0 0 0 -4px;  }

#toolbar ul li {float: left;}
#toolbar li {position: relative; overflow: hidden;}
#toolbar li span {position: absolute; top: 0; left: 0; display: block;}
#toolbar li a:hover {cursor: pointer;}
#toolbar ul {
	margin: 0; padding: 29px 0 0 25px;
	list-style: none;
	float: left;
}
#toolbar li.tool-01, #toolbar li.tool-01 span {background: url(../_clip/tool-cash-and-carry.gif) top left no-repeat; width: 46px; height: 31px;}
#toolbar li.tool-02, #toolbar li.tool-02 span {background: url(../_clip/tool-eshop.gif) top left no-repeat; width: 46px; height: 31px;}
#toolbar li.tool-03, #toolbar li.tool-03 span {background: url(../_clip/tool-g-klub.gif) top left no-repeat; width: 46px; height: 31px;}
#toolbar #search {
	background: url(../_clip/bg-search.gif) left top no-repeat;
	padding: 0 15px 10px 10px; margin: 32px 0 0 74px;
	float: left;
	display: inline;
	position: relative;
	z-index: 100;
}
#toolbar #search input {
	border: 1px solid #706034;
	background: #B96245 url(../_clip/bg-input.gif) left top repeat-x;
	width: 115px;
	font-size: 95%;
}
#toolbar #search input.btn-hledej {
	width: auto;
	border: none;
	background: none;
	font-weight: bold;
	color: #B50025;
}
#toolbar #search input.btn-hledej {cursor: pointer;}
#toolbar .logo {position: relative; top: -6px; float: right;}

.game-preview { float: right; width: 158px; text-align: center; margin: 0 0 15px 25px;}
.game-preview img.game-icon { border: 4px solid #FFF; margin-bottom: 5px;}

a.hp-btn {width: 100%; height: 100%; display: block;}

/**/
input.noStyle {border: none !important; background: none !important;}

/* --- TABLES --- */


table {
	width: 100%;
	border: 1px solid #0769AA;
	margin: 10px 0;
}
td {
	padding: 4px;
	background: #4E95D7;
	vertical-align: top;
}
th {
	padding: 4px;
	background: #08619B;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
table img {
	border: 2px solid #D2B768;
}
img.noBorder {border: none;}

table.soutez {text-align: center;}
table.soutez th {text-align: center;}

table.soutez tr.active-game img, table.soutez tr.end-game img {border: none; margin: 0 auto; padding: 0; display: block; vertical-align: middle;}
table.soutez tr.active-game td {vertical-align: middle; background: #535252;}

table.soutez tr.end-game td {background: #000000;}
table.soutez input.game-btn {
	background: #535252;
	border: 1px solid silver;
	color: white;
	font-size: 95%;
	cursor: pointer;
}
table.soutez table.poradi td {
background: black;
}

table.play-game th { text-align: center; }
table.play-game td { text-align: center; }
table.play-game td img { border: none;}

.icons-position {
	position: absolute; top: 5px; left: -35px; z-index: 9999;
	background: black;
	border: 5px solid white;
}

/* hlasovani */
.kotva {
    color: white;
    position: absolute; left: inherit; top: inherit;
	display: none;
	width: 200px; height: 30px;
    padding: 10px 5px;
    border: 4px solid #2B2B2B;
    background-color: #8D825E;
	text-align: center;

}
.kotva a {
	border: 1px solid black;
	background: #706D60;
	color: #2B2B2B;
	padding: 0 3px; margin: 0 1px;
	text-decoration: none;
}
.kotva a:hover {
	background: #2B2B2B;
	color: yellow;
	text-decoration: none;
}

/**/
.textRight, td.textRight, th.textRight {text-align: right;}
.textCenter, td.textCenter, th.textCenter {text-align: center;}
.textLeft, td.textLeft, th.textLeft {text-align: left;}
.floatLeft {float: left;} .floatRight {float: right;}
.clear {clear: both;} .clearRight {clear: right;} .clearLeft {clear: left;}
.hide {display: none;}


/***************/
@media print {
	body {
		background: white; color: black;
		font-size: 10pt;
		font-family: "Times New Roman", Times, serif;
		}
	h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; color: black;}
	#page {width: 100%; padding: 0; margin: 0;}
	#left-menu, .inside-header, #main, #toolbar, #content-footer, #footer {display: none;}
	#content, #content-holder {width: 100%; line-height: normal; margin: 0; padding: 0; overflow: visible; height: 100%; position:    static;}
}

#answer, #vote {
    width: 200px;
    height: 100px;
    padding: 5px;
    border: 1px solid #700022;
    background-color: #F0EFEF;
}

#msg {
    background-color: #FF9805;
    padding: 5px;
    margin: 2px;
    color: #96002E;
}