@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.woff') format('woff'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_400.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_400.svg#themix') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.woff') format('woff'),
         url('https://cdn.skauting.cz/fonts/fonts/TheMix_LT_400i.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.svg#themix') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.woff') format('woff'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700.svg#themix') format('svg');
    font-weight: 700;
    font-style: normal;
}  

@font-face {
    font-family: 'themix';
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.eot');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.woff') format('woff'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.svg#themix') format('svg');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'skautbold';
    src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.eot');
    src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.eot? #iefix') format('embedded-opentype');
    src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.woff') format('woff'),
         url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.otf') format('opentype'),
         url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.svg#skautbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: themix, sans-serif;
}

h1 {
    font-family: skautbold, sans-serif;
    font-weight: normal;
}

h2 {
    font-family: skautbold, sans-serif;
    font-weight: normal;
    font-size: 17px;
}

h3 {
    font-family: skautbold, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

p {
    font-weight: 400;
    font-style: normal;
        margin: 10px;
}
    

.body  {
max-width: 800px; 
min-width: 320px;
width: 100%;
margin-top: -10px;
margin-left: auto; 
margin-right: auto;
background-color: #fff;
color: #000000; 
font-size: 16px;
text-align: left;
}

.obsah {
position: relative;
top: -52px;
padding: 0 20px 20px 20px;
}

.obsah1 {
position: relative;
top: -52px;
padding: 0 0px 20px 0px;
}
.radek1 {
font-family: 'News Cycle', sans-serif;
font-size: 21px;
color: #000;
display: block;
font-weight: 700;
text-align: justify; 
margin-bottom: -5px;
}

.radek2 {
font-family: 'News Cycle', sans-serif;
font-size: 15px;
color: #aaa;
display: block;
font-weight: 700; 
text-align: justify; 
}

.uvodtext {
width: 100%;
}

.uvodtext h1 {
color: #222;
font-size: 16px;
font-weight: normal;
}

.uvodobraz {
width: 100%;
top: -59px;
position: relative;
}

.obrazky {
width: 100%;
border: 0px;
max-width: 800px;
min-width: 320px;
}
.pocitadlo {
position:relative;
top:50px;
left: 260px;
color: #fff;
font-size: 12px;
}
.odeslat {
border: 0px;
width: 105px;
height: 30px;
color: #eee;
background-color: #000;
}
.odeslat:hover {
color: #000;
background-color: #ddd;
}

.med-popis1{

font-size: 16px;
font-weight: bold;
color: red;
}

.med-popis2{
font-size: 16px;
font-weight: bold;
color: red;
text-decoration: line-through;
}

@media screen and (max-width: 5000px) {
.menu {
width: 100%; 
min-height:173px; 
float:none;
margin: 0px 0px 5px 0px;
}
}

@media screen and (max-width: 5000px) {
.container {
width: 530px;
float: left;
}
}

@media screen and (max-width: 796px) {
.menu {
width: 100%; 
min-height:224px; 
float:none
    padding-left: 28px;
}
}
@media screen and (max-width: 796px) {
.container {
width: 532px;
float: left;
margin-left: 28px;
}
}


@media screen and (max-width: 537px) {
.menu {
width: 100%; 
min-height:397px; 
float:none
}

.container {
width: 100%;
max-width: 532px;
margin: 0px 0px 5px 0px;
}

.uvodobraz {
width: 100%;
top: -148px;
position: relative;
}

.obsah {
position: relative;
top: -148px;
padding: 0 20px 20px 20px;
}

}


@media screen and (max-width: 5000px) {
.item1 {
margin: 35px 5px 0px 5px;
    float: left;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-family: themix, sans-serif;
    font-weight: normal;
    padding: 5px 11px 5px 11px;
}
}

.item1:hover {
color: #000;
text-decoration: none;
background-color: #ddd;
}

@media screen and (max-width: 796px) {
.item1 {
margin: 0.6em 0em 1.5em 0;
padding: 5px 11px 5px 11px;
border: 1px solid #ddd;
}
}

@media screen and (max-width: 537px) {
.item1 {
padding: 0.3em 0em 0.3em 1em;
width: 100%;
max-width: 532px;
margin: -1px 0px 0px 0px;
border-top: 1px solid #ddd;
border-top: 1px solid #ddd;
border-left: 0px;
border-right: 0px;
}
}


.obrpravo {
border: 0px;
float: right;
max-width: 130px;
margin: 0 10px 10px 0px;
}

.obrlevo {
border: 0px;
float: left;
max-width: 130px;
margin: 0 10px 10px 0px;
}


textarea#styled {
	max-width: 600px;
	width: 100%;
	height: 120px;
	border: 1px solid #cccccc;
	padding: 5px;
}