body{margin: 0px; padding: 0px; background: url('bg.jpg') center top repeat-x #3e2f1f !Important; background: url('bg-ie.jpg') center top repeat-x #3e2f1f; background-attachment: fixed !important; background-attachment: scroll; font-size: small !important; font-size: 0.8em; font-family: Arial, Tahoma, sherif;}

html, body {height: 100%;}

#main {width: 900px; margin: 0 auto; text-align: left; min-height: 100%; height: 100%; position: relative; }
body>#main {height: auto;}

a{color: #ebcdac;}
a:hover{text-decoration: none;}
hr{height: 0px; border: 0px; visibility: hidden; clear: both; margin: 0px;}
h2{background: url('h2.gif') left top no-repeat; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 45px; line-height: 32px; color: #ebcdac; border-bottom: 3px solid #000;}
h2.margin{margin-top: 20px;}

.cz #footer {width: 875px; height: 48px; padding: 45px 56px 0px 15px; position: absolute; bottom: 0; background: url('footer.gif') left top no-repeat; color: #b4b3b3; font-size: 0.95em; line-height: 46px;}
.en #footer {width: 875px; height: 48px; padding: 45px 56px 0px 15px; position: absolute; bottom: 0; background: url('footer_en.png') left top no-repeat; color: #b4b3b3; font-size: 0.95em; line-height: 46px;}
#footer div{float: right; font-size: 0.95em;}
#footer div a {color: #ebcdac; text-decoration: none;}
#footer div a:hover{text-decoration: underline;}
#nahoru{position: absolute; width: 290px; height: 45px; display: block; margin: -45px 0px 0px 642px;}
#nahoru2{position: absolute; width: 45px; height: 41px; display: block; margin: 0px 0px 0px 885px;}

#lan{position: absolute; margin: 5px 0px 0px 860px; padding: 5px 2px 2px 5px; background: #000; width: 38px;}
#lan a{float: left; margin-right: 3px;}
#lan img{border: 0px;}

#head{margin: 0px; padding: 0px; width: 504px; height: 139px; overflow: hidden; text-align: center; margin: 42px 0px 0px -90px; position: absolute;}
#head a{color: #fff; text-decoration: none; line-height: 139px; visibility: hidden; display: block; width: 504px; height: 139px;}
#head a span{width: 504px; height: 139px; display: block; position: absolute; top: 0; visibility: visible; cursor: pointer;}
.cz #head a span.home{background: url('head_home.png') no-repeat !important; background: url('head_home.jpg') no-repeat;}
.en #head a span.home{background: url('head_home-en.png') no-repeat !important; background: url('head_home.jpg') no-repeat;}
.cz #head a span.portfolio{background: url('head_portfolio.png') no-repeat !important; background: url('head_portfolio.jpg') no-repeat;}
.en #head a span.portfolio{background: url('head_portfolio-en.png') no-repeat !important; background: url('head_portfolio.jpg') no-repeat;}
.cz #head a span.fotogalerie{background: url('head_fotogalerie.png') no-repeat !important; background: url('head_fotogalerie.jpg') no-repeat;}
.en #head a span.fotogalerie{background: url('head_photogallery.png') no-repeat !important; background: url('head_fotogalerie.jpg') no-repeat;}
.cz #head a span.o-mne{background: url('head_omne.png') no-repeat !important; background: url('head_omne.jpg') no-repeat;}
.en #head a span.o-mne{background: url('head_about.png') no-repeat !important; background: url('head_omne.jpg') no-repeat;}

#menu {float: right; list-style: none; padding: 0px; margin: 80px 0px 0px 0px;}
#menu li {float: left; height: 41px; border: 1px solid #9f908d; border-bottom: 0px; border-top: 0px; margin: 0px 2px;}
#menu li a{text-decoration: none; color: #fff; font-weight: bold; font-size: 1.85em; padding: 0px 28px 0px 30px; display: block; line-height: 0.7em; position: relative;}
#menu li a span{color: #aaa7a7; font-weight: normal; font-size: 0.35em; position: absolute; margin: 0px 3px 0px -26px;}
#menu li a span.popisek{font-size: 0.45em; padding: 10px 0px 0px 27px; }
#menu li a:hover{color: #ccc;}
#menu li a#active{color: #ebcdac;}

#obsah{clear: both; color: #fff; width: 900px; height: auto; padding: 85px 0px 110px 0px !important; padding: 25px 0px 110px 0px; margin: 0px auto;}
.popis{width: 192px; height: 436px; position: absolute; z-index: -1; background: url('popis.png') repeat-y !important; background: transparent; margin: -13px 0px 0px 201px; }
.cz #p-portfolio span{width: 192px; height: 440px; display: block; background: url('nahledy.png') 65px 55px no-repeat !important; background: url('nahledy.jpg') no-repeat;}
.en #p-portfolio span{width: 192px; height: 440px; display: block; background: url('nahledy_en.png') 60px 25px no-repeat !important; background: url('nahledy.jpg') no-repeat;}
.cz #p-o-mne span{width: 192px; height: 440px; display: block; background: url('o-mne.png') 65px 55px no-repeat !important; background: url('o-mne.jpg') no-repeat;}
.en #p-o-mne span{width: 192px; height: 440px; display: block; background: url('o-mne_en.png') 65px 25px no-repeat !important; background: url('o-mne.jpg') no-repeat;}
.cz #p-home span{width: 192px; height: 440px; display: block; background: url('miniatury.png') 65px 26px no-repeat !important; background: url('miniatury.jpg') no-repeat;}
.en #p-home span{width: 192px; height: 440px; display: block; background: url('miniatury_en.png') 65px 20px no-repeat;}

#podmenu {width: 214px; height: auto; min-height: 389px; padding: 10px; border-top: 1px solid #524b40; border-bottom: 1px solid #524b40; background: url('menu.png') center top repeat-y !important; background: url('menu.jpg') center top no-repeat #000; float: left; margin-left: 0px;}
#podmenu a{display: block; line-height: 19px; padding: 0px 0px 0px 45px; background: url('odrazka.png') 8px no-repeat !important; background: url('odrazka.gif') 8px no-repeat; margin-bottom: 9px; color: #fff; text-decoration: none; font-weight: bold;}
#podmenu a:hover{color: #ebcdac;}
#podmenu a#aktivni{color: #ebcdac; background: url('odrazka_a.png') 8px no-repeat !important; background: url('odrazka_a.gif') 8px no-repeat;}
#podmenu p{padding: 0px 10px; line-height: 1.8em; margin: 0px; color: #eaeaea;}

#detail {width: 540px; float: right;}
#detail.o-mne{line-height: 1.9em;}
#detail.o-mne strong{width: 130px; display: block; float: left;}
#show{width: 518px; height: 389px; background: #000; padding: 10px; border: 1px solid #3b3331; text-align: center;}
#popis-projektu {padding: 20px; background: url('detail.png') left top repeat-x !important; background: transparent;}
#popis-projektu table{margin: 0px 0px 0px 45px !important; margin: 0px 0px 0px 22px; line-height: 2em; border-collapse: collapse; float: left;}
#popis-projektu td, #popis-projektu th{padding-right: 20px;}
#popis-projektu a{color: #ebcdac;}
#popis-projektu img{margin-top: -10px; position: absolute;}
#popis-text{padding: 10px 70px 0px 45px; color: #eaeaea;}

.fotka{background: #fff; display: block; float: left; border: 15px solid #fff; width: 225px; margin: 20px !important; margin: 15px; text-align: center; text-decoration: none; color: #777; font-size: 1em; font-weight: bold; overflow: hidden;}
.fotka img{border: 3px solid #000; height: 150px; margin-bottom: 10px;}
.fotka span{display: block;}
.fotka:hover img{border: 3px solid #fff;}

.strankovani{color: #000; background: #757575; text-decoration: none; padding: 2px 4px; margin-right: 3px;}
#aktivnis, #aktivnisd{background: #ccc;}

#miniatury {width: 214px; height: auto; padding: 10px 10px 10px 40px; float: left;}
#miniatury a{text-decoration: none; display: block; margin-bottom: 10px; width: 217px; height: 53px; background: #fff; padding: 0px;}
#miniatury a img{border: 3px solid #000; width: 214px; height: 50px; display: block; text-align: center; line-height: 50px; color: #b86305;}
#miniatury a#all{background: url('odrazka_a.png') 8px no-repeat !important; background: url('odrazka_a.gif') 8px no-repeat; margin-bottom: 7px; color: #fff; font-weight: bold; padding: 0px 0px 0px 45px; line-height: 16px; height: 19px; margin-top: 20px;}
#miniatury a#all:hover{color: #ebcdac;}

#oznameni{width: 500px; float: right;  padding: 20px; line-height: 1.9em; background: url('detail.png') left top repeat-x !important; background: transparent; }
#oznameni strong{width: 80px; display: block; float: left; padding-left: 45px;}
#oznameni p strong{width: auto; display: inline; float: none; padding: 0px;}
#oznameni p{font-size: 1.5em; color: #eaeaea; line-height: 1.9em; margin: 0px;}
#oznameni a{font-size: 1.1em;}
#oznameni a:hover{text-decoration: none;}
#oznameni .margin{margin-top: 30px;}

#fogogalerie{margin-top: 12px;}