img.revealme {
transform: scale(0.5);
transition: .65s ease;
}


.textimage {
width:100%;
}

.textboxhlavni {
background-color: #f0f0f0;
padding:10px;
border-radius:5px;
margin:0 0 20px 0;
}


 h1 {
 text-align: center;
font-family: 'Open Sans', sans-serif;
margin:0;
padding:20px 0 20px 0;
font-size:42px;
font-weight: normal;
color:black;
 }

 h2 {
 font-family: 'Open Sans', sans-serif;
margin:10px 0;
background-color:#409d40;
color:white;
padding:7px 10px 7px 10px;
font-size:25px;
font-weight: bold;
 }



h3 {
font-family: 'Open Sans', sans-serif;
margin:10px 0;
background-color:#e0e0e0;
color:black;
padding:7px 10px 7px 10px;
font-size:15px;
font-weight: bold;
 }



p {
margin:0;
padding:10px 0 10px 0;
}


 img {
  border: none;
 }


.formularobjednavka {
padding:10px;
background-color: #f0f0f0;

}





.div50vlevo {
float:left;
width:59%;
}

.div50vpravo {
float:right;
width:39%;
}



.formularobjednavka input,.formularobjednavka textarea {
font-size:13px;
font-family: 'Open Sans';

}

 body {
  background-color: #f0f0f0;
  background: url('wood-pixabay.jpg') no-repeat center top;
  background-size: cover;
   background-attachment: fixed;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  color:#454545;
 }


.hlavniobsah img {

}

.hlavniobsah img.imgnavysku {
width: 50%;
}

.hlavniobsah strong  img {
width: auto;
}
 
 a
 {
  color:black;
 }  
 

 
.hidemobile {
display: block;
}

.showmobile {
display: none;
}
 

#logo {
left:7px;
top:-1px;
display: block;
position: absolute;
z-index:99;
text-decoration: none;
font-weight: bold;
font-family: Oswald;
font-size:30px;
padding:1px 0 2px 5px;
color: #242424;
}
#logo small {
font-weight: normal;
font-size:20px;
color:#454545;
}
#logo span {
color:white;
font-style: italic;
left:-3px;
position: relative;
}
#logo:hover {
color:#505050;
}
.mobilemenu {
background:url('menumobile.png') no-repeat left top;
width:33px;
height:25px;
position: absolute;
top:12px;
right:10px;
}


#menum {
z-index:99999;
width:0;
padding:0 0 10px 0;
position: relative;
top:50px;
left:0;
background-color: #fcce3c;
overflow: hidden;
border-bottom:3px solid white;
}


#menum ul li,#menum ul ul li {
list-style: none;
text-align: left;
}

#menum ul li a {
color:black;
display: block;
padding:10px;
text-decoration: none;
font-size:16px;
overflow: hidden;
}

#menum ul li a:hover,#menum ul ul li a:hover {
background-color:#fc9e0f;
color:black;
}



#menum ul ul li a {
font-size:14px;
color:white;
overflow: hidden;
display: block;
background-color:#232323;
padding:8px 8px 8px 40px;
text-decoration: none;
}

#menum ul , #menum ul ul, #menum ul li, #menum ul ul li {
padding:0;
margin:0;
}

#menu #menum ul li {
display: block;
}


 .holder {
  width: 990px;
  margin: 0 auto;
  text-align: left;
  position: relative;
 }
 .holderin {
padding:0 10px;
}


 .holderbxslider {
 width: 970px;
 margin: 0 auto;
 text-align: left;
}
 
 
 #logo a {
 }
 #menudiv {
 position: fixed;
 text-align: left;
 top:0;
 width:100%;
 height:50px;
 background-color:rgba(253,205,40,0.9);
 border-bottom: 2px solid rgb(253,205,40);
 
 }
 
 #menu {
 position: absolute;
 right:10px;
top:4px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
 }
 




 #page {
  padding:50px 0 0 0;
 }


.footer h2 {
color:white;
background:url() ;
}

 .footer {
 box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
 margin-top:20px;
  background-color:#407d40;
  padding:20px;
  color:white;
 }
 .footer a {
 color:white;
 text-decoration: underline;
 
}

.footer a.mujlink {
 color:white;
 text-decoration: none;
 background-color: #808080;
 padding:2px 8px;
 display: inline-block;
 border-radius:2px;
 transition: .25s ease;
}
.footer a.mujlink:hover {
background-color: black;
}


.footer b,.footer strong {
font-size:30px;
font-family: Oswald, arial;
}

.footer em {
font-size:12px;
padding:10px 0 0 0;
font-style: normal;
font-weight: bold;
}


.patickanews {
margin: 0 0 10px 0;
  position: relative;
}
.patickanews small {
color: #909090;
}
.patickanews small a {
color: #909090;
text-decoration: none;
}
.patickanews small a:hover{
text-decoration: underline;
}

.patickanews a,.patickanews .newspadding  {
text-decoration: none;
padding:0 4px;
overflow: hidden;
}


.patickanews a:hover {

}


.footerkontakt {
font-size:14px;

}
.footerkontakt ul {
margin: 0;
padding:0 0 0 10px;
}
.footerkontakt ul li {
padding:0 0 0 0px;
margin: 0 0 0 4px;
}


#grid-container a {
background:url('/_tpl/responsive/preload.gif') no-repeat center center;
}

.grid-item {
display: inline-block;
}
 .grid-item:hover {
background-color: #d0d0d0;
 }


.grid-item img {
z-index: 1;
}

.patickanews a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height:25px;
  width: 0;
  transition: .85s ease;
  text-decoration: underline;
}

.patickanews a:hover .overlay {
  width: 95%;
}
.footernovinky {
width: 50%;
float: left;
display: block;
}
.footerkontakt {
width: 50%;
float: left;
display: block;
}

.footerh2 {
margin: 0;
padding:0 0 10px 0;
font-size:24px;
}

/* zprava */

 .zprava {

  height:320px;
  width:14.28%;
 display: inline-block;
  text-align: left;
 
 text-decoration: none;
  }


.zpravain2 {
padding:10px 0 10px 0;
display: block;
}

.zpravain {
position: relative;border: 0;
margin:10px;
background-color:rgba(253,205,40,0.4);
display: block;
height:300px;
color:#565656;
}

.zpravaobrazek {
display: block;
width:100%;
height:70%;
background-color: #d0d0d0;

}

.vypiszprav {
padding:0 20px;
text-align: center;
}

.zpravavnitrek {
padding:10px;
display: block;
}
.zpravanadpis {
font-size: 16px;
font-weight: bold;
line-height:12px;
}
.zpravatext {
font-size: 12px;
line-height:14px;
}

.zpravavnitreklimit {
height:55px;
overflow: hidden;
display: block;
position: relative;
font-size:12px;
}


.zpravaodkaznadetail {
font-size:12px;
font-weight: bold;
position: absolute;right:20px;bottom:10px;
}


 .clearer {
  clear: both;
 }



/*  diskuze  */

.diskuze-zprava {
background-color:#e9e9e9;
margin:8px 0 8px 0;

padding:10px;
}
.diskuze-zprava-odpoved {
background-color:#e9e9e9;
margin:8px 0 8px 0;
padding:10px;
}

.diskuze-sml {
background-color:#e9e9e9;
height:40px;
text-align:right;
padding-right:10px;
border-right:1px solid #8b8b8b;
margin:5px 0 5px 0;
cursor:pointer;
}

.diskuze-sml2 {
background-color:#e9e9e9;
text-align:right;
padding:10px 10px 0 0;

margin:5px 0 5px 0;
}

.diskuze-sml span {
padding:13px 5px 0 0;
display:block;
}

.diskuze-sub1{
padding-left:10px;
}
.diskuze-sub2{
padding:0 0 10px 10px;
border-left:1px dotted #8b8b8b;
}

.diskuze-form {
padding-right:10px;
padding-bottom:10px;
text-align:right;
}

.diskuze-formular {
text-align:left;
width:100%;
height:210px;

background-color:#e0e0e0;
}

.diskuze-formular form {
padding:8px 0 8px 8px;
display:block;
margin:0;
float:right;
}


.diskuze-formular form input,.diskuze-formular form textarea {
width:100%;
max-width: 400px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
}

.diskuze-formular input.submitter {
cursor: pointer;
background-color: black;
color:white;
border:0 ;
padding:8px 0;
font-size: 16px;
font-family: 'Oswald', sans-serif;
}
.diskuze-formular input.submitter:hover {
background-color: #787878;
}
.article_keywords {
background-color: #e0e0e0;
padding:5px;
margin:10px 0 10px 0;
}


.forminput {
border-radius: 5px;;
padding: 3px 6px;
border:1px solid black;
}


.formsubmit {
border-radius: 3px;
padding: 5px 8px;
border:1px solid black;
background-color: black;
color:white;
cursor: pointer;
}

.formsubmit:hover {
background-color: #565656;
border:1px solid #565656;
color:white;
}



.fotobankablok {
display:inline-block;
width:230px;
padding:2px;
font-size: 14px;
}


.fotobankablok a {
text-decoration: none;
position: relative;
}


.r3d {
text-align: right;
}

.r3d a {

text-decoration: none;
font-size: 12px;
}

.r3d a:hover {
color:white;
}




.fotobankablok a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height:22px;
  width: 0;
  transition: .65s ease;
  border-radius: 4px;
}

.fotobankablok a:hover .overlay {
  width: 100%;
  background-color: #d0d0d0;
  
}



.searchnadpis{

display: block;
padding:3px 8px;
background-color: #a0a0a0;
color:white;
border-radius: 5px;
}
#searchsavci,#searchptaci,#searchplazi {

overflow: hidden;
}







.bxslider {
margin:0;
padding:0;
height:72vh;
display: block;
}

.bxslider li {
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





.bxsliderinfobox {
position: absolute;
bottom:50px;
width:750px;
}

.bxsliderinfoboxmemo {
display: inline-block;
padding:8px 10px;
background-color: rgba(0,0,0,0.6);

color:white;
font-size:20px;
}
.bxsliderinfoboxmemo p {
margin:0;
padding:0;
}
.bxsliderinfoboxtitle {
display: inline-block;
padding:8px 16px;
background-color: rgba(255,255,255,0.6);
color:black;
font-size:40px;
}

.bxsliderinfoboxlink {
display: inline-block;
padding:6px 16px;
background-color: white;
color:black;
font-size:20px;
text-decoration: none;
}
.bxsliderinfoboxlink:hover {
background-color: #a0a0a0;
}



@media (max-width: 2200px) {

.placeholder {
}


 .zprava {
 width:20%;
}



}



@media (max-width: 1400px) {

.placeholder {
}


 .zprava {
 width:25%;
}



}




@media (max-width: 990px) {

.placeholder {
}

.holder {
width:100%;
}
.holderin {
padding:0 10px;
}
.holderbxslider {
width:90%;
}
.bxsliderinfobox {
width:90%;
}

.bxsliderinfoboxmemo {
font-size:15px;
}
.bxsliderinfoboxtitle {
font-size:20px;
}

.bxsliderinfoboxlink {
font-size:16px;
}

 .zprava {
 width:33%;
}

}

@media (max-width: 700px) {

.placeholder {
}


.div50vlevo,.div50vpravo {
float:none;
width:100%;
margin:0 auto;
}



 .zprava {
 width:50%;
}

.hidemobile {
display: none;
}

.showmobile {
display: block;
}

.vypiszprav {
padding:0;
}
.zpravatext {
font-size: 12px;
}

#menudiv {
 position: absolute;
}

 #menu {
position: absolute;
left:0px;
top:0px;
width:100%;
 }

.hlavniobsah img.imgnavysku {
width: 100%;
}

.footernovinky,.footerkontakt {
width: 100%;
}
.patickanews {
 font-size: 12px;;
}

}

@media (max-width: 500px) {

.placeholder {
}
 .zprava {
 width:100%;
}
 body {
font-size:14px;
}
}





@media (max-width: 320px) {

.placeholder {
}
#logo {
width: 200px;
}
 .zprava {
 width:100%;
}



 h1 {
font-size:33px;
padding:10px 0 10px 0;

}

 h2 {
font-size:20px;
}
}