html, body {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans';
    box-sizing: border-box;
    background-color: #e3f4ff;
}


.kohozvire img {
    -webkit-animation:spin 5s infinite;
    -moz-animation:spin 5s infinite;
    animation:spin 5s infinite;
}
@-moz-keyframes spin { 
    50% { -moz-transform: rotate(30deg); } 
}
@-webkit-keyframes spin { 
    50% { -webkit-transform: rotate(30deg); } 
}
@keyframes spin { 
    50% { 
        -webkit-transform: rotate(30deg); 
        transform:rotate(30deg); 
    } 
}


.okohosepostarame {
position: relative;
width: 100%;
clear: both;
}

.headermenu {
position: relative;
top: 20px;
	clear: both;
}

.akut {
	clear: both;
}

a:hover {
	color: #006baa;
}

#page {
clear: both;
}

.obsahtext {
position: relative;
top: 0px;
margin: 0px auto;
padding: 20px;
min-height: 500px;
background-image: url(images/pod6.png); 
}

table, td,tr {
	border: none;
}

h1 {
	font-size: 24px;
}

.nav_img {
float: left;
z-index:200;
}


.cekat {
clear: both;
}

.header_pruh {
position: relative;
	background-color: #c0e3fc;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-bottom: 10px;
}

.header_pruh p {
display: inline;
}

.okohotext {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}



.koho {
width: 100%;
	background-image: url(images/pod4.png); 
	background-repeat: no-repeat;
	height: 235px;
	padding-top: 30px;
}

.header_email {
position: relative;
top: 85px;
left: 100px;
	width: 280px;
	float: left;
	background-image: url(images/nejvet4pic_06.png); 
	background-repeat: no-repeat;
	height: 90px;
}

.header_telefon {
position: relative;
top: 85px;
left: 100px;
	width: 480px;
	float: left;
	background-image: url(images/nejvet4pic_09.png); 
	background-repeat: no-repeat;
	height: 90px;
}




.headeremailtext{
position: relative;
top: 0px;
	float: left;
	left: 90px;
	line-height: 35px;
	font-size: 17px;
}

.headermobiltext{
position: relative;
top: 0px;
	float: left;
	left: 70px;
	line-height: 35px;
		font-size: 17px;
}

.strecha {
position: relative;
	width: 100%;
	background-image: url(images/nejvet4_33.png); 
	background-repeat: no-repeat;
	background-position: center;
	height: 233px;
}
.podstrecha {
background-color: #006BAA;
color: white;
font-size: 1.5rem;
}

#footervsechno {
	position: relative;
	width: 100%;
}

#footervsechno .footeradresa {
position: relative;
width: 33%;
	color: white;
	float: left;
}


#footervsechno .footermenu {
position: relative;
width: 33%;
	color: black;
	float: left;
	line-height: 50px;
	text-align: center;
}

#footervsechno .footerobjednat {
position: relative;
width: 33%;
top: 100px;
	color: black;
	float: left;
	text-align: center;
}

#footervsechno a {
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

#footervsechno a:hover {
	color: #006baa;
	font-weight: bold;
	text-decoration: underline;
}


.footernejvet {
position: relative;
padding-top: 50px;
	background-color: #4DA0FA;
}



.menubutton {
position: relative;
  border-radius: 15px;
  background: #00A0FF;
  padding: 15px;
  margin: 15px;
  text-align: center;
  float: left;
  color: white;
}

.footerbutton {
  border-radius: 15px;
  background: #006BAA;
  padding: 25px;
  margin: 15px;
  text-align: center;
  color: white;
}


/* obecne */
.container {
    max-width: 1200px;
    margin: 0 auto;
}

.bold {
    font-weight: 600;
}
.cervene {
    color: red;
}
p {
    font-weight: 400;
}
h2 {
    font-weight: 600;
}
/* uvodni stranka */

nav {
position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
}


/*
.nav_flexbox {
    display: flex;
}
*/

.mobile-nav-icon {
    display: none;
}
/*
.uvod_zelena {
    background-color: #c8ff98;
}
*/

/*
#uvod_zelena {
clear: both;
}
*/

.uvod_zelena_text {
top: 100px;
    position: relative;
    width: 700px;
    font-size: 1.1rem;
    z-index: 2;
    float: left;
}

.uvod_zelena_pes {
    position: relative;
    top: 20px;
    float: right;

}


img.pesuvod {
float: right;
position: relative;
	top: 5px;
}


footer {
    padding: 30px 0;
    background-color: #4DA0FA;
}

.kohozvire {
position: relative;
	float: left;
	min-width: 300px;
	height: 235px;
	text-align: center;
}


/* media queries */
@media only screen and (max-width: 1200px){

    .container {
        margin: 0 20px;
/*        width: calc(100% - 40px);*/
    }
    
    .uvod_zelena_text {
    position: relative;
        width: 45%;
        float: left;
    }
    
    .uvod_zelena_pes {
    position: relative;
    top: 20px;
    float: right;

}  
    .footerbutton {
  padding: 10px;
}



.header_email {
position: relative;
top: 0px;
left: 0px;
}

.header_telefon {
position: relative;
top: 0px;
left: 0px;
}

.obsahtext {
position: relative;
top: 0px;
margin: 0px auto;
}

.obsahfoto {
position: relative;
top: 20px;
margin: 0px auto;
background-color: white;
padding: 20px;	
 border-radius: 10px;
}
.popisfoto {
	text-align: left;
}
}

.created {
	color: white;
	float: right;
	padding-right: 20px;
}

.created a{
	text-decoration: none;
	font-weight: bold;
	color: white;
}

.created a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #006baa;
}
    
}
    
img.pesuvod {
float: right;
position: relative;
	top: 5px;
} 
}

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

img {
  width: 90%;
  height: auto;
}
    .uvod_zelena_text {
    position: relative;
        width: 45%;
        float: left;
    }
    
.uvod_zelena_pes {
    position: relative;
    top: 20px;
    float: right;

}
    
img.pesuvod {
position: relative;
width: 80%;
float: right;
position: relative;
	top: 5px;
}  

.kohozvire {
position: relative;
	float: left;
	min-width: 100px;
	text-align: left;
}  

}

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

img {
  max-width: 90%;
  height: auto;
}

.uvod_zelena_pes {
	clear: both;
}

    .uvod_zelena_text {
    clear: both;
    position: relative;
        width: 90%;
        float: none        
    }
    
.cekat {
	clear: both;
}    
    
img.pesuvod {
clear: both;
float: left;
position: relative;
width: 50%;
left:0px;
text-align: left;
} 

.koho {
clear: both;
width: 100%;
	background-image: url(images/pod4.png); 
	background-repeat: no-repeat;
	height: 235px;
	padding-top: 30px;
}

}


@media only screen and (max-width: 440px){
/*
.nav_img {
height: auto;
margin: 0px auto;
}
*/
nav {
position: relative;
margin-left: 10px;
margin: 0px auto;
height: auto;
width: 90%;
}

#footervsechno {
	position: relative;
	width: 100%;
}

.menubutton {
position: relative;
  border-radius: 10px;
  background: #00A0FF;
  padding: 5px;
  margin: 5px;
  text-align: center;
  float: left;
  color: white;
}

.koho {
width: 100%;
	background-image: url(images/pod4.png); 
	background-repeat: no-repeat;
	height: 235px;
	padding-top: 30px;
}

.container {
position: relative;
clear: both;
    max-width: 100%;
    margin: 0 auto;
}

.kohozvire {
	float: left;
	max-width: 100%;
	text-align: center;
	height: auto;
}

.uvod_zelena_pes {
text-align: center;
	clear: both;
	float: none;
}

.uvod_zelena_text {
top: 0px;
    position: relative;
    width: 100%;
    z-index: 2;
    font-size: 1rem;
    clear: both;
    float: none;
}

img.pesuvod {
float: none;
position: relative;
	top: 0px;
}

.header_email {
position: relative;
top: 0px;
left: 0px;
	width: 280px;
	float: left;
	background-image: url(images/nejvet4pic_06.png); 
	background-repeat: no-repeat;
	height: 90px;
}

.header_telefon {
position: relative;
top: 0px;
left: 0px;
	max-width: 80%;
	float: left;
	background-image: url(images/nejvet4pic_09.png); 
	background-repeat: no-repeat;
	height: 90px;
}
.headeremailtext{
position: relative;
top: 0px;
	left: 70px;
}

.headermobiltext{
position: relative;
top: 0px;
	left: 70px;
}



img {
  max-width: 90%;
  height: auto;
}

table {
	max-width: 100%;
	text-align: left;
}

td {
	text-align: left;
}

.podstrecha {
background-color: #006BAA;
color: white;
font-size: 1rem;
}

.footernejvet {
	text-align: center;
}

#footervsechno .footeradresa {
position: relative;
	color: white;
	width: 100%;
	float: none;
	text-align: center;
}

#footervsechno .footerobjednat {
position: relative;
	color: white;
	width: 100%;
	float: none;
	top: 0;
}

#footervsechno .footermenu {
position: relative;
	color: white;
	width: 100%;
	float: none;
}

.created {
position: relative;
clear: both;
left: 0px;
}


}




@media only screen and (min-width: 1200px){
/*
.nav_img {
width:100%;
height: auto;
}
*/
.obsahtext {
position: relative;
top: 0px;
width: 1160px;
margin: 0px auto;
 min-height: 500px;
 background-image: url(images/pod6.png); 
}



}