*{
  margin:0;
  padding:0;
}

body{
  background-color:#A6D544;
  font-family:'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;
}

/* Obecné */

h1, h2, h3{
  font-weight:normal;
}

h1{
  font-size:25px;
  color:#EB5906;
  background-image:url('../images/hlavicka_bot.jpg');
  background-repeat:no-repeat;
  background-position:205px 0;
}

h2{
  font-size:20px;
  color:#003952;
  margin-top:5px;
}

h3{
  font-size:15px;
  color:#009DDF;
  margin-top:8px;
  margin-bottom:5px;
}

p{
  font-size:13px;
  line-height:18px;
  margin-top:5px;
}

a,
a:link,
a:visited{
  color:#EB5906;
}

a:hover{
  text-decoration:none;
}

/* Layout */

#stranka{
  width:900px;
  margin:10px auto 10px auto;
  position:relative;
}

#hlavicka{
  display:block;
  width:900px;
  height:199px;
  background-image:url('../images/hlavicka.jpg');
  background-repeat:no-repeat;  
  margin-bottom:-10px;
  background-position:0 0;
}

#hlavicka a{
  display:block;
  width:240px;
  height:80px;
  color:transparent;
  position:absolute;
  top:55px;
  left:250px;
}

#hlavicka a strong{
  display:none;
}

#hlavni{
  width:800px;
  margin:auto;
  background-color:white;
  overflow:auto;
  _overflow:hidden;
  background-image:url('../images/paticka_top.jpg');
  background-repeat:no-repeat;
  background-position:bottom left;
  min-height:240px;
  _height:240px;
}

#obsah{
  width:565px;
  float:right;
  margin-right:20px;
}

/* Menu */

#menu{
  width:160px;
  float:left;
  background-image:url('../images/menu_top.jpg');
  background-repeat:no-repeat;
  background-color:#D2F1FF;
  margin-left:25px;
  _margin-left:13px;
}

menu{
  background-image:url('../images/menu_bottom.jpg');
  background-repeat:no-repeat;
  background-position:bottom;
  list-style:none;
  padding-top:15px;
  padding-bottom:15px;
} 

menu li a,
menu li a:link,
menu li a:visited{
  display:block;
  height:23px;
  line-height:23px;
  color:#009DDF;
  font-size:17px;
  text-decoration:none;
  padding:0 20px 0 20px;
}

menu li a:hover{
  background-color:#009DDF;
  background-image:url('../images/menu_hover.jpg');
  color:white;
}

/* Patička */

#paticka{
  width:900px;
  height:32px;
  background-image:url('../images/paticka.jpg');
  background-repeat:no-repeat;
  padding-top:39px;
  color:#D2F1FF;
  margin-top:0px;
}

#paticka a,
#paticka a:link,
#paticka a:visited{
  color:white;
  font-style:normal;
  text-decoration:none;
}

#paticka a:hover{
  text-decoration:underline;
}

#paticka p{
  margin:0;
}

#paticka #paticka-left{
  float:left;
  margin-left:80px;
  _margin-left:40px;
}

#paticka #paticka-right{
  float:right;
  margin-right:80px;
  _margin-right:40px;
}
/* Fotogalerie */

#fotogalerie{
  clear:both;
  overflow:hidden;
  margin-top:10px;
}

a.obal1{
  border:1px solid #009ddf;
  width:160px;
  height:160px;
  background-color:white;
  margin:0 3px 3px 0;
  text-align:center;
  display: table;
  #position: relative; 
  overflow: hidden;
  float:left;
  box-sizing: border-box;
}

a.obal1:hover{
  background-color:#009ddf;
  border:1px solid #009ddf;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
  head~body a.obal1 { 
    width:162px;
    height:162px;
  }
}

span.obal2{
  _position: absolute; 
  #top: -50%;
  &top: 0;
  display: table-cell; 
  vertical-align: middle;
}
  
span.obal3{
  #position: relative;
  #top: -50%;
  &top: 0;
  display:block;
}

.thumb{
  max-width:160px;
  max-height:160px;
}

span.obal2 {
	&width: 100%;
	&position:absolute;
	&top: 50%;
	&left: 0;
	_left:0;
}
span.obal3 {
	&position: relative;
	&top: -50%
}

a img{
  border:none;
}