* {
	margin: 0;
	padding: 0;
}

body {
	font: 83% 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	background: #323232 url('../img/bgr_dark.jpg') no-repeat top center fixed;
	color: #000;
	text-align: center;
	min-width: 775px;
}


#main {
	width: 1000px; 
	margin: 0 auto;
	background: #222;
}



 #head {
	width: 1000px; 
	margin: 0 auto;
	margin-top: 10px;
	height: 240px;
	background: transparent url('../img/hlavicka_zaobleni_dark.gif') no-repeat 0px 0px;
 }
 
.hlavicka {
	height: 200px;
	margin: 0px;
	background: transparent url('../img/hlavicka_10_let.jpg') no-repeat 0px 10px;

 }

#head .spodek {
	background: transparent url('../img/hlavicka_spodek.gif') no-repeat bottom left;
	height: 5px;
	width: 1000px;

	
}
/*.pravy-horni-roh {	background: transparent url('../img/hlavicka_p.gif') no-repeat top right; }
.levy-vnitrni-roh {	background: transparent url('../img/nadpis_l.gif') no-repeat top left; height: 120px;}
.pravy-vnitrni-roh {	background: transparent url('../img/nadpis_p.gif') no-repeat top right; height: 120px;}*/


 #footer {
	width: 1000px; 
	margin: 0px auto;
	height: 80px;
	background: transparent url('../img/paticka_dark.png') no-repeat 0px 0px;
	}


#left {
	margin: 0px 10px 10px 10px;
	float: left; 
	width: 200px;  
	display: inline;
	text-align: left;
	background: #222;
	}
	
#center {
	margin: 0px 220px auto;	
	text-align: left;
	width: auto;
/*	background: #ffffff;*/
	padding: 0px;
	font-size: 1.02em;
	}
	
#center-velky {
	margin: 0px auto;	
	margin-left: 220px;
	text-align: left;
	width: auto;
	background: #222222;
	padding: 0px;
	}
	
	
#right {
	margin: 0px 10px 10px 10px;
	padding: 0px;
	width: 200px;  
	float: right;
	display: inline;
	background: #222;
	text-align: justify;
	}
		

	
.cleaner {
	clear:both; 
	height:10px; 
	font-size:1px; 
	border:none; 
	margin:0; 
	padding:0;	
	}





/* --------- prvky ---------- */

h1 {
	color: #b4b09b;
	margin: 2px 20px 10px 20px;
	padding: 0px;
	font-size: 2em;

}
	
	h2 {
	color: #9f9a82;
	margin: 1.5em 20px 0.5em 20px; 
	font-size: 1.6em; 
	font-weight: normal;
	text-align: left;  
	}
	
	h3 {
	color: #908b74; 
	margin: 1.5em 20px 20px 20px; 
	font-size: 1.4em; 
	font-weight: normal;
	text-align: left;  
	}

ul, li {
	margin: 0px;
	padding: 0px;
}

p, hr, table, form, address, #center ul, #center iframe { 
	margin: 0em 20px 1em 20px;
	text-align: left;
	color: #999999;
	font-style: normal;
	}
/* protoze fckeditor umoznuje davat jiny margin a taky dava table do p */
#center p, #center hr, #center table, #center form, #center address, #center ul, #center iframe { 
	margin: 0em 20px 1em 20px !important;
	}
#center p table {	margin: 0em 0px 1em 0px !important;}

p, h4 {
	line-height: 1.3em;
}
table {
	border-collapse: collapse;
}
td, th {
	vertical-align: top;
	padding: 0em 0.5em;
}


a, a h2 { 
	color: #dec754; 
	text-decoration: underline;
	font-weight: bold;
	}

a:hover, a:hover h2 {
	color: #f6da4a;
	text-decoration: none;
	} 

img {
	border-width: 0px; 
	margin: 0px;
	}

hr {
	color: #222;
	border: 1px dashed #bbbbbb;
	border-width: 0px 0px 1px 0px;
}

#center li, #center-velky li {
	margin-left: 40px;
}

.levacek {	float: left; }
.pravacek {	float: right;  }

/* --------- navigace ---------- */
#menu	{
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 1px;
	margin-bottom: 1em;
	background: #ffca26;
	padding-bottom: 11px;
	background: #222 url("../img/obloucek_bottom_cerny_dark.gif") bottom left;
}
.navigace  {
    width: 200px;
    margin: 0;
    line-height: 13px;
    background: #111;
    display: block;
    }


.navigace li {
    padding: 0px;
    float: none;
    background: url("../img/menu_sub_bgr_black.gif") 0px 0px;   
    text-align: left;
    list-style: none;
}

.nastenka li {
    background: url("../img/menu_sub_bgr.gif") 0px 0px;   
    } 

.navigace li a {
    width: 200px;
    padding: 7px 0px 7px 0px;
    text-indent: 30px;
    line-height: normal;
    font-size: 13px;
    font-weight: normal;
    display: block;
    color: #bbb;
    text-decoration: none;
    background: url("../img/hr.gif") 0 bottom repeat-x !important;
}

.nastenka li a {
  color: #fff1c7;
}
.navigace li:hover {
    background: url("../img/menu_sub_bgr_black.gif") 0px -50px;   
    color: #aaa;
}
.nastenka li:hover {
    background: url("../img/menu_sub_bgr.gif") 0px -50px;   
}

.navigace li a:hover {
    color: #fff;
}

.navigace div {
	width: 200px;
	height: 12px;
	background: transparent url('../img/obloucek_bottom_menu.gif') no-repeat;
}
.nastenka {
  background: transparent url('../img/obloucek_bottom_hnedy_dark.gif') bottom left no-repeat !important;
  padding-bottom: 11px;
}

/* -- horni menu -- */ 
#navigace {
    width: 980px;
    height: 40px;
    margin: 0;
    padding: 0;
    border : 10px solid #222222;
    border-width : 0px 10px;
    position: relative;
    background: url("../img/menu_hor_repeat_dark.jpg") repeat-x #222;
    z-index: 10;
}

#navigace .obloucky {
   background: transparent url("../img/menu_hor_obloucky_dark.png") bottom left repeat-x;
   width: 10px;
   height: 40px;
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 12;
}
#navigace .pravy {
   background: transparent url("../img/menu_hor_obloucky_dark.png") -970px 0px repeat-x;
   width: 10px;
   height: 40px;
   position: absolute;
   top: 0px;
   left: 970px;
   z-index: 12;
}
#navigace li {
    margin: 0 0 0 0px;
    padding: 0px;
    float: left;
    list-style: none;
    background: #111 url("../img/menu_bgr_black_dark.gif") 0px 0px repeat-x;
    position: relative;
    line-height: normal;
}

#navigace li a {
    line-height: 40px;
    display: block;
    _float: left;
    color: #bbb;
    font-size: 16px;
    text-decoration: none;
    padding: 0 10px 0 30px;
    margin-left: 0px;
    
}

#navigace li.active a, #navigace li a:hover, #navigace li:hover{
    background: #111 url("../img/menu_bgr_black_dark.gif") 0px -50px repeat-x;
    color: #fff;
}

#navigace li.first {
    padding-left: 15px;
    background: none;
}

#navigace li ul {
    width: 200px;
    margin: 0;
    padding-bottom: 12px;
    position: absolute;
    top: 40px;
    left: 0px;
    background: transparent url("../img/obloucek_bottom_black_dark.png") bottom left no-repeat;
    display: none;
}

#navigace li:hover ul {
    display: block;
}

#navigace li ul li {
    padding: 0px;
    float: none;
    background: url("../img/menu_sub.jpg") 0px -50px;   
    text-align: left;
}

#navigace li ul li a {
    width: 200px;
    padding: 7px 0px 7px 0px;
    text-indent: 30px;
    line-height: normal;
    font-size: 13px;
    font-weight: normal;
    float: none;
    background: url("../img/hr.gif") 0 bottom repeat-x !important;
}

#navigace li ul li:hover {
    background: url("../img/menu_sub.jpg") 0px 0px;   
}


	
/* --------- left ---------- */


.zahlavi {
	background: #fec708 url('../img/zahlavi_zlute_dark.jpg');
	margin: 0px;
}

.zahlavi-hotnews {
	background: #39191a url('../img/zahlavi_hot_dark.jpg');
	margin: 0px;
}

.nastenka .zahlavi {
	background: #392a00 url('../img/zahlavi_hnede_dark.jpg');
	margin: 0px;
}

.cerne {
	background: #000 url('../img/zahlavi_black_dark.jpg');
	}
.cfbucz {
	background: #E4DAB8 url('../img/zahlavi_cfbu_dark.jpg');
}

.florbalcz {
	background: #E4DAB8 url('../img/zahlavi_florbal_dark.jpg');
}

.zapati {
	background: #222222 url('../img/obloucek_bottom_dark.jpg') no-repeat;
	margin-top: 1em;
	height: 11px;
}

.clanek {
	background: #fff7cc url('../img/clanek.jpg') no-repeat 0em 1em;
	margin-bottom: 1em;
}
.clanek a {
	color: #3f2f01;	
}
.clanek table, .clanek td {border: none;}
.hot {
	background: #e5e5e5 url('../img/clanek_hot.jpg') no-repeat 0em 1em;
	margin-bottom: 1em;
	color: #000;
}
.hot p {
  color: #222 !important;
}
.hot .zapati {
  background: #222222 url('../img/obloucek_bottom_sedy_dark.jpg') no-repeat;
}

#left p, #left table, #right p, #right table {
	margin: 1em 10px 0.5em 10px; 
	text-align: left;
	color: #4F3F07;
	font-size: 0.9em; 
	text-indent: 0em;
}

#left h3, #right h3 {
	margin: 1em 10px -0.8em 10px; 
	font-size: 1em; 
	font-weight: bold;	
	color: #9B5C00;
}

#left .zahlavi h3, #right .zahlavi h3, #right .zahlavi-hotnews h3 {
	padding: 1.2em 0px 5px 0px;
	font-weight: bold;
	margin: 0px;
	text-indent: 30px;
	color: #352A04;
}

#right .zahlavi-hotnews h3, #left .nastenka h3, #left .cerne h3 {
	color: #fff;
}

.clanek table td {
	padding: 0em;
	padding-right: 5px;
}

#left .loga {
  margin-top: 10px;
  margin-bottom: -10px;
}
#left .loga a, #left .loga a:hover {
	background: transparent;
}

#right table.vysledky {
	background: #fef6bf;
	width: 200px;
	margin: 0px;
	margin-bottom: 1em;
	padding-bottom: 0px;
}


table.vysledky td {
	border-bottom: 1px solid #ffc000;
	padding: 0px 0.15em 0px 0.3em;
	overflow: hidden;
	}

table.vysledky .bottom {
	background: #222222 url('../img/obloucek_bottom_dark.jpg') 0px -1px no-repeat;
	height: 11px;
	border-bottom: none;
	padding: 0px;
	margin-bottom: 0px;
	}
	
table.vysledky .mezera {
	height: 5px;
	background: #ffdb59;
	}
	
td.vysledek {
	background: #ffe175;
	text-align: center !important;
	width: 2em;
	padding: 0em !important;
}
/* --------- center ---------- */


.datum, .forum-zahlavi, #center .vysledky {
	margin: 0em 20px 0.5em 20px; 
	text-align: left;
	color: #aaaaaa;
	font-size: 1em; 
	overflow: hidden;
}
.vysledky {
	text-indent: 0em;
}

.forum-zahlavi {
	background: #efe8d1;
	padding: 0.5em;
}
.skore {
	color: #D78104; 
	margin: 0.5em 20px 0.5em 20px; 
	font-size: 1.6em; 
	font-weight: normal;
	text-align: left;  
	}

.statistiky {
	line-height: 1.8em;
	font-size: 1em;
	background: #363636;
}

.statistiky thead th {
	background: #555555;
	vertical-align: top;
	text-align: left;
}

.statistiky thead a {
	color: #bbbbbb;
}

.statistiky td a {
	font-weight: normal;
}


.statistiky .suda {
	background: #2a2a2a;
}

.statistiky .razenodle {
	background: #282828;
}

.statistiky .suda .razenodle {
  background: #232323;
}
.statistiky .celkem {
	font-weight: bolder;
	background: #999999;
}

.fotka {
float: left;
width: 100%;
}
.fotka-levacek {
	float: left;
	margin: 10px 10px 10px 20px;
}

#center p, #center-velky p {
	font-family: Palatino, 'palatino linotype', serif;
}

#center table {

}
#center td {
	width: auto !important;
}

.bez-odsazeni {
	text-indent: 0em;
}
	
.red {
	color: red;	
}

h2.bez-okraje {
	margin-bottom: 0px;
}

.obrazek {
	margin: 10px 10px 10px 20px;
}

.clanek-upoutavka p {
	min-height: 80px;
}

#center p.dotaz {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0px !important;
}
/* --------- fotogalerie ---------- */

.fotky img {
	border: 1px solid #3d5501;
	margin: 5px;
}

.nahled {
	float: left;
	width: 170px;
	text-align: center;
	margin-bottom: 10px;
}

.fotky a:hover, .fotka a:hover {
	background: none;
}

.fotky a:hover img {
	border-color: #ffa200;
}
/* --------- footer ---------- */

#footer .text {
	color: #bbb;
	height: 80px;
	line-height: 70px;
	
}

#footer .text a {
	color: #ccc;
}

#footer .text a:hover {
	color: #ffffff;
	background: transparent;
}
 
/* -------------------  Konec vlastni upravy ------------------- */


/* General smart tables class */

table.forums, table.forumsmb {
font-family: Verdana,Arial,Helvetica,sans-serif;
display: table;
width: 99%;
color: #aaa;
border-collapse: collapse;
text-align: center;
margin: 0px;
margin-bottom: 10px;
} 

table.forumsmb{
margin-bottom:12pt;
}

/* Simple transparent table without borders and background color (menu navigation, general tables) */

.tbTransparent, .tbTransparentmb{
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 99%;
background: transparent;
font-size: 11px;
line-height: 15px;
text-align: center;
margin: 0px;
margin-bottom: 10px;
vertical-align: top;
padding-top: 5px;
}

.tbTransparentmb{
margin-bottom:12pt;
}

.tbTransparentCell{
text-align: left;
}

img {
border: 0px;
}

table {
	margin-bottom: 10px;
}
td{
text-align: left;
border: 1px solid #222;

}

/* Small analog text, used usually with SPAN */

.txtSm{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 10px;
}

.txtSm strong {color: #faa600;}
/* Normal analog text, used usually with SPAN */

.txtNr{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 11px;
}

/* Views color */

.views{
color:#9A9A9A;
}

/* Warning text */

.warning{
color: red;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}

/* Supscript class */

.navCell{
font-family: Arial,Helvetica,Geneva,sans-serif;
font-size: 10px;
}

/* Class for select boxes */

.selectTxt {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #aaaaaa;
}

/* List style - user's info */

.limbb{
list-style: circle;
font-size: 11px;
margin-left: 10pt;
}

/* Input areas - boxes, textareas... */

.inputButton {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #675724;
border-top: #8e7e4a 1px solid;
border-right: #8e7e4a 1px solid;
border-left: #8e7e4a 1px solid;
border-bottom: #8e7e4a 1px solid;
font-size: 10px;
color: #ffffff;
padding: 3px;
/* height: 19px; */
}

.textForm, input {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #aaaaaa;
border-bottom: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
font-size: 11px;
padding: 3px;
}

textarea {width: 450px;}

/* Caption 1 (the one for displaying sub-headers like "topics, posted" etc) */

td.caption1 {
font-size: 11px;
line-height: 15px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
text-align: left;
}

/* Caption 2 color and properties (this one displaying main menu,  New Topic text bg, New Message text bg) */

td.caption2 {
background-color: #333;
padding: 4px;
height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 15px;
	}

td.caption2 a {
color: #aaa;
}

/* Caption 3 (used for Last Discussions, topic titles, Forums selection) */

td.caption3 {
background-color: #555555;
padding: 3px;
height: 20px;
font-size: 11px;
line-height: 15px;
vertical-align: top;
}

/* Caption 4 (the one for displaying not separate headers like Forum, Topic, Poster etc. on 1st page, Buttons menu, left info cell) */

td.caption4 {
background-color: #363636;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
font-size: 11px;
font-weight: bold;
color: #aaa;
line-height: 15px;
text-align: left;
vertical-align: top;
}

td.caption4 a {
color: #aaa;
}

/* Caption 5 (used for user input like password/login and registration etc) */

td.caption5 {
background-color: #2a2a2a;
padding: 4px;
height: 20px;
font-size: 11px;
line-height: 15px;
vertical-align: top;
}

#editorControls img {
  background: #aaa url();
}

/* Caption 6 (this one is for displaying title headers (search, stats, user reg/prefs) ) */

td.caption6 {
background-color:  #2a2a2a;
border: 1px #222 solid;
padding: 4px;
height: 18px;
font-size: 11px;
font-weight: bold;
}

/* Font for displaying username in each thread */

.username{
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

/* Topics/forums/threads content cell color #1 */

.tbCel1{
background: #2e2e2e;
}

/* Topics/forums/threads content cell color #2 */

.tbCel2{
background: #282828 !important;
}

.formStyle{
margin: 0px;
}

/* Stats bar */

.tbStBar{
border: #222 1px solid;
margin: 1px;
padding: 1px;
background: #F0F0F0;
font-size: 11px;
}


}


ol.mbb, ul.mbb, blockquote.mbb{
margin-bottom: 0px;
}

.pravidla {
	font-size: 12px;
}