html {
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    margin: 0;
    margin-top:0px;
    margin-bottom: 10px;
    padding: 0;
    color: white;
    background-image: url('/grafika/pozadi.jpg');
    background-repeat: repeat-x;
    background-attachment: fixed;
    /*background:#55b;*/
    width: 100%;
    font-family: Verdana, "Geneva CE", lucida, sans-serif;
}

form {
    margin: 0;
    padding: 0;
}

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

form table tr td {
    text-align:center;
    margin:0 auto;
}

h1 {
    margin:20px 0 0 20px; 
    font-size:230%;
    padding:0;
    position: relative;
    /*left: -48px;*/
    top: 30px;
}
h1 a {display: block; height: 100px; width: 610px;}
h1 a strong {visibility: hidden;}

h2 {
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
    /*border:solid 1px black;
    background-color: #2f409a;
    color: yellow;*/
    background-image: url('/grafika/novinka.gif');
    background-repeat: no-repeat;
    width: 498px;
    height: 22px;
    font-size:medium;
}
div.articles h2 {margin-left: -10px;}
h2.strankovy {
  background-color: #0851AD;
  border: none;
  background-image: url('/grafika/h2.gif');
  background-repeat: no-repeat;
  height: 20px;
  width: 488px;
  padding-top: 2px;
  margin-bottom: 10px;
  color: #ffffff;
  text-transform: uppercase;
  font-style: italic;
  font-size: 90%;
  padding-left: 20px;
}
div#tpl-content h2 {background-image: none;}

a:link, a:visited, a:active, div#main-content h2 a:link, div#main-content h2 a:visited, div#main-content h2 a:active {
    color: white;
    text-decoration:none;
}
div#main-content div.articles h2 a {font-style: italic; font-size: 80%; margin-left: 10px;}

a:hover {
    text-decoration:none;
    color: black;
}
div .articles div a img {border: none;}

div#logo {
    background-image: url('/grafika/zahlavi.gif');
    background-repeat: no-repeat;
    background-position: center top;
    height: 177px;
    margin-top: -20px;
}

/*div#logo form {
    position: relative;
    top: -2px;
    margin-left:140px; 
    padding:5px; 
}*/

div#page {
    /*width: 57%;*/
    width: 950px;
    /*max-width: 70em;*/
    min-width: 756px;
    margin: 0 auto;
    text-align: left;
    position:relative;

    /*border:solid 1px black;*/
}

div#foot {
    clear: both;
    /*background-color: #3d62c2;
    border-top:solid 1px black;*/
    background-image: url('/grafika/patka.gif');
    background-position: center top;
    background-repeat: no-repeat;
    height: 52px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

div#foot-content {
    text-align:left;
    font-size: 70%;
    /*font-weight: bold;*/
}

div#foot-content a {
    font-weight: bolder;
    text-decoration:none;
}

div#main {
    background:#ededed;
    float: left;
    width: 100%;
    margin-top:0px;
}

div#main-content {
    padding:10px;
    padding-left: 3px;
    padding-right: 447px;
    color: #000000;
}
div#podhlavni {background-color: #ededed;}
div#main-content a {color: #000000;}

div#submenu {
    width: 437px;
    float: left;
    margin-left: -437px;
    margin-top:0px;
}
div#submenu a {color: #000000;}

div#submenu-content {
    padding:0px;
    background-image: url('/grafika/submenu.gif');
    font-size: 80%;
}
div#submenu-content h3 {background-image: url('/grafika/h3s.gif'); background-repeat: no-repeat; height: 21px; width: 220px; font-size: 110%; text-transform: uppercase; margin-top: 0px; padding-top: 22px; text-align: left; padding-left: 15px; margin-bottom: 0px;}
div#submenuRight {float: right; background-image: url('/grafika/submenu.gif'); width: 199px;}
div#submenu-content div#submenuRight h3 {background-image: url('/grafika/h3.gif'); background-repeat: no-repeat; height: 21px; width: 184px; font-size: 110%; text-transform: uppercase; margin-top: 0px; padding-top: 22px; text-align: right; padding-left: 0px; padding-right: 15px; margin-bottom: 0px;}
input#hledatko {background-image: url('/grafika/hledatko.gif'); width: 102px; height: 23px; border: none;}
div#sponzorovy {background-image: url('/grafika/sponzori.gif'); padding-left: 0px; padding-right: 5px;}
div#sponzorovy img {margin-bottom: 20px;}
div#toplist {background-image: url('/grafika/konec_submenu.gif'); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 25px;}
form#prihlaseni {
  background-image: url('/grafika/prihlaseni.gif');
  background-repeat: no-repeat;
  width: 374px;
  height: 75px;
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}
form#prihlaseni div {
  margin-top: 10px;
  margin-left: 100px;
}
form#prihlaseni div input {
  background-color: #eeeeee;
  border: 1px solid #c6c6c6;
  color: #5f5f5f;
  /*font-style: italic;*/
  font-weight: bold;
  width: 100px;
  margin-bottom: 8px;
}
form#prihlaseni div input#login {
  width: 44px;
  height: 43px;
  margin-right: 70px;
  background-image: url('/grafika/enter.gif');
  background-repeat: no-repeat;
  float: right;
  border: none;
}
.submenuItem {
    /*border:solid 1px black;*/
    /*background-color: #3d62c2;*/
    text-align:center;
    /*margin-top:10px;*/
    padding: 5px;
    padding-right: 0px;
    font-weight: bolder;
    /*color: yellow;*/
    width: 230px;
    color: #000000;
}
div#submenuRight *.submenuItem {width: 194px;}

.submenuItem a {
	border: none;
}

.submenuItem a img {
	border: none;
}

div#menuDiv {
    position:absolute; 
    top:150px;
    width:100%; 
/*    overflow:hidden; */
}

ul#mainMenu, ul { 
    float: right;
    padding:0; 
    margin:0;
    margin-right: 10px;
    list-style-type:none;
} 

ul#mainMenu {
}

ul#mainMenu ul { 
    position:absolute; 
    visibility:hidden;
    background-color:#0650A9;
    margin-top:3px; 
    padding:0;
    border-top:solid 1px #333;
    border-left:solid 1px #333;
    border-right:solid 1px black;
    border-bottom:solid 1px black;
    width:120px; 
} 

ul#mainMenu li { 
    float:left; 
    padding:3px;
    margin:0;
    text-align: center;
} 

ul#mainMenu a { 
    /*width:118px;*/
    display:block; 
    text-decoration:none; 
    font-weight:bold;
    font-family: sans-serif;
    font-size: 90%; 
    margin: 0px 0.5ex 0px 0.5ex;
    padding:0;
    text-transform: uppercase;
    /*border:solid 1px black;
    border-top:solid 1px #202020;
    border-left:solid 1px #202020;
    background:#2f409a;*/
} 

ul#mainMenu a:hover { 
    color: yellow;
}

ul#mainMenu ul a { 
    border:none; 
    margin:0px;
    padding:0px;
} 

ul#mainMenu ul a:hover { 
    margin:0;
    padding:0;
} 

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul {
    visibility:visible; 
} 

ul#mainMenu li li { 
    float:none; 
    padding:0; 
    margin:0;
} 

ul#mainMenu li { 
    behavior: url(/hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
     z-index:100;
}
div#program {
  background-image: url('/grafika/program.gif');
  background-repeat: no-repeat;
  height: 115px;
  width: 330px;
  margin-left: 5px; 
  color: #5f5f5f;
  font-size: 80%;
  padding-left: 170px;
  padding-top: 10px;
}
div#program-nav {
  position: absolute;
  top: 288px;
  width: 490px;
  font-size: 90%;
  color: #ffffff;
}
div#program-nav a {color: #ffffff;}
div#program-nav p {text-align: right; margin-top: 0px;}
div.articles {
    text-align:left; 
    border:solid 1px #aeaeae; 
    padding:10px;
    background-color: #dfdfdf;
    color: #000000;
    font-size: 75%;
    line-height: 135%;
}

div.articles div, div.title {
    border:solid 1px black;
    padding:0 10px;
    background-color: #074fa8;
    color: #ffffff;
    font-weight: bolder;      
}
div#main-content div.articles div a {color: #ffffff;}

div.articles p {
    margin:0;
    padding:0;
    padding-top: 10px;
    padding-left: 10px;
}

div.articles p span {
    font-weight: bolder;
}

div.articles p img {
    float:left;
    margin-right:10px;
}

div.articles p div {
    border: solid 2px red;
}

form#addComments {
    border:solid 1px #aeaeae;
    margin-top: 10px;
    background-color: #dfdfdf;
    width:100%;         
}

form#addComments fieldset {
    padding: 10px;
}

form#addComments fieldset textarea {
    width:100%;
}
div#tpl-content form {margin-top: 10px;}

div#tpl {
    /*border: solid 1px black;
    background-color: #3d62c2;*/
    text-align:left; 
    border:solid 1px #aeaeae; 
    padding:10px;
    background-color: #dfdfdf;
    color: #000000;
    font-size: 75%;
    line-height: 135%;
}

div#tpl-content {
    /*padding: 10px;*/
}

div#tpl-content table {
    text-align: center;
    margin: 0 auto;
}

div#tpl-content table th, div#tpl-content table.bez_pozadi table th {
    background-color: #dfdfdf;
    border: solid 1px black;
    padding: 0 5px;
}

div#tpl-content table td, div#tpl-content table.bez_pozadi table td {
    background-color: #dfdfdf;
    border: solid 1px black;
    padding: 0 5px;
}
div#tpl-content table.bez_pozadi td {
    background-color: #dfdfdf;
    border: none;
}

div#tpl-content fieldset table {
    width:100%;
}

div#tpl-content fieldset table th {
    background-color: #2f409a;
    border: solid 1px black;
}

div#tpl-content fieldset table td {
    text-align:left;
}

div#tpl-content fieldset textarea {
    width: 100%;
}

div.title {
    text-align: center;
    /*margin-bottom:10px; 
    border:solid 1px black;
    font-weight: bolder;
    background-color: #2f409a;*/
}

div.teams {
    margin-top: 10px;
}

div.teams div {
    border:solid 1px black; 
    padding:10px; 
    /*background-color: #2f409a;*/
    margin-top: 10px;
}

div.teams div div {
    border:none;
    border-top:solid 1px #000000;
    margin-top: 0;
    padding-bottom: 0;
}

div.teams table {
    margin: 0 auto;
    text-align: center;
}

div.teams table tr td, table.drobna tr td {
    font-size: 80%;
}

div.teams table td, div.teams table th {
    background-color: #dfdfdf;
    border:solid 1px black;
    padding:0 5px;
}

div#album {
    overflow:auto; 
    height:100%;
}

div#album ul li {
    background-color: #dfdfdf;
    margin:5px; 
    width:100px; 
    float:left; 
    text-align:center; 
    border:solid 1px black;
}

div#message {
    padding-left: 10px;
}

div#message a {
    color: yellow;
}

div#message p {
    padding:0;
    padding-left: 10px;
    margin:0;
    margin-top: 10px;
}

div#message ul {
    margin-left:40px;
    padding-left:40px;
    color:blue;
    background-color: #ddd;
}
div#vysouvaci {
    background-color: #2f409a;
    width: 380px;
    max-height: 420px;
    height: auto;
    min-height: 170px;
    border: 1px solid black;
    position: absolute;
    left: 0px;
    top: 40px;
    /*width: 100%;*/
    padding: 10px;
}
div#vys2 {
    background-color: #3d62c2;
    width: 360px;
    max-height: 400px;
    height: auto;
    min-height: 150px;
    overflow: auto;
    margin: auto;
    padding: 10px;
    border: 1px solid black;
}

img#zalozka1 {
    position: absolute;
    left: -50px;
    top: 55px;
    z-index: 2;
    cursor: pointer;
}

img#zalozka2 {
    position: absolute;
    left: -50px;
    top: 55px;
    z-index: 3;
    cursor: pointer;
}

*.skryt {display: none;}
*.zobrazit {display: block;}

.bolder {
    font-weight: bolder;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.clear {
    clear:both;
    visibility:hidden;
}

.first {
    margin-top:0;
}

.marginTop10px {
    margin-top:10px;
}

.red {
    color:red;
}

.textAlignRight {
    text-align: right;
}

.width120px {
    width:120px;
}

.yellow {
    color: #074da5;
}