HTML {margin-top: 0px;	margin-bottom: 0px;	/* scrollbar-arrow-color:    Black;	scrollbar-face-color:   ;	scrollbar-track-color:   ;	scrollbar-shadow-color: ;   */
}

Body  {font-family:   Tahoma; color: black; margin: 0px; padding: 0px; text-align: left; background: url(../img/bg.gif) ;  background-repeat: repeat; margin-bottom: 10px;
}

H1 {FONT: 125%  Tahoma; font-weight: normal;
}
H2 {FONT: 110%  Tahoma; font-weight: normal;
}
H3 {FONT: 100%  Tahoma; font-weight: normal;
}
H4 {FONT: 80%  Tahoma; font-weight: normal;
}	
img {border: 0px;
}
p  {margin: 0px; padding: 0px; border: 0px; 
}
p {font-size: 80%; text-align: justify;
}
a {text-decoration: underline; color: black;
}
a:hover {text-decoration: none; color: black;
}
.clear {clear: both;
}
.text {color: black; 
}
.vice {color: black; font-size: 80%; margin-top: 10px;
}
.vice a {color: #F36B08; 
}

.text_center { text-align: center; color: black;
}
.text a {color: #F27B38; 
}
.text a:hover {color: #F27B38;  text-decoration: none;
}
.text_float_left{color: black; position: relative; float: left; width: 280px;
}
.text_float_left a {color: #F27B38; 
}
.text_float_left a:hover {color: #ECF4F8; background-color: #F27B38;
}
.text_spam {color: #4E7DAD; font-size: 80%; 
}

#kontejner  {width:800px!important; width: 820px;; margin-left: auto; margin-right: auto; 
}

#menu  {width: 210px; height: auto; margin-top: 60px; text-align: center; background-color: #515b64; border: 4px solid white; position: relative; float: left;
}
#menu H2  {height: auto; margin: 0px; text-align: left; color: white; font-weight: bolder; text-transform: uppercase; background-color: #F36B08; padding: 10px 0px 10px 20px;

}
#menu ul {display: inline; list-style: none; margin: 0px; padding: 0px; 
}
#menu ul li {display: inline; list-style: none; margin: 0px;   text-align: left;
}
#menu ul li a {font-size: 90%; color: white; display: block; list-style: none; margin-left: 0px; margin-right: 0px; font-weight: bold; text-decoration: none;text-align: left; 
padding: 7px 0px 7px 20px;
}
#menu ul li a:hover {text-decoration: underline; background-color: #F36B08; border: 1px solid white;
}

#holder {width:560px; margin: 60px 0px 20px 15px;  position: relative; float: left; 
}
#main {width:560px; margin: 0px; border: 4px solid white; position: relative; float: none; background-color: #E6EEF4;
}

#header {width: 560px; height: 212px; position: relative; float: none; margin:0px; background-image: url(../img/header.jpg); background-repeat: no-repeat; 
}
#header H1 {position: relative; float: none; margin: 0px ; margin-bottom: 4px; left: 280px; text-align: center; width: 250px; margin-top: 30px; text-transform: uppercase; font-weight: bold;
}
#header H2 {position: relative; float: none; margin: 0px ; margin-bottom: 10px; left: 280px; text-align: center; width: 250px;
}

#text {position: relative; float: none; height: auto; width: 540px; padding: 10px; margin-bottom: 10px; background-color: #E6EEF4;
}
#text H2 {position: relative; float: none; margin: 0px ; margin-bottom: 10px;font-weight: bolder;
}
#text H3 {position: relative; float: none; margin: 0px ; margin-bottom: 5px; margin-top: 15px; font-weight: bolder;
}
table#soupiska {font-size: 80%; border: 1px solid black;
}
table#soupiska td{ padding: 2px 15px;
}
table#soupiska th{ padding: 2px 15px; background-color: #515B64; color: white;
}

table#los {font-size: 80%; border: 1px solid black;
}
table#los td{ padding: 2px 15px;
}
table#los th{ padding: 2px 15px; background-color: #515B64; color: white;
}
.odd{  background-color:  ThreedFace;
}
.even{  background-color: white;
}
.grey  {background-color: #EEEEEE;
}
.black  {background-color: black;
}


table#tabulka {font-size: 80%; border: 1px solid black; background-color: white;
}
table#tabulka td{ padding: 2px 5px;
}
table#tabulka th{ padding: 2px 5px; background-color: #515B64; color: white;
}

#vysledky {position: relative; float: none; 
}
#text H2 {position: relative; float: none; margin: 20px 0px 10px 0px ; font-weight: bolder;
}
#text H3 {
}


#paticka {position: relative; float: none;  margin: 0px; padding: 0px; width: 560px; padding-top: 10px; margin-top: 6px; text-align: center; 
  
}

.paticka {text-align: center; color: black;
}
.paticka a {text-align: center;color: #F27B38;
}
.paticka a:hover {text-align: center;color: #F27B38;
}
.orange {text-align: center; color: #F27B38;
}

#vlevo {position: relative; float: left;  margin: 0px ;  padding: 0px; margin-right: 40px; margin-bottom: 15px;
}
#vlevo2 {position: relative; float: left;  margin: 0px ;  padding: 0px; margin-right: 40px; margin-bottom: 15px; margin-left: 120px;
}
#vpravo {position: relative; float: left;  margin: 0px ;   padding: 0px; margin-bottom: 15px;
}

ul.info {color: black; list-style: none; margin: 0px; padding: 0px; position: relative;  
}

ul li.info {color: black; font-size: 80%; list-style: none; margin: 0px; padding: 0px;  text-align: left;
}

#iframe {margin:0px; padding: 10px 0px 10px 10px; width: 530px; height: 600px; background-color: #E6EEF4;
}

#iframe .text {color: black; 
}
#iframe .vice {color: black; font-size: 80%; margin-top: 10px;
}
#iframe .vice a {color: #F36B08; 
}