body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
}

a {color: #8b8e86; text-decoration: none; }

div.kontejner {
position: relative;
width: 70.3%;
margin-left: auto;
margin-right: auto;
max-width: 990px;
}

nav div.kontejner {
    width: 100%;
}

                             
header {
position: relative;
float: left;
min-height: 160px;
width: 100%;
}   

header a {
text-decoration: none;
}

header div.logobox {float: left; position: relative; text-align: center; width: 100%; height: 145px;   margin-top 10px;}

header div.logobox a img {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
	width: 150px;
}

header div.tel {
position: relative;
float: left;
width: 100%;
height: auto;
}

header div.tel p.phone {
	float: right;
}

  header div.tel p.link {
	  float: left;
  }


header p, header p a {
font-size: 22px;
color: #9ca68f;
text-align: right;
margin: 0px;
text-transform: uppercase;   
}

header p a:hover {
opacity: 0.8;
transition: opacity 0.3s;
}

header span {
position: relative;
float: left;
height: 31px;
min-height: 31px;
width: 243px;
margin-left: 74.5%;
}





header p a {
font-weight: bold;

}

header a.tel:hover {
 color: #bac0b1;
 transition: color 0.3s 
}

div.kontejner hr {
position: relative;
float: left;
height: 2px;
width: 100%;
color: #b8b8b8;
background-color: #b8b8b8;
border: 0px;
}

nav {
position: relative;
float: left;
min-height: 50px;
padding-top: 5px;
	padding-bottom: 10px;
width: 100%;
margin-bottom: -2px;
box-shadow: black 0px 16px 22px -8px; 
overflow: visible;
z-index: 100; 
text-align: center;
}

nav a {
text-decoration: none;
padding: 5px;
padding-left: 11px;
padding-right: 11px; 
color: black;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
margin-left: 5px;
    margin-right: 5px;
	display:inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}

nav a:hover {
background-color: #9ca68f;
color: white;
transition: background-color 0.3s
}

nav a.active {
background-color: #9ca68f;
color: white;
font-weight: 300;
}



  nav a.o-nas {
	  width: 44px;
  }

  nav a.odborna-zdravotni-pece {
	  width: 195px;
  }

  nav a.rehabilitace {
	  width: 99px;
  }

  nav a.pujcovani-kompenzacnich-pomucek {
	  width: 280px;
  }

  nav a.kontakty {
	  width: 76px;
  }

  nav a.nabidka-prace {
	  width: 113px;
  }

  nav a.poslani-a-sluzby {
	  width: 131px;
  }

  nav a.nase-zasady {
	  width: 95px;
  }










#image {
position: relative;
float: left;
height: 400px;
width: 100%;
margin-top: 2px;
}  





 


h1.title {
position: relative;
float: left;
font-size: 60px;
color: #a0a0a0;
font-weight: 300;
text-transform: uppercase;
margin-top: 32px;
margin-left: 2%;
margin-bottom: 0px;
line-height: 60px;
width: 100%;
}

h2 {
position: relative;
font-size: 20px;
color: #a0a0a0;
font-weight: 300;
text-transform: uppercase;
margin-top: 12px;
margin-left: 2%;
margin-bottom: -10px;
line-height: 20px;
width: 100%;
}

p.main {
position: relative;
float: left;
font-size: 24px;
text-transform: uppercase;
line-height: 26px;
max-width: 90%;
min-height: 52px;
margin-top: 15px;
margin-left: 2%;
color: #474747;
}


p.text {
position: relative;
float: left;
font-size: 14px;
color: #474747;
margin-left: 2%;
margin-top: 10px;
}


#worhours {
position: relative;
float: left;
min-height: 570px;
width: 100%;
background-color: #9ca68f;  
color: white; 
padding-bottom: 10px; 
}

#worhours h2 {
position: relative;
float: left;
font-size: 30px;
line-height: 30px;
font-weight: 300;
text-transform: uppercase;
margin-left: 2%;
margin-top: 15px;
margin-bottom: 5px;
}

div.vizitka {
position: relative;
float: left;
min-height: 84px;
width: 58%;
background-color: #a8b19d;
margin-top: 6px; 
margin-left: 2%;
}

div.vizitka p {
position: relative;
float: left;
font-size: 14px;
margin-left: 4%;
margin-top: 8px;
line-height: 22px;
margin-bottom: 0px;
min-height: 66px;
font-style: italic;
}

div.vizitka b {
font-style: normal
}

div.vizitka b span {
text-transform: uppercase;
font-size: 20px;
}

div.vizitka a {
color: white;
}

div.vizitka a:hover {
color: #cdcdcd;
transition: color 0.3s
}






    
      


#map {
position: relative;
float: left;
height: 450px;
width: 100%;
overflow: visible;
z-index: 99;

}      




#sponsors {
position: relative;
float: left;
min-height: 127px;
width: 100%;
-webkit-box-shadow: 0px -7px 8px -6px rgba(0,0,0,0.59);
-moz-box-shadow: 0px -7px 8px -6px rgba(0,0,0,0.59);
box-shadow: 0px -7px 8px -6px rgba(0,0,0,0.59);
padding-bottom: 5px;
z-index: 100;
}


#sponsors p {
position: relative;
float: left;
min-height: 35px;
color: #797979;
font-style: italic;
margin-left: 3%;
margin-top: 45px;
font-size: 12px;
margin-right: 7%;
}

#sponsors a, #podporuji-nas a{
position: relative;
float: left;
margin-top: 40px; 
background-position: center;
background-size: 100%;
background-repeat: no-repeat;
margin-left: 4%;
}

#sponsors a:hover {
opacity: 0.8;
}




div.logos {
position: relative;
float: left;
min-height: 50px;
width: 100%;
padding-bottom: 20px;
text-align: center;
}
#sponsors .logos a {
	display: inline-block;
	float: none;
}

  #podporuji-nas div.logos {
	  width: 100%;
	  text-align: center;
  }

  #podporuji-nas div.logos a {
	  display: inline-block;
	  float: none;
  }

#sponsors a.mpsv, #podporuji-nas a.mpsv {
background-image: url(images/mpsv.png);
width: 47px;
height: 47px;
}

#sponsors a.kvjedna, #podporuji-nas a.kvjedna {
background-image: url(images/logoKK.png);
width: 95px;
height: 47px;
}

#sponsors a.kvdva, #podporuji-nas a.kvdva {
background-image: url(images/kvdva.png);
width: 125px;
height: 47px;

} 
#sponsors a.kvtri, #podporuji-nas a.kvtri {
background-image: url(k.png);
width: 100px;
height: 47px;

}

#sponsors a.ostrov, #podporuji-nas a.ostrov {
	background-image: url('images/logo-ostrov.png');
	width: 60px;
	height: 55px;
}



footer {
position: relative;
float: left;
min-height: 122px;
width: 100%;
background-color: #2c2c2c;
}



footer a.logofoot {
position: relative;
float: left;
height: 82px;
width: 102px;
background-image: url(images/domacipece_logo.png);
background-position: center;
background-size: 100%;
margin-top: 25px;
margin-left: 3%;
	background-repeat: no-repeat;
}

footer a.logofoot:hover {
opacity: 0.7;
transition: opacity 0.3s;
}


footer p {
position: relative;
float: right;
color: white;
font-size: 12px;
font-weight: bold;
min-height: 17px;
margin-top: 50px;
margin-left: 20%;
}

footer p a {
color: white;
text-decoration: none;
}

footer p a:hover {
opacity: 0.7;
transition: opacity 0.3s;
}



div.boxmain div ul, div.boxmain div p, div.boxmain div table{width: 96%; margin-left: 2%; font-size: 15px; }
  div.boxmain table p {margin: 10px 0 !important;}
  div.boxmain table td {border: 1px solid #eaeaea !important; border-collapse: collapse;}

  div.boxmain table tr td:first-child {
	  padding-left: 10px;
  }

  div.boxmain table tr td:nth-child(2) {
	  text-align: center !important;
  }

  div.boxmain table tr th {
	  background-color: #9da590;
	  color: white !important;
	  text-align:left;
	  padding-left: 10px;
  }
  div.boxmain table tr th {
	  border-bottom: none !important;
  }

  div.boxmain .textbox {
	  width: 100%;
  	  float: left;
	  padding: 20px 2%;
	  box-sizing: border-box;
  }

  div.boxmain .textbox p {
	  width: auto;
	  margin: 0;
  }

  div.boxmain .textbox p:first-child {
	  float: left;
  }
  div.boxmain .textbox p:last-child {
	  float: right;
  }


div.boxmain {float: left; position: relative; width: 100%; padding-bottom: 5px; }
div.color2 {padding-bottom: 15px;}
               
div.boxmain div  h1 {width: 76%; margin-left: 2%; margin-top: 20px; margin-bottom: 20px; padding-right: 22%;}  
div.boxmain div  p {margin-left: 2%; margin-right: 2%; margin-top: 20px;}

div.color3 div.kontejner {background-color: #9da590;}

div.color2 {background-color: #9da590;}
div.color2 div p, div.color3 div p, div.color2 div h1, div.color2  div h2, div.color2  div ul, div.color3 div h1, div.color3  div h2, div.color3 div ul{margin-left: 2%; color: #ffffff;}

hr {
position: relative;
float: left;
height: 3px;
width: 100%;
color: #9da590;
background-color: #9da590; 
border: 0px;
}







#range {
position: relative;
float: left;
min-height: 230px;
width: 100%;
margin-bottom: 0px;
box-shadow: black 0px 8px 13px -12px; 
overflow: visible;
z-index: 100;
}

#range p {
position: relative;
float: left;
max-width: 450px; 
font-size: 14px;
color: #474747;
margin: 0px;
margin-top: 35px;
margin-left: 2%;
}

#range p b {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}




  a.pomucky_btn {
	  display: inline-block;
	  float: none;
	  background-color: white;
	  padding: 8px 20px;
	  margin: 0 6px;
	  border: 2px solid white;
	  border-radius: 10px;
	  font-weight: 700;
	  transition: .2s ease;
  }

  a.pomucky_btn:hover {
	  background-color: transparent;
	  color: white;
	  transition: .2s ease;
  }

  nav a.o-nas {
      display: none;
  }




 @media only screen and (max-width : 1300px) {
    div.kontejner {width: 76%;}
    header span {margin-left: 36.8%; margin-top: 15px;}
    nav a {padding-left: 9px; padding-right: 9px; padding: 5px; margin-top: 5px;}

}    

 
 
  @media only screen and (max-width : 939px) {
    div.vizitka {width: 96%;} 
    footer p {margin-left: 3%;}
    div.logos {width: 100%;}
    footer {margin-top: 10px;}
    nav a {margin-left: 7px;}
    #sponsors a {width: 100%}
}


  @media only screen and (max-width : 900px) {
	  div.boxmain .textbox p {clear:both;}
	  div.boxmain .textbox p:last-child {float: left;}
  }


 @media only screen and (max-width : 820px) {
  header p, header p a {text-align: center;}
  header span {margin-left: 29%;}
  h1.title {font-size: 50px; line-height: 50px} 
  p.main {font-size: 18px; line-height: 20px;}  
  div.kontejner {width: 92%; padding-left: 4%; padding-top: 2px; padding-bottom: 7px; padding-right: 4%; box-sizing:border-box;}
  p.text span {font-size: 14px} 
  #hidebtn {display: none;}
      footer a.logofoot {display: none;}
    footer p  {margin-top: 20px;}
    footer {min-height: 60px;} 
  footer p {width: 100%; margin-left: 0px; margin-right: 0px; text-align: center;margin-bottom: 10px;}
  }

 
 
 
 @media only screen and (max-width : 520px) {
      div.kontejner {width: 100%; padding: 0px; margin: 0px;overflow: hidden;}

	 h1.title {
		 font-size: 35px;
		 line-height: 50px;
	 }

        header span {margin-left: 9%;}
    nav a {
			text-decoration: none;
			float: left;
			position: relative;
			padding: 4px;
			padding-left: 0px;
			padding-right: 0px; 
			color: black;
			width: 100% !important;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 14px;
			margin: 0px;
			margin-top: 5px;
			margin-bottom: 5px; 
			}
			div.kontejner hr {
								position: relative;
								float: left;
								height: 2px;
								width: 90%;
								margin-left: 5%;
								color: #b8b8b8;
								background-color: #b8b8b8;
								border: 0px;
								}
			nav {margin: 0px; width: 100%; padding: 0px;}
			span.hider {display: none;}


	 header div.tel p.phone, header div.tel p.link {
		 float: left;
		 width: 100%;
		 text-align: center;
		 font-size: 14px;
	 }

	 header div.tel a {
		 font-size: 16px;
	 }
}  




a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background-image: url(images/up-arrow.png);
  background-position: center;
  background-size: 100%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

a.back-to-top:hover {
opacity: 0.8;
transition: opacity 0.3s;
}