* { font-family: Arial, Helvetica, sans-serif; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html {  }
body { margin: 0; padding: 0; color: #3c3c3b; font-size: medium; overflow-x: hidden; }


/* ↓↓ menu hlavní */
.menu li { position: absolute; }
.menu a { position: relative; display: table-cell; vertical-align: middle; padding-left: 10px;}
.index { top: 31px; left: 20px; width: 146px; height: 117px; }
.index a { background-image: url(../obrazky/menu-1.png); width: 146px; height: 117px; padding-top: 9px; padding-right: 21px; }
.index a.aktivni { background-image: url(../obrazky/menu-1-stavajici.png); }
.index a:hover { background-image: url(../obrazky/menu-1-pres.png); }
.menu-2 { top: 0px; right: 80px; width: 146px; }
.menu-2 a { background-image: url(../obrazky/menu-2.png);  width: 146px; height: 116px; padding-top: 6px; padding-right: 25px; }
.menu-2 a.aktivni { background-image: url(../obrazky/menu-2-stavajici.png); }
.menu-2 a:hover { background-image: url(../obrazky/menu-2-pres.png); }
.menu-3 { top: 109px; right: 0;  width: 132px; height: 103px;}
.menu-3 a { background-image: url(../obrazky/menu-3.png); width: 132px; height: 103px; padding-bottom: 17px; padding-right: 10px; }
.menu-3 a.aktivni { background-image: url(../obrazky/menu-3-stavajici.png); }
.menu-3 a:hover { background-image: url(../obrazky/menu-3-pres.png); }
.menu-4 { top: 195px; right: 83px; width: 172px; height: 126px; }
.menu-4 a { background-image: url(../obrazky/menu-4.png); width: 172px; height: 126px; padding-bottom: 20px; padding-right: 20px; }
.menu-4 a.aktivni { background-image: url(../obrazky/menu-4-stavajici.png); }
.menu-4 a:hover { background-image: url(../obrazky/menu-4-pres.png); }
.domu { top: 148px; left: 0px; width: 141px; height: 104px; }
.domu .domu { top: 0px; }
.domu a { background-image: url(../obrazky/menu-5.png); width: 141px; height: 104px; padding-bottom: 18px; padding-right: 21px; }
.domu a.aktivni { background-image: url(../obrazky/menu-5-stavajici.png); }
.domu a:hover { background-image: url(../obrazky/menu-5-pres.png); }
/* ↑↑ menu hlavní */

/* ↓↓ text */
.text h2 { color: #009FE3; font-size: 18pt; padding-bottom: 0px; }
.text h3 { color: #009FE3; font-size: 16pt; font-weight: normal; margin: 16px 0px 16px 0px; }
.text { font-size: small; }
.text a { color: #3c3c3b; text-decoration: underline; }
.text a:hover { color: #009FE3; text-decoration: underline; }
.text p { margin: 0px; font-size: medium; line-height: 1.5em; padding-bottom: 10px; }
/* ↑↑ text */

/* ↓↓ prvni */
.dPanel.prvni { top: 0px; /* min-height: 994px; */ background-image: url(../obrazky/pozadi-prvni.jpg); background-position: center top; background-repeat: no-repeat; }
.prvni .odkaz-logo { display: block; float: right; margin-top: 26px; margin-right: 5px; }
/*.prvni .logo { top: 26px; right: 5px; position: absolute; }*/
.prvni #hHlavniNadpis {  margin: 0; padding: 0 10px; padding-top: 73px; float: left; /*position: absolute;*/ font-size: 4.45em; font-weight: normal; color: #82295d; line-height: 100%; clear: both; }
.prvni #hHlavniNadpis strong { /*top: 90px;*/ margin: 0; padding: 0 10px; padding-left: 54px; padding-top: 19px; display: block; /*position: absolute;*/ font-size: 1.08em; /*left: 54px;*/ }
.prvni .menu-zde { position: relative; padding-top: 105px; padding-left: 72px; float: left; }
.prvni .text { position: relative; margin-top: 185px; margin-bottom: 20px; right: 0px; width: 466px; font-size: large; float: right; }
/* ↑↑ prvni */

/* ↓↓ druhy */
.dPanel.druhy { /*top: 914px;*/ padding-top: 35px; background-color: #FFF; }
.dPanel.druhy .dKontejner { /*padding-top: 334px;*/ padding-bottom: 30px; }
.druhy .text .hlavicka { position: relative; /*margin-top: -344px;*/ float: right; width: 466px; text-align: right; }
.druhy .text .hlavicka h2 { font-size: 34pt; font-weight: normal; }
.druhy .text .hlavicka h2 strong { }
.druhy .text .hlavicka p { font-size: large; }

.druhy .text .levySloupec { float: left; width: 466px; clear: both; }
.druhy .text .pravySloupec { float: right; width: 466px; clear: both; }
.druhy .text ul, .druhy .text ol { padding-left: 15px; }

.druhy .kontakt { clear: both; padding-top: 5px; }
.druhy .text form { position: absolute; top: 70px; right: 2%; width: 48%; background-color: #e4e4e4; padding-top: 9px; }
.druhy .text form fieldset { border: none; }
.druhy .text form input[type=text], .druhy .text form textarea { width: 100%; border: none; margin-bottom: 15px; padding: 5px; font-size: 0.8em !important; }

/* obrázky */
.text p.mapa { position: relative; padding-bottom: 40%; margin-top: 60px; margin-bottom: 20px; }
img#mapa { position: absolute; right: 0; }
.text p.kladivko { position: relative; padding-bottom: 61%; margin-top: 60px; margin-bottom: 20px; }
img#kladivko { position: absolute; right: 0; }
.text p.prodano { position: relative; padding-bottom: 61%; margin-top: 60px; margin-bottom: 20px; }
img#prodano { position: absolute; right: 0; }
.text p.info { position: relative; padding-bottom: 60%; margin-top: 60px; margin-bottom: 20px; }
img#info { position: absolute; right: 0; }