﻿.zahlavi {position: fixed; top: 0px; z-index: 1 ;margin: 0px;  left: 0px; width: 100%; height: 36px; overflow: hidden}
.zahlavi {background-color: rgb(0, 0, 128); color: white; font: bold 20px Arial; vertical-align: 30%; text-align: left}
.logo {position: absolute; top: 0px; left: 0px; margin: 3px;}
.nabidka {position: absolute; top: 4px; left: 35px; margin: 3px;}
.nabidka a {margin: 0px 10px; text-decoration: none; color: white}
.nabidka a:hover { color: orange}

.telo {position: absolute; top: 40px; margin: 0px; left: 10px; width: 100%-20px;  overflow: hidden}
.telo {color: black; font: italic bold 20px Arial;}
// .telo iframe {width: 640px; height: 360px;}
.rekonstrukce {margin: 20px 80px 20px 40px;}

.video {float: left; margin: 10px 10px 20px 10px; width: 580px; height: 400px;}
.video iframe {width: 100%; height: 315px; ;}
.video p {color: grey; font-style: normal;}
.video nadpis {color: black; font-style: normal; font-size: 16px; font-weight: bold;}
.video popis {color: black; width: 400px; height: 50px; font-style: normal; font-size: 12px; font-weight: normal; overflow: scroll;}

.nadpis {width: 100%; height: 25px; overflow: hidden}
.popis {width: 100%; height: 40pt; overflow: auto}
.maly_text {font-style: normal; font-size: 14px; font-weight: normal;}
.velky_text {font-style: normal; font-size: 16px; font-weight: bold;}
.hlavni_text {font-style: normal; font-size: 22px; font-weight: normal;}

.vojtokluky {position: relative; top: 5px; height: 70px; width: 100%-20px;}
.ikona {top: 0px; float: left;}
.popis_ikony {position: relative; top: 0px; margin-left: 50px;}

.zapati {left: 0px; width: 100%; height: 30px; overflow: hidden}
.zapati {background-color: transparent; color: blue; font: bold 16px Arial; vertical-align: 30%; text-align: left}
.obdelnik {position: static; top: 20px; margin: 10px;}


body {margin: 0px; background-color: white;}

/*
@media (min-width: 630px) and (max-width: 1229px) {
    body {background-color: yellow;}
}
@media (min-width: 1230px) and (max-width: 1829px) {
    body {background-color: red;}
}
@media (min-width: 1830px) {
    body {background-color: greenyellow;}
}
*/



