html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6,form,fieldset,a,img, button,address,dl,dt,dd{margin:0;padding:0; border:0px none;}
html{height: 100%;}
body{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 62.5%; color: #D9B68C;text-align: center; height: 100%;
background: #000000 url(../img/html.jpg) no-repeat center top;}

#pageOut{ min-width: 998px; min-height: 100%; width: 100%;background: url(../img/html.jpg) no-repeat center top;}
#page{width: 970px;margin: auto;  text-align: left; position: relative;background: url(../img/html.jpg) no-repeat center top; min-height: 567px;_height: 567px;
padding-top: 60px;}

.pata{ position: absolute; left: 23px; bottom: 8px; color: #6A4C14; font-size: 10px;}

#telo{min-height: 360px;_height: 360px; background:#110B05 url(../img/teloBottom.png) no-repeat left bottom;position: relative;width: 970px;}
#teloIn{background: url(../img/telo.jpg) no-repeat left top;min-height: 332px;_height: 332px; padding: 26px 55px 0 63px; }


#head{position: relative; height: 130px; font-family: BankGothic Md BT;}
.hl{width: 244px; float: left; background:#5F4A2E url(../img/headLeft.jpg) no-repeat left top;height: 67px; padding:63px 0 0 82px;}
.hr{background: url(../img/headRight.jpg) no-repeat left top; width: 644px; float: left;height: 130px;}
.logo{position: absolute; left: 22px; top: 17px;}
.hl h1{color: #ee0000; font-size: 20px; text-align: center; position: relative;width: 233px; height: 49px;}
.hl h1 a{ font-size: 10px;width: 233px; height: 49px; display: block;color: #ee0000; text-decoration: none;}
.hl h1 a span{color: White;}
.hl h1 a span.h1{position: absolute; left: 0px; top: 0px; width: 233px; height: 49px; background: url(../img/h1.jpg) no-repeat left top;
cursor: pointer;}


.menu{padding-top: 95px; list-style: none;}
.menu li{width: 122px; float: left; }
.menu li a{color: #F2AE30; font-size: 12px; display: block; height: 12px;text-align: center;} 
.menu li a span{position: absolute; left: 0px; top: 0px; display: block; height: 20px; cursor: pointer;}

.menu li#vize{padding-left: 10px; width: 112px;}
.menu li#vize a{width: 98px; position: relative;}
.menu li#vize a span{ background: url(../img/menu/vize.png) no-repeat left top;width: 98px;}
.menu li#vize a:hover span,.menu li#vize a span.active{ background-position: -98px 0px;}

.menu li#sluzby{padding-left: 9px; width: 113px;}
.menu li#sluzby a{width: 108px; position: relative;}
.menu li#sluzby a span{ background: url(../img/menu/sluzby.png) no-repeat left top;width: 108px;}
.menu li#sluzby a:hover span,.menu li#sluzby a span.active{ background-position: -108px 0px;}

.menu li#ref{padding-left: 22px; width: 100px;}
.menu li#ref a{width: 92px; position: relative;}
.menu li#ref a span{ background: url(../img/menu/ref.png) no-repeat left top;width: 92px;}
.menu li#ref a:hover span,.menu li#ref a span.active{ background-position: -92px 0px;}

.menu li#spol{padding-left: 21px; width: 139px;}
.menu li#spol a{width: 122px; position: relative;}
.menu li#spol a span{ background: url(../img/menu/spol.png) no-repeat left top;width: 122px;}
.menu li#spol a:hover span,.menu li#spol a span.active{ background-position: -122px 0px;}

.menu li#kont{padding-left: 12px; width: 72px;}
.menu li#kont a{width: 72px; position: relative;}
.menu li#kont a span{ background: url(../img/menu/kont.png) no-repeat left top;width: 72px;}
.menu li#kont a:hover span,.menu li#kont a span.active{ background-position: -72px 0px;}




#teloIn p{font-size: 12px; margin-bottom: 21px; line-height: 18px;}
#teloIn p strong{color: #F2AE30}
#teloIn p a{font-weight: bold;color: #F2AE30; text-decoration: none;}
#teloIn p a:hover{text-decoration: underline;}
#teloIn ul{font-size: 12px; list-style: none;}
#teloIn ul li{line-height: 18px;}

#stranka{ padding-left: 19px;}
#nsluzby{}

#nsluzby h2{ font-size: 13px; padding-left: 18px; background: url(../img/bullet2.gif) no-repeat left top; line-height: 23px; height: 23px; color: #D09526;}
#nsluzby h2.mar1{margin-bottom: 13px;}
#nsluzby ul{padding-left: 22px; margin-bottom: 13px ;}
#nsluzby ul li{padding-left: 8px; background: url(../img/arrow.gif) no-repeat left 6px; color: #FBD7AA;}

#reference{padding-left: 19px;}
#reference ul{float: left;list-style: none;width: 500px;}
#reference ul li{font-weight: bold; font-size: 12px; }
#reference ul.fl{ width: 250px; list-style: none;}
#reference p{clear: both; padding-top: 18px; font-weight: bold; width: 570px; color: #D09526;}

#kontakt{}
#kontakt address{ font-size: 12px; font-style: normal; line-height: 18px;background: url(../img/bullet2.gif) no-repeat left top;padding-left: 19px;
width: 287px; float: left;}
#kontakt address strong{font-size: 12px; color: #D09526; display: block;}
#kontakt address a{color:#D9B68C; text-decoration: none; }
#kontakt address a:hover{text-decoration: underline;}
#kontakt p{padding-left: 19px; clear: both; padding-top: 16px; color: #D09526;}


#pergament{width: 285px; height: 182px; display: block; position: absolute; left: 715px; top: 222px;}
#pergament span{position: absolute; left: 0px; top: 0px;width: 285px; height: 182px; display: block; cursor: pointer; background: url(../img/pergament.jpg);}

#perg{ display: none;}
.pergament{ width: 851px; height: 375px; background: #C8A572; color: #2f2105;display: none;}
.pergament-activ{width: 851px; height: 375px; background:#C8A572 url(../img/zulu_pergament.jpg) no-repeat left top; position: absolute; right: -28px;display: none; 
/*left: 147px;*/ 
top: 227px;}
.pergament-in{padding: 78px 0 0 106px; width: 623px;color: #2f2105;}
.pergament-in h2{ font-size: 18px; margin-bottom: 16px;}
.pergament-in p{ font-size: 12px; margin-bottom: 16px; line-height: 16px;}


.front p{ width: 416px; height: 143px; background:#CDAF80 url(../img/front.jpg) no-repeat left top; position: absolute; left: 564px; top: 222px;
color: #2f2105; font-size: 13px; line-height: 24px; text-align: center; font-weight: bold; padding: 52px 18px 0 0;}
.front a{width: 326px; height: 355px; display: block; top: 189px; left: 189px; position: absolute; cursor: pointer;
text-decoration: none;}
.front a img{display: block;}