/* Design by Vera Pechova https://jakzhubnoutzdrave.cz */

body {margin: 0 auto; padding: 0px 0px 0px 0px;
background: url(https://navodjakzhubnout.cz/images/navod-jak-zhubnout-pozadi-nove.jpg?v=100) center 0 no-repeat; background-attachment: fixed; 
background-position: center top; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;
font-family: "Open Sans"; font-size: 18px; color: #000000;}

h1, h2, h3, h4, h5, h6, h7, {margin: 0; font-weight: bold;}
h1 {font-size: 100%;}
h2 {font-size: 100%;}
h3 {font-size: 100%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}
h7 {font-size: 100%;}
p, ol, ul {line-height: 100%;}
p {}
ol {}
ul {}
li {}

img {max-width: 100%; height: auto; box-sizing: border-box;}
iframe, canvas, video, svg {max-width: 100%; height: auto; box-sizing: border-box;}
.pomer-stran {position: relative; height: 0; /* poměr stran 16:9 */ padding-top: 56.25%;}
.pomer-stran > * {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}

hr {display: none;}

#wrapper {float:center;width: 100%; height: auto;}
#header  {width:100%; height: auto;  margin:0 0 0 -50%; position: fixed; top:0%;left: 50%;
background-color: #aee028; display: inline-block;}
#menu1 {float: left; margin: 0 auto; padding: 0 0 5px 30px; width: auto; height: auto;display: inline;}

#header1 {float: center; width: 100%; height: auto; margin-top: 30px; margin: 0 auto; padding: 0px 0px 0px 0px; background-color: #aee028;}

#page {float: center; width: 95%; height: auto; margin: 0 auto; padding: 0px 0px 0px 0px; background: none;}
#content {float: left; width: 100%; line-height: 30px; text-align: left; font-size: 18px; background-color: #ffffff;}
#content p {text-align: center;}
#content h1 {text-transform: none; text-align: center; font-size: 35px; line-height: 50px;font-weight: bold; color: #000000; text-decoration: none;}
#content h2 {text-transform: none; text-align: center; font-size: 25px; line-height: 35px;font-weight: bold; color: #d31818;}
#content h3 {text-transform: none; text-align: center; font-weight: bold; color: #7fa617; text-decoration: none;}
#content h4 {text-transform: none; text-align: center; font-size: 2em; line-height: 2em; font-weight: bold; color: #8ac40d; text-decoration: underline;}
#content h5 {text-transform: none; text-align: center; font-size: 1.4em; line-height: 1.6em; font-weight: bold; color: #8ac40d; text-decoration: none;}
#content h6 {text-transform: none; text-align: center; font-size: 1.4em; line-height: 1.6em; font-weight: bold; color: #fd9104; text-decoration: none;}
#content h7 {text-transform: none; text-align: center; font-size: 1.4em; line-height: 1.6em; font-weight: bold; color: #1d8ad6; text-decoration: none;}

#content h8 {text-transform: none; text-align: center; font-size: 35px; line-height: 35px; font-weight: bold; color: #66b003; text-decoration: underline;}

.contentvse {float: left; width: 95%; height: auto; padding:0 2.5% 0 2.5%; font-size:18px; line-height:28px;}

.contentleft {float: left; width: 100%; height: auto;}
.contentright {float: right; width: 100%; height: auto;border-radius: 28px;background-color:#fdf598; color: #000000;}
.contentright ul {margin: 0px; padding: 5px 0px 0px 0px; list-style: none; text-align: left;}
.contentright ul li {margin: 10px; padding-left: 35px; font-size: 16px;line-height: 30px; font-weight: normal; text-decoration: none; color: #000000;
background: url(https://navodjakzhubnout.cz/images/fajfka-modra.png?v=140) no-repeat;}

a {font-weight: bold; color: #1f92e2; text-decoration: underline;}
#content a:hover {font-weight: bold; color:#d31818;text-decoration: underline;}
.title {padding-top: 0px;}
.carkovane {width:auto; color:#d31818;font-weight:bold;border-bottom-style:dashed;}

#menu05 {float: center; padding: 0px 0px 0px 0px; width: 100%; height: 100px;}
#menu05 a {width: 100%; background-color: #1d8ad6; display: inline-block; border-radius: 30px; border-style: outset;
font-family: Open Sans; font-size: 26px; color: #ffffff; font-weight: 800; line-height: 60px; text-align: center; text-decoration:none;
box-shadow: 0 4px 4px rgba(0,0,0,0.3); cursor:pointer; text-shadow: 0 4px 4px rgba(0,0,0,0.3);
-webkit-text-size-adjust: none;}
#menu05 a:hover {background-color: #a71313; color: #fdf598; font-weight: 800; text-decoration:none;}

#footer-wrapper {width:100%; height: auto;  margin:0 0 0 -50%; position: relative; bottom:0%;left: 50%;
background-color: #aee028;display: inline-block; font-size: 16px; font-weight: bold; color: #ffffff;line-height: 25px;}
#footer-wrapper a {font-size: 14px; font-weight: normal;}
#footer {padding: 10px 20px 0px 20px; float: center; width: auto; height: auto; margin: 0 auto;}
#footer p {font-size: 14px; color: #fff;}
#footer a {font-weight: bold; font-size: 16px; color: #fff;}
#footer a:hover {text-decoration: underline; color:#000000;}


@media screen and (max-width: 300px) {
#header1 {width: 100%; height: 70px; }
#menu2 {width: 230px; height: 48px; margin: 0 auto;
background: url(https://navodjakzhubnout.cz/images/LOGO-230x48.png?v=141) center  15px no-repeat;}
}

@media screen and (min-width: 301px) and (max-width: 400px) {
#header1 {width: 100%; height: 90px;  }
#menu2 {float: center; width: 300px; height: 62px; margin: 0 auto; padding-top: 20px;
background: url(https://navodjakzhubnout.cz/images/LOGO-300x62.png?v=141) center  20px no-repeat;}
}

@media screen and (min-width: 401px) and (max-width: 500px) {
#header1 {width: 100%; height: 110px;  }
#menu2 {float: center; width: 400px; height: 82px; margin: 0 auto; padding-top: 20px; 
background: url(https://navodjakzhubnout.cz/images/LOGO-400x82.png?v=141) center  20px no-repeat;}
}

@media screen and (min-width: 501px) and (max-width: 598px) {
#header1 {width: 100%; height: 125px;  }
#menu2 {float: center; width: 500px; height: 103px; margin: 0 auto; padding-top: 12px;
background: url(https://navodjakzhubnout.cz/images/LOGO-500x103.png?v=141) center  20px no-repeat;}
}

@media screen and (min-width: 599px) and (max-width: 766px) {
#header  {width: 600px; height: 30px;  margin:0 0 0 -300px; position: fixed; top:0%;left: 50%;
background-color: #aee028; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; display: inline-block;}
#menu1 {float: left; margin: 0 auto; padding: 0 0 5px 30px; width: auto; height: auto;display: inline;}
#header1  {width: 600px; height: 171px; margin-top: 30px; background: url(https://navodjakzhubnout.cz/images/jak-zhubnout-header-600-nove.png?v=141) center 0 no-repeat;}
#page {width: 600px; margin: 0 auto; padding: 0px 0px 0px 0px; background: none;}
#content {float: left; width: 600px; line-height: 30px; text-align: left; font-size: 1em; background-color: #ffffff;}
.contentvse {float: left; width: 560px; padding:0px 20px 15px 20px; font-size:1em; line-height:28px;}
.contentleft {float: left; width: 215px; height: auto;padding:0px 0px 0px 0px;}
.contentright {float: left; width: 345px; height: auto;padding:10px 0px 0px 0px;}
#menu05 {width: 345px;height: auto;}
#menu05 a {width: 345px;height: auto;}
#footer-wrapper {width: 600px; height: auto;  margin:0 0 0 -300px; position: relative; bottom:0%;left: 50%;
border-top-right-radius: 30px; border-top-left-radius: 30px; }
}

@media screen and (min-width: 767px) and (max-width: 958px) {
#header  {width: 760px; height: 30px;  margin:0 0 0 -380px; position: fixed; top:0%;left: 50%;
background-color: #aee028; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; display: inline-block;}
#menu1 {float: left; margin: 0 auto; padding: 0 0 5px 30px; width: auto; height: auto;display: inline;}
#header1  {width: 760px; height: 217px; margin-top: 30px; background: url(https://navodjakzhubnout.cz/images/jak-zhubnout-header-760-nove.png?v=141) center 0 no-repeat;}
#page {width: 760px; margin: 0 auto; padding: 0px 0px 0px 0px; background: none;}
#content {float: left; width: 760px; line-height: 30px; text-align: left; font-size: 1em; background-color: #ffffff;}
.contentvse {float: left; width: 700px; padding:0px 30px 15px 30px; font-size:1em; line-height:28px;}
.contentleft {float: left; width: 300px; height: auto;padding:0px 0px 0px 0px;}
.contentright {float: left; width: 400px; height: auto;padding:20px 0px 0px 0px;}
#menu05 {width: 700px;height: auto;}
#menu05 a {width: 700px;height: auto;}
#footer-wrapper {width: 760px; height: auto;  margin:0 0 0 -380px; position: relative; bottom:0%;left: 50%;
border-top-right-radius: 30px; border-top-left-radius: 30px; }
}

@media screen and (min-width: 959px) and (max-width: 1098px) {
#header  {width: 960px; height: 30px;  margin:0 0 0 -480px; position: fixed; top:0%;left: 50%;
background-color: #aee028; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; display: inline-block;}
#menu1 {float: left; margin: 0 auto; padding: 0 0 5px 30px; width: auto; height: auto;display: inline;}
#header1  {width: 960px; height: 274px; margin-top: 30px; background: url(https://navodjakzhubnout.cz/images/jak-zhubnout-header-960-nove.png?v=141) center 0 no-repeat;}
#page {width: 960px; margin: 0 auto; padding: 0px 0px 0px 0px; background: none;}
#content {float: left; width: 960px; line-height: 30px; text-align: left; font-size: 1em; background-color: #ffffff;}
.contentvse {float: left; width: 860px; padding:0px 50px 25px 50px; font-size:1em; line-height:28px;}
.contentleft {float: left; width: 300px; height: auto;padding:0px 10px 0px 50px;}
.contentright {float: left; width: 440px; height: auto;padding:20px 50px 0px 10px;}
.contentleft {float: left; width: 520px; padding:10px 0px 10px 0px;}
.contentright {float: left; width: 450px; padding: 25px 10px 10px 20px; }
#menu05 {width: 860px;}
#menu05 a {width: 860px;}
#footer-wrapper {width: 960px; height: auto;  margin:0 0 0 -480px; position: relative; bottom:0%;left: 50%;
border-top-right-radius: 30px; border-top-left-radius: 30px; }
}

@media screen and (min-width: 1099px) {
#header  {width: 1200px; height: 30px;  margin:0 0 0 -600px; position: fixed; top:0%;left: 50%;
background-color: #aee028; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; display: inline-block;}
#menu1 {float: left; margin: 0 auto; padding: 0 0 5px 30px; width: auto; height: auto;display: inline;}
#header1  {width: 1100px; height: 300px; margin-top: 30px; background: url(https://navodjakzhubnout.cz/images/jak-zhubnout-header-1100-nove.png?v=141) center 0 no-repeat;}
#page {width: 1100px; margin: 0 auto; padding: 0px 0px 0px 0px; background: none;}
#content {float: left; width: 1100px; line-height: 30px; text-align: left; font-size: 1em; background-color: #ffffff;}
.contentvse {float: left; width: 1000px; padding:0px 50px 25px 50px; font-size:1em; line-height:28px;}

.contentleftobr {float: left; width: 530px; height:auto; padding:10px 0px 0px 0px;}
.contentleft {float: left; width: 520px; padding:0px 10px 10px 0px;}
.contentright {float: right; width: 450px; padding: 25px 0px 10px 20px; }
.contentright ul {margin: 0px; padding: 5px 0px 0px 0px;}
.contentright ul li {margin: 10px; padding-left: 35px;}

#menu05 {width: 1000px;}
#menu05 a {width: 1000px;}
#footer-wrapper {width: 1200px; height: auto;  margin:0 0 0 -600px; position: relative; bottom:0%;left: 50%;
border-top-right-radius: 30px; border-top-left-radius: 30px; }
}