body, form, input, select, textarea, td, th {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {text-align: center; font-size: 70%; color: #fff; background: #000 url(image/web/bg-body.jpg) no-repeat top; background-attachment: fixed; margin: 0; padding: 0;}
select, textarea {font-size: 100%;}
form {margin: 0; padding: 0;}
input, textarea, select {border: 1px solid #7B5C3D;}
input {height: 15px;}

p, ul, table {margin: 0 0 1em 0; padding: 0;}
li {margin: 0 0 1em 2em; background: url(image/web/bg-li.gif) 5px 5px no-repeat; list-style-type: none;}
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h1 {font-size: 120%; color: #cbbb0d; margin: 0 0 1em 0; text-transform: uppercase;}
h2 {font-size: 110%; color: #fad453;}
h3 {font-size: 100%; color: #e2e18b;}
h4 {font-size: 100%;}

table {border-collapse: collapse;} 
td {vertical-align: top;} 
a {color: #e2e18b; text-decoration: none}
a:hover {text-decoration: underline}
img {border: 0;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}
.cleaner1 {clear: both; margin-bottom: 0.5em; visibility: hidden;}

/* layout */
#layout {background-color: #000; border: 1px solid #333333; width: 886px; min-height: 100%; margin: 0 auto;} 
div>#layout {height: auto}

#header {
	position: relative;
	width: 886px;
	margin: 0 0px;
	height: 272px;
	background: url(image/web/header_cz.jpg) no-repeat;
}


#header h1 {
	display: block;
	position: relative;
	width: 886px;
	height: 170px;
	top: 0px;
	left: 0px;
}

#header h1 a {
	display: block;
	height: 170px;
}


#header #count-down {
	display: block;
	left: 385px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 165px;
}

#header #offsites {
	display: block;
	left: 655px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 165px;
}

#header #offsites li {
	float: right;
	margin-right: 0px;
}

#header #offsites a {
	background: no-repeat center center;
	display: block;
	height: 19px;	
	width: 110px;
}

#header #offsites li span {
	display: none;
}

#header #offsites #bandzone {
	background-image: url(image/web/bandzone.png);
}

#header #offsites #youtube {
	background-image: url(image/web/youtube.png);
}

#header #offsites #myspace {
	background-image: url(image/web/myspace.png);
		}

#header #offsites #facebook {
	background-image: url(image/web/facebook.png);
	}

#head {
	position: relative;
	width: 886px;
	margin: 0 0px;
	height: 272px;
	background: url(image/web/header_en.jpg) no-repeat;
}


#head h1 {
	display: block;
	position: relative;
	width: 886px;
	height: 170px;
	top: 0px;
	left: 0px;
}

#head h1 a {
	display: block;
	height: 170px;
}

#head #count-down2 {
		display: block;
	left: 385px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 165px;
}

#head #offsites {
	display: block;
	left: 755px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 185px;
}

#head #offsites li {
	float: left;
	margin-right: 0px;
}

#head #offsites a {
	background: no-repeat center center;
	display: block;
	height: 19px;	
	width: 110px;
}

#head #offsites li span {
	display: none;
}

#head #offsites #bandzone {
	background-image: url(image/web/bandzone.png);
}

#head #offsites #youtube {
	background-image: url(image/web/youtube.png);
}

#head #offsites #myspace {
	background-image: url(image/web/myspace.png);
		}

#head #offsites #facebook {
	background-image: url(image/web/facebook.png);
	}
	
#header a span {display: none;}
#head a span {display: none;}
#content {background: #000 url(image/web/bg-content2.jpg) no-repeat top;}
#content-left {float: left; width: 238px;}
#content-right {float: right; width: 648px;}
#content-banner {clear: both; text-align: center; padding: 15px 15px 15px 238px;}
#footer {height: 49px; background: url(image/web/bg-footer2.jpg) no-repeat right;}
#footer-left {float: left; width: 115px;}
#footer-right {float: right; width: 771px; font-size: 90%;}
#footer-right a {color: #CCCCCC;}
#footer-copyright {padding-top: 8px;}
#footer-copyright img {vertical-align: middle;}

/* menu */
#menu-top {text-align: center; height: 50px; background: url(image/web/bg-menu-top2.gif) no-repeat;}
#menu-main {margin-bottom: 1.5em; line-height: 200%; font-size: 90%; color: #939393; text-align: left;}
#menu-main a {font-weight: bold;}
#menu-main-active {color: #CCCCCC;}
#menu-footer {padding-top: 6px;}

/* clanek */
#main {margin: 0 15px 10px 15px; width: 618px; text-align: justify; line-height: 135%;}
#main ul {padding: 0;}
#main ul li {margin: 0; padding-left: 2em; background: url('image/web/bg-li.gif') 5px 5px no-repeat; list-style-type: none;}
#main .uvod-cleaner {clear: left; margin-bottom: 1em;}
#main .male {font-size: 80%; text-align: left;}
#main .seda {color: #666666; font-weight: bold;}
.vlevoobr {float: left; margin-right: 5px; margin-bottom: 2px}
.vpravoobr {float: right; margin-bottom: 2px; margin-left: 5px}
.right {text-align: right;}
.center {text-align: center; margin: 1.5em 0 1.5em 0;}

/* strankovani, jmeno, datum, perex */
#main .strankovani {text-align: right; margin: 10px 0 15px 0; font-size: 90%;}
.datum {color: #D6B99E; text-align: right;} 

.perex {margin-bottom: 1.5em;}
.perex h2 {font-size: 100%;}
.perex a {font-weight: bold;}
.perex-precist {text-align: right; margin-bottom: 10px; clear: left;}

/* uvod */
#index-body {height: 100%; background: #000;}
#index {height: 50%; width: 50%; position: absolute; left: 25%; top: 10%;}
#vlajky {width: 235px; margin: 30px auto;}
#vlajky #vlajka-cz {float: left;}
#vlajky #vlajka-en {float: right;}


/* tabulka vypis clankł */
.table01, .maletab3 {width: 100%;}
.table01 td, .table01 th {padding: 3px;}
.table01 th {font-weight: bold;}

/* tabulka clanek */
.table02 {width: 100%; font-size: 90%;}
.table02 td, .table02 th {padding: 3px; font-size: 90%;}
.table02 th {text-align: center; font-weight: bold;}

/* Doplnkove styly */
.main-intro {padding: 10px; margin-bottom: 20px;}
.tucne {font-weight: bold;}
.zvyrazneno, .chyba {font-weight: bold; color: #FF0000;}
.zvyrazneno2 {font-weight: bold; color: #333333;}

/* systemove bloky */
.content-blok-inner {padding: 0 30px 0 10px;}
.content-blok-inner h2 {text-align: center; font-size: 100%; background: #4e2b29; padding: 3px; color: #E6E6E6; border: 1px solid #000;}
.content-blok-inner h3 {font-size: 90%; color: #8E7358;}

.blok, .blok-center {padding: 5px; margin-bottom: 10px; padding: 5px; font-size: 90%; border: 1px solid #70573d; background-color: #000;}
.blok {text-align: left;}
.blok a, blok-center a, .blok-main a {font-weight: bold;}
.blok-center {text-align: center;}
.blok-center-text {text-align: center;}
.blok-nopadding {margin-bottom: 10px;}
.blok-main {margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px dashed #4e2b29;}
.blok-main h2 {text-align: center; font-size: 100%; color: #E6E6E6;}
.pozdrav {width: 128px;	overflow: auto; margin-bottom: 0.5em; color: #7B5C3D;}
.blok-echoes {width: 215px; float: left; text-align: left; padding: 5px;}
 
/* systemove moduly */

/* fotogalerie */
.fotogalerie {margin-bottom: 5px;}
.fotogalerie a {text-align: center; width: 280px; margin: 5px; float: left; font-weight: bold; color: #CCCCCC; text-decoration: none;}
.fotogalerie a p {margin: 0.5em 0 0 0;}


/* formulare a vyhledavani */
.table-form {margin: 15px 0; width: 100%;}
.table-form td, .table-login td {padding: 3px}
.table-form img {border: 0; margin-right: 10px; vertical-align: bottom;}
.table-form-jm {text-align: right;}
.form-text01, .form-text02, .form-text03, .form-textarea {background-color: #F0F0F0;}
.form-text01-foc, .form-text02-foc, .form-text03-foc, .form-textarea-foc {background-color: #fff; border: 1px solid #EACB9B;}
.form-text01, .form-text01-foc {width: 180px;} 
.form-text02, .form-text02-foc {width: 100px;} 
.form-text03, .form-text03-foc {width: 32px;}
.form-textarea, .form-textarea-foc {width: 280px; height: 100px;}
.button01, .button02, .button03 {height: 21px; border: 0px; margin: 10px; cursor: pointer;}
.button01 {background: url(image/web/button01.gif) no-repeat; width: 65px;}
.button02 {background: url(image/web/button02.gif) no-repeat; width: 155px;}
.button03 {background: url(image/web/button03.gif) no-repeat; width: 85px;}

/* ankety */
.anketa-blok-odpovedi a {font-weight: bold;}
.anketa-blok-hlasy {color: #333333}
.anketa-blok-odp-cara {margin-bottom: 8px;}
.cistic {clear: both;}
.anketa-blok-odp-cara-hlasy {margin: 0.5em 0em; height: 8px; line-height: 0px; padding: 0px; background: url(image/web/anketa-bg.gif) repeat-x;}