BODY{
 margin: 0px;
 padding: 250px 0px 0px 0px;
 font-family: 'Oswald', sans-serif;
 font-size: 18px;
 font-weight: 300;
 color: #554B43;
 background-color: #FEFDDE;
 background-image: url(obr/pozadi.jpg);
 background-repeat: no-repeat;
 background-size: 100%;
 background-attachment: fixed;
}
BODY.BODY2{ padding-top: 100px; }
/*--- TAGY ---*/
DIV.H1{
 text-align: center;
 padding: 0px 0px 50px 0px;
}
H1{
 display: inline-block;
 padding: 20px;
 position: relative;
 font-size: 50px;
 font-weight: 300;
 color: #FFFFFF;
 text-align: center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
}
H1 STRONG{
 position: relative;
 z-index: 2;
}
H1 EM{
 position: relative;
 z-index: 2;
 display: block;
 font-style: normal;
 font-size: 30px;
}
H1 SPAN{
 position: absolute;
 z-index: 1;
 top: 0px;
 left: 0px;
 display: block;
 width: 100%;
 height: 100%;
 opacity: 0.50;
 filter: alpha(opacity=50);
 background-color: #000000;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
}
H2{
 display: block;
 font-size: 30px;
 padding: 20px 0px 20px 0px;
}
.main IMG{
 display: inline-block;
 max-width: 100%;
}
STRONG{ font-weight: 700; }
DIV.pn{
 padding: 0px 0px 50px 0px;
}
DIV.blok I{
 font-style: normal;
 margin: 0px 10px 0px 0px;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #554B43;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #00B0E1;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
 box-shadow: 0px 0px 5px 0px #666666;
 -webkit-box-shadow: 0px 0px 5px 0px #666666;
 -moz-box-shadow: 0px 0px 5px 0px #666666;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 float: left;
 color: #554B43;
 font-size: 25px;
 padding: 10px 20px;
 margin: 0px 20px 0px 20px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #00B0E1;
 text-decoration: none;
}
.foto A,
.foto A:link,
.foto A:visited{
 display: block;
}
.foto A:hover,
.foto A:active{
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.foto A IMG,
.foto A:link IMG,
.foto A:visited IMG{
 display: block;
 width: 100%;
}
.fotogalerie{
 display: grid;
 grid-gap: 4px;
 grid-template-columns: auto auto auto auto;
}
.fotogalerie.fotogalerie8{
 grid-template-columns: auto auto auto auto auto auto auto auto;
}
.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited{
  display: inline-grid;
  height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.fotogalerie.fotogalerie8 A,
.fotogalerie.fotogalerie8 A:link,
.fotogalerie.fotogalerie8 A:visited{
 height: 50px;
}
.fotogalerie A:hover,
.fotogalerie A:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
.pn A,
.pn A:link,
.pn A:visited{
 display: inline-block;
 padding: 5px 20px;
 color: #FFFFFF;
 background-color: #A7A7A7;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
}
.pn A:hover,
.pn A:active{
 background-color: #373737 !important;
}
.bottom A:link, .bottom A:visited{
 color: #554B43;
}
.bottom A:hover, .bottom A:active{
 color: #00B0E1;
}
.copy{
 float: left;
 color: #554B43;
}
.copy A:link, .copy A:visited{
 color: #554B43;
}
.copy A:hover, .copy A:active{
 color: #00B0E1;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #554B43;
}
A.kao:hover, A.kao:active{
 color: #00B0E1;
}
/*--- DESIGN ---*/
.menupruh{
 position: fixed;
 width: 100%;
 top: 0px;
 right: 0px;
 text-align: center;
 padding: 30px 0px 0px 0px;
 z-index: 100;
}
.menupruh2{
 background-image: linear-gradient(to bottom, #DFF8FF, #FFFFFF);
 box-shadow: 0px 0px 25px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 25px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 25px 0px #AAAAAA;
}
.menu{
 position: relative;
 display: inline-block;
 z-index: 2;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.pruh{
 position: relative;
 padding: 30px 0px 30px 0px;
}
.pruh0{ padding: 0px; }
.pruh1{
 background-color: #F6E0D3;
}
.pruh2{
 background-color: #FFFFFF;
 background-image: url(obr/pruh2.png);
}
.pruh3{
 background-color: #FFFFFF;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
}
.mainL{
 float: left;
 width: 48%;
}
.mainP{
 float: right;
 width: 48%;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.fotogalerie{ margin: 4px 0px 0px 0px; }
.blok{
 padding: 20px;
 color: #FFFFFF;
 background-color: #554B43;
}