/*
 * 2007-07-16 by Petr Jirik. all rights reserved.
 */
/* 1. general rules */
body {margin: 0; padding: 0;font-family: tahoma, verdana, helvetica, sans-serif; font-size: 14px; background-color: #fff;}
a img {border: 0;}

/* 2. layout + links*/
#page {overflow: hidden; margin: 0 auto; width: 800px; height: auto; border: 1px solid rgb(130,130,130);}
#head {overflow: hidden; width: 800px; height: 100px; position: static;background-image: url(img/background.jpg); background-repeat: none; }
#login_pruh {overflow: hidden; width: 800px; height: 20px; position: static; background-color: #ccc;}
#head a{width: 200px; height: 100px; display: block; color: none;}
#body {overflow:hidden; position:static; width:800px; height: auto; padding: 0;
      }

#content{float:left; margin:0; padding: 0; width:800px; height: 470px; 
         color: #000; background-color:rgb(235,235,235);
         }


#main_frame{position: relative; float:left; padding: 5px 20px 10px 20px; width: 760px; text-align:left; 
            min-height: 470px; height: expression(this.scrollHeight < 470? "470px" : "auto" );
            background-image: url(img/hriste.gif); background-repeat: no-repeat; background-position: center; 
            font-size: 11px;}
#main_frame a{width: 760px; height: 470px; display: block; color: none; }
.text{float: left; width:100%; font-family: tahoma, verdana, helvetica, sans-serif; color: #000; 
       }	
.button {padding: 2px; border: 1px solid black; margin: 5px;}	

a {text-decoration: none; font-weight: bold; color: rgb(0,30,0);}
a:hover {color: rgb(0,153,0); text-decoration: underline;}
a:visited{color: rgb(0,153,0);}
a:visited:hover{color: rgb(0,0,0); text-decoration: underline;}

/* 3. text styling rules */
p {display: block; margin-top: 0;text-align: justify; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-family: tahoma, verdana, helvetica, sans-serif;}
h2 {font-size: 3.5em; color: #ccc;}
h3 {position: relative; left: -15px; font-size: 1.2em; padding-left: 15px; background-image: url(img/bullet.gif); 
    background-repeat: no-repeat; color: rgb(240,240,240); background-position: left 4px; 
    text-align:left; vertical-align: middle; margin: 10px 0 15px 0;}
h4 {font-size: 1.1em; margin:0; padding:0; font-weight:normal;}
li {line-height: 1.33; padding-left: 0; margin-left: 0;}
ul {margin-left: 0; padding-left: 20px;}
/*4. table rules*/
table td {vertical-align: top;}

.blok {text-align: justify;}

.no-margin {margin:0; padding: 0;}
.predchozi {float: left; width: 100px; text-align: left; background-color: white;}
.nasledujici {float: left; width: 100px; text-align: right; background-color: white;}
.strana {float: left; text-align: center; background-color: white;}

#login_pruh{float: left; padding: 2px; font-size: 14px; }
#datum {float: left; padding: 2px; padding-left: 6px; width: 250px;}
#uzivatel {float: left; font-size: 14px; padding: 2px;}

#login_form{float: left; width: 460px;}
#login_form input{font-size: 12px; border: 1px solid gray; padding: 1px;}
#login_submit_button {}


#navigace {width: 100%;  height: 20px; background-color: rgb(0,173,239);}
#navigace td {width: 50%; padding: 3px 10px 3px 10px;}
#navigace a{color: black;}


.left{float: none; text-align: left;}
.right{float: none; text-align: right;}
.url_back{float: left; margin: 5px 0 5px 0;}

.player_cerveny{position: absolute; background-image: url(img/h_cerveny.gif); background-repeat: no-repeat; width: 55px; height: 60px; background-position: top right;padding-top: 60px; text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.player_cerveny_zluty{position: absolute; background-image: url(img/h_cerveny_zluty.gif); background-repeat: no-repeat; background-position: top right;width: 55px; height: 60px; padding-top: 60px; text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.player_modry{position: absolute; background-image: url(img/h_modry.gif); background-repeat: no-repeat; width: 55px; background-position: top left; height: 60px; padding-top: 60px;text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.player_modry_zluty{position: absolute; background-image: url(img/h_modry_zluty.gif); background-repeat: no-repeat; background-position: top left; width: 55px; height: 60px; padding-top: 60px;text-align: center;
                Filter: Chroma(Color = #FFFFFF); font-size: 10px;}
.cislo {display: none; position: absolute; top:35px; left: 20px; font-weight: bold; font-size: 7px; text-align: center; color: white;background-color: black;padding: 0 2px 0 2px;}
.hidden{display: none;}
#fotbal {float: left; width: 380px; height: 300px; margin: 10px; margin-left: 0; background-image: url(img/fotbal.jpg);}
#florbal {float: left; width: 380px; height: 300px; margin: 10px; background-image: url(img/florbal.jpg);}
#prihlas {display: block; z-index: 1; width: 400px; height: 400px;}