/* CSS Document */

body
{
  background:#DDEBFF;
  font-family:Tahoma;
  font-size: 9.5pt;
  color:black;
  margin: 0px;
  padding: 5px 0px 20px 0px;
  text-align:justify;
  position:absolute;
  top: 0px;
  width: 980px;
  left: 50%;
  margin: 0px 0px 0px -490px;
  behavior: url(csshover.htc);
  /*border:2px #C6DEF1 solid;*/
}

/*#Menu
{
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 50px;
  height:22px;
  border-bottom:2px #272927 solid;
  background:#5CBAFF;
}
*/
a
{
  color:black;
}

/*#Menu a
{
  display:block;
  font-size:8.00pt;
  font-weight:bold;
  text-decoration:none;
  margin:4px 1px;
  padding:0px 3px;
  width:90px;
  text-align:center;
  border-right:1px gray solid;
  
}
#Menu a.bez
{
  display:block;
  font-size:8.00pt;
  font-weight:bold;
  text-decoration:none;
  margin:4px 1px;
  padding:0px 3px;
  width:90px;
  text-align:center;
  border-right:0px gray solid;
  
}
*/

table
{
  margin:0;
  padding:0;
/*  border:1px solid red;*/
  
}

tr
{
  margin:0;
  padding:0;
}

td
{
  margin:0;
  padding:0;
/*  border:1px solid lime;*/
}

div.datum
{
   float:left;
  font-size:14.0pt;

}

h1
{
  font-family:Verdana;
  font-size:15.0pt;
  margin:6px 0px 18px 0px;
  padding:1px 0px 4px 5px;
  letter-spacing:1px;
  background:#007CC2;
  color:white;
}

h2
{
  font-size:13.0pt;
  margin:6px 0px 18px 7px;
  letter-spacing:0px;
  color:black;
}

h3
{
  font-size:10.0pt;
  margin:12px 0px 0px 0px;
  letter-spacing:1px;
}


li
{
  list-style-type: none;
  list-style-position:outside;
  margin:0px 0px 0px -40px;
}


ul.odrazka li
{
  list-style-type: circle;
  list-style-position:outside;
  margin:15px 0px 0px 0px;
}

ul.odrazkatesne li
{
  list-style-type: circle;
  list-style-position:outside;
  margin:0px 0px 0px 7px;
}


#Menu a:hover
{
  color:#BDF038;
  /*background:#B8E0FF;*/
  
}


#Logo
{
  height:179px;
  border-bottom:2px white solid;
  padding:0px 0px 0px 0px;
  background-image:url(logo.jpg);
}

#Logo img
{
  margin: 0 0 0 0px;
  padding:0px;
  
}

#LogoDatum
{
  font-family:Arial;
  font-size: 30pt;
  font-weight:bold;
  color:white;
  position: absolute;
  top:65px;
  left:353px;
}
#LogoDatum2
{
  font-family:Arial;
  font-size: 30pt;
  font-weight:bold;
  color:navy;
  position: absolute;
  top:67px;
  left:356px;
}

#TabPol 
{
  border:0px solid red;
  background:white;
  padding:0px 0px 0px 0px;
  border-collapse:collapse;
}

#TabPol td
{
  vertical-align:top;
  padding:0 7px;
}


#Diskuse
{
  width:230px;
/*  border:1px solid lime;*/
  background:#F5F5F5;
  color:black;
  font-size: 8.5pt;
}

#Pole
{
  width:545px;
  border:0px solid lime;
  border-left:1px solid #B8E3FF;
  border-right:1px solid #B8E3FF;
  background:white;
}

#Reklama
{
  width:160px;
  top:15px;
/*  border:1px solid lime;*/
  background:white;
}

#Reklama a
{
  margin:0px 0px 10px 0px;
  border:0px solid white;
}
#Pata
{
  font-family:Tahoma;
  font-size: 8.5pt;
  padding:2px 0px 0px 15px;
  height:27px;
  border-top:1px #272927 solid;
  border-bottom:2px #272927 solid;
  background:#5CBAFF;
}

img
{
  margin:0;
  padding:0;
  border:0 solid white;
}

.nav
{
  width: 70px;
  font-weight:bold;
}


table#TabPri
{
  margin: 0 0 0 60px;
}

table#TabPri td
{
  padding:0px 0px;

}


.pol
{
  width: 180px;
}

.fl
{
  float:left;
}
.fr
{
  float:right;
}

.cl
{
  clear:left;
}

.fc{clear:both;}

div.linka
{
  width:720;
  height:3px;
  margin:3px 0 3px 0px;
  border-top:2px white solid;
}

.fotouvod
{
  margin:15px 0px 15px 15px;
}

/***********************************************/
div.fotogal
{
/*  width:160px;*/
  width:93px;
  height:400px;
  overflow:scroll;
}

div.fotogalvyb
{
  float:left;
  width:70px;
  height:100px;
  border:1px solid white;
  background-color:white;
  padding:0px;
  margin:1px;
}

div.fotogalimg
{
  height:70px;
}

.fotogalvyb img
{
  margin:3px 0 3px 0;
}

.fotogalvyb img.sirka
{
  width:70px;
}
.fotogalvyb img.vyska
{
  height:70px;
}

.fotogalvyb div.fotogalpopis
{
  background-color:white;/*rgb(204,255,204);*/
  height:33px;
  padding:0 5px;
  text-align:center;
  color:navy;
  font-size:7pt;
}

.TlacMal
{
  background:rgb(95,95,95);
  padding:0 7px;
}

div#hlavnif
{
  width:380px;
  border:1px solid white;
  padding:12px 0 16px 0;
  background-color:white;
}

img.hlavfoto
{
  height:300px;
}

div#fotogalpopis
{
  margin:4px 0px 0px 0;
  width:380px;
  height:320px;
  border:1px solid white;
  padding:12px 0px;
/*  background-color:rgb(204,255,204);*/
  background:white;
}

div#fotogaltextpop
{
  margin:8px;
}


.Tlacitko
{
  background:silver;
  border:1px solid white;
  color:black;
  padding:0 15px;
  margin: 0 5px;
  height: 25px;
  display:block;
  text-decoration:none;
  text-align:center;
  
}

.Tlacitko:hover
{
  background:white
  color:navy;
}


table.startovka
{
  margin:3px 0 3px 20px;
  border-collapse:collapse;
}

.startovka td
{
  border:1px solid black;
  padding:0 0 0 3px;
}


.mapa
{
  width:540px;
  border:1px solid gray;
  padding:2px;
  margin:0px 0px 4px 0px;  
}

div#login
{
  float:left;
}

table.seznam
{
  border-bottom:1px solid white;
  margin-bottom: 8px;
}

table.seznam tr.svetly
{
  background:#D5E4FF;
}


table.seznam tr:hover
{
  background:#61B6FF;
}

table.seznam th
{
  border-bottom:1px solid white;
}


div#mutace
{
  position:absolute;
  left:170px;
  top:135px;
}

div#nalepka
{

  display:block;
  top:060px;
  left:350px;
  position:absolute;
  font-size: 16pt;
  font-weight:bold;
  border: 2px solid white;
  padding:30px;
  background:rgb(102,153,255);
  color:white;
  text-align:center;
  z-index:11;
}

.w0{width:16px;}
.w1{width:32px;}
.w2{width:64px;}
.w3{width:96px;}
.w4{width:128px;}
.w5{width:160px;}
.w6{width:192px;}
.w7{width:224px;}
.w8{width:256px;}
.w9{width:288px;}
.w10{width:320px;}
.w11{width:352px;}
.w12{width:384px;}
.w13{width:416px;}
.w14{width:448px;}
.w15{width:480px;}
.w16{width:512px;}
.w17{width:544px;}
.w18{width:576px;}
.w19{width:608px;}
.w20{width:640px;}
.w21{width:672px;}
.w22{width:704px;}
.w23{width:736px;}
.w24{width:768px;}
.w100{width:100%;}

.vstup
{
  font-family:Tahoma;
  font-size: 7.5pt;
  height:13px;
}
.TlacLog
{
  font-family:Tahoma;
  font-size: 8.5pt;
  background:silver;
  color:black;
  padding:0px 15px;
  margin: 0px 5px;
  height: 19px;
  display:block;
  text-align:center;
 
}





/************************** NOVÉ MENU ***********************************/
div#Menu {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 100px;
  height:22px;
  background:#5CBAFF;
	font-family: Tahoma;
	font-weight: bold;
  position:relative;
  background:#5CBAFF;
	font-size: 9pt;
  border-bottom:2px #272927 solid;
 	z-index: 10;
/*	border-left: 1px #000046 solid; 
	border-right: 1px #000046 solid;*/ 
}



div.navigation
{
  position: absolute;
  height: 10px;
  margin: 0 0 0 20px;
  z-index:10px;
}
div.page>div.navigation, div.page>div.menu
{
    margin: 0;
}
div.navigation ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
div.navigation ul li
{
    display: inline;
    float: left;
    margin: 0;
    background-color: expression(
        this.onmouseover = new Function("this.className += ' hover';"),
        this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
    );
}


#Menu a
{
 	color:black;
  /*border:2px solid white;*/
  
}


div.navigation ul li a 
{
    text-align:center;
    margin:1px 1px 1px 0px;
    float: left;
    padding: 3px 0px 0px 10px;
    display: block;
    height: 17px;
    width:80px;
    text-align: center;
    color: #ffffff;
    font-size:8.00pt;
    font-weight:bold;
    text-decoration: none;
    cursor: pointer;
    border-right:1px gray solid;

}

div.navigation ul li a.bez
{
    text-align:center;
    margin:1px 1px 1px 0px;
    float: left;
    padding: 3px 0px 0px 10px;
    display: block;
    height: 17px;
    width:80px;
    text-align: center;
    color: #ffffff;
    font-size:8.00pt;
    font-weight:bold;
    text-decoration: none;
    cursor: pointer;
    border-right:0px gray solid;
}


div.navigation ul li>a, div.navigation ul li>a.bez
{
   float: none;
}

div.navigation ul li a:hover
{
  background:#1C8ADF;

}

div.navigation ul li:hover ul, div.navigation ul li.hover ul
{
   display: block;
}

div.navigation ul li ul
{
    clear: both;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 160px;
}

div.navigation ul li ul li
{
    float: left;
    height: auto;
    background: none;
    margin: 0;
    padding: 0;
    width: 140px;
}
div.navigation ul li ul li.top
{
    padding: 0px 0 0 0;
}

div.navigation ul li ul li.top a
{
    _margin-bottom: -6px;
}

div.navigation ul li ul li a
{

    display: block;
    font-weight:bold;
    cursor: pointer;
    color: #ffffff;
    font-size:8.00pt;
    height: 12px;
/*    line-height: 100%;*/
    margin: 0;
    padding: 5px;
    text-align: center;
    text-transform: none;
    background:#5CBAF1;
    border-right:0px gray solid;
    
}
div.navigation ul li ul li>a
{
    width: 90px;
}

div.navigation ul li ul li a:hover
{
  color:#BDF038;
  background:#1C8ADF;

  /*color: #FFB100;
  background: #143F80;*/
}
iframe.kamfr
{
  text-align:center;
  border:1px solid silver;
  margin: 0px 0px 0px 50px; 
  padding:2px;
  height:330px; 
  width:440px;   
}