body {background-color: #ffffff;}
/*body {background-color: #cbcbcb;}*/
#text { float:left; width: 67%;}
.article { 
	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	width: 100%;
  }
#pravo{float: right; width: 30%; background-color: white; margin-top: 3%}  
#cara { border-left: 1px solid black;
  height: 500px;
  position: fixed;
  right: 30.5%;
  margin-left: -3px;
  top: 11%;  
  }

/*css textu*/
h1 {font: 40px stredovek; font-weight: bold; text-align: center; color: rgb(0, 102, 153); }
h3 {font: 25px Arial;}
p {font: 23px Times; text-align: justify; position: relative; left: 5px; text-indent: 50px;} 
dt {font: 17px Arial;}
dd {font: 18px Times;}
/*obr na střed*/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
/*popis obrázků*/
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  width: 180px;
  position: static;
  float: left;
  width: 38%;
  margin: 12px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
 }

div.desc {
  padding: 15px;
  text-align: center;
}
/*odkazy-aby se na to dalo klikat*/
.klik{
  position: relative; 
  z-index: 10; 
}

/*boční věc*/
aside {position: fixed; right: 1px;}


@media screen and (max-width: 1081px) {
#cara { border-left: 0px black;}
#pravo {float: left; width: 99%;}
#text {width: 99%;}
aside {position: relative;}



}