/* CSS Document */

body {
   margin: 0;
   padding: 0;
   font-family: "Trebuchet MS", "Nimbus Roman", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-color: #6699CC;
	text-align: center;
}

/*
div {
   border: 1px red solid;
}*/

p {
   margin: 0.5em 0 0.5em 0;
}

h1, h2, h3, h4, h5, h6 {
   margin: 0 0 0 0;
}

blockquote {
	font-style: italic;
	margin: 0.5em 2em;
	min-height: 70px;
	background-image: url(../images/uvozovky.gif);
	font-size: 1.3em;
	font-family: "Nimbus Roman", "Times New Roman", serif;
	padding: 1em 2em;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

accronym {
   font-variant: small-caps;
   letter-spacing: 0.1em;
}

abbr {
   cursor: help;
   border-bottom: 1px #4682B4 dotted;
}

a img {
   border-style: none;
}

a:link, a:visited {
   color: #A52A2A;
}

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

div.clearer {
   clear: both;
   height: 0;
}

.textversion {
   display: none;
}

fieldset {
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

form {
   margin: 0;
   padding: 0;
}

.infoHeading {
  font-size: 1em;
  font-weight: bold;
}

.mainImage {
   text-align: center;
   overflow: hidden;
   width: 100%;
   overflow: auto;
   margin-top: 1em;
}

.mainImage img {
   overflow: auto;
}

#body {
   background-color: white;
	width: 61.6em;
	top: 0;
	padding: 0;
	margin: 0 auto;
	text-align: left;
}

#main {
   clear: both;
   margin-top: 12px;
}

#header {
   height: 70px;
   background-image: url(../images/stadion_original.png);
   background-repeat: no-repeat;
   background-position: right top;
   border-top: 0.3em #2F4F4F solid;
}

#footer {
   clear: both;
   border-color: blue;
   margin: 1.4em 1.2em 0 1.2em;
   border-top: 1px solid #333333;
   border-left: none;
   border-right: none;
   padding: 0 1em 0 1em;
   height: 80px;
   vertical-align: middle;
}

html>body #footer {
   height: auto;
   min-height: 80px;
}

#footer address {
   margin-top: 1.4em;
}

#footerAd {
   float: right;
   margin-top: 0.4em;
   margin-right: -0.3em;
   line-height: 5em;
   vertical-align: middle;
}

#footerAd * {
  margin: auto;
}

#admin {
   float: right;
   width: 13.35em;
   padding: 0 1.3em 0 1.3em;
   clear: none;
   margin: 0;
}

#hlavniobsah {
   width: 42em;
   float: left;
   border-right: 0.08em dotted darkgray;
   height: 45em;
   padding: 0 1.7em 1.7em 1.7em;
   clear: none;
   margin: 0 0 1em;
}

html>body div#hlavniobsah {
  height: auto;
  min-height: 45em;
}

#header h1 {
   padding: 0;
   width: 201px;
   height: 25px;
   overflow: hidden;
   position: relative;
   font-size: 1.4em;
   margin: 8px 0 6px 14px;
}

#header h1 span {
   background-image: url(../images/header_logo.png);
   display: block;
   position:absolute; left:0; top:0; z-index:1;
   width: 201px;
   height: 25px;
   margin: 0;
   padding: 0;
}

#mainMenu {
   width: 28.5em;
   margin-left: 1em;
   border-top: 1px solid #333;
   padding: 0;
}

#mainMenu ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#mainMenu li {
   display: inline;
}

#mainMenu a:link, #mainMenu a:visited, #mainMenu a:active {
	color: #333333;
	text-decoration: none;	
   margin: 0 0.5em 0 0.5em;
   font-weight: bold;
}

#mainMenu a:hover {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}

/* footer*/
#usefulLinks {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#usefulLinks li {
   display: inline;
   padding-left: 0.3em;
}

#usefulLinks a {
   padding-right: 0.3em;
}

/*end of footer */
#hlavniObsahHeader {   
   background: url(../images/nadpis/main_bg.png) no-repeat left top;
   height: 1.6em;   
   border-bottom: 0.08em solid black;
   font-size: 1.5em;
   padding: 0.4em 0 0 2.4em;
   margin: 0 0 0.5em -0.3em;
   color: #060606;
   text-shadow: 1px 1px 10px;
}

#hlavniobsah h3.latest, #hlavniobsah h4.latest {
   border-bottom: 0.08em solid black;
   padding: 0 0 0.15em 1.5em;
   background-image: url(../images/novinky_arrow.png);
   background-repeat: no-repeat;
   background-position: left top;
   margin: 0.8em 0 0.5em -0.3em;
   clear: both;
}

#hlavniobsah h3 {
   font-size: 1em;
}

/*admin*/
#admin div {
   background-color: #CCCCCC;
   padding: 0 0.8em 0.5em 0.8em;
}

#admin h2 {
   background: url(../images/nadpis/sidebar_bg.png) no-repeat left top;
   height: 1.8em;
   font-size: 1.3em;
   padding: 0.8em 0 0 2.3em;
}

/**/
/* login form */
#loginFormFields label {
   margin:0; padding:0;
   position:relative;
   width:12px; height:20px;
   margin:0; padding:0;
   overflow:hidden;
   display: block;
   float: left;
}

#loginFormFields input {
   clear: right;
   width: 7em;
   margin: 0.15em 0 0.15em 0.3em;
   border: 0.08em solid black;
}

#loginFormFields label span {
   display:block;
   position:absolute; left:0; top:0; z-index:1;
   width:12px; height:20px;
   margin:0; padding:0;
   background-color: #CCCCCC;
   background-repeat: no-repeat;
   background-position: left center;
}

#loginFormFields label#userNameLabel span {
   background-image: url(../images/login_smile.png);
}

#loginFormFields label#hesloLabel span {
   background-image: url(../images/password_smile.png);
}

#loginButtonset button {
   margin: 0 0 0 1.3em;
   display: block;
   width: 8.6em;
   border: none;
   background-color: #CCCCCC;
   font-weight: bold;
   text-decoration: underline;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 1em;
}

#loginButtonset button:hover {
   text-decoration: none;
   cursor: pointer;
}

/* novinky - prehled */
#novinky_sidebar, body div#admin div#usersOnline {
   margin-top: 1.65em;
}

#novinky_sidebar .novinky_datum {
   display: block;
   font-weight: bold;
}

#novinky_sidebar a:link, #novinky_sidebar a:visited {
   color: black;
}

#novinky_sidebar a:hover {
   color: #363636;
}

/* uzivatele - prehled */
body div#admin div#usersOnline {
   background-color: #DEE4ED;
   text-align: center;
   border-bottom: 0.08em solid black;
   border-top: 0.08em solid black;
}

#usersOnline p {
   margin: 0.3em 0 0 0;
   font-weight: bold;
}

#usersOnlineList {
   list-style-type: none;
   margin: 0 0 0 0;
   padding: 0;
}

/**/

/* administrace */
#admin div#admin_form {
   padding: 0;
}

#admin_form h2 {
   margin-left: 0.8em;
}

#admin_form ul {
   list-style: url(../images/admin_list.png);
   margin: 0.5em 0 0 0;
   padding: 0 1.3em 0.5em 2.5em;
}

#admin_form ul a:link, #admin_form ul a:visited {
   font-weight: bold;
   text-decoration: none;
   color: black;
}

#admin_form ul a:hover {
   text-decoration: underline;
   color: #333333;
}

#loginName {
   margin: 0;
   background-color: gray;
   color: white;
   border-top: 0.08em solid black;
   border-bottom: 0.08em solid black;
   padding: 0.3em 1.3em 0.3em 1.3em;
}

#loginName #loginNameLabel {
   display: block;
}

#loginName #loginNameUser {
   font-weight: bold;
}
/*novinky*/
div.novinky {
   margin-bottom: 1.65em;
}

img.novinky {
   float: left;
   clear: left;
   margin-right: 0.8em;
   margin-bottom: 0.3em;
   border-right: 0.08em dotted #4682B4;
   padding-right: 0.5em;   
}

.novinky_anotace {
   margin-left: 76px;
}

.novinky_title {
   font-size: 1em;
}

.novinky_datum {
   color: #B22222;   
}

p.novinky_datum {
   margin-top: 0.2em;
}

p.novinky_text {
   text-indent: 1em;
}

/* profily */
#profilyFullPicture {
   float: right;
   clear: left;
   padding-left: 0.8em;
   margin: 0 0 0 0.8em;
   border-left: 0.08em dotted #4682B4;
}

.profily_table {
   width: 28em;
}

.profily_all_box {
   width: 50%;
}

#profily_all_table img {
   padding-right: 0.8em;
   margin: 0 0.8em 0 0;
   border-right: 0.08em dotted #4682B4;
}

#profily_all_table .profily_all_img a {
   text-decoration: none;
}

#profily_all_table span {
   display: block;
}

.profily_table th {
   text-align: right;
   padding: 0 0.4em 0 0;
   width: 8em;
}

/* formulare */
.mainForm fieldset {
  border-style: none;
}

.mainForm label, .mainForm input, .mainForm textarea, .mainForm select {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.mainForm label {
  display: block;
  float: left;
  width: 10em;
  clear: left;
  text-align: right;
  padding-right: 1.35em;
  font-weight: bold;
}

.mainForm input, .mainForm textarea, .mainForm select {
  background-color: #DEE4ED;
	border: 0.08em solid #000033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.mainForm .buttonset {
  border-top: 0.08em solid gray;
  text-align: right;
  padding: 0.8em 0.8em;
  margin: 0.8em 0;
}

.mainForm .buttonset #showHelp {
  display: block;
  float: left;
  background-image: url(../images/ikonky/help.png);
  background-repeat: no-repeat;
  background-position: left center;
  height: 1.35em;
  padding-left: 1.65em;
  font-weight: bold;
  color: #483D8B;
  text-decoration: underline;
}

.mainForm .buttonset #showHelp:hover {
   text-decoration: none;
   color: #4682B4;
}
/* konec formularu */

.submenu {
   text-align: right;
   margin: -0.15em 0 0.8em 0;   
}

.submenu li {
   display: inline;
   margin: 0.1em 0.3em;
}

.submenu a:link, .submenu a:visited {
   text-decoration: none;
   font-weight: bold;
   color: #333333;
}

.submenu a:hover {
   text-decoration: underline;
   color: #969696;
}

.pagingMenu {
	list-style-type: none;
	margin: 0.2em auto;
	padding: 0;
	text-align:center;
}

.pagingMenu li {
	display:inline;
}

.pagingMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#thumbnails .pagingMenu .previous {
	margin: 0 1em 0 0;
	float:left;
}

#thumbnails .pagingMenu .next {
	margin: 0 0 0 1em;
	float:right;
}

#thumbnails .pagingMenu ul {
	float: none;
}

#thumbnails table.album_thumbnails {
	margin: 0 auto;
	width: auto;
	border-spacing: 1px;
}

#thumbnails table.album_thumbnails a {
   text-decoration: none;
}

#thumbnails h3 {
   float: left;
   margin: 0 0.5em 0 0;
}

#thumbnails .pagingMenu .pages ul {
   margin: 0 4em;
   display: block;
}

.pagingMenu {
   height: 1.4em;
   line-height: 1.4em;
   padding: 0.2em 0.5em;
   border-top: 1px dotted gray;
   margin: 0.8em 0;
   font-weight: bold;
}

.pagingMenu .previous {
   float: left;
}

.pagingMenu .previous:before {
   content: "<< ";
}

#thumbnails .pagingMenu .previous:before {
   content: "";
}

.pagingMenu .next {
   float: right;
}

.pagingMenu .next:after {
   content: " >>";
}

#thumbnails .pagingMenu .next:after {
   content: "";
}
/* fotka */
.album h4 {
   font-size: 1em;
   float: left;
   margin: 0 0.5em 0 0;
}

.album {
   margin: 0 0 1em;
}

.album p {
   margin: 0.1em 0;
}

.album:hover {
   background-color: #F0F8FF;
}

.album h4:after {
   content: " -";
}

/*forum */

.prispevky {
   margin: 1em 0 0 0;
}

.prispevky h4 em, .akce h3 em {
   display: block;
   float: left;
   font-style: normal;
}

.prispevky h4 em .prispevek_ip {
   font-weight: normal;
}

.prispevky h4 .prispevek_datum, .akce h3 span {
   display: block;
   text-align: right;
   font-weight: normal;
   color: rgb(25,25,112);
}

/* akce */

.akce .ostatni {
   background-color: #F0F8FF;
}

.akce h3, .prispevky h4, #hlavniobsah table thead th {
   background-color: #F0F0F0;
   padding: 0 0.4em;
   border-bottom: 1px solid black;
   margin: 0.3em 0 0 0;
   font-size: 1em;
   text-align: left;
}

.akce table {
   width: 100%;
   border-spacing: 0;
}

.akce table th {
   vertical-align: top;
   text-align: left;
   width: 6em;
}

.akce table th.update {
   text-align: right;
}

.akce table span {
   display: block;
}

.akce ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   background-color: rgb(220,226,236);
   clear: left;
}

.akce ul li {
   margin: 0 0 1em 0;
}

.akce ul li label {
   margin: 0 0.5em 0 0;
   font-weight: bold;
}

.akce ul.moreinfo li label {
   display: none;
}

.akce ul.moreinfo li.autor {
   list-style: inside url(../images/ikonky/user.png);
   float: left;
   width: 8em;
   font-weight: bold;
}

.akce ul.moreinfo li.comments {
   list-style: inside url(../images/ikonky/comment.png);
}

/* vysledky */
#hlavniobsah table {
   border-spacing: 0;
   width: 100%;
   margin: 0.5em 0 0;
}

#hlavniobsah .profily_table {
   width: auto;
}

#hlavniobsah table td, #hlavniobsah table th {
   padding: 0.1em;
}

.vysledky_table .vysledky_header_name, .photosList .photosListName, .albumList .albumListName {
   width: 90%;
}

/* vysledky - detail */
.vysledky_detail h3 {
   float: left;
}

.vysledky_detail .vysledky_detail_soubor {
   text-align: right;
   font-weight: bold;
}

.vysledky_detail label {
   float: left;
   width: 8em;
   font-weight: bold;
}

/*latest*/
ul.latest {
   list-style-type: none;
   margin: 0.8em 0;
   padding: 0;
   clear: both;
   min-height: 3em;
}

.latest li {
   display: block;
   clear: both;
}

.latest .latest_name {
   float: left;
   width: 79%;
}

.latest .latest_date {
   text-align: right;
   display: block;
   float: left;
   width: 20%;
}

/*user admin section */
div.userList {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	height: 80px;
	padding: 1em;
	margin: 1em 0;
	position: relative;
}

html>body div.userList {
	height: auto;
	min-height: 80px;
}

div.userList:hover {
	background-color: #F0F8FF;
}

div.userList ul.userInfo {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.userList ul.userInfo li img {
	float:left;
	padding-right: 10px;
	margin-right: 1em;
	border-right: 1px dotted rgb(70, 130, 180);
}

div.userList ul.userInfo li strong {
	display: block;
	width: 6em;
	float: left;
}

div.userList ul.userAction {
	position: absolute;
	right: 0.6em;
	bottom: 0.2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.userList ul.userAction li {
	display: block;
	float: left;
	padding: 0 0.2em;
	margin: 0.5em;
}

div.checkBoxes {
	margin-left: 12em;
}

div.checkBoxes label {
	display: inline;
	float: none;
}

/* novinky preview */
dl.novinkyPreview dt {
	position: relative;
}

dl.novinkyPreview dt span {
	position: absolute;
	right: 0;
	color: #990000;
}
	
form.subSelector {
	margin: 1.2em 0;
}

.subSelector label {
	font-weight: bold;
}

div#dopis_sponzorum {
    background-image: url(/images/sponzor.png);
    background-color: #FFE6BF; 
}

div#nabor {
    background-image: url(/images/nabor_bg.png);
    background-color: #feff8d; 
}

div#dopis_sponzorum, div#nabor {
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding: 0;
    margin-bottom: 1em;
}

div#dopis_sponzorum p a, div#nabor p a {
    padding: 0.6em 0.2em 0.3em 72px;
    color: firebrick;
    display: block;
    height: 84px;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
}

html>body #dopis_sponzorum p a, html>body #nabor p a {
    min-height: 84px;
    height: auto;
}

div#dopis_sponzorum p strong, div#nabor p strong {
    display: block;
    font-size: 1.5em;
    color: black;
}