/*
-----------------------------------------------
Style Sheet
Site: magigrand.com
Author: Olga Litvinenko
                olga@voody.com
----------------------------------------------- */

html {margin:0px;padding:0px;border:none}
body {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center}

.page {background:url(../images/bg.gif) repeat-y top center;margin:0 auto;width:1000px;text-align:left}


/*
COMMON --------------------- */
p, h1, h2, h3, h4, h5, ul, li, dl, dd, dt {margin:0;padding:0}
a img {border:medium none}

table, p {font-size:12px;color:#111}
table {border-collapse:collapse;border:1px solid #969696;}
tbody, tr, td {border:1px solid #969696; }
td {padding:2px}

a {color:#0071BC;text-decoration:underline}
a:hover {text-decoration:none}

.left {float:left}
.right {float:right}

/*
CONTENT --------------------- */
#header {background:url(../images/bg_header.gif) no-repeat top center;height:167px;padding:0 57px;position:relative}
#header .left, #header .right {width:400px;padding:9px 0 0 0}
#header .right img {float:right;display:block}
#header .left img {display:block}
#logo {display:block;position:absolute;width:175px;left:50%;margin-left:-87.5px;top:21px}
#logo a {display:block}

.data {text-align:right;font:normal 11px Arial, Helvetica, sans-serif;color:#7d7d7d;width:390px;clear:both}
#header ul {list-style-type:none}
#header ul li {float:left;display:block;background:url(../images/line.gif) no-repeat top right;padding:0 12px}
#header ul li.last {background:none}
#header ul li a {background:url(../images/icons.gif) no-repeat;height:11px;width:11px;display:block;text-indent:-7000px;overflow:hidden}
#header ul li a.home {background-position:0 0}
#header ul li a.home:hover {background-position:0 -11px}
#header ul li a.mail {background-position:0 -22px}
#header ul li a.mail:hover {background-position:0 -33px}
#header ul li a.map {background-position:0 -44px}
#header ul li a.map:hover {background-position:0 -55px}

#content {padding:0 50px;font-size:12px;color:#111}
#content h1 { background:url(../images/dot.gif) repeat-x bottom left; font:normal normal 20px Arial, Helvetica, sans-serif; color:#0071bc; padding:0 0 4px 0; margin:0 12px 0 0}
#content h1:first-letter { background:url(../images/kub.gif) no-repeat 6px 9px; padding-left:20px}

#content h3 {font:normal normal 20px Arial, Helvetica, sans-serif;color:#0071bc}
#content h3 a {color:#0071bc;text-decoration:none}
#content h3 a:hover {text-decoration:underline}

#content .left {width:215px}
#content .right {width:677px}

.col2 {float:right;width:380px;margin:0 3px 0 0;_display:inline;_margin:0}
.col1 {width:285px;float:left}

ul.news {list-style-type:none;padding:0 0 0 10px}
ul.news li {background:url(../images/dot.gif) repeat-x bottom left;padding:0 0 10px 0;font-size:12px;margin:5px 0 0 0}
ul.news li a {display:block;background:url(../images/arrow.gif) no-repeat 0 center;padding:0 0 0 20px;color:#111;text-decoration:none;margin:0}
ul.news li a:hover {text-decoration:underline}

.gallery {padding:0}
.mainFoto {height:195px;width:373px}
.galleryNav {margin:5px 0 0 0;position:relative;display:block}
.galleryNav ul {list-style-type:none;display:block }
.galleryNav ul li {float:left;height:60px;width:120px;margin:0 6px 0 0}

#menu {padding:0 0 44px 10px}

#menu dl {width: 206px;list-style-type:none}
#menu dt {cursor: pointer;margin:0 0 5px 0;height:25px;line-height:25px;font-size:12px;color:#FFFFFF;padding:0;font-weight:bold;overflow:hidden}
#menu dt a {color:#FFFFFF;text-decoration:none}
#menu dt a:hover {text-decoration:underline}
#menu dt span {display:block;background:url(../images/btn_menu.gif) no-repeat;padding:0 0 0 25px}
#menu dt span.buying {background-position:0 0}
#menu dt span.buying_active { background-position:0 -75px}
#menu dt span.relaxation {background-position:0 -25px}
#menu dt span.relaxation_active {background-position:0 -100px}
#menu dt span.leaseholder {background-position:0 -50px}
#menu dt span.leaseholder_active {background-position:0 -125px}
#menu ul {list-style-type:none;padding:8px 0 8px 11px }
#menu li {padding:0 0 0 28px;text-align:left;height:19px;font-size:12px;line-height:16px; margin:0 0 2px 0}
#menu li a {background:url(../images/btn_submenu.gif) no-repeat top left;color:#111;text-decoration:none;display:block;border:0 none;height:19px;overflow:hidden;padding:0 0 0 23px}
#smenu1 li a:hover, #smenu1 li.active a{color:#FFF;background:#29a5de url(../images/btn_submenu.gif) no-repeat 0% -19px}
#smenu2 li a:hover, #smenu2 li.active a{color:#FFF;background:#cc0066 url(../images/btn_submenu.gif) no-repeat 0% -38px}
#smenu3 li a:hover, #smenu3 li.active a{color:#FFF;background:#ffcc00 url(../images/btn_submenu.gif) no-repeat 0% -57px}
#menu li.last, #menu dt.last {border:none}

.banner a {text-decoration:none}

dl.banner_box { list-style-type:none; background:url(../images/box_btm.gif) no-repeat bottom left; width:372px; padding-bottom:10px; margin:7px 0 10px 0}
dl.banner_box dt { height:10px; font-size:0.1px}
dl.banner_box dd { border-left:#cdcdcd 1px solid; border-right:#cdcdcd 1px solid;font-size:0.1px; padding:0 8px; text-align:center}

#content .left .banner {padding:0 0 0 12px}

.shops {background:url(../images/bg_box_top.gif) no-repeat top left;padding:15px 0 0 0;margin:5px 0 0 12px}
.shops div {background:url(../images/bg_box_btm.gif) no-repeat bottom left;padding:0 0 15px 0}
.shops dl {float:left;border:1px solid #efefef;list-style-type:none;padding:6px 0;margin:0 20px 0 19px;width:134px;_display:inline}
.shops dt {vertical-align:middle}
.shops dd {background:#969696;padding:6px 6px 10px 6px;font-size:11px;color:#FFFFFF}

.shops ul {list-style-type:none}
.shops li {display:block;margin:0 20px 0 19px;float:left;_display:inline}
.shops li img {border:1px solid #efefef}

.navBtm {background:url(../images/bg_menu_btm.gif) no-repeat top left;height:29px;text-align:center;margin:10px 0 0 10px;padding:0;line-height:29px}
.navBtm ul {list-style-type:none;text-align:center}
.navBtm ul li {font-size:11px;text-transform:uppercase;color:#FFFFFF;letter-spacing:1px;padding:0 8px;border-right:1px solid #FFFFFF;height:14px;display:inline}
.navBtm ul li.last {border-right:none;text-transform:capitalize}
.navBtm ul li a {color:#FFFFFF;text-decoration:none}
.navBtm ul li a:hover {text-decoration:underline}

.navTop {background:url(../images/bg_top_menu.gif) repeat-x top left;height:29px;text-align:center;margin:0 10px 10px 10px;position:relative}
.navTop ul {list-style-type:none;height:29px;text-align:center;line-height:29px;font-size:10px;color:#FFFFFF;text-transform:uppercase;letter-spacing:1px;font-weight:bold;padding:0 12px}
.navTop ul li { display:inline-block;height:29px;border-left:2px solid #FFFFFF;margin:0 0px;}
.navTop ul li.active {background:#6699CC;padding:0 15px;display:inline-block;height:29px;border-left:2px solid #FFFFFF;margin:0 -2px;line-height:29px}
*+html .navTop ul li, *+html .navTop ul li.active { display:inline; margin:0}
*html .navTop ul li, *html .navTop ul li.active { display:inline; margin:0}
.navTop ul li a, .navTop ul li span {height:29px;text-decoration:none;padding:0 15px; display:inline-block;color:#FFF; }
.navTop ul li.last {border-right:2px solid #FFFFFF}
.navTop ul li a:hover {background:#6699CC}

# @-moz-document url-prefix() {
#   .navTop LI {display:-moz-inline-grid;display:inline-block;} /*For FF2 only*/
#   .navTop LI {margin:0 -2px;} /*For FF*/
#   .navTop LI, x:-moz-any-link, x:default { margin:0 -2px;} /*For FF3*/
# }

.connerL, .connerR{position:absolute;height:29px;width:12px;top:0;display:block}
.connerL {left:0}
.connerR {right:0}

#footer {height:48px;background:url(../images/bg_footer.gif) no-repeat bottom center;font-size:9px;color:#666;padding:0 50px}
#footer p {font-size:9px;color:#666}
#footer .left{width:400px}
#footer .right {margin-right:12px;padding:5px 0 0;text-align:right;width:480px;}
#footer .left p {padding:14px 0 0 10px}
#footer a {color:#666;text-decoration:underline}
#footer a:hover {text-decoration:none}

dl.preveiw {width:285px;background:url(../images/bg_preview.gif) repeat-y top left;padding:0;list-style-type:none;position:relative;margin:0 0 15px 0}

dl.preveiw dt {background:url(../images/bg_preview_dt.gif) no-repeat bottom left;padding:12px;font:normal 19px Arial, Helvetica, sans-serif;color:#333;text-align:center}
.top {position:absolute;top:0;left:0}
dl.preveiw dd {background:#29a5de url(../images/bg_preview_dd.gif) no-repeat bottom left;padding:12px;font-size:11px;color:#FFF;text-align:justify}
dl.preveiw dd a {color:#FFF;text-decoration:none}
dl.preveiw dd a:hover {text-decoration:underline}
.blue {color:#0071bc}
.green {color:#72b30c}

#scheme {}
.position { position:relative; margin:0; padding:0}
.position img { display:block; margin:0 0 30px 0;}

.position a {position:absolute; text-decoration:none; display:block;}

<!--New-->
a#s1, a#s2, a#s5, a#s6, a#s7, a#s8, a#s9, a#s10, a#s11, a#s12, a#s13, a#s14, a#s16, a#s17, a#s18, a#s19, a#s20, a#s21, a#s22, a#s23, a#s24, a#s25, a#s26, a#s27, a#s28, a#s29, a#s30, a#s31, a#s32, a#s33, a#s35, a#s36, a#s37, a#s38, a#s39, a#s40, a#s41, a#s42, a#s43, a#s44, a#s45, a#s46, a#s47, a#s48, a#s49, a#s50, a#s51, a#s52, a#s53, a#s54, a#s55, a#s58, a#s59, a#s60 {background:#84d40e;}

a#s1 { height:37px; width:62px; top:15px; left:230px}
a#s2 {height:37px; width:28px; top:15px; left:293px}

a#s3 {background:url(../images/s1.gif) no-repeat; width:77px; height:30px}
a#s4 {background:url(../images/s1.gif) no-repeat; width:49px; height:30px}
a#s3 { background-position:0 0; left:562px; top:21px}
a#s3:hover { background-position:0 -30px}
a#s4 { background-position:100% -60px; top:78px; left:590px}
a#s4:hover { background-position:100% -90px}
a#s15 { background:url(../images/s3.gif) no-repeat; width:64px; height:63px;}
a#s15 { background-position:0 -126px; top:77px; left:294px}
a#s15:hover { background-position:0 -189px}
a#s39 { height:23px; width:20px; top:45px; left:11px; background:url(../images/s4.gif) no-repeat;}
a#s39:hover { background-position:0 -23px}
a#s40 { height:33px; width:54px; background:url(../images/s5.gif) no-repeat; top:25px; left:13px}
a#s40:hover { background-position:0 -34px}
a#s34:hover { background-position:0 -55px}
a#s57 { height:31px; width:26px; background:url(../images/s7.gif) no-repeat; top:24px; left:88px}
a#s57:hover { background-position:0 -31px}
a#s61 { height:37px; width:25px; background:url(../images/s8.gif) no-repeat; top:15px; left:108px}
a#s61:hover { background-position:0 -37px}
a#s62 { height:43px; width:61px; background:url(../images/s9.gif) no-repeat; top:15px; left:29px}
a#s62:hover { background-position:0 -43px}
a#s63 { height:57px; width:121px; background:url(../images/s10.gif) no-repeat; top:90px; left:12px}
a#s63:hover { background-position:0 -57px}
a#s64 { height:62px; width:42px; background:url(../images/s11.gif) no-repeat; top:35px; left:9px}
a#s64:hover { background-position:0 -62px}

a#s5 { height:25px; width:25px; top:21px; left:536px}
a#s6 { height:37px; width:25px; top:15px; left:159px}
a#s7 { height:37px; width:42px; top:15px; left:186px}
a#s8 { height:25px; width:27px; top:21px; left:481px}
a#s9 { height:63px; width:25px; top:77px; left:267px}
a#s10 { height:37px; width:25px; top:15px; left:347px}
a#s11 { height:37px; width:23px; top:15px; left:323px}
a#s12 { height:25px; width:26px; top:83px; left:454px}
a#s13 { height:25px; width:27px; top:83px; left:481px}
a#s14 { height:31px; width:52px; top:77px; left:374px}
a#s16 { height:39px; width:22px; top:77px; left:294px}
a#s17 { height:25px; width:26px; top:83px; left:509px}
a#s18 { height:31px; width:26px; top:21px; left:454px}
a#s19 { height:37px; width:24px; top:15px; left:134px}
a#s20 { height:31px; width:25px; top:77px; left:428px}
a#s21 { height:47px; width:103px; top:93px; left:134px}
a#s22 { height:31px; width:25px; top:21px; left:401px}

a#s23 { height:25px; width:24px; top:24px; left:435px}
a#s24 { height:8px; width:18px; top:63px; left:425px}
a#s25 { height:25px; width:25px; top:86px; left:569px}
a#s26 { height:25px; width:25px; top:24px; left:354px}
a#s27 { height:25px; width:26px; top:24px; left:407px}
a#s28 { height:25px; width:52px; top:24px; left:515px}
a#s29 { height:31px; width:50px; top:24px; left:114px}
a#s30 { height:31px; width:26px; top:24px; left:192px}
a#s31 { height:14px; width:25px; top:81px; left:165px}
a#s32 { height:8px; width:12px; top:63px; left:152px}
a#s33 { height:25px; width:22px; top:24px; left:302px}
a#s34{ height:55px; width:66px; top:87px; left:273px; background:url(../images/s6.gif) no-repeat}
a#s35 { height:55px; width:79px; top:87px; left:193px}
a#s36 { height:25px; width:80px; top:86px; left:379px}
a#s37 { height:25px; width:14px; top:24px; left:325px}
a#s38 { height:8px; width:12px; top:63px; left:257px}
a#s41 { height:31px; width:25px; top:24px; left:165px}
a#s42 { height:25px; width:25px; top:86px; left:515px}
a#s43 { height:36px; width:27px; top:87px; left:273px}
a#s44 { height:25px; width:25px; top:24px; left:461px}
a#s45 { height:25px; width:27px; top:86px; left:541px}
a#s46 { height:25px; width:26px; top:24px; left:568px}
a#s47 { height:7px; width:10px; top:68px; left:135px}
a#s48 { height:25px; width:26px; top:86px; left:488px}
a#s49 { height:25px; width:25px; top:86px; left:461px}
a#s50 { height:63px; width:26px; top:77px; left:239px}
a#s51 { height:8px; width:15px; top:65px; left:119px}
a#s52 { height:8px; width:15px; top:61px; left:243px}
a#s53 { height:31px; width:26px; top:21px; left:427px}
a#s54 { height:31px; width:27px; top:21px; left:373px}
a#s55 { height:25px; width:26px; top:21px; left:509px}
a#s56 { height:25px; width:53px; top:83px; left:536px}
a#s58 { height:25px; width:25px; top:24px; left:380px}
a#s59 { height:25px; width:26px; top:24px; left:596px}
a#s60 { height:25px; width:26px; top:86px; left:596px}

a#s1:hover, a#s2:hover, a#s5:hover, a#s6:hover, a#s7:hover, a#s8:hover, a#s9:hover, a#s10:hover, a#s11:hover, a#s12:hover, a#s13:hover, a#s14:hover, a#s16:hover, a#s17:hover, a#s18:hover, a#s19:hover, a#s20:hover, a#s21:hover, a#s22:hover, a#s23:hover, a#s24:hover, a#s25:hover, a#s26:hover, a#s27:hover, a#s28:hover, a#s29:hover, a#s30:hover, a#s31:hover, a#s32:hover, a#s33:hover, a#s35:hover, a#s36:hover, a#s37:hover, a#s38:hover, a#s41:hover, a#s42:hover, a#s43:hover, a#s44:hover, a#s45:hover, a#s46:hover, a#s47:hover, a#s48:hover, a#s49:hover, a#s50:hover, a#s51:hover, a#s52:hover, a#s53:hover, a#s54:hover, a#s55:hover, a#s56:hover, a#s58:hover, a#s59:hover, a#s60:hover   {background:#00aeef}
<!--End New-->


.position .active {background:#00aeef!important}

.aboutShop { display:none}

.position a em {
        font-weight: normal;
        background: #FFFFFF;
        border:     1px solid #555555;
        margin:     0px;
        padding:    5px;
        width: 240px;
        height: 30px;
        position: absolute;
        top: -45px;
        left:0;
        text-align: center;
        font-style: normal;
        z-index:50!important;
        display: none;
        color:#0071bc; font-weight:bold;
}

.nav {font-size:10px;color:#707070;padding:3px 0 20px 20px}
.nav a {color:#707070;text-decoration:underline}
.nav b {font-weight:normal}
.nav a:hover {text-decoration:none}
.nav span {padding:0 6px}

.text { font-size:12px; color:#252525; line-height:18px; padding:0 20px 30px 4px}
.text p { padding:0 0 17px 0}
.text ul { margin:5px 0 5px 30px}

.aboutShop { padding:0 0 40px 0}
.aboutShop h4 {  font:normal bold 14px Arial, Helvetica, sans-serif; color:#0071bc;overflow:visible; padding:6px 0 3px 10px; background:url(../images/vertical.gif) no-repeat top left}
.aboutShop a { color:#0071bc; text-decoration:none}
.aboutShop a:hover { text-decoration:underline}
.aboutShop dl { list-style-type:none; margin:0 0 7px 0; position:relative; left:10px}
.aboutShop dl dt { font-size:11px; color:#898989; display:inline; padding:0 5px 0 0}
.aboutShop dl dd { font-size:11px; color:#111; display:inline}
.aboutShop table, .aboutShop tr, .aboutShop td, .aboutShop tbody { border:none}

#ImageBoxOverlay{background-color: #000;}
#ImageBoxCaption{background-color: #F4F4EC;}
#ImageBoxContainer{width: 250px;height: 250px; background-color: #F4F4EC;}
#ImageBoxCaptionText{ font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;padding-bottom: 5px;font-size: 12px;color: #000;padding-right: 55px;}
#ImageBoxCaptionImages{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; margin: 0;z-index: 20;}
#ImageBoxNextImage{background-image: url(../images/spacer.gif);background-color: transparent;}
#ImageBoxPrevImage{ background-image: url(../images/spacer.gif);background-color: transparent;}
#ImageBoxNextImage:hover{ background-image: url(../images/next_image.jpg);background-repeat:no-repeat;background-position: right top;}
#ImageBoxPrevImage:hover{background-image: url(../images/prev_image.jpg);background-repeat:no-repeat;background-position: left bottom;}
#ImageBoxClose img{ border: 0; }

/*
FLOAT CLEARING --------------------- */
.clearfix:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */
.archive {
       text-align: right;
}

.archive a{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #0071bc;
        text-decoration: none;
}
.zagolovok, .zagolovok a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #0071bc;
}
.zagolovok a      { text-decoration: none; }
.zagolovok a:hover, .archive a:hover{ text-decoration: underline; }

.datanews {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #2E5E86;


}
table.noborder, table.noborder tbody, table.noborder td, table.noborder tr {border: 0;}
table.noborder td {padding: 0}