/* CSS Stylesheet for Screen, Presentation */

/************ General ************/
html, body {
    margin: 0;
    width: 100%;
    height: 100%;
	 
}

.lineheight180 {
	line-height: 180%;
}

#ostatni-anotace {
	display: block;
	text-align: justify;
}

#results .header {
	display: block;
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #223344;
	color:#fff;
	margin-bottom: 20px;
	text-align: center;
	line-height: 150%;
}

#contactlist {
	background-color: #eee;
	
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

#trenerske_info {
	width: 300px;
	margin-left:auto;
	margin-right:auto;
	font-weight: bold;
	background-color: #345;
	color: #fff;
	padding: 10px;
	margin-bottom: 5px;
}

#results #vypis_turnaje {
	background-color: #eee;
	margin-left: auto;
	margin-right: auto;
}

#results #vypis_turnaje tr td {
	border-bottom: 1px dotted #ddd;
	padding: 5px 10px 5px 10px; 
	text-align: left;
}

#pla_login, #pla_password {
	width: 125px;
}

#diskuze_quote {
	background-color: #ccc;
	color: #111;
	width: 350px;
	border: 1px solid #000;
	padding: 5px;
}

#diskuze_quote_2 {
	background-color: #ccc;
	color: #111;
	width: 350px;
	border: 1px solid #000;
	padding: 5px;
	margin-left: 30px;
}

#seznam_ucastniku_treninku {
	border:1px solid black;
	padding:10px;
	text-align:center;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	background-color:#234;
	color:#fff;
}

#seznam_ucastniku_treninku span {
	font-weight:bold;
	text-decoration:underline;
	display:block;
}

#treninky_vypis_tydnu {
	margin-left:auto;
	margin-right:auto;
}

#treninky_vypis_tydnu a {
	font-size:smaller;
}

#treninky_vypis_tydnu span {
	font-weight: bold;
}

#rozpis_treninku {
	background-color: #eee;
	padding:3px;
	float:left;
	overflow:auto;
	width:500px;
	clear: both;
	font-size: x-small;
	
	
}
#rozpis_treninku table {
	text-align: center;
}

#rozpis_treninku table .casy {
	font-size:8px;
	text-align:left;
}

#rozpis_treninku table .training_cell {
	padding:1px;
	color:#fff;
	border:1px solid #ccc;
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}

#rozpis_treninku table .prihlasenytrenink, #rozpis_treninku table .training_cell:hover  {
	filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;
}

#rozpis_treninku table .training_cell img {
	width:20px;
}

#rozpis_treninku a {
	color: #fff;
	font-weight: bold;
	
}

.turnaj {
	background-color: #dcdce1;
	border:1px solid black;
	margin-top:20px;
	padding:20px 30px 20px 30px;
	text-align: center;
}

.cursor {
	cursor: pointer;
	font-weight: bold;
	font-size: x-small;
}

.kontakt {
	font-weight: bold;
}

.jointraining {
	
	color: #ccc;
	font-weight: bold;
	font-size: medium;
}
.plus {
	background-color: #c00;
}
.minus {
	background-color: #0c0;
}

#add_to_discussion {
	text-align: center;
	font-weight: bold;
	padding: 15px;
}

#discussion_new_message textarea {
	display: block;
	width: 300px;
	height: 100px;
	background-color: #eee;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
}

#discussion_new_message table {
	margin-left: auto;
	margin-right: auto;
	font-weight: normal;

}
#discussion_new_message .dis {
	
	width: 200px;
	height: 15px;
	background-color: #eee;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
}

.jointraining a {
	text-decoration: none;
	color: #ccc;
}

#notice {
	display: block;
	text-align:center;
	border: 1px dashed #fa0;
	font-weight: bold;
	padding: 20px;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#registration {
	padding: 0px 15px 0px 15px;
}

#turnaje {
	padding: 0px 10px 0px 10px;
}

#news {
	padding: 0px 10px 0px 10px;
}

.info_page {
	padding: 0px 10px 0px 10px;
}

#clanekdetail {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	background-color: #dbdfe2;
}

#omluvy {
	text-align: left;
	border: 0px solid black;
	margin-left: auto;
	margin-right: auto;
}

.traingroups, .traingroups a, .traingroups a:hover {
	font-weight:bold;
	background-color:#234;
	color:#fff;
	text-decoration: none;
	margin:3px;
}
.traingroups a:hover {
	text-decoration: underline;
}
#omluvy tr td {
	padding: 3px;
}

#omluvy #exheader {
	background-color: #bbb;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.datum_akce {
	font-weight: bold;
	letter-spacing: 2px;
	background-color: #223344;
	color:#fff;
}
.seznam_prihlasenych {
	border:1px solid #223344;
	width: 300px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: center;
	background-color: #fff;
	
}

#login {
	float: left;
	background-color: #234;
	margin-top: 0px;
	margin-bottom: 20px;
	color:#fff;
	width: 160px;
	padding: 5px 0px 0px 0px;
	background-image: url(../graphics/bg-menu-top.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
}

#login form {
	text-align: center;
	background-image: url(../graphics/bg-menu-middle.gif);
	background-repeat: x-repeat;
	background-color: #234;
	
}

#loginbottom {
	background-image: url(../graphics/bg-menu-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	
}

#login a {
	color: #fff;
	background-color: #234;
}


.nadpis {
	padding-left: 20px;
}

body {
    font-size: 12px;
    text-align: center;
    background: url('../graphics/bg-top.gif') top center #DBDFE2 repeat-x;
    color: #112233;
    font-family: Arial, Helvetica, sans-serif;
}
.cleaner {
    margin: 0;
    padding: 0;
    visibility: hidden;
    width: 100%;
    clear: both;
}

a {
    color: #123;
    text-decoration: underline;
}
a:hover {
    color: #223344;
    text-decoration: none;
}

img {
    margin: 0;
    border: none;
}
.bold {
    font-weight: bold;
}
small {
    font-size: 90%;
}

big {
    font-size: 130%;
    font-weight: bold;
}

/************ Bg ************/
#bg {
    width: 100%;
    background: transparent;
}

/************ Container ************/
#container {
    padding: 0;
    margin: 20px auto;
    width: 850px;
    height: auto;
    text-align: left;
    background: #FFFFFF;
    position: relative;
}

/************ Header ************/
#header {
    width: 850px;
    height: 150px;
    background: #112233;
    border-bottom: 5px solid #989da0/*#DBDFE2*/;
}
#header img {
    margin: 0;
    border: none;
}
#header-logo {
    float: left;
    display: inline;
    margin: 5px 2px 0 15px;
}
#header-advert {
    float: right;
    display: inline;
    margin: 35px 40px 0 0px;
}
#header-motto {
    float: right;
    width: 576px;
    height: 140px;
    margin: 0;
    padding: 0;
    border: none;
    margin: 5px 5px 5px 0;
    _margin-right: 3px;
}
#header-motto_in {
    background: #656565;
    width: auto;
    height: auto;
}
#header-motto_in img {
    margin: 3px;
    $margin-bottom: 0px;
}

#header-contact {
    width: 200px;
    height: auto;
    line-height: 18px;
    font-size: 100%;
    margin: 0;
    padding: 10px 10px;
    border: 0;
    color: #000000;
    background: #CCCCCC;
    filter: alpha(opacity=60);
    -moz-opacity: .70;
    opacity: .70;
    display: block;
    position: absolute;
    top: 11px;
    left: 600px;
}

/************ Header - Login ************/
#header-login {
    width: 200px;
    height: 140px;
    margin: 0;
    padding: 0;
    border: 0;
    float: right;
}
#header-login-in {
    width: auto;
    height: auto;
    border: 0;
    margin: 5px;
    background: #FFFFFF;
    color: #112233;
    padding: 5px;
}
#header-login-in form {
    margin: 0;
    padding: 0;
    text-align: left;
}
#header-login-in .text {
    width: 118px;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #112233 #334455 #334455 #112233;
    background: #FFFFFF;
    margin: 5px 0px;
    padding: 1px;
    font-size: 100%;
    font-weight: bold;
    color: #223344;
}
#header-login-in .button {
    font-size: 100%;
    font-weight: bold;
    border: 0px;
    background: #112233;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
}
#header-login-in label {
    font-size: 90%;
    font-weight: normal;
    background: #FFFFFF;
    color: #112233;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
#header-login-in a {
    color: #112233;
}
#header-login-in #header-login-status {
    font-size: 110%;
    line-height: 200%;
    font-weight: normal;
    padding: 0;
    margin: 0;
    color: #112233;
    text-align: left;
}

/************ Footer ************/
#footer {
    margin: 0;
    height: auto;
    padding: 10px;
    background-color: #FFFFFF;
    clear: both;
    text-align: center;
}
#footer-in {
    margin: 0;
    padding: 10px 0 0 0;
    border-top: solid #DCDCDC 1px;
    list-style-type: none;
}

/************ Advert ************/
#advert {
    padding: 0 auto 20px;
    margin: 0 auto;
    width: 850px;
    height: auto;
    text-align: center;
    background: transparent;
}
#advert a img {
    margin: 0;
    border: 1px solid #223344;
}

/************ Sidebar Left ************/
#sidebar-left {
    width: 175px;
    margin: 0;
    display: inline;
    float: left;
    border: none;
    text-align: left;
}
#sidebar-left-in {
    width: auto;
    margin: 10px 5px 10px 10px;
}

/************ Sidebar Right ************/
#sidebar-right {
    width: 175px;
    margin: 0;
    display: inline;
    float: left;
    border: none;
    text-align: left;
    color: #4A4443;
}
#sidebar-right-in {
    width: auto;
    margin: 10px 10px 10px 5px;
}
#sidebar-right h3, #reklama {
    width: 160px;
    font-size: 110%;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #112233;
    text-align: left;
    color: #112233;
}

#sidebar-right p.message {
    background: transparent url("../graphics/news_arrow.gif") left 1px no-repeat;
    padding-left: 15px;
}

#sidebar-right p.message .news-title{
    font-weight:bold;
}

#sidebar-right p.message a{
	text-decoration: none;
}

/************ Menu ************/
#menu {
    height: auto;
    float: left;
    display: block;
    margin: 0;
	 margin-bottom:20px;
    padding: 0;
    text-align: left;
    clear: left;
    position: relative;
	background: #00782a url('../graphics/bg-menu-top.gif') center top no-repeat;
	border: none;
	width: 160px;
	
}
#menu #menu_in  {
    margin: 0;
    padding: 5px 0;
	border: none;
	width: auto;
	background: transparent url('../graphics/bg-menu-bottom.gif') center bottom no-repeat;
}
#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: none;
	background: #223344 url('../graphics/bg-menu-middle.gif') center top repeat-x;
	width: 160px;
}
#menu ul li {
    display: block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: none;
	line-height: 30px;
	height: 30px;
	width: 160px;
	background: transparent;
}
#menu ul .podmenu {
    display: block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: none;
	line-height: 15px;
	height: 25px;
	width: 145px;
	margin-left:15px;
	background: transparent;
}

#menu ul .podmenu a {
    display: block;
    width: auto;
    color: #FFFFFF;
    text-decoration: none;
    border: none;
    text-transform: none;
	line-height: 15px;
	height: 20px;
	font-size: 90%;
	font-weight: bold;
	padding-left: 17px;
}

#menu ul li.separator {
    background: transparent;
    display:block;
    height:1px;
    width: 126px;
    border: 0px;
    border-top: 1px solid #334455;
    line-height:0px;
    padding: 0px;
    font-size:0px;
    margin: 0px 17px;
}
#menu ul li a {
    display: block;
    width: auto;
    color: #FFFFFF;
    text-decoration: none;
    border: none;
    text-transform: none;
	line-height: 30px;
	height: 30px;
	font-size: 110%;
	font-weight: bold;
	padding-left: 17px;
}
#menu ul li a:hover {
    display: block;
    color: #FFFFFF;
    background: transparent;
    font-weight: bold;
	text-decoration: underline;
}

/************ Content ************/
#content {
    width: 500px;
    display: inline; 
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    background: transparent;
    color: #4A4443;
}
#content_in {
    overflow: hidden;
    margin: 10px 3px 0 3px;
    padding: 0;
    height: 100%;
    background: transparent;
}
#content_in2 {
    background: transparent;
    margin: 1px;
    border: 1px solid white;
    padding: 5px 3px;
    line-height: 1.5em;
}
#content h1 {
    margin: 0 0 15px 0;
    padding: 0 0 .3em 0;
    font-size: 1.65em;
    line-height: 1.3em;
    border-bottom: solid #DCDCDC 1px;
}
#content h2 {
    margin: 10px 0 5px 0;
    font-size: 1.3em;
}
#content p {
    margin-top: 0;
    margin-bottom: 1em;
}
#content ul {
    margin: 0 0 5px 10px;
    padding: 0 0 5px 10px;
    list-style-type: square;
    text-align: left;
}
#content ul li {
    line-height: 1.5em;
    vertical-align: middle;
}
#content dl {
    margin: 1em 0;
}
#content dt {
    font-weight: bold;
    margin: .5em 0;
}
#content dd {
    margin: .5em 0;
}

/************ Content - Contact ************/
#content #contact {
    margin: 0 0 30px 0;
}
#content #contact dl {
    height: auto;
    width: auto;
    margin: 10px 0;
    padding: 0;
}
#content #contact dt {
    line-height: 2.3em;
    height: 2.3em;
    background: #F1F1F1;
    font-size: 130%;
    margin: 0;
    padding-left: 5px;
}
#content #contact dd {
    line-height: 20px;
    margin-left: 30px;
    padding: 0;
}

/************ Content - News ************/
#content #news {
    margin: 0;
}
#content #news dl {
    height: auto;
    width: auto;
    margin: 10px 0;
    padding: 0;
}
#content .clanek {
clear: both;
font-size: 110%;
line-height: 20px;
padding: 0px 10px 0px 20px;
margin-top: 5px;
background-color: #fff;
background: transparent url("../graphics/news_arrow.gif") left 3% no-repeat;

    
}

#content .clanek .titulek {
	 
	 font-weight: bold;
}

#content .clanek .datum {
	 clear: both;
    font-size: 70%;
	 margin-top:5px;
	 padding: 10px;
    vertical-align: middle;
    color: #999;
}

.odkaz_na_clanek {
	float:right;
	
}

#pridat_prispevek_do_diskuze {
	width: 400px;
	height: 50px;
	background-color: #eee;
	color: #000;
}

#content .clanek .obsah {
	display: block;
	 clear: both;
    font-size: 90%;
	 margin:0;
	 padding: 5px 5px 0px 5px;
	 
}

#content .clanek .obsah a {
	text-decoration: none;
	font-weight: bold;
	 
}

#content .clanek .odkaz {

	clear: both;
   float:right;
	 
}

#content #news dd.more {
    text-align: right;
    padding-right: 10px;
}
a.news-page, a.news-page:hover, a.news-page:visited {
    margin: 3px;
    padding: 2px;
    background: #D6D6D6;
    color: #223344;
    text-decoration: none;
}
a.news-page:hover {
    background: #223344;
    color: #D6D6D6;
}


/************ Others ************/

.bold {
    font-weight: bold;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.top {
    vertical-align: top;
}
.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.help {
    cursor: help;
}
.underline {
    text-decoration: underline;
}
.block {
    display: block;
}

.autowidth {
	width: auto;
}
.width100 {
	width: 100%;
}
.width20 {
	width: 20%;
}
.width40 {
	width: 40%;
}
.width80 {
	width: 80%;
}
.width90 {
	width: 90%;
}


input.text {
    vertical-align: middle;
    padding: 2px 1px 2px 2px;
}
.text, select, textarea {
    border-color: #808080 #D4D2C8 #D4D2C8 #808080;
    border-width: 1px;
    border-style: solid;
    font-size: 100%;
    margin: 4px 5px;
    font-family: Tahoma, Verdana, Helevetica, Arial;
}


.button {
    cursor: pointer;
    font-family: Tahoma,Verdana,Helvetica,Arial;
    font-size: 12px;
    font-weight: bold;
    margin: 0pt 3px;
    padding: 3px 10px;
}

.message-out {
    width: 85%;
    margin: 10px auto;
    padding: 0px;
    border: 0px;
}
.message-in {
    width: auto;
    border-width: 1px;
    border-style: dashed;
    padding: 5px;
    margin: 0px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
.message-error {
    border-color: #C00018;
    color: #C00018;
}
.message-confirmation {
    border-color: #009e00;
    color: #009e00;
}

.TableMain {
	padding: 1px 3px 1px 3px;
	font-weight: bold;
	color: black;
	background-color: silver;
	font-size: 90%;
	text-align: center;
}

.TableNormal {
	padding: 2px 3px 2px 3px;
	font-weight: normal;
	color: #646464;
	background-color: #E8E8E8;
	font-size: 80%;
	text-align: center;
}

.TableAkce1 {
	padding: 2px 3px 2px 3px;
	font-weight: bold;
	color: red;
	background-color: #E8E8E8;
	font-size: 90%;
	text-align: center;
}
.TableAkce2 {
	padding: 2px 3px 2px 3px;
	font-weight: bold;
	color: #646464;
	background-color: #E8E8E8;
	font-size: 90%;
	text-align: center;
}
.TableAkce3 {
	padding: 2px 3px 2px 3px;
	font-weight: bold;
	color: blue;
	background-color: #E8E8E8;
	font-size: 90%;
	text-align: center;
}
.TableAkce4 {
	padding: 2px 3px 2px 3px;
	font-weight: bold;
	color: purple;
	background-color: #E8E8E8;
	font-size: 90%;
	text-align: center;
}

.TableMisto2 {
	padding: 2px 3px 2px 3px;
	font-weight: normal;
	color: #646464;
	background-color: #E8E8E8;
	font-size: 80%;
	text-align: center;
}
.TableMisto1 {
	padding: 2px 3px 2px 3px;
	font-weight: normal;
	color: blue;
	background-color: #E8E8E8;
	font-size: 80%;
	text-align: center;
}
.TableInfo a, .TableInfo a:visited, .TableInfo a:hover {
    color: #646464;
    text-decoration: none;
}
.TableAkce1 a, .TableAkce1 a:visited, .TableAkce1 a:hover {
    color: red;
    text-decoration: none;
}
.TableAkce2 a, .TableAkce2 a:visited, .TableAkce2 a:hover {
    color: #646464;
    text-decoration: none;
}
.TableAkce3 a, .TableAkce3 a:visited, .TableAkce3 a:hover {
    color: blue;
    text-decoration: none;
}
.TableAkce4 a, .TableAkce4 a:visited, .TableAkce4 a:hover {
    color: purple;
    text-decoration: none;
}
.TableMisto2 a, .TableMisto2 a:visited, .TableMisto2 a:hover {
    color: #646464;
    text-decoration: none;
}
.TableMisto1 a, .TableMisto1 a:visited, .TableMisto1 a:hover {
    color: blue;
    text-decoration: none;
}


.diskuse_level_1 {
	margin: 2px;
	display: block;
	text-align: left;
	background-color: #eee;
	padding: 5px;
	padding-left: 0px;
	clear: both;
}

.diskuse_level_1 .reaction {
		text-decoration: none;
		font-weight: bold;
		color: Maroon;
		padding: 5px;
		
}



.diskuse_level_1 .text, .diskuse_level_2 .btext {
		padding: 5px;
		
}

.diskuse_level_2 {
	margin: 2px;
	margin-left: 30px;
	display: block;
	text-align: left;
	background-color: #ddd;
	padding: 5px;
	padding-left: 0px;
	clear: both;
}

.diskuse_level_1 .kontakt, .diskuse_level_2 .kontakt {
	text-decoration: none;
	font-weight: bold;
	color: Maroon;
}

.admin_vzkazy {
	display: block;
	color: #234;		
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffa600;
	padding: 5px;
	margin-bottom: 15px;
	
}

#fotogalerie_page {
	
	
}

#fotogalerie_page a {
	text-decoration: none;	
}

#fotogalerie_page a:hover {
	text-decoration: none;	
	color: #c00;
}

#fotogalerie_page ul li .datum {
	font-size: 13px;
	color: #555;
}

#fotogalerie_page ul li .title {
	font-weight: bold;
	padding: 10px;
}

#fotogalerie_page ul li .autor {
	font-size: 11px;
	color: #888;
}