/*
 *  @file:index.css
 *  @author: Webway IT Labs (www.webway.ru)
 */


/* =Reset */
@import url("v11/reset.css");

/* =Layout */
@import url("v11/layout.css");

/* =Base classes */
@import url("v11/base.css");

/* =Typical page elments */
@import url("v11/typo.css");

@import url("v11/debug.css");


body{
    background-color:#EDFCD6;
    color:#446313;
    font:normal 62.5%/1.2em Tahoma, Helvetica, sans-serif;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ classes ]
*/
.ico-home,
.ico-mail,
.ico-sitemap{
    width:11px;
    height:11px;
}
    .ico-home ins,
    .ico-mail ins,
    .ico-sitemap ins{
        background-image:url(/_pic/ico-serv.png);
    }
    .ico-home ins{ background-position:0 0; }
    .ico-mail ins{ background-position:-12px 0; }
    .ico-sitemap ins{ background-position:100% 0; }

.h-slogan{
    width:404px;
    height:33px;
}
    .h-slogan ins{ background-image:url(/_pic/h-slogan.jpg); }
#index .h-slogan{
    width:136px;
    height:32px;
    margin:46px auto 0;
}
    #index .h-slogan ins{ background-image:url(/_pic/h-slogan-main.png); }

.h-subscribe{
    width:60px;
    height:18px;
}
    .h-subscribe ins{ background-image:url(/_pic/h-subscr.png); }

.h-archive{
    width:103px;
    height:18px;
}
    .h-archive ins{ background-image:url(/_pic/h-archive.png); }


.green{
}
    .green .c{
        padding:12px 10px;
    }
        .green .c li{
            padding:.3em 0;
        }

.pager{
}
    .pager li{
        display:inline;
    }
        .pager span{
            color:#ED1C24;
            padding:0 .2em;
        }

.ico-discount{
    width:192px;
    height:204px;
}
#index .ico-discount{
    height:140px;
}
    .ico-discount ins{ background-image:url(/_pic/ico-discount.jpg); }

.sb-item{
    padding:0 20px 20px 25px;
}

ul.archive{
    padding:.3em 0;
}
    ul.archive li{
        display:block;
        font-size:1.1em;
        padding:.2em 0 .4em;
    }
        ul.archive li a,
        ul.archive li span{
            text-decoration:none;
        }

        li ul.mounthes{

        }
            ul.mounthes li{
                display:-moz-inline-box;
                display:inline-block;
                font-size:.9em;
                *display:inline;
                *height:1%;
                padding-right:.2em;
            }

.list-item .num{

}
    .list-item .num i{
        background:transparent url(/_pic/ico-requared.png) no-repeat 0 .4em;
        color:#EDFCD6;
        font-style:normal;
        padding:0 6px 0 0;
        margin-left:.3ex;
        line-height:1;
        text-indent:-9999em;
    }


.def{
    clear:both;
    padding:.4em 0 .5em !important;
    width:100%;
}
    .def dt{
        display:inline;
        float:left;
        margin-right:-100%;
        width:5em;
    }
    .def dd{
        padding:0 0 0 6.5em !important;
    }

.inline-def{
    padding:.1em 0;
}
    .inline-def dt{
        display:inline;
        float:left;
        width:5em;
    }
.vcard .inline-def{
    padding-bottom:.3em;
}


/* -----------------------------
[ GALLERY / .gallery ]
*/
.gallery{
    padding:0 0 20px;
}
    .gallery .visual{
        float:left;
        width:300px;
    }
        .gallery .visual .c{
            padding:0;
            width:300px;
            text-align:center;
        }
            .gallery .visual a,
            .gallery .visual img{
                display:block;
                margin:0 auto;
            }
            .gallery .visual a,
            .gallery .visual .error{
                text-decoration:none;
            }
            .gallery .visual .c .error{
                color:#EDFCD6;
                display:block;
                font-size:1.4em;
                padding:4em 0;
                text-decoration:none;
            }
        .gallery .visual .thumbnail{
            /*width:65px;*/
        }
            .gallery .visual .thumbnail .c{
                overflow:hidden;
                width:65px;
                height:45px;
            }
            .gallery .visual .thumbnail .c .error{
                font-size:1em;
                padding:.7em 0 0;
                width:auto;
            }
        .gallery .visual .row{
            padding:10px 0 0;
        }
            .gallery .visual .row .round{
                float:left;
                padding:0;
                margin:0 6px;
            }
                .gallery .visual .row .first{
                    margin-right:8px;
                    margin-left:0px;
                }
                .gallery .visual .row .last{
                    margin-right:0px;
                    margin-left:8px;
                }
    .gallery .descr{
        float:right;
        width:212px;
    }

/* -----------------------------
[ LINER GALLERY / .line-gallery ]
*/
.liner-gallery{
    clear:both;
    padding:10px 0 15px;
}
    .liner-gallery .round{
        display:inline;
        float:left !important;
        margin-right:-100%;
    }
    .liner-gallery .descr{
        padding-left:220px;
    }


/* -----------------------------
2-column gallery

.prizes{
    margin:0 0 25px;
}
    .prizes .round{
        text-align:center;
        width:180px;
    }
        .prizes .round *{
            margin:0 auto;
        }
*/

.news{
    padding:.3em 0 1.6em;
}
    .news dt,
    .news dd{
        margin-bottom:.3em;
		line-height:1.4em;
    }
	.news dt{
		color:#8CAA36;
		font-size:1.2em;
		font-weight:bold;
	}

.faq-item{
    padding:.4em 0 1.2em 3ex;
}
    .faq-item dt,
    .faq-item .num{
        font-weight:bold;
        font-size:1em;
    }
    .faq-item dt{
        padding:0 0 .5em;
    }
    .faq-item .author{
        margin-left:.3ex;
    }
    .faq-item dd p{
        line-height:1.2em;
        padding:.3em 0;
    }

.clinic{
    padding:.4em 0 23px 5ex;
}
    .clinic .fn{
        font-weight:bold;
        padding:0 0 .2em;
    }
    .clinic .num{
        color:#F87F14;
        -left:-5ex;
    }
    .clinic dd{
        padding:.2em 0;
    }
    .clinic dd.descr{
        padding-top:0;
    }
        .clinic dd .def dd{

        }

.author{}
p.author{
    font-style:italic;
    padding-top:0;
    text-align:right;
}

.lbtn{
    display:block;
    background:transparent url(/_pic/rc-m-l.png) no-repeat 0 0;
    margin-top:.6em;
    padding:0 !important;
}
    .lbtn a{
        background:#8CAA36 url(/_pic/rc-m-r.png) no-repeat 100% 0;
        color:#EDFCD6;
        display:-moz-inline-box;
        display:inline-block;
        margin:0 0 0 2px;
        padding:4px 8px 7px 6px;
        text-decoration:underline;
		line-height: 1.1em;
    }
    p.lbtn a{
        padding-top:3px;
        padding-bottom:4px;
    }

ul.sitemap{
	list-style:none;
}
	ul.sitemap li{
		font-size:1.4em;
		line-height:1.4em;
	}
	ul.sitemap .sitemap{
		padding:.8em 0 1em 2em;
	}
		ul.sitemap .sitemap li{
			font-size:1em;
		}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ GLOBAL ]
*/
#outline{
    font-size:1.12em;
    position:relative;
    text-align:left;
    z-index:2;
	zoom:1;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ HEADER / #hd ]
*/
#hd{
    height:143px;
    position:relative;
    z-index:2;
}
    #logo{
        background:transparent url(/_pic/domo-logo-bg.jpg) no-repeat 0 0;
        display:block;
        margin:0;
        padding:25px 90px 13px 65px;
        position:absolute;
        top:0px;left:11px;
    }
        #logo a,
        #logo span{
            display:block;
        }
        #logo img{ display:block; }
    #index #logo{
        background-image:none;
        padding:37px 90px 13px 86px;
    }
    #hd .h-slogan{
        position:absolute;
        top:35px;left:339px;
    }

#index #hd{
	float:none;
}
	#index #logo{
		border:1px solid red;
		left:50%;
		margin-left:-490px;
	}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ NAVIGATION / #nv ]
*/
#mm{
    background:transparent url(/_pic/inner-main-menu.png) no-repeat 0 0;
    width:943px;
    height:207px;
    position:relative;
    margin-top:-143px;
}
    #index #mm{
        background-image:url(/_pic/main-menu.png);
        margin:0;
		clear:both;
    }
#nv{
    width:943px;height:207px;
    margin-top:-207px;
}
    #nv .hor{
        margin-left:290px;
        margin-top:145px;
    }
        #index #nv .hor{
            margin-left:280px;
        }
    #nv li{
        float:left;
        text-indent:-999em;
        height:66px;
    }
    #nv li#mm_n0{
        width:60px;
        margin-top:-46px;
    }
    #nv li#mm_n1{
        width:60px;
        margin-top:-44px;
    }
    #nv li#mm_n2{
        width:79px;
        margin-top:-40px;
    }
    #nv li#mm_n3{
        width:42px;
        margin-top:-36px;
    }
    #nv li#mm_n4{
        width:55px;
        margin-top:-33px;
    }
    #nv li#mm_n5{
        width:50px;
        margin-top:-30px;
    }
    #nv li#mm_n6{
        width:92px;
        margin-top:-26px;
    }
    #nv li#mm_n7{
        width:47px;
        margin-top:-23px;
    }
    #nv li#mm_n8{
        width:47px;
        margin-top:-23px;
    }
        #nv a,
        #nv span{
            color:white;
            display:block;
            width:100%;height:66px;
            position:relative;
            -zoom:1;
            z-index:8;
        }
    #nv .active{
        /*background-color:#8CAA36;*/
        color:#EDFCD6;
    }

    #nv li i{
        background:transparent url(/_pic/ico-arrow.png) no-repeat 0 0;
        width:20px;height:31px;
        display:none;
        position:absolute;
        top:0;left:40%;
        z-index:4;
        -zoom:1;
    }
        #nv li a.hover i,
        #nv li.active i{
            display:inline;
        }
        #nv li a:hover > i{
            display:inline;
        }


#index #nv,
#index #mm{
	float:none;
	top:297px;
	left:50%;
	margin:0 0 0 -501px;
	overflow:hidden;
	position:absolute;
}

#index .tree-menu{}
	#index .tree-menu a{
		position:absolute;
		top:0px;left:50%;
		width:100px;height:20px;
		text-indent:-999em;
		margin:0;
			/*border:1px solid red;*/
	}
	#index .tree-menu a#tnode-Children{
		margin-top:194px;
		margin-left:-140px;
		width:145px;
	}
	#index .tree-menu a#tnode-Ortop{
		margin-top:110px;
		margin-left:-60px;
		width:80px;
	}
	#index .tree-menu a#tnode-Parto{
		margin-top:161px;
		margin-left:55px;
		width:115px;
	}
	#index .tree-menu a#tnode-Implant{
		margin-top:206px;
		margin-left:165px;
		width:108px;
		height:22px;
	}
	#index .tree-menu a#tnode-Ortod{
		margin-top:118px;
		margin-left:259px;
		width:94px;
	}
	#index .tree-menu a#tnode-Endo{
		margin-top:198px;
		margin-left:302px;
		width:94px;
		height:23px;
	}
	#index .tree-menu a#tnode-Gigiena{
		margin-top:106px;
		margin-left:138px;
		width:60px;
	}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ BODY / #bd ]
*/
#bd{

}
    #bd .first{
    }
        #bd .first .col-1{
        }
            #bd .first .col-1 .tube{
                padding:15px 0;
            }
        #bd .first .col-2{
            text-align:center;
        }
            #bd .first .col-2 .tube{
                overflow:hidden;
                padding:75px 0 0 0;
            }
                #bd .first .col-2 .round{
                    clear:both;
                    float:left;
                    margin:7px 0 0 45px;
                    padding:0;
                }
    #bd .col-2{
    }
        #bd .col-2 .tube{
            padding:75px 11px 0;
        }

/*
[ CONTACTS LIGHT MODIFICATION / body#light #bd ]
*/
#light #bd{

}
    #light #bd .first .col-1,
    #light #bd .first .col-2 .tube{
        padding-top:25px;
    }
    #light #bd .col-2{
        /*padding-top:15px;*/
    }
#light #bd h1{
    margin:0 0 0 94px;
    text-align:center;
}

/*
[ INDEX BODY / body#index #bd ]
*/
#index #bd{
	float:none !important;
	margin:0 auto;
	overflow:hidden;
}
    #index #bd .banner{
        float:right;
        margin:0 6px;
    }
    #index #bd .col-33 .first{
        margin-left:0;
    }
    #index #bd .col-33 .last{
        margin-right:0;
    }
        #index #bd .banner .c{
            padding:5px;
        }
        #index #bd .banner p{
            padding:.7em 8px 0;
        }
        #index #bd .banner a{
            text-decoration:none;
        }


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ ERROR / body#error ]
*/
#error #bd .first .col-1 .tube{
	padding-top:55px;
}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ SUBMENU / #submenu ]
*/
#submenu{
    margin:14px 0 0px;
}
    #submenu li{
        float:left;
        position:relative;
        padding:0 2px;
		margin-bottom:10px;
    }
    #submenu a,
    #submenu span{
        display:block;
        padding:0 0 0 2px;
        text-decoration:none;
    }
    #submenu .active a,
    #submenu span{
        background:transparent url(/_pic/rc-m-l.png) no-repeat 0 0;
        color:#EDFCD6;
    }
        #submenu a i,
        #submenu span i{
            font-style:normal;
            display:block;
            /*height:23px;*/
            overflow:hidden;
            padding:4px 6px 7px 4px;
        }
        #submenu .active a i,
        #submenu span i{
            background:#8CAA36 url(/_pic/rc-m-r.png) no-repeat 100% 0;
        }

        #submenu a i *{ vertical-align:middle; }

        #submenu .graph{
            height:17px;
        }

    #submenu .strsp{
        background:transparent url(/_pic/arr-deco.png) no-repeat 0 0;
        display:none;
        width:7px;height:4px;
        position:absolute;
        left:50%;top:23px;
        padding:0 !important;
        margin:0 0 0 -3px !important;
    }
    #submenu li.active .strsp{
        display:block;
    }

	#submenu.expanded li{
		margin-bottom:40px;
	}
		#submenu.expanded li li{
			margin-bottom:0;
		}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ SUBMENU-2 (LEVEL 3) / #submenu-2 ]
*/
#submenu-2{
	position:absolute;
	top:35px;
	left:50%;
}
	#submenu-2 div{
	    background:transparent url(/_pic/rc-m-l.png) no-repeat 0 0;
	    display:block;
	    font-size:.9em;
	    margin:0;
		/*overflow:hidden;
		*overflow:visible;*/
	    padding:0 0 0 2px;
		position:relative;
		left:-50%;
		/*zoom:1;*/
	}
    #submenu-2 ul{
        background:#8CAA36 url(/_pic/rc-m-r.png) no-repeat 100% 0;
        color:#EDFCD6;
        float:left;
        overflow:hidden;
        *overflow:visible;
        padding:5px 6px 6px 4px;
        *padding:4px 6px 3px 4px;
		white-space:nowrap;
		*zoom:1;
    }
        #submenu-2 ul li{
        	float:none;
            font-size:1.1em;
			margin:0;
            padding:2px 7px;
			position:static;
        }
		#submenu-2 a,
		#submenu-2 span{
			background:none !important;
			display:inline;
			float:none;
			white-space:nowrap;
		}

        #submenu-2 a{
            color:#446313;
            text-decoration:none;
        }
        #submenu-2 a:hover,
        #submenu-2 a:active,
        #submenu-2 a.active
        #submenu-2 span{
            color:#EDFCD6 !important;
        }

	#submenu-2 table{
		background:#8CAA36 url(/_pic/rc-m-r.png) no-repeat 100% 0;
        color:#EDFCD6;
		height:23px;
		-width:auto;
	}
		#submenu-2 table td{
			font-size:1.1em;
            padding:4px 7px;
			white-space:nowrap;
		}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[ FOOTER / #ft ]
*/
#ft{
    color:#8caa36;
    font-size:1.12em;
    position:relative;
    text-align:left;
    z-index:2;
}
#ft a{
    color:#8caa36;
    text-decoration:none;
}
#ft p{
    margin:0;
    padding:0;
}

#ft .first .col-2 .tube{
    margin:0 22px 0 0;
    text-align:center;
}

#ft .round{
    margin:11px 0 0;
}
    #ft .c{
        padding:7px 40px 11px;
    }
    #ft .serv{
    }
        #ft .serv li{
            float:left;
            padding:0 18px;
        }
        #ft .serv li.first,
        #ft .serv li.last{
            padding:0;
        }
#ft .ico-discount{
    position:absolute;
    left:0px;bottom:0px;
    z-index:10;
}

#index #ft .first .col-2 .contacts{
	margin:0 -2px;
	line-height:1.2em;
	position:relative;
	z-index:10;
}

