/* CSS Document */

body {
font-family:'Verdana',Arial,'Helvetica CE',lucida,sans-serif;
font-size: 13px;
background: #0065CA url(layout/background.jpg) no-repeat fixed;
color: white;
margin: 0px;
text-align: center;
}

p {
  text-align: left;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

#top {
width: 760px;
height: 200px;
top: 5px;
margin: auto;
}

.pre60 {
  width: 60px;
}

.kniha {
  width: 480px;
  text-align: justify;
  border: 1px solid black;
  padding: 5px;
  margin-bottom: 10px;
}

#menu {
  background: url(layout/top_menu.jpg) no-repeat;
  height: 50px;
  width: 740px; 
  margin-top: 0px;
  margin: auto;
  padding: 0px;
}


#page {
width: 800px;
margin: 0px auto 0px auto;
text-align: center;
background: url(layout/page.gif);
}

#info {
width: 210px;
float: left;

}

#obsah_top {
background: url(layout/obsah_top.jpg) no-repeat;
width: 530px;
height: 40px;
margin: auto;
margin-left: 245px;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

#obsah_mid {
background: url(layout/obsah_mid.jpg) repeat-y; 
width: 530px;
margin: auto;
margin-left: 245px;
text-align: center;
padding: 0px;
margin-bottom: 0px;
margin-top: 0px;
}

#obsah_down {
background: url(layout/obsah_down.jpg) no-repeat;
height: 40px;
width: 530px;
margin: auto;
margin-left: 245px;
margin-bottom: 0px;
margin-top: 0px;
}

.obsah {
width: 500px;
margin: auto;
text-align: center;
}

#info_top {
background: url(layout/info_top.jpg) no-repeat;
height: 80px;
margin-left: 29px;
width: 200px;
}

#info_mid {
background: url(layout/info_mid.jpg) repeat-y;
min-height: 210px;
vertical-align: top;
padding-top: -20px;
margin-left: 29px;
width: 200px;
text-align: left;
padding: 10px;
}

#info_down {
background: url(layout/info_down.jpg) no-repeat;
height: 40px;
margin-left: 29px;
width: 200px;
}

#footer {
border-top: 1px solid white;
padding: 5px;
color: white;
background-color: #0066CC;
}

.cleaner {
  border: 0px;
	height: 1px;
	margin: 0px;
	clear: left;
}

h1 {
  padding-top: 10px;
  padding-left: 20px;
  font-size: 17px;
  margin-top: 0px;
  color: white;
}

h2 {
  font-size: 14px;
  margin: 0px;
  color: white;
  font-weight: bold;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}

h3 {
  font-size: 14px;
  margin: 0px;
  color: white;
  font-weight: bold;
  width: 480px;
}

.infonadpis {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  font-family: Arial;
  height: 20px;
  width: 185px;
  text-align: left;
  color: white;
  font-weight: bold;
  margin-bottom: 10px;
  font-variant: small-caps;
}

a:link {text-decoration: underline; color: black;}
a:visited {text-decoration: underline; color: black;}
a:active {text-decoration: none; color: black;}
a:hover {text-decoration: none; color: black;}

table_pocasi {
  width: 50px;
}

.novinky {
  width: 505px;
  text-align: justify;
  margin-left: 0px;
}

.kalendar {
  width: 95%;
  margin: auto;
}

.kal_odkaz {
  background-color: rgb(255,255,0);
}

.box {
	float: left;
	width: 100px;
	height: 150px;
	margin: 5px;
	border: 1px solid black;
	text-align: center;
}

img {
  margin: 5px;
}

.soupiska {
  width: 350px;
  border: 1px solid black;
  text-align: left;
  margin: 0px;
}

.detail {
  width: 100px;
  border: 1px solid black;
  margin-left: 350px;
}

.login {
  width: 150px;
  border: 1px solid black;
  background-color: rgb(0,102,204);
  margin-bottom: 2px;
  color: white;
  font-family: arial;
}

.log {
  font: italic bold small bold Verdana;
}

.reg {
  text-align: right;
}

.hlaseni {
  width: 480px;
  border: 1px solid red;
  color: red;
  padding: 10px;
  font-weight: bold;
  background-color: white;
}


td {
  text-align: left;
}

th {
  text-align: left;
  color: black;
  font-size: 10px;
}

.detail_clen {
  width: 500px;
  margin: auto;
}

.fot {
  float: left;
}


.fotka {
  width: 160px;
  border-bottom: 1px solid gray;
  vertical-align: top;
  text-align: right;
}

.inf {
  text-align: right;
  border-bottom: 1px solid gray;
  height: 15px
}

.vys {
  text-align: left;
  border-bottom: 1px solid gray;
  height: 15px
}

.statistika {
  width: 500px;
  border: 1px solid gray;
}

.dojmy {
  text-align: justify;
}

.stat {
  font-size: 9px;
  color: black;
  width: 40px;
}

.stat_nazev {
  font-size: 9px;
  color: black;
  width: 120px;
  text-align: left;
}

.stat1 {
  font-size: 10px;
  text-align: left;
  width: 40px;
}

.stat2 {
  font-size: 10px;
  text-align: left;
  width: 165px;
}

.stat3 {
  font-size: 9px;
  text-align: left;
  width: 80px;
}

.blue_back {
  background: rgb(0,102,204) url();
}

.blue_back2 {
  background: rgb(51,153,255) url();
}

.novegal {
  width: 160px;
}

a.infor:link {text-decoration: underline; color: black; font-size: 10px;}
a.infor:visited {text-decoration: underline; color: black; font-size: 10px;}
a.infor:active {text-decoration: none; color: black; font-size: 10px;}
a.infor:hover {text-decoration: none; color: black; font-size: 10px;}

#m {
   display:block;
   width: 140px;
   height: 140px;
   background: url(layout/doplnit_link.jpg);
   margin: auto;
   }
#m:hover {
   background: url(layout/doplnit_over.jpg);
   }
#m:active {
   background: url(layout/doplnit_link.jpg);
   }
   
#n {
   display:block;
   width: 140px;
   height: 140px;
   background: url(layout/foto_link.jpg);
   margin: auto;
   }
#n:hover {
   background: url(layout/foto_over.jpg);
   }
#n:active {
   background: url(layout/foto_link.jpg);
   }
   
#st {
   display:block;
   width: 140px;
   height: 140px;
   background: url(layout/stat_link.jpg);
   margin: auto;
   }
#st:hover {
   background: url(layout/stat_over.jpg);
   }
#st:active {
   background: url(layout/stat_link.jpg);
   }
   
#za {
   display:block;
   width: 70px;
   height: 140px;
   background: url(layout/zavody_link.jpg);
   margin: auto;
   }
#za:hover {
   background: url(layout/zavody_over.jpg);
   }
#za:active {
   background: url(layout/zavody_link.jpg);
   }
   
.foto {
float: right;
margin-left: 2px;
margin-top: 20px;
margin-right: 15px;
margin-bottom: 2px;
padding: 0px;
}