h1 {
font-family: 'Oswald', sans-serif;
margin:0;
padding:20px 0 20px 0;
font-size:42px;
font-weight: normal;
 }

 h2 {
font-family: 'Oswald', sans-serif;
margin:0;
padding:20px 0 20px 0;
font-size:25px;
font-weight: bold;
 }

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


 img {
  border: none;
 }





 body {
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
 }


.hlavniobsah img {
width:100%;
height:auto;
}

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

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

 
.hidemobile {
display: block;
}

.showmobile {
display: none;
}
 

#logo {
background:url('logo.png') no-repeat left center;
width:238px;
height:50px;
left:7px;
top:0;
display: block;
position: absolute;
z-index:99;
background-size: 100% auto ;
}

.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: black;
overflow: hidden;
border-bottom:3px solid white;
}

#menum ul li ,#menum ul ul li {
list-style: list-style: color:white;none url();none url();
text-align: left;
}

#menum ul li a  {
color:white;
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:#b0b0b0;
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 {
margin: 0;
padding:0;
}

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



 .holder {
  width: 990px;
  margin: 0 auto;
  text-align: left;
  position: relative;
 }
 .holderbxslider {
 width: 970px;
 margin: 0 auto;
 text-align: left;
}
 
 
 #logo a {
 }
 #menudiv {
 position: fixed;
 text-align: left;
 top:0;
 width:100%;
 height:50px;
 background:url('menubg.png');

 }
 
 #menu {
 position: absolute;
 right:10px;
top:4px;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
 }
 
 
 #page {
  padding:50px 0 0 0;
 }




 .footer {
 margin-top:20px;
  background-color:black;
  padding:20px;
  color:white;
 }
 .footer a {
color:white;
}


.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;
 float:left;
 text-decoration: none;
  }


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

.zpravain {
border: 0;
border-radius: 8px;
margin:10px;
box-shadow: 0px 2px 9px #c0c0c0;
background-color: #f0f0f0;
display: block;
height:300px;
}

.zpravaobrazek {
border-radius: 8px 8px 0 0;
display: block;
width:100%;
height:50%;
background-color: #d0d0d0;

}

.vypiszprav {
padding:0 20px;
}

.zpravavnitrek {
padding:10px;
display: block;
}
.zpravanadpis {
font-size: 16px;
font-weight: bold;
}
.zpravatext {
font-size: 13px;
}

.zpravavnitreklimit {
height:115px;
overflow: hidden;
display: block;
position: relative;

}


.zpravavnitreklimit:after {
 content  : "";
  position : absolute;
  z-index  : 1;
  bottom   : 0;
  left     : 0;
  pointer-events   : none;
  background-image : linear-gradient(to bottom,
                    rgba(240,240,240, 0),
                    rgba(240,240,240, 1) 90%);
  width    : 100%;
  height   : 4em;
}

.zpravaodkaznadetail {
font-size:12px;
font-weight: bold;
}


 .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: 5px;
padding: 3px 6px;
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 {
color:#a0a0a0;
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:92vh;
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 {
}
 .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;
}
}