/*BASIC ELEMENTS*/
* {
	border: 0; margin: 0; padding: 0;
	list-style: none;
}
body  {
	background: #4E4F50 url(../img/bg.jpg) repeat-x;
	font-family: "Arial", sans-serif;
	font-size: 0.8em;
	color: Black;
	text-align: center;
	margin: 0 0.3em 0 0.3em;
	padding: 0;
	_behavior: url(csshover.htc);
}
h1 {
	background: url(../img/header-h1-bg.jpg) no-repeat 0 100%;
	position: absolute;
	top: 0px;
	left: 1px;
	height: 126px;
	width: 376px;
	text-indent: -9999px;
	z-index: 5;
}
h1 a {
	display: block;
	float: left;
	position: absolute;
	left: 32px;
	top: 19px;
	height: 74px;
	width: 293px;
	text-decoration: none;
	text-indent: -9999px;
}
h2 {
	background: url(../img/header-h2.jpg) no-repeat 0 100%;
	position: absolute;
	top: 0px;
	right: 1px;
	height: 126px;
	width: 258px;
	text-indent: -9999px;
	z-index: 5;
}
h3 {
	background: #D8D8D8;
	border-bottom: 1px solid White;
	color: #A7A7A7;
	font-size: 100%;
	padding: 0.3em 0 0.3em 0;
	text-align: center;
}
p {
	margin: 0em 0 0.3em 0;
	padding: 0.2em 0 0.2em 0;
}
.cleaner {
	float: none; clear: both;
	width: 0px;	height: 1px; line-height: 0px; font-size: 1px;
}
.hide {
	display: none;
}
hr {
	border: none;
}
acronym {
	color: #B2100E;
	font-weight: bold;
}
/*anchors*/
a {
	color: #CB0F0F;
}
a:hover {
	color: #FF0D0D;
	cursor: hand;
}
a.email {
	background: none;
	back\ground: url(../img/email.gif) no-repeat 0 5px;
	display: block;
	disp\lay: inline;
	margin: 0 0 0 0.1em;
	padding: 0 0 0 1.7em;
	text-decoration: underline;
	width: 250px;
	wi\dth: auto;
}
a.email:hover {
	background: url(../img/email-hover.gif) no-repeat 0 5px;
}
a.external {
	background: none;
	back\ground: url(../img/a-external.gif) no-repeat 0 5px;
	padding: 0 0 0 12px;
	font-weight: bold;
}
a.nahoru {
	background: none;
	back\ground: url(../img/sipka-up.gif) no-repeat 3px 6px;
	margin: 1em 0 0em 0;
	padding-left: 1em;
	text-decoration: none;
}
a.nahoru:hover {
	background: none;
	back\ground: url(../img/sipka-up2.gif) no-repeat 3px 5px;
}
a.foto {
	background: none;
	back\ground: url(../img/ico-jpg.gif) no-repeat 0 4px;
	padding: 0.3em 0 0.1em 1.7em;
}
a.word {
	background: none;
	back\ground: url(../img/ico-word.png) no-repeat 0 4px;
	padding: 0.2em 0 0.1em 1.5em;
}
a.excel {
	background: none;
	back\ground: url(../img/ico-xls.png) no-repeat 0 4px;
	padding: 0.2em 0 0.1em 1.5em;
}
a.sound {
	background: none;
	back\ground: url(../img/ico-sound.png) no-repeat 0 4px;
	padding: 0.2em 0 0.1em 1.5em;
}
a.video {
	background: none;
	back\ground: url(../img/ico-video.png) no-repeat 0 4px;
	padding: 0.2em 0 0.1em 1.5em;
}
/* MAIN HOLDER */
#conteiner {
	background: White;
	border: none;
	text-align: center;
	width: 700px;
	_width: expression(document.body.clientWidth<700 ? "696px" : (document.body.clientWidth>1150 ? "1146px" : "auto" ) );
}
html[xmlns] #conteiner {
	margin: 0 auto 0 auto;
	width: auto;
	min-width: 700px;
	max-width: 1150px;
}
/*auxiliary*/
.obsah {
	padding: 8px 10px 8px 10px;
}
.right {
	text-align: right;
}
p.datum {
	color: #777;
	font-size: 0.9em;
	text-align: right;
	margin: 0; padding: 0;
}
.center {
	text-align: center;
}
#center .no-border {
	border: none;
	margin: 0;
}
#center .no-margin {
	margin-left: 0;
}
#center .no-bg {
	background: none;
}
#center .no-list li {
	background: none;
	padding-left: 0.5em;
}
#center div.float {
	float: left;
	padding: 0 1em 0 0;
}
#center div.cara {
	background: url(../img/clanek-bg.gif) repeat-x 0 0;
	height: 25px;
	margin-top: 1.5em;
	/*width: 99%;*/
}
#center strong {
	color: #333;
}
/*HEADER*/
#header {
	background: #BF0707 url(../img/header-bg.jpg) repeat-x 0 100%;
	height: 132px;
	position: relative;
	margin-left: 1px;	margin-right: 1px;
}
#header form {
	position: absolute;
	right: 2em;
	z-index: 100;
	bottom: 0.7em;
}
#header hr {
	display: none;
}
#header a {
	color: #E3ABAB;
	text-decoration: none;
}
#header a:hover {
	color: #F0F0F0;
}
/*left, right*/
#left, #right {
	width: 160px;
}
#left div.background, #right div.background {
	background: #EAEAEA;
	margin-bottom: 8px;
	padding-bottom: 0.8em;
}
#left img, #right img {
	border: 1px solid White/*#D4D4DA*/;
	margin: 1em 0 0em 0;
}
#left .no-border, #right .no-border {
	border: none;
}
#left p, #right p {
	font-size: 90%;
}
#left hr, #right hr {
	display: none;
}
/*LEFT*/
#left {
	float: left;
}
#left .obsah {
	padding-left: 9px;
	padding-right: 0px;
}
#left p {
	margin: 0.7em 0 0.1em 0;
}
#left p a {
	font-weight: bold;
	color: #090909;
}
/*menu*/
menu {
	margin-bottom: 8px;
	width: 151px;
}
menu li {
	position: relative;
	width: 100%;
	z-index: 100;
}
menu a {
	color: White;
	display: block;
	padding: 0.3em 0 0.3em 1em;
	padd\ing: 0.3em 0 0.3em 0;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
menu a:hover {
	color: #F8F8F8;
}
menu li.blue a.active {
	color: #d1e0eb;
}
menu li.red a.active {
	color: #E9B8B8;
}
menu li.orange a.active {
	color: #F7DBB8;
}
menu li.blue a {
	background: url(../img/menu-a-border-blue.gif) repeat-x 0 100%;
	background-color: #6699BD;
}
menu li.blue a:hover, menu li.blue a.active {
	background: none;
	back\ground: url(../img/menu-a.gif) no-repeat 0 50%;
	background-color: #618AAB;
}
menu li.red a {
	background: url(../img/menu-a-border-red.gif) repeat-x 0 100%;
	background-color: #B81313;
}
menu li.red a:hover, menu li.red a.active {
	background: none;
	back\ground: url(../img/menu-a.gif) no-repeat 0 50%;
	background-color: #AB1212;
}
menu li.orange a {
	background: url(../img/menu-a-border-orange.gif) repeat-x 0 100%;
	background-color: #F99514;
}
menu li.orange a:hover, menu li.orange a.active {
	background: none;
	back\ground: url(../img/menu-a.gif) no-repeat 0 50%;
	background-color: #E58713;
}
menu span {
	padding-left: 1.5em;
}
menu ul {
	border: 1px solid White;
	padding-bottom: 0px;
	position: absolute;
	top: 0;
	left: 152px;
	width: 140px;
	z-index: 100;
}
menu ul a {
	display: block;
}
menu li.red ul a:hover {
	background: none;
	back\ground: url(../img/footer-copyright.gif) no-repeat 5px 50%;
	background-color: #AB1212;
}
menu li.orange ul a:hover {
	background: none;
	back\ground: url(../img/footer-copyright.gif) no-repeat 5px 50%;
	background-color: #E58713;
}
menu li.blue ul a:hover {
	background: none;
	back\ground: url(../img/footer-copyright.gif) no-repeat 5px 50%;
	background-color: #618AAB;
}
menu ul, menu li:hover ul ul {
	display: none;
}
menu li:hover ul, menu ul ul li:hover ul {
	display: block;
}
menu li {
	_float: left;
	_width: 100%;
}
menu li a {
	_height: 1%;
}
/*RIGHT*/
#right {
	float: right;
}
#right .script {
	margin: 1em 0 0em 0;
}
#right .obsah {
	padding-left: 0px;
	padding-right: 9px;
}
#right div.nejblizsi-turnaje {
	background: #EAEAEA;
	_margin: 0 0 -0.5em 0;
	margin-bottom: 8px;
	padding: 0;
}
#right ul {
	display: block;
	background: url(../img/right-ul-border.gif) repeat-x 0 100%;
	padding: 0.5em 0 0.3em 0;
	text-align: left;
}
#right li {
	color: #4E4E4E;
	margin-left: 0.5em;
	padding: 0.1em 0 0 1em;
}
#right ul.bg-tmavsi {
	background: #E5E5E5;
}
#right li.nadpis-red {
	background: url(../img/li-red.gif) no-repeat 0 50%;
	color: #BA0101;
}
#right li.nadpis-orange {
	background: url(../img/li-orange.gif) no-repeat 0 50%;
	color: #FF8A01;
}
#right p.login {
	background: url(../img/login.gif) no-repeat 8px 48%;
	text-align: right;
	padding: 0.7em 1em 0.4em 0;
	_padding: 0.7em 1em 0.1em 0;
}
#right p.password {
	background: url(../img/password.gif) no-repeat 8px 48%;
	text-align: right;
	padding: 0.2em 1em 0.5em 0;
}
#right p.go {
	text-align: right;
	padding-right: 1em;
}
/*CENTER*/
#center {
	margin: 0px 160px 10px 160px;
	text-align: justify;
}
#center h3 {
	color: #666;
}
#center.normal h3 {
	margin-bottom: 1em;
}
#center.normal h4 {
	color: #111;
	font-size: 100%;
	margin: 0.7em 0 0.5em 0;
}
#center ul {
	margin: 0.3em 0 0.5em 1em;
	padding: 0.4em 0 0.4em 0.5em;
}
#center ul li {
	background: url(../img/li-all.gif) no-repeat 0 55%;
	padding: 0.3em 0 0.3em 1.7em;
	vertical-align: top;
}
#center ul img {
	border: 1px solid #E1E2E2;
	/*float: left;*/
	margin: 0 0.5em 0.5em 0;
	padding: 1px;
}
/*floaty*/
.float-inside {
	margin: 1em 0 1em 0;
	width: 98%;
}
.float-inside img {
	border: 1px solid #ccc;
	margin: 0.5em 2em 1em 0;
}
/*clanek*/
div.clanek {
	background: url(../img/clanek-bg.gif) repeat-x 0 100%;
	margin-bottom: 0.1em;
	padding-bottom: 2.4em;
}
div.clanek h4 {
	color: Black;
	font: 140%/1.2 Helvetica, Arial, Verdana, sans-serif;
	margin: 0.4em 0 0.4em 0;
}
div.clanek h4 a {
	color: Black;
}
div.clanek h5 {
	color: Black;
	font-size: 100%;
	text-decoration: underline;
	margin: 0.7em 0 0.4em 0;
}
div.clanek p {
	margin: 0.3em 0 0.3em 0;
	padding: 0.2em 0 0.2em 0;
}
div.clanek p.datum-autor {
	background: url(../img/clanek-datum-autor.gif) repeat-x 0 0;
	color: #595959;
	height: 25px;
	margin: 1.2em 0 0.1em 0;
	padding: 0.4em 0 0 0.4em;
	position: relative;
	z-index: 5;
}
div.clanek img {
	border: 1px solid #E1E2E2;
	float: left;
	margin: 0.7em 0.8em 0.5em 0;
	_margin: 0.7em 0.8em 0.5em 0.2em;
	padding: 1px;
}
div.clanek p.datum-autor img {
	position: absolute;
	top: -18px;	right: -5px;
	border: 0; margin: 0; padding: 0;
	z-index: 6;
}
div.clanek p.datum-autor span {
	padding: 0.1em 0 0 1.6em;
}
div.clanek p.datum-autor .datum {
	background: none;
	back\ground: url(../img/clanek-datum.gif) no-repeat 0 0;
}
div.clanek p.datum-autor .autor {
	background: none;
	back\ground: url(../img/clanek-autor.gif) no-repeat 0 0;
}
div.clanek p.vice-komentare {
	color: #B6B6B6;
	margin: 0.9em 0 0 0;
	_margin: 0.5em 0 0 0;
	text-align: right;
}
div.clanek p.vice-komentare a {
	color: #5c5c5c;
	padding: 0.1em 0 0 1.6em;
	text-decoration: none;
}
div.clanek p.vice-komentare a:hover {
	color: Black;
	text-decoration: underline;
}
div.clanek a.vice {
	background: none;
	back\ground: url(../img/clanek-vice.gif) no-repeat 0 0;
}
div.clanek a.komentare {
	background: none;
	back\ground: url(../img/clanek-komentare.gif) no-repeat 0 0;
}
/*code*/
#code_view{
	text-align: left;
	font-size: 1.1em;
	_font-size: 1.2em;
	color: Black;
	background: White;
	margin: 0.5em auto 0.2em auto;
	padding: 0.2em;
	width: 840px;
}
code {
	font-family: "Arial", sans-serif;
}
/*tables*/
table {
	border-collapse: collapse;
	width: 98%;
}
td {
	vertical-align: top;
}
/*inputka*/
input {
	background: White url(../img/input.gif) repeat-x 0 0;
	border: 1px solid White;
	color: #252525;
	font-family: "Arial", sans-serif;
	font-size: 100%;
	text-indent: 2px;
	_text-indent: auto;
	height: 14px;
	width: 110px;
}
input.hledat {
	background: White url(../img/input-hledat.jpg) no-repeat 0 0;
	border: none;
	color: White;
	font-size: 10pt;
	font-weight: bold;
	margin: 0.3em 0 0 0.8em;
	padding: 0 0 0 1em;
	height: 16px;
	width: 62px;
	text-indent: -1000em;
}
body:last-child input.hledat {
	background: White url(../img/input-hledat.gif) no-repeat 0 0;
	_background: White url(../img/input-hledat.jpg) no-repeat 0 0;
}
input.prihlasit {
	background: url(../img/input-prihlasit.jpg) no-repeat 0 0;
	border: none;
	color: White;
	font-size: 9pt;
	font-weight: bold;
	margin: 0.2em 0 0 0.8em;
	padding: 0 0 0.1em 0em;
	height: 16px;
	width: 62px;
	text-align: center;
}
input.radio {
	border: none;
	background: none;
	width: 20px;
	margin: 0.4em 0 0 0;
}
/* TABLES */
table .left {
	text-align: left;
}
/* HRACI */
table.hraci {
	border: 1px solid #faf0f0;
	margin: 1em auto 1em auto;
	text-align: center;
	width: auto;
}
table.hraci td, table.hraci th {
	text-align: left;
	padding: 0.3em 1.5em 0.3em 1.5em;
}
table.hraci th {
	background: #B70C0C url(../img/footer.jpg) repeat-x 0 100%;
	color: White;
}
table.hraci td {
	border: 1px solid #faf0f0;
	vertical-align: middle;
	padding: 0.2em 1.5em 0.2em 1.5em;
}
table.hraci .center {
	text-align: center;
}
table.hraci div {
	height: 75px;
	overflow: hidden;
}
table.hraci img {
	border: none;
	margin: 0; padding: 0;
	width: 60px;
}
table.hraci img:hover {
	border: none;
}
/* TABULKA */
table.tabulka {
	border: 1px solid #faf0f0;	margin: 1em auto 1em auto;	text-align: center;	width: auto;
}
table.tabulka td, table.tabulka th {
	text-align: left;	padding: 0.3em 0.4em 0.3em 0.4em;
}
table.tabulka th {
	background: #B70C0C url(../img/footer.jpg) repeat-x 0 100%;	color: White;
}
table.tabulka td {
	border: 1px solid #faf0f0;
	text-align: center;
}
table.tabulka .center {
	text-align: center;
}
table.tabulka .center th {
	text-align: center;
}
table.tabulka tr.sokoli td {
	color: #A91D1C;
	font-weight: bold;
}
table.tabulka tr.celkem td {
	color: #A91D1C;
	font-weight: bold;
}
/* HRAC */
table.hrac {
	width:auto;
	text-align: left;
}
table.hrac td {
	padding: 0 1.2em 0 0;
}
table.hrac img {
	border: 3px solid #E1E2E2;
	padding: 1px;
	margin: 0;
	opacity: 100;
}
table.hrac img:hover {
	border: 3px solid #E1E2E2;
}
#center table.hrac h4 {
	font-size: 1.3em;
	margin: 0.3em 0 0.5em 0;
}
/* REKLAMA */
/* Webzdarma.cz */
p.reklama {
	z-index: 200;
	height: 60px;
	width: 496px;
	margin: 0.2em auto 0.2em auto;
	_margin: 0em 0 0.7em 0;
}
p.reklama iframe {
	background: transparent;
	height: 60px;
	width: 496px;
}
p.reklama img {
	border: none;
}
/* Invia.cz */
iframe.invia120x160 {
	width: 120px; height: 622px; border: none; overflow: hidden;
	margin: 1em 0 0.1em 0;
}
/* google.com */
#google label {
	color: #E8E8E8;
	font-size: 0.85em;
	margin: 0.5em 0 0 0.2em;
}
/* Fotogalerie */
table.fotogalerie {
	margin: 0.5em auto 1em auto;
	width: 98%;
}
table.fotogalerie td {
	padding: 0.5em 0 0.5em 0;
}
table img {
	border: 1px solid #999;
	margin: 0; padding: 0;
	vertical-align: top;
	text-align: center;
	margin: 0.5em 0.5em 0.5em 0.5em;
	opacity: 0.9;
}
table.fotogalerie img {
	/*width: 150px;*/
}
table img:hover {
	border: 1px solid #333;
	opacity: 1;
	_border: none;
}
table.fotogalerie td.no-efekt {
	padding: 10px 0 0 0;
	text-align: center;
	width: 100%;
}
td.no-efekt a {
	border: none;
}
td.no-efekt a:hover {
	border: none;
}
#galerie-img {
	border: 1px solid White;
	margin: 1em;
}
a.galerie {
	color: White;
}
/*FOOTER*/
#footer {
	background: #B70C0C url(../img/footer.jpg) repeat-x 0 100%;
	border-top: 1px solid White;
	border-bottom: 1px solid White;
	font-size: 85%;
	color: #E4E4E4;
	margin-left: 1px;	margin-right: 1px;
	margin-bottom: 0em;
	position: relative;
	text-align: left;
}
#footer hr {
	border: none;
	border-top: 1px solid White;
	margin: 1px 0 0 0;
	_margin: 0;
	_position: absolute;
	height: 1px;
	top: 2px;
	left: 0;
	z-index: 100;
}
#footer a {
	color: White;
	text-decoration: none;
}
#footer a:hover {
	color: #CCC;
	text-decoration: underline;
}
#footer p {
	padding: 0.6em;
}
#footer .copyright {
	background: transparent url(../img/footer-copyright.gif) no-repeat 0 50%;
	text-align: left;
	margin-left: 0.5em;
	padding-left: 1em;
}
#footer .webdesign {
	background: transparent url(../img/footer-copyright.gif) no-repeat 0 50%;
	padding-left: 1em;
	position: absolute;
	right: 0.5em;
	top: 0em;
}
/*diskuze*/
form.diskuse input {
	height: 18px;
	background: White;
	border: 1px solid #999;
	width: 200px;
	margin-bottom: 1em;
}
form.diskuse textarea {
	font-family: "Arial", sans-serif;
	font-size: 1em;
	background: White;
	border: 1px solid #999;
	height: 100px;
	width: 300px;
	margin-bottom: 1em;
}
form.diskuse input.button {
	background: #B83432;
	height: 20px;
	width: 150px;
	font-weight: bold;
	color: White;
	border: none;
}
/*komentare*/
div.komentare {
	margin-bottom: 0.1em;
	padding-bottom: 2.4em;
}
div.komentare h4 {
	color: Black;
	font: 140%/1.2 Helvetica, Arial, Verdana, sans-serif;
	margin: 0.4em 0 0.4em 0;
}
div.komentare h4 a {
	color: Black;
}
div.komentare h5 {
	color: Black;
	font-size: 100%;
	text-decoration: underline;
	margin: 0.7em 0 0.4em 0;
}
div.komentare p {
	margin: 0.3em 0 0.3em 0;
	padding: 0.2em 0 0.2em 0;
}
div.komentare p.datum-autor {
	background: url(../img/clanek-datum-autor.gif) repeat-x 0 0;
	color: #595959;
	height: 25px;
	margin: 1.2em 0 0.1em 0;
	padding: 0.4em 0 0 0.4em;
	position: relative;
	z-index: 5;
}
div.komentare img {
	border: 1px solid #E1E2E2;
	float: left;
	margin: 0.7em 0.5em 0.5em 0;
	_margin: 0.7em 0.5em 0.5em 0.2em;
	padding: 1px;
}
div.komentare p.datum-autor img {
	position: absolute;
	top: -18px;	right: -5px;
	border: 0; margin: 0; padding: 0;
	z-index: 6;
}
div.komentare p.datum-autor span {
	padding: 0.1em 0 0 1.6em;
}
div.komentare p.datum-autor .datum {
	background: none;
	back\ground: url(../img/clanek-datum.gif) no-repeat 0 0;
}
div.komentare p.datum-autor .autor {
	background: none;
	back\ground: url(../img/clanek-autor.gif) no-repeat 0 0;
}
