h1 {font-size: 200%; font-family: Calibri}
h2 {font-size: 150%; font-family: Calibri}
h3 {font-size: 150%; font-family: Calibri} 
h4 {font-size: 150%; font-family: Calibri}
h5 {font-size: 150%; font-family: Calibri}
h6 {font-size: 150%; font-family: Calibri}
style {font-family: Calibri} p {text-align: justify;}
p, ul {font-family: "Helvetica"; font-size: 1rem;   line-height: 1.5;}

/*pozadí*/
.pozadi {background: url("foto/top-bg1.png") repeat-x top rgb(255, 228, 200); color: rgb(0, 0, 0); font-family: arial, sans-serif; font-weight: 300;}

.nevid {display:none;}
a {color: #e66c00; font-weight: bold; text-decoration:none;}
a:hover {color: #111;}
.tucne {font-weight: bold;}
.slideshow-container .mySlides img {width:100%;}
.logo img {width:100%;}
.obsah img {margin-left: 10px; float: right;}
.vpravo img {width:100%;}
.tel {font-style:italic; font-weight: bold; color: #ffffff;}
.tel img {margin-bottom: -5px; width: 28px; height: 34px;}
.menu a {font-weight: normal;}
.obsah ul {list-style-type:disc; font-family: "Helvetica"; font-size: 1rem;   line-height: 1.5;}
.copyright p {text-align: center;}

@media (max-width:460px)
{
.obalovaci {margin-left: auto; margin-right: auto; position: relative; width:380px;}
 .menu {position: relative;	left: 10px;	top: 60px;	width: 370px;	height: 170px;}
 .menu {background: url("foto/menu.png") repeat-x top rgb(221, 230, 233); border-radius: 15px; border: 1px solid rgb(220, 220, 220); border-image: none; margin-top: 5px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; color: white;}
 .menu a:link {color:white} .menu a:visited {color:white} .menu a:hover {color:black}
 .menu {font-size: 18px;}
   .menu1 	{position: absolute;	left: 20px;	top: 30px ;	width: 180px;	height: 50px;}
   .menu2 	{position: absolute;	left: 20px;	top: 55px ;	width: 180px;	height: 50px;}
   .menu3 	{position: absolute;	left: 20px;	top: 80px ;	width: 180px;	height: 50px;}
   .menu4 	{position: absolute;	left: 20px;	top: 105px ;	width: 180px;	height: 50px;}
   .menu5 	{position: absolute;	left: 200px;	top: 30px ;	width: 170px;	height: 50px;}
   .menu6 	{position: absolute;	left: 200px;	top: 55px ;	width: 170px;	height: 50px;}
   .menu7 	{position: absolute;	left: 200px;	top: 80px ;	width: 170px;	height: 50px;}
   .menu8	{position: absolute;	left: 200px;	top: 105px ;	width: 170px;	height: 50px;}
   .menu9	{position: absolute;	left: 200px;	top: 130px ;	width: 170px;	height: 50px;}
 .logo 	{position: absolute;	left: 50px;	top: 10px;	width: 300px;	height: 16px;}
 .tel	{position: absolute;	left: 30px;	top: -5px;	width: 350px;	height: 16px;}
 .foto {position: absolute;	left: 10px;	top: 240px;	width: 350px;	height: 180px;}
 .foto {background-color:rgb(230, 108,  0); border-radius: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;}
 .obsah	{position: relative;	left: 10px;	top: 280px ;	width: 350px;} 
 .obsah {background: white; border-radius: 15px; padding: 1px 10px 1px 10px; text-align:justify; font-size: 12pt;}
 .obsah h1 {color: rgb(230, 108, 0); font-size: 180%; }
 .vpravo {position: relative;	left: 10px;	top: 280px ;	width: 365px;} 
 .vpravo h2 {font-size: 120%; font-family: Calibri; font-weight:normal; padding: 10px 0px 10px 0px;}
 .vpravo-nadpis{background-color:rgb(230, 108, 0); border-radius: 10px 10px 10px 10px; color:white; text-align:center;}
 .copyright	{position: relative;	left: 0px;	top: 290px ;	width: 380px;}
}

@media (min-width:460px) AND (max-width:640px)
{
.obalovaci {margin-left: auto; margin-right: auto; position: relative; width:460px;}
 .menu {position: relative;	left: 10px;	top: 60px;	width: 440px;	height: 170px;}
 .menu {background: url("foto/menu.png") repeat-x top rgb(221, 230, 233); border-radius: 15px; border: 1px solid rgb(220, 220, 220); border-image: none; margin-top: 5px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; color: white;}
 .menu a:link {color:white} .menu a:visited {color:white} .menu a:hover {color:black}
 .menu {font-size: 20px;}
   .menu1 	{position: absolute;	left: 20px;	top: 30px ;	width: 180px;	height: 50px;}
   .menu2 	{position: absolute;	left: 20px;	top: 55px ;	width: 200px;	height: 50px;}
   .menu3 	{position: absolute;	left: 20px;	top: 80px ;	width: 180px;	height: 50px;}
   .menu4 	{position: absolute;	left: 20px;	top: 105px ;	width: 180px;	height: 50px;}
   .menu5 	{position: absolute;	left: 230px;	top: 30px ;	width: 200px;	height: 50px;}
   .menu6 	{position: absolute;	left: 230px;	top: 55px ;	width: 180px;	height: 50px;}
   .menu7 	{position: absolute;	left: 230px;	top: 80px ;	width: 180px;	height: 50px;}
   .menu8	{position: absolute;	left: 230px;	top: 105px ;	width: 180px;	height: 50px;}
   .menu9	{position: absolute;	left: 230px;	top: 130px ;	width: 180px;	height: 50px;}
 .logo 	{position: absolute;	left: 80px;	top: 10px;	width: 300px;	height: 16px;}
 .tel	{position: absolute;	left: 60px;	top: -5px;	width: 350px;	height: 16px;}
 .foto {position: absolute;	left: 10px;	top: 240px;	width: 420px;	height: 210px;}
 .foto {background-color:rgb(230, 108,  0); border-radius: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;}
 .obsah	{position: relative;	left: 10px;	top: 310px ;	width: 420px;} 
 .obsah {background: white; border-radius: 15px; padding: 1px 10px 1px 10px; text-align:justify; font-size: 12pt;}
 .obsah h1 {color: rgb(230, 108, 0); font-size: 180%; }
 .vpravo {position: relative;	left: 10px;	top: 310px ;	width: 440px;} 
 .vpravo h2 {font-size: 120%; font-family: Calibri; font-weight:normal; padding: 10px 0px 10px 0px;}
 .vpravo-nadpis{background-color:rgb(230, 108, 0); border-radius: 10px 10px 10px 10px; color:white; text-align:center;}
 .copyright	{position: relative;	left: 0px;	top: 320px ;	width: 460px;}
}

@media (min-width:640px) AND (max-width:980px)
{
.obalovaci {margin-left: auto; margin-right: auto; position: relative; width:640px;}
 .logo 	{position: absolute;	left: 15px;	top: -15px;	width: 170px;	height: 16px;}
 .tel	{position: absolute;	left: 290px;	top: 0px;	width: 350px;	height: 16px;}
 .menu {position: relative;	left: 0px;	top: 15px;	width: 200px;	height: 250px; margin: 0px 0px 35px 0px;}
 .menu {background: url("foto/menu.png") repeat-x top rgb(221, 230, 233); border-radius: 15px; border: 1px solid rgb(220, 220, 220); border-image: none; margin-top: 5px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; color: white;}
 .menu a:link {color:white} .menu a:visited {color:white} .menu a:hover {color:black}
 .menu {font-size: 18px;}
   .menu1 	{position: absolute;	left: 20px;	top: 20px ;	width: 180px;	height: 50px;}
   .menu2 	{position: absolute;	left: 20px;	top: 45px ;	width: 200px;	height: 50px;}
   .menu3 	{position: absolute;	left: 20px;	top: 70px ;	width: 180px;	height: 50px;}
   .menu4 	{position: absolute;	left: 20px;	top: 95px ;	width: 180px;	height: 50px;}
   .menu5 	{position: absolute;	left: 20px;	top: 120px ;	width: 200px;	height: 50px;}
   .menu6 	{position: absolute;	left: 20px;	top: 145px ;	width: 180px;	height: 50px;}
   .menu7 	{position: absolute;	left: 20px;	top: 170px ;	width: 180px;	height: 50px;}
   .menu8	{position: absolute;	left: 20px;	top: 195px ;	width: 180px;	height: 50px;}
   .menu9	{position: absolute;	left: 20px;	top: 220px ;	width: 180px;	height: 50px;}
 .foto {position: absolute;	left: 220px;	top: 45px;	width: 400px;	height: 200px;}
 .foto {background-color:rgb(230, 108,  0); border-radius: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;}
 .obsah-obal {display:flex;}
 .obsah	{position: relative;	left: 0px;	width: 400px;} 
 .obsah {background: white; border-radius: 15px; padding: 1px 10px 1px 10px; margin: 00px 10px 00px 00px; text-align:justify; font-size: 12pt;}
 .obsah h1 {color: rgb(230, 108, 0); font-size: 180%; }
 .vpravo {position: relative;	width: 210px;} 
 .vpravo h2 {font-size: 120%; font-family: Calibri; font-weight:normal; padding: 10px 0px 10px 0px; margin-top:0px;}
 .vpravo-nadpis{background-color:rgb(230, 108, 0); border-radius: 10px 10px 10px 10px; color:white; text-align:center;}
 .vpravo-obsah {margin-bottom:20px;}
}

@media (min-width:980px)
{
.obalovaci {margin-left: auto; margin-right: auto; position: relative; width:930px;}
 .logo 	{position: absolute;	left: 270px;	top: -10px ;	width: 250px;	height: 50px;}
 .tel	{position: absolute;	left: 570px;	top: -5px;	width: 350px;	height: 16px;}
 .menu {position: relative;	left: 0px;	top: 45px;	width: 250px;	height: 290px; margin: 0px 0px 100px 0px;}
 .menu {background: url("foto/menu.png") repeat-x top rgb(221, 230, 233); border-radius: 15px; border: 1px solid rgb(220, 220, 220); border-image: none; margin-top: 5px; -webkit-border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; color: white;}
 .menu a:link {color:white} .menu a:visited {color:white} .menu a:hover {color:black}
 .menu {font-size: 22px;}
   .menu1 	{position: absolute;	left: 20px;	top: 10px ;	width: 180px;	height: 50px;}
   .menu2 	{position: absolute;	left: 20px;	top: 40px ;	width: 200px;	height: 50px;}
   .menu3 	{position: absolute;	left: 20px;	top: 70px ;	width: 180px;	height: 50px;}
   .menu4 	{position: absolute;	left: 20px;	top: 100px ;	width: 180px;	height: 50px;}
   .menu5 	{position: absolute;	left: 20px;	top: 130px ;	width: 200px;	height: 50px;}
   .menu6 	{position: absolute;	left: 20px;	top: 160px ;	width: 180px;	height: 50px;}
   .menu7 	{position: absolute;	left: 20px;	top: 190px ;	width: 180px;	height: 50px;}
   .menu8	{position: absolute;	left: 20px;	top: 220px ;	width: 180px;	height: 50px;}
   .menu9	{position: absolute;	left: 20px;	top: 250px ;	width: 180px;	height: 50px;}
 .foto {position: absolute;	left: 270px;	top: 30px;	width: 640px;	height: 320px;}
 .foto {background-color:rgb(230, 108,  0); border-radius: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;}
 .obsah-obal {display:flex;}
 .obsah	{position: relative;	left: 0px;	width: 670px;} 
 .obsah {background: white; border-radius: 15px; padding: 1px 10px 1px 10px; margin: 00px 20px 00px 00px; text-align:justify; font-size: 12pt;}
 .obsah h1 {color: rgb(230, 108, 0); font-size: 180%; }
 .vpravo {position: relative;	width: 220px;} 
 .vpravo h2 {font-size: 120%; font-family: Calibri; font-weight:normal; padding: 10px 0px 10px 0px; margin-top:0px;}
 .vpravo-nadpis {background-color:rgb(230, 108, 0); border-radius: 10px 10px 10px 10px; color:white; text-align:center;}
 .vpravo-obsah {margin-bottom:20px;}
}