/* MS �prava - http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */
@-ms-viewport{
	width:device-width;
} 



.headerfoto {
  
  min-height: 200px;
    background-size: 100%;
   background-image: url(slider/pruh.jpg);
  /* background-image: url(slider/header.webp);*/
    background-repeat: no-repeat;
    background-position: 0px -150px;
    background-position: 0px 0px;
    position: relative;
    margin-top: 46px;
    margin-top: 108px;
  background-size: cover;
  
}

/*.headerfoto::before {
  position: relative;
 
  content: "";
  display:block;
  width: 100%;
  height: 62px;
  background-color:rgb(255, 255, 255);
}*/

#podbody:not(.pgkt-ur) .headerfoto {
  min-height: 186px;
  min-height: 86px;
  background-position: 0px -180px;
  background-position: 0px -20px;
  background-size: auto;
  
}

.pgkt-uruv #port-left, .pgkt-uruv #port-right {
 display: none;
}

.pgkt-uruv #port-middle {
 width: 100%;
 margin-left: 0px;
}
/*

#menu30_left_2_UR {
display: flex;
flex-wrap: wrap;
}

#leftnav > ul > li {
 
 background-color: #eeeeee75;
border: solid 1px #bfbfbf4f;
  margin-bottom: 1%;
  height: 60px;
  align-items: center;
  display: flex;
  text-align: center;
  align-content: center;
  width: 24%;
margin-right: 1%;
box-sizing: border-box;
border-top: solid #10bcff 6px !important;
}

#leftnav > ul > li > a > span {
 
  background-color: transparent;
 color: #686868;
}

#leftnav > ul > li:nth-child(2n+1) > a > span {
  
  background-color: transparent;
}

#leftnav ul li a {
  text-decoration: underline;
color: #686868;
  width: 100%;
  text-align: center;
}

#leftnav .has-sub > a::before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  display: block;
  position: absolute;
  right: 30px;
  top: 7px;
  color: white;
  font-weight: 900;
  font-size: 140%;
  display:none;
}

#leftnav .sep1 {
  border-top:none;
}

#topnav #rsmenu .menu-lbox > ul > li .level3 {
 display:none;
}

#topnav #rsmenu .mit_UR .level2 > li > a {
  display: block;
}

#port-left .raitem  {
    
background-color: #555555;
color: white;
padding: 6px 10px;
margin-bottom: 1px;
}

#port-left .raitem span  {
 margin-right: 10px;
}

#port-left .raitem a  {
   
text-decoration: none;
color: white;
}

#port-left .raitem img {
   filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

#port-left .raitem {
  background-color: #1d7ab1;
  width: 25%;
}*/

/* -------------------- max.rozli�en� pod 1300 px ---------------- */

@media only screen and (max-width: 1299px) {
	
.headerfoto {
   /* background-image: url(slider/header1.jpg);*/
   background-position: calc(100vw - 1300px);
  
}

}
/* -------------------- max.rozli�en� pod 1100 px ---------------- */

@media only screen and (max-width: 1100px) {
  #header #logo img {
   
  }
  #header {
    
      }

}

/* -------------------- max.rozli�en� pod 1023 px ---------------- */

@media only screen and (max-width: 923px) {
.headerfoto {
    min-height: 200px;
   
   /* background-image: url("slider/header2.jpg");*/
   margin-top: 109px;
	margin-top: 142px;
  margin-top: 165px;
	/* background-size: cover;*/
   /*background-position: 0px bottom;*/
   background-position: calc(100vw - 1200px) 17px;
}

#podbody:not(.pgkt-ur) .headerfoto {
  
  background-position: 0px bottom;
  background-size: cover;
}


#header {
  background-color: white;
  max-width: 100vw;
  overflow: hidden;
  }
  #header #logo img {
    width: 70px;
    height: auto;
  }
  #header #logo3 {
    width: auto;
    top: 10px;
    left: 80px;
    border-left: none;
    
  }
}
/* -------------------- max.rozli�en� pod 720 px ---------------- */

@media only screen and (max-width: 800px) {

	
	}
	
	
/* -------------------- max.rozli�en� pod 480 px ---------------- */
/* treba iPhone7Plus m� 414, iPhone6 a 7 375 */

@media only screen and (max-width: 500px) {

.headerfoto {
 /* background-size: 300%;*/
 background-position: calc(100vw - 1100px) 17px;
}

.or_povinne {
    float: none;
    margin-bottom: 10px;
}

#Adresa {
    float: none;
    border-left: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 20px;
}

.or_povinne, #Adresa, #Kontakty .oradek, #UredniHodiny, #PracovniDoba, #UdajeOrganizace, .or_povinne

 {
    float: none;
    border-left: none;
    padding: 0;
    margin-left: 0;
   
	width: 100%;
}

#port-middle div#UdajeOrganizace h4 {
    margin-top: 0px;
}

#port-middle #Kontakty h4 {
   
    margin-top: 20px;
}

#Kontakty .oradek, .or_povinne
 {
   padding: 5px 8px 9px;
   box-sizing:border-box;
}

#Kontakty .oradek + .oradek
 {
   padding-top: 0px;
   
}
#mobnav #rsmenu01 #menu-button {
  font-size: 0px;
}
 
	}
	
	
/* -------------------- max.rozli�en� pod 361 px --------------------------------------------------------------- */
/* mu-kt */

@media only screen and (max-width: 422px) {

#Kontakty table {
  
	border: none;
	border-top: solid 1px #d7d7d7;
}



#Kontakty table tr  {
  
	display: block;
	border-bottom: solid 1px #d7d7d7;
}

#Kontakty table tr td  {
  
	display: inline-block;
width: auto;
border: none !important;
}

#Kontakty table tr:nth-child(2) td:nth-child(3), #Kontakty table tr:nth-child(3) td:nth-child(3), #Kontakty table tr:nth-child(4) td:nth-child(3),  #Kontakty table tr:nth-child(5) td:nth-child(3) {
  
	display:block;
	text-align: right;
padding-top: 0px;

}

#Kontakty table tr:nth-child(1) td:nth-child(3), #Kontakty table tr:nth-child(6) td:nth-child(3), #Kontakty table tr:nth-child(7) td:nth-child(3) {
  
	float: right;
	padding-right: 0;

}




#Kontakty table tr td:nth-child(2)  {
  
	float: right;

}


#Kontakty table tr th  {
  
	display: inline-block;
width: auto;
border: none !important;
}




/* end */
	
}	

/* -------------------- max.rozli�en� pod 360 px --------------------------------------------------------------- */
/* treba LG G3 a Samsungy maj� 360, iPhone5 320 */

@media only screen and (max-width: 350px) {
  #header #logo img {
    width: 80px;
    height: auto;
  }

  #header #logo3 {
    border: none;
    left: 80px;
   /* background-size: 130px;
    background-position: -10px bottom;*/
  }

  #header #logo img {
    width: 80px;
    height: auto;
  }



/* end */
	
}

/* -------------------- max.rozli�en� pod 320 px ---------------- */
/* treba iPhone5 m� 320 */

@media only screen and (max-width: 320px) {


#mobnav #rsmenu01 #menu-button {
    
    font-size: 0px;
   
}

#topblesk {
    column-count: 1;
    
}


#Kontakty table {
  
	
}



#Kontakty table tr  {
  
	display: block;
	border-bottom: solid 1px #d7d7d7;
}

#Kontakty table tr td  {
  
	display: inline-block;
width: auto;
border: none !important;
}
#Kontakty table tr th  {
  
	display: inline-block;
width: auto;
border: none !important;
}


}