html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -mox-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}             
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ 
    display:block;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
a:hover {
    text-decoration: underline;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 0px;
}
:focus {
    outline: none;
}

.cleaaar {clear: both; }

* { box-sizing: border-box; }

/*
 * Base styles
 * --------------------------------------------------*/

p,
ul,
ol {margin-bottom: 1em;}
b, strong  {font-weight: bold;}
em {font-style: italic;}
.clear {clear: both;}
img { max-width: 100%;}
.text-center {  text-align: center; }
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Typography */

html {
	font-family: 'Source Sans Pro', sans-serif;
    min-height: 100vh;
    font-size: 100%;
}
 
body {
	position: relative;
    min-height: 100vh;
    background-color: #fff;
    color: #006548;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:22px; 
	font-weight:400; 
	line-height: 1.3;
	font-style:normal;
}


.boxfull {
max-width:2400px;
 margin:0 auto;
}

.box1000 {
 max-width:1000px;
 margin:0 auto;
}


/*  nadpisy obsah */

h1, h2, h3, h4, h5, h6 {
font-family: 'League Gothic', sans-serif;
font-weight:400;
color: #fff;
margin-bottom:30px;
}

h1 {
font-size:70px;
font-size: calc(1.2vw + 50px); 
}

h2 {font-size:60px;
font-size: calc(1.2vw + 40px); 
}

h3 {
font-size:50px;
font-size: calc(1.2vw + 30px);
}

h4 {
font-size:40px;
font-size: calc(1.2vw + 20px);
}

h5 {
font-size:30px;
font-size: calc(1.2vw + 17px);
}

h6 {
font-size:26px;
font-size: calc(1.2vw + 12px);
}


/* obsah */

.hlavni {
    position: relative;
	margin:0;
}

/* odrazky obsah */

.hlavni ol, .hlavni ul {margin: 1em 0 1em 1em;  padding: 0;}

.hlavni ol>li {list-style: decimal; background: none;  margin: 0.5em 0 0.5em 0.5em;padding-left: 0.5em;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;}
.hlavni ul>li {margin: 0.5em 0 0.5em 0.5em;  padding-left: 0.5em;  list-style: disc outside;overflow: visible;}


/* HLAVNI OBSAH HP */

main {
 font-size:22px;
}

.obsah1,
.obsah2,
.obsah3,
.obsah33,
.obsah4,
.obsah5    {
  margin:0 auto;
  max-width:2400px;
}

.obsah1 {  background-color: #155a47;}
.obsah2  {  background-color: #008335;}
.obsah3, .obsah33  {  background-color: #fbb809;}
.obsah4 {  background-color: #fff;}
.obsah5 {  background-color: #155a47;}

.obsah1-inner {
 padding:30px 20px;
 text-align:center;
 color: #fff;
}

.obsah2-inner {
 padding:30px 20px;
 text-align:center;
 color: #fff;
}

.obsah2-inner h1 {
 text-align:center;
 text-transform: uppercase;
 color: #fff;
 font-size:80px;
font-size: calc(1.2vw + 60px); 
}


.obsah2-inner h2 {
 text-align:center;
 text-transform: uppercase;
 color: #fff;
 font-size:50px;
font-size: calc(1.2vw + 30px);
}

.obsah3-inner {
 padding:30px 20px 10px 20px;
 text-align:center;
 color: #155a47;
}

.obsah33-inner  {
 padding:10px 20px 30px 20px;
 text-align:left;
 color: #155a47;
    background-image: url("../img/ilu-foto03.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}


.obsah3-inner h1 {
 text-align:center;
 text-transform: uppercase;
 color: #155a47;
 font-size:80px;
font-size: calc(1.2vw + 60px); 
}


.obsah3-inner h2 {
 text-align:center;
 text-transform: uppercase;
 color: #155a47;
 font-size:50px;
font-size: calc(1.2vw + 30px);
}

.obsah33-inner h2 {
 text-align:left;
 text-transform: uppercase;
 color: #155a47;
 font-size:50px;
font-size: calc(1.2vw + 30px);
margin-bottom:0px;
}

/* odrazky obsah */

.obsah3-inner ol, .obsah3-innerul  {margin: 1em 0 1em 1em;  padding: 0;}

.obsah3-inner ul {
  padding-left: 0;
  list-style-position: inside;
    text-align: center;
}

.obsah3-inner ol>li {list-style: decimal; background: none;  margin: 0.5em 0 0.5em 0.5em;padding-left: 0.5em;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;}

.obsah3-inner ul>li  {margin: 0.5em 0 0.5em 0.5em;  padding-left: 0.5em;  list-style: disc inside;overflow: visible;}


.obsah3-inner hr{ 
    border: 0;
   	max-width: 500px;
    color: #155a47;
    background-color: #155a47;
    height: 3px;
	margin:40px auto;
	text-align:center;
}

.obsah3-inner a:link,
.obsah3-inner a:visited {
 color: #155a47;
 text-decoration: underline;
}

.obsah3-inner  a:hover {
color: #155a47;
 text-decoration: none;
}

.obsah4-inner {
 padding:30px 20px;
 text-align:center;
 color: #155a47;
}

.obsah4-inner a:link,
.obsah4-inner a:visited {
 color: #155a47;
 text-decoration: underline;
}

.obsah4-inner  a:hover {
 color: #fbb809;
 text-decoration: none;
}


.obsah5-inner {
 padding:30px 20px;
 text-align:left;
 color: #fff;
}

.obsah5-inner h1 {
 text-align:center;
 text-transform: uppercase;
 color: #fff;
 font-size:60px;
font-size: calc(1.2vw + 40px); 
}

.obsah5-inner h2 {
 text-align:left;
 text-transform: uppercase;
 color: #fff;
 font-size:50px;
font-size: calc(1.2vw + 30px);
margin-bottom:20px;
}


.obsah1-inner,
.obsah2-inner,
.obsah3-inner,
.obsah33-inner,
.obsah4-inner,
.obsah5-inner   {
    width: 100%;
    min-height: 100%;
    display:table;
    height:inherit;
}

.obsah1-inner .row,
.obsah2-inner .row,
.obsah3-inner .row,
.obsah33-inner .row, 
.obsah4-inner .row,
.obsah5-inner .row   {
    width: 100%;
    height: 100%;
    display:table-row;
}



.img-responsive {
	float: left;
    display: block;
    height: auto;
	margin-bottom:20px;
	margin-right: 20px;
}

.avatar {
    max-width: 200px;
    border: 3px solid white;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

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

.obsah1-inner img {margin-bottom:30px;}

.obsah3-inner ul {
    padding-left: 0;
    list-style-position: inside;
    text-align: left;
}

.obsah3-inner ul {margin: 1em 0 1em 1em;  padding: 0;}
.obsah3-inner ul>li {margin: 0.5em 0 0.5em 0.5em;  padding-left: 0.5em;  list-style: disc outside;overflow: visible;}

.obsah33-inner  {
 padding:10px 20px 400px 20px;
    background-image: url("../img/ilu-foto02.png");
    background-repeat: no-repeat;
    background-position: bottom center;
}

.img-responsive {
	float: none;
    display: block;
    height: auto;
	margin-bottom:20px;
	margin-right: 0px;
	text-align:center;
}

}


.obsah5-inner a:link,
.obsah5-inner a:visited {
 color: #fbb809;
 text-decoration: underline;
}

.obsah5-inner  a:hover {
 color: #fbb809;
 text-decoration: none;
}


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

}