/* 
    Document   : pokus
    Created on : 20.3.2008, 12:52:15
    Author     : marouv1
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body { 
background-color: #FFFFFF; 
font-family : georgia; 
line-height: 1.5;
text-align: center;
margin: 0px;
}




.menu {
  height:27px;
  background:url(img/menu/m0.jpg) no-repeat;
  margin:0px;
}
.menu ul {
  margin:0px;
  padding:0px;
}
.menu ul li {
  margin:0px;
  padding:0px;
  list-style:none;
  float:left;
}
.menu a {
}
.menu a span {
  display:none;
  _display:auto;
  _visibility:hidden;
}
.menu a.menu1 {
  margin-left:185px;
  height:27px;
  width: 122px;
  float:left;
  background:url(img/menu/m1b.jpg) no-repeat;
}
.menu a.menu2 {
  height:27px;
  width: 88px;
  float:left;
  background:url(img/menu/m2b.jpg) no-repeat;
}
.menu a.menu3 {
  height:27px;
  width: 159px;
  float:left;
  background:url(img/menu/m3b.jpg) no-repeat;
}
.menu a.menu4 {
  height:27px;
  width: 195px;
  float:left;
  background:url(img/menu/m4b.jpg) no-repeat;
}
.menu a.menu5 {
  height:27px;
  width: 141px;
  float:left;
  background:url(img/menu/m5b.jpg) no-repeat;
}
.menu a.menu6 {
  height:27px;
  width: 134px;
  float:left;
  background:url(img/menu/m6b.jpg) no-repeat;
}

.menu a.menu1:hover, .menu li.active a.menu1 {
  background:url(img/menu/m1a.jpg) no-repeat bottom;
}
.menu a.menu2:hover, .menu li.active a.menu2 {
  background:url(img/menu/m2a.jpg) no-repeat;
}
.menu a.menu3:hover, .menu li.active a.menu3 {
  background:url(img/menu/m3a.jpg) no-repeat;
}
.menu a.menu4:hover, .menu li.active a.menu4 {
  background:url(img/menu/m4a.jpg) no-repeat;
}
.menu a.menu5:hover, .menu li.active a.menu5 {
  background:url(img/menu/m5a.jpg) no-repeat;
}
.menu a.menu6:hover, .menu li.active a.menu6 {
  background:url(img/menu/m6a.jpg) no-repeat;
}



#menu img {
  border: 0px;
}

#menu {
  height: 27px;
  margin: 0px;
}


legend {
display: none;
}

h1 {
display: none;
}

h2 {
display: none;
}

h3 {
margin-bottom: 0px;
margin-top:0px;
text-align:right;
font-weight:bold;
font-size: 16px;
color: #000000;
}

h4 {
margin-bottom: 0px;
margin-top:0px;
font-weight:bold;
font-size: 15px;
color: #000000;
}

fieldset {
border: 0px;
}

#polozka_dat img {
margin-top: 5px;
margin-right: 5px;
}

.pocitadlo {
text-align: center;
}

.databaze_hledat {
text-align: right;
}

.databaze_center {
text-align: center;
}

.databaze_left {
float: left;
}

.pocitadlo img {
border: 0px;
}

#main {
width: 1024px;
margin: auto;
padding: auto;
background-image: url("img/pozadi.jpg");
text-align: left;
}
#obsah {
width: 1024px;
_height:760px;
min-height:760px;
margin:0px;
background-image: url("img/obsah.jpg");
background-repeat: no-repeat;
}
#header {
height: 181px;
width: 1024px;
margin:0 auto;
background-image: url("img/logo.jpg"); 
}

#menu_knihy{
font-size:85%;
margin-top:10px;
text-align:left;
}
.nova_kniha{
float:left;
width:230px;
height:110px;
border:1px black solid;
font-size:90;
margin: 3px 3px 3px 3px;
}
.nova_kniha img{
  border:none;
  margin: 2px;
}
.clear{
height:1px;
font-size:1px;
clear: both;
}

#footer {
clear:both;
width: 1024px;
height:auto;
background-image: url("img/footer.jpg"); 
}
#footer img{
border:none;
}
#leva_lista{
width:481px;
_height:500px;
min-height:500px;
padding-left:260px;
float:left;
}
#prihlaseni{
padding-left:5px;
margin-top:15px;
width:199px;
font-size:80%;
background-image: url("img/prihlaseni.gif");
background-repeat: no-repeat;
padding-top:30px;
}
input{
background-color:#f2eec8;
border:1px black solid;
margin-top:5px;
}
#nove_knihy{
padding-left:5px;
margin-top:15px;
width:199px;
font-size:90%;
background-image: url("img/noveknihy.gif");
background-repeat: no-repeat;
padding-top:30px;
font-weight:bold;
}
#nove_knihy a{
text-decoration:none;
color: black;
}
#nove_knihy a:hover{
text-decoration:underline;
color: black;
}
#databaze{
padding-left:5px;
margin-top:15px;
width:199px;
font-size:90%;
background-image: url("img/databaze.gif");
background-repeat: no-repeat;
padding-top:30px;
font-weight:bold;
}
#databaze a{
text-decoration:none;
color: black;
}
#databaze a:hover{
text-decoration:underline;
color: black;
}

.text_tucny_stred {
font-weight: bold;
text-align: center;
}

.novinka_nadpis{
width:481px;
_height:27px;
min-height:27px;
background-image: url("img/novinka.gif"); 
background-repeat: no-repeat;
margin-top:15px;
text-align:right;
font-weight:bold;
color: #000000;
}
.novinka_datum{
text-align:center;
width:120px;
font-weight:bold;
color: #FFFFFF;
float:left;
}
.novinka_text{
width:481px;
text-align:left;
padding-left:5px;
}
.clanek_info{
width:481px;
text-align:right;
color: #000000;
font-size:85%;
margin-bottom:5px;
margin-top:5px;
}
.clanek_menu{
margin-top:5px;
}

.polozka_menu {
margin-left:40px;
padding-left:10px;
padding-top:10px;
margin-right:35px;
height:25px;
border-bottom: 1px black dotted;
color:black;
}
.form {
color:red;
font-size: 80%;
display: none;
}




#leva_lista a:hover{
text-decoration:underline;
color:blue;
}

#leva_lista a{
text-decoration:none;
color:blue;
}



#prava_lista {

width:220px;
_height:500px;
min-height:500px;
float:right;

padding-right:20px;
}


#spodni_lista {
color: #000000;
font-size: 90%;
padding-top: 46px;
padding-right: 50px;
padding-left:150px;
text-align:center;
}

#spodni_lista a:hover{
text-decoration:underline;
color:darkblue;
}
#spodni_lista a{
text-decoration:none;
color:white;
}


h1 {
color: #ffa63c;
border-bottom: 3px #b1d57d solid;
margin-right:20px;
text-align:right;
font-style:italic;
font-size:28px;
}

#prava_lista img{
border: 3px solid #b1d57d;
margin: 5px;
align:center;
-moz-opacity:0.5;
filter: alpha(opacity=50, style=0);
}
#prava_lista img:hover{
border: 3px solid #b1d57d;
margin: 5px;
-moz-opacity:1;
filter: alpha(opacity=100, style=0);
}










a:visited { color: blue; }

@media print{
          #header {display: none;}
          #footer {display: none;}
          #leva_lista {display: none;}
          body {background-color: white;}            
          #prava_lista{width:100%;} 
            
      }
/*

 
h1 { color: blue; }
p { text-align: justify; }
li { font-size: 75%; }

body { font-size: 0.7em; }
h1 { color: blue; }
p { text-align: justify; }
li { font-size: 150%; }

ul li {
border-top: 1px solid red;
border-bottom: 1px solid green;
}
ul li + li {
border-top: none;
}

a {
color: blue;
text-decoration: none;
}
a:hover {
color: red;
border: 1px dotted black;
}
li:hover {
color: red;
background-color: #ffcccc;
border-left: 3px solid red;
}
p:first-line { text-transform: uppercase }

p:first-letter { text-transform: uppercase;
font-size: 200%;
font-style: italic;
font-weight: bold;
float: left;
padding-right: 0.2em;
}
h1:before { content: "Special! \""; }

h1:after { content: '"'; }
*/