footer a {
    color: #eee;
}
footer a:hover {
    color: #6ebaf9;
}
a {
  color: #000099;
}
header a  {
    color: #eee;
}
a:hover, a:focus{
  color: #003663;
}
header a:hover, header a:focus{
  color: #aac7ff;
}
article a:hover img {
  background-color: #fff;
}
.inventory th, .inventory td{
  border: 1px solid #003663;
}
.inventory th{
	background-color: #FFF;
}
.inventory td{
	background-color: #ccc;
}

nav li a{
  background-color: #eee;
  color: #000;
}
nav li a:hover, nav li a:focus, nav li a.outer2 {
  background-color: #aac7ff;
  color: #009;
}
header h1, footer {
    background-color: #003663;
  }
nav table{
  background-color: rgb(255,255,255);
}
nav table th{
  background-color: #aac7ff;
  color: #000;
}
a.webknihovny {
 color: red;
}
footer{
  color:#fff;
  background-color: #003663;
}
.icons a:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.85);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.85);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.85);
}
body  {
    background-color: #eeeeee;
}


@media screen and (min-width: 900px){
  #outtardis{
    background-image: url(blue.png);
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.85);
    -moz-box-shadow:    0px 0px 15px 3px rgba(0, 0, 0, 0.85);
    box-shadow:         0px 0px 15px 3px rgba(0, 0, 0, 0.85);
  }
  nav .icons{
    background-color: white;
  }
}

@media screen and (max-width: 899px){
  nav {
    background-color: #003663;
}
  nav li a{
    background-color: #eee;
    color: #000;
  }
}
@media print{
  header h1, header, footer  {
    background-color: transparent;
    color: black;
  }

}


@media screen{

.svetly-odstin
{
  background-color: #d1e1ff;
}

.stredni-odstin {
  background-color: #aac7ff;
  }


}