html, body { margin: 0; padding: 0; color: #2e2e2e; font-family: Arial, Helvetica, sans-serif; background: #0e0e0e; }
/*---------- obecne --------------*/
p { color: #ffffff; padding: 0; margin: 0px 0 15px 0; font-size: 12px; text-align: justify; line-height: 22px; }
p.mensi { width: 500px; color: #ffffff; padding: 0; margin: 15px 0 15px 0; font-size: 12px; text-align: justify; line-height: 22px; }
p.pr_popis { width: 360px; position: absolute; left: 50px; top: 210px; color: #ffffff; padding: 0; margin: 15px 0 15px 0; font-size: 12px; text-align: left; line-height: 22px; }
p.pr_popis strong { color: #000000; padding: 0; font-size: 17px; text-align: left; line-height: 22px; font-weight: bold; text-shadow: #B5DBFC 1px 1px 0px; }
h2 { font-size: 18px; font-weight: normal; padding: 0px; margin: 10px 0 10px 0; color: #a3d821; }
h3 { font-size: 16px; font-weight: bold; padding: 0px; margin: 0 0 15px 0; color: #a3d821; }
a, a:link { color: #a3d821; font-weight: normal; text-decoration: underline;}
a:hover { text-decoration: none; font-weight: normal;}
/*---------- layout --------------*/
#page { text-align: center; }
#background { background: url(img/bg.jpg) left top repeat-x #4e98de; padding: 0;}
#nadhlavicka { width: 1150px; height: 75px; margin: 0 auto; background: none; position: relative; }
#cedulka { width: 257px; height: 222px; margin: 0 auto; background: url(img/cedulka.png) left top no-repeat; position: relative; position: absolute; right: -48px; top: 295px; }
#obsah { margin: 0 auto; width: 100%; background: none; text-align: left; padding: 0; position: relative; }
#vizualizace { height: 829px; padding: 0; margin: 0 auto; background: url(img/bg-vizualizace.jpg) center bottom no-repeat; }
#zarovnani { width: 1000px; height: 829px; padding: 0; margin: 0 auto; position: relative; z-index: 1; }
#bub1 { width: 240px; height: 187px; padding: 0; position: relative; margin: 0 auto; background: url(img/bub-1.png) left top no-repeat; position: absolute; left: 110px; top: 92px;}
#bub1 p { font-size: 12px; color: black; line-height: 25px; margin: 20px 0 0 20px; width: 150px;}
#bub1 p strong { font-size: 16px; color: black; line-height: 29px; text-shadow: #ffffff 1px 1px 0px;}
#bub1 #phone { font-size: 22px; font-weight: bold; position: absolute; left: 43px; top: 45px; color: black; text-shadow: #ffffff 1px 1px 0px;}
#bub2 { width: 486px; height: 174px; padding: 0; position: relative; margin: 0 auto; background: url(img/bub-2.png) left top no-repeat; position: absolute; right: -30px; top: 120px;}
#bub2 p { float: right; font-size: 12px; color: black; line-height: 23px; margin: 18px 20px 0 0px; width: 350px; text-align: right; }
/*---- menu horní nabídka -----*/
#top_menu { margin: 0; width: 500px; height: 70px; padding: 0; position: absolute; right: 0px; top: 0px; }
/*---------- menu --------------*/
#tm { margin: 0; text-align: center; }
#tm li { list-style: none;}
#tm li a { float: left; list-style: none; font-size: 12px; color: #b5ddff; 1px 1px 0px; line-height: 28px; text-decoration: none; margin: 0px; padding: 20px 30px 10px 30px; border-left: 1px solid #68a7e3; }
#tm li a:hover { color: #ffffff; text-decoration: none; border-left: 1px solid #b5ddff; }
/*---- menu horní nabídka -----*/
#menu { margin: 0 auto; width: 816px; height: 30px; position: relative;}
.bm { margin: 0; position: absolute; left: 0px; top: -55px; width: 816px; height: 139px; padding: 0; background: url(img/bg-menu.png) left top no-repeat; z-index: 100; }
.bm a img { border: none; }
/*---------- menu --------------*/
.bm li.prvni { list-style: none; position: absolute; left: 35px; top: 30px;}
.bm li.druhy { list-style: none; position: absolute; left: 340px; top: 48px;}
.bm li.treti { list-style: none; position: absolute; right: 20px; top: 35px;}
.lm li ul { /* second-level lists */ list-style: none; position: absolute; top: -2px; left: -999em; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; }
.lm li ul ul { /* third-and-above-level lists */ }
.lm li ul ul { /* third-and-above-level lists */ left: -999em; }
.lm li a { list-style: none; color : #000000;top: 0px; font-size: 12px; text-decoration: none; }
.lm li a:hover { color : #000000; top: 0px; font-size: 12px; text-decoration: underline; }
.lm li li { width: 208px; padding: 10px 10px; border-bottom: 1px solid #dddddd; z-index: 100; }
.lm li:hover ul ul, .lm li:hover ul ul ul, .lm li:hover ul ul ul ul, .lm li.sfhover ul ul, .lm li.sfhover ul ul ul , .lm li.sfhover ul ul ul ul
{ left: -999em; top: -10px; }
.lm li:hover ul, .lm li li:hover ul, .lm li li li:hover ul, .lm li li li li:hover ul, .lm li.sfhover ul, .lm li li.sfhover ul, .lm li li li.sfhover ul, .lm li li li li.sfhover ul
{ /* lists nested under hovered list items */ left: -18px; top: -80px; padding: 0px; margin: 0px; background: #efefef; border: 1px solid #d6d6d6; }
.lm li li:hover ul, .lm li li li:hover ul, .lm li li li li:hover ul, .lm li li.sfhover ul, .lm li li li.sfhover ul, .lm li li li li.sfhover ul
{ /* lists nested under hovered list items */ background: #efefef; color: #000000; border: 1px solid #d6d6d6; top: 0px; left: 00px; border-bottom: 1px solid #666666; }
/*---------- stredni --------------*/
#stredni { width: 100%; padding: 0; margin: 0; background: none; position: absolute; left: 0px; top: 50px; }
#stredni_in { width: 900px; margin: 0 auto; padding: 0; font-size: 12px; position: relative; }
#stredni_big { width: 100%; height: 90px; padding: 0; margin: 0; background: none; }
#stredni_big_in { width: 900px; margin: 0 auto; padding: 0; font-size: 12px; }
#stredni_pr { width: 100%; height: 170px; padding: 0; margin: 0; background: none; }
#stredni_pr_in { width: 900px; margin: 0 auto; padding: 0; font-size: 12px; position: relative; }
/*---------- formular --------------*/
.formular { width: 800px; height: 170px; position: relative; z-index: 100;}
.formular form { width: 800px; margin: 0 0px 20px 0px; }
.formular form input.polevelke1 { position: absolute; top: 0px; left: 0px; width: 506px; color: #abdaff; font-size: 15px; font-weight: normal; height: 44px; padding: 0 0 0 15px; border: none; background: url(img/input1.png) left top no-repeat; }
.formular form input.polevelke2 { position: absolute; top: 50px; left: 0px; width: 506px; color: #abdaff; font-size: 15px; font-weight: normal; height: 44px; padding: 0 0 0 15px; border: none; background: url(img/input1.png) left top no-repeat; }
.formular form input.polemale { position: absolute; top: 100px; left: 0px; width: 304px; color: #abdaff; font-size: 15px; font-weight: normal; height: 44px; padding: 0 0px 0 15px; border: none; background: url(img/input2.png) left top no-repeat; }
.formular form input.odeslani { position: absolute; top: 25px; left: 490px; margin: 0; width: 202px; border: none; height: 49px; cursor: hand; background: url(img/odeslat.png) left top no-repeat; padding: 0px; }
.gallery a.velky { border: none; }
.gallery a.velky img { position: absolute; right: 0px; top: 80px; margin: 0px; padding: 7px; background: url(img/bg.png) left top repeat; border: 1px solid #b5ddff;}
.gallery a:hover.velky img { padding: 7px; background: url(img/bg-hover.png) left top repeat; border: 1px solid #ffffff; position: absolute; right: 0px; top: 80px; }
.gallery a.vetsi { border: none; }
.gallery a.vetsi img { position: absolute; right: 220px; top: 60px; margin: 0px; padding: 7px; background: url(img/bg.png) left top repeat; border: 1px solid #b5ddff;}
.gallery a:hover.vetsi img { position: absolute; right: 220px; top: 60px; margin: 0px; padding: 7px; background: url(img/bg-hover.png) left top repeat; border: 1px solid #ffffff;}
.gallery a.stredni { border: none; }
.gallery a.stredni img { position: absolute; right: 400px; top: 40px; margin: 0px; padding: 7px; background: url(img/bg.png) left top repeat; border: 1px solid #b5ddff;}
.gallery a:hover.stredni img { position: absolute; right: 400px; top: 40px; margin: 0px; padding: 7px; background: url(img/bg-hover.png) left top repeat; border: 1px solid #ffffff;}
.gallery a.mensi { border: none; }
.gallery a.mensi img { position: absolute; right: 570px; top: 20px; margin: 0px; padding: 7px; background: url(img/bg.png) left top repeat; border: 1px solid #b5ddff;}
.gallery a:hover.mensi img { position: absolute; right: 570px; top: 20px; margin: 0px; padding: 7px; background: url(img/bg-hover.png) left top repeat; border: 1px solid #ffffff;}
.gallery a.maly { border: none; }
.gallery a.maly img { position: absolute; left: 50px; top: 0px; margin: 0px; padding: 7px; background: url(img/bg.png) left top repeat; border: 1px solid #b5ddff;}
.gallery a:hover.maly img { position: absolute; left: 50px; top: 0px; margin: 0px; padding: 7px; background: url(img/bg-hover.png) left top repeat; border: 1px solid #ffffff;}
.gallery a.hide { border: none; visibility: hidden; }
#nacrt { font-size: 11px; color: white; position: absolute; left: 60px; top: 118px; }
#studie { font-size: 11px; color: white; position: absolute; left: 175px; top: 160px; }
#skyca { font-size: 11px; color: white; position: absolute; left: 312px; top: 200px; }
#viz { font-size: 11px; color: white; position: absolute; left: 465px; top: 245px; }
#projekt { font-size: 11px; color: white; position: absolute; left: 645px; top: 285px; }
/*---------- paticka --------------*/
#spodek { width: 100%; position: relative; height: 340px; margin: 0px auto; background: url(img/bg-bottom.jpg) left bottom repeat-x; position: relative; }
#spodni_popis { width: 900px; position: relative; margin: 0px auto; position: relative; }
#spodni_popis_in { padding: 80px; 0 0 0; }
#spodni_popis_in h1 { margin: 0 0 15px 0; padding: 0 0 8px 0; background: url(img/linka-dole.jpg) left bottom repeat-x; font-size: 17px; color: #666666; text-align: left; font-weight: normal; }
#spodni_popis_in h1 strong { font-size: 17px; color: #7f932d; font-weight: bold; }
#spodni_popis_in p { font-size: 12px; color: white; line-height: 30px; }
#paticka { width: 100%; position: absolute; left: 0px; bottom: 14px; margin: 0px auto; padding: 0; color: #3b3b3b; font-size: 11px; line-height: 18px;}
#paticka_in { text-align: center; padding: 10px 0 0 0px; }
#paticka a img { border: none; }
#paticka_in a { padding: 0; color: #3b3b3b; font-size: 11px; line-height: 18px; font-weight: normal; text-decoration: underline; }
#paticka_in a:hover { text-decoration: none; }
span.clearboth { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }