/* CSS Document */
* {margin: 0; padding: 0;}
body {background: #fff;}
html,body {height: 100%; }

.main {margin: 0 auto; min-height: 100%; width: 100%; background: repeat-y;}

/*header*/
#headbg {width: 100%; height: 391px; background: url(images/bghead.jpg) repeat-x; z-index: 0;}
#head {width: 930px; height: 391px; border: 0px solid coral;}
#logo {position: relative; top: -2px; left: 40px; width: 211px; height: 89px; background:url(images/logo.png) no-repeat; z-index: 1;} 
#oblakol {position: relative; width: 430px; height: 391px; background: url(images/oblakol.png) 0px 70px no-repeat; z-index: 2;}
#trees {position: relative; top: 72px; width: 944px; height: 220px; border: 0px solid coral; background: url(images/trees.png) 0 160px no-repeat; z-index: 3;}
#skyskraper {position: relative; top: 165px; height: 215px; background: url(images/skyscraper.png) repeat-x;}
#treesr {position: relative; top: 108px; height: 57px; background: url(images/trees.png) repeat-x; z-index: 3;}
#oblakor {position: relative; height: 391px; background: url(images/oblakor.png) 0 40px repeat-x;}

#fixedbg {position: fixed !important; position: absolute; top: -2px; left: 330px; width: 309px; height: 60px; background:url(images/fixedbg.png) no-repeat; z-index: 4;}
#fixedbg b {position: relative; top: 10px; left: 70px; font: 30px Arial; color: #ff0010;}

#slogan {position: absolute; top: 64px; left: 325px; font: 18px Arial; color: #fff; font-style: italic;}

/*menuhead*/
#menuheadbg {position: absolute; top: 92px; left: -2px; width: 783px; height: 87px; background: url(images/bgmenu.png) no-repeat;}

a.uprav {display: block; position: absolute; margin: 5px 0 0 -30px; left: 150px; width: 430px; font: bold 16px Arial; color: #28627d; text-decoration: none; z-index: 0; border:0px solid coral;}
a.uprav:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.uprav span {display: block; position: absolute; top: 67px; left: -10px; width: 147px; height: 205px; background:url(images/invde.gif) no-repeat; z-index: 0;}
a.uprav:hover span {display: block; width: 147px; height: 205px; background:url(images/invde.gif) 0 -205px no-repeat; z-index: 0;}


a.invde {display: block; position: absolute; margin: 38px 0 0 40px; left: 100px; width: 260px; font: bold 16px Arial; color: #28627d; text-decoration: none; z-index: 0;}
a.invde:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.invde span {display: none; position: absolute; top: 37px; left: 50px; width: 147px; height: 205px; background:url(images/invde.gif) no-repeat; z-index: 0;}
a.invde:hover span {display: none; width: 147px; height: 205px; background:url(images/invde.gif) 0 -205px no-repeat; z-index: 0;}


a.company {display: block; position: absolute; margin: 5px 0 0 -30px; left: 40px; width: 95px; font: bold 16px Arial; color: #28627d; text-decoration: none; border: 0px solid coral; z-index: 0;}
a.company:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.company span {display: block; position: absolute; top: 70px; left: 60px; width: 65px; height: 200px; background:url(images/company.gif) no-repeat; z-index: 0;}
a.company:hover span {display: block; width: 65px; height: 200px; background:url(images/company.gif) 0 -200px no-repeat; z-index: 0;}


a.aukomned {display: block; position: absolute; margin: 38px 0 0 -30px; left: 440px; width: 310px; font: bold 16px Arial; color: #28627d; text-decoration: none; border: 0px solid coral; z-index: 0;}
a.aukomned:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.aukomned span {display: block; position: absolute; top: 96px; left: -115px; width: 65px; height: 143px; background:url(images/aukomned.gif) no-repeat; border: 0px solid coral; z-index: 0;}
a.aukomned:hover span {display: block; width: 65px; height: 143px; background:url(images/aukomned.gif) 0 -143px no-repeat; z-index: 0;}


a.prodaja {display: block; position: absolute; margin: 5px 0 0 -30px; left: 600px; width: 72px; font: bold 16px Arial; color: #28627d; text-decoration: none; border: 0px solid coral; z-index: 0;}
a.prodaja:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.prodaja span {display: block; position: absolute; top: 98px; left: -170px; width: 57px; height: 174px; background:url(images/prodaja.gif) no-repeat; border: 0px solid coral; z-index: 0;}
a.prodaja:hover span {display: block; width: 57px; height: 174px; background:url(images/prodaja.gif) 0 -174px no-repeat; z-index: 0;}


a.arenda {display: block; position: absolute; margin: 5px 0 0 -30px; left: 700px; width: 60px; font: bold 16px Arial; color: #28627d; text-decoration: none; border: 0px solid coral; z-index: 0;}
a.arenda:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.arenda span {display: block; position: absolute; top: 140px; left: -170px; width: 38px; height: 132px; background:url(images/arenda.gif) no-repeat; border: 0px solid coral; z-index: 0;}
a.arenda:hover span {display: block; width: 38px; height: 132px; background:url(images/arenda.gif) 0 -132px no-repeat; z-index: 0;}


a.preiskurant {display: block; position: absolute; margin: 38px 0 0 40px; left: -30px; width: 105px; font: bold 16px Arial; color: #28627d; text-decoration: none; border: 0px solid coral; z-index: 0;}
a.preiskurant:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.preiskurant span {display: block; position: absolute; top: 84px; left: 580px; width: 107px; height: 156px; background:url(images/preiskurant.gif) no-repeat; border: 0px solid coral; z-index: 0;}
a.preiskurant:hover span {display: block; width: 107px; height: 156px; background:url(images/preiskurant.gif) 0 -156px no-repeat; z-index: 0;}


a.mupokupaem {display: block; position: absolute; margin: 38px 0 0 100px; left: 428px; width: 107px; font: bold 16px Arial; color: #28627d; text-decoration: none; border: 0px solid coral; z-index: 0;}
a.mupokupaem:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.mupokupaem span {display: block; position: absolute; top: 69px; left: 220px; width: 125px; height: 170px; background:url(images/mupokupaem.gif) no-repeat; border: 0px solid coral; z-index: 0;}
a.mupokupaem:hover span {display: block; width: 125px; height: 170px; background:url(images/mupokupaem.gif) 0 -170px no-repeat; z-index: 0;}


a.contacts {display: block; position: absolute; margin: 38px 0 0 100px; left: 578px; width: 76px; font: bold 16px Arial; color: #28627d; text-decoration: none; border: 0px solid coral; z-index: 0;}
a.contacts:hover {font: bold 16px Arial; color: #0997da; text-decoration: none; z-index: 0;}
a.contacts span {display: block; position: absolute; top: 50px; left: 215px; width: 53px; height: 190px; background:url(images/contacts.gif) no-repeat; border: 0px solid coral; z-index: 0;}
a.contacts:hover span {display: block; width: 53px; height: 190px; background:url(images/contacts.gif) 0 -190px no-repeat; z-index: 0;}
/*end menuhead*/

/*addons*/
#add {position: absolute; top: 5px; left: 750px; width: 138px; height: 33px; background: url(images/addbg.jpg) no-repeat; border: 0px solid coral; z-index: 5;}
#home {position: relative; display: block; overflow:hidden; top: 2px; left: 10px; float: left; width: 16px; height: 10px; border-left: 1px solid #DDE3F1; background: url(images/home.gif) 5px 0 no-repeat}
#home:hover {background: url(images/home.gif) 5px -10px no-repeat}

#mail {position: relative; top: 3px; left: 35px; display: block; overflow:hidden; float: left; width: 16px; height: 9px; border-left: 1px solid #DDE3F1; background: url(images/mail.gif) 5px 0px no-repeat}
#mail:hover {background: url(images/mail.gif) 5px -9px no-repeat}

#map {position: relative; top: 2px; left: 57px; display: block; float: left; overflow:hidden; width: 16px; height: 9px; border-left: 1px solid #DDE3F1; background: url(images/map.gif) 5px 0px no-repeat}
#map:hover {background: url(images/map.gif) 5px -9px no-repeat}
/*end addons*/

#lang {position: absolute; margin: 40px 0 0 701px; width: 170px; height: 20px;}
#ru {float: left;width: 18px; height: 12px;}
#ru a {padding: 0 0 0 25px; font: 11px Arial; color: #fff; text-decoration: none; background: url(images/ru.jpg) no-repeat;}
#ru a:hover {font: 11px Arial; color: #96d5ff; text-decoration: underline;}

#eng {margin: 0 0 0 79px !important; margin: 0 0 0 25px; float: left; width: 18px; height: 12px;}
#eng a {padding: 0 0 0 25px; font: 11px Arial; color: #fff; text-decoration: none; background: url(images/eng.jpg) no-repeat;}
#eng a:hover {font: 11px Arial; color: #96d5ff; text-decoration: underline;}

/*end header*/

/*leftblock*/
.leftbl {width: 290px; height: auto; border: 0px solid coral;}
.lbl {margin: 10px 0 20px 15px; width: 270px; border: 1px solid #cecece}
.ltop {margin: 5px; height: 40px; background: url(images/arrowleftbl.jpg) no-repeat; border-bottom: 1px solid #cecece;}
.ltop_txt {position: relative; top: 10px; left: 45px;  font: 18px Arial; color: #626161;}
.lbl_txt {margin: 15px 5px; font: 13px Arial; color: #313131;}

#frmsearch {position: relative; left: 20px;}
#frmsearch select { clear: left; margin: 0 0 10px 0; padding: 2px 2px; width: 220px; color: #4d4d4d}
#butsearch { margin: 5px 15px 5px 184px; border: 0px solid coral;}

a#vuishete {display: block; margin: 15px 0 15px 21px; width: 260px; height: 46px; background:url(images/vuishete.jpg) no-repeat;}
a#vuishete:hover {display: block; width: 260px; height: 46px; background:url(images/vuishete.jpg) 0 -46px no-repeat;}

a#vupredlag {display: block; margin: 15px 0 15px 21px; width: 260px; height: 46px; background:url(images/vupredlag.jpg) no-repeat;}
a#vupredlag:hover {display: block; width: 260px; height: 46px; background:url(images/vupredlag.jpg) 0 -46px no-repeat;}

#text {width: 170px; padding: 5px; border: 1px solid #cecece; background: url(images/bgtext.jpg) repeat-x; color: #4d4d4d;}
#butautoriz {margin: 0 0 0 95px; border: 0px solid coral;}

/*end leftblock*/

/*content*/
.content {margin: 10px 20px 30px 20px; border: 0px solid green; font: 14px Arial; color: #000; line-height: 20px;}
.content ul {padding: 0; margin: 0;}
.content li {margin: 0;}
.content ul {padding: 0; margin: 0; list-style: none;} 
.content li {list-style: none; background: url(images/arrowli.jpg) no-repeat 4px 7px; margin-left: 40px; padding-left: 12px; color: #000;}
.content li a {font: 14px Arial; color: #3f7900; text-decoration: underline;}
.content li a:hover { font: 14px Arial; color: #3f7900; text-decoration: none;}
.content img {margin: 5px;}
.content a img {margin: 5px;}

/*end content*/

* html .main {height: 100%;}
.hFooter {height: 200px; }

.footer { 
margin: 0 auto;
width: 100%;
background: #fff url(images/fooplaisir.jpg) right no-repeat; 
color: #000;
height: 200px;
margin-top: -200px; 
}

#foomenu {position: relative; top: 15px; margin: 0 0 5px 0; border: 0px solid coral; text-align: center;}
#foomenu ul {margin: 0;}
#foomenu ul li {list-style: none; display: inline;}
#foomenu ul li a {padding: 3px 3% 3px 3px; font: 11px Arial; color: #626161; text-decoration: none;  text-transform: uppercase; border-left: 1px solid #cecece;}
#foomenu ul li a:hover {padding: 3px 3% 3px 3px; font: 11px Arial; color: #0b6b3c; text-decoration: none;  text-transform: uppercase; border-left: 1px solid #0b6b3c;}

#foocontact {position: relative; top: 20px; left: 30%; width: 350px; font: 13px Arial; color: #1e1e1e; border: 0px solid coral; line-height: 18px;}
#foocontact b { font: 19px Arial; color: #e51623;}

#copyplaisir {position: relative; top: 10px; font: 13px Arial; color: #acacac; text-align: center;}
#copyright {position: relative; top: 35px; margin: 0 0 30px 0;  font: 11px Arial; border: 0px solid coral; color: #747f83; text-align: center;}
#copyright a {font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #8b8b8b; text-decoration: underline;}
#copyright a:hover {color: #8b8b8b; text-decoration: none;}


/*visualization*/
#crumbs {margin: 5px 0 15px 0; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #979ea3;}
#crumbs a {font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #979ea3; text-decoration: underline;}

hr {margin: 5px 0; color: #cecece; background: #cecece; border: none; height:1px;} 

a {font: 14px Arial; color: #e51623; text-decoration: underline;}
a:hover { font: 14px Arial; color: #e51623; text-decoration: none;}

a:focus {outline: none;}

H1 {font-size: 28px; font-family: Arial, Helvetica, sans-serif; color: #227f3b; margin: 0; padding: 0 0 15px 0; font-weight: normal; line-height: 28px;}
H2 {font-size: bold 16px; font-family: Arial, Helvetica, sans-serif; color: #227f3b; margin: 0; padding: 5px 0; font-weight: normal;}

H3 {font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #5d5d5d; margin: 0; padding: 5px 0; font-weight: normal;}
H3 a {font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #5d5d5d; margin: 0; padding: 5px 0; font-weight: normal;}
H3 a:hover {font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #5d5d5d; margin: 0; padding: 5px 0; font-weight: normal;}
H4 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #5d5d5d; margin: 0; padding: 5px 0;}
H5 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #5d5d5d; margin: 0; padding: 5px 0;}
H6 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #5d5d5d; margin: 0; padding: 5px 0;}

/*table*/
#hor-minimalist-b
{
font-family: Arial;
font-size: 13px;
background: #fff;
margin: 20px 0;
width: 100%;
border-collapse: collapse;
text-align: left;
}
#hor-minimalist-b img {margin: 0; padding: 2px; border: 1px solid #227f3b;}
#hor-minimalist-b a img {margin: 0; padding: 2px; border: 1px solid #227f3b;}

#hor-minimalist-b th
{
font-size: 14px;
font-weight: normal;
color: #000;
padding: 10px 8px;
border-bottom: 1px dashed #cecece;
}
#hor-minimalist-b td
{
border-bottom: 1px solid #cecece;
color: #333;
padding: 6px 8px;
}

#hor-minimalist-b tbody tr:hover td
{ background: #f1f1f2;}

#hor-minimalist-b a {font: 13px Arial;}
.arrow {padding: 0 0 0 7px; background: url(images/arrowtable.jpg) 0 6px no-repeat;}

#hor-minimalist-b h2 a {font: bold 16px Arial; color: #227f3b; margin: 0; padding: 5px 0; text-decoration: none;}
#hor-minimalist-b h2 a:hover {font: bold 16px Arial; color: #e51623; margin: 0; padding: 5px 0; text-decoration: none;}
/*end table*/

#mapcont li {background: none;}
#mapcont li a {font: 14px Arial; color: #3f7900; list-style: none; background: url(images/arrowli.jpg) no-repeat 4px 7px; margin-left: 40px; padding-left: 12px;}
#mapcont li a:hover { font: 14px Arial; color: #3f7900; text-decoration: none;}

#panorama {margin: 15px 0px; width: 600px; height: 300px; border: 1px solid coral;}