/* =======================================================================
                              G L O B A L
======================================================================= */

*, html, body {margin:0px; padding:0px;}
body {color:#636466; background-color: #fff; font: 62.5%/1.4 Times New Roman; padding-bottom: 20px;}
html>body {padding-bottom: 43px;}

html {height: 100%;}
body {min-height:100%; height: 100%;}

body.inside {padding: 0 20px;}

h1 {font: 1.4em Times New Roman; color: #ca5b9d; padding: 0 0 7px 0; font-weight: bold;  }
h2 {font: 1.2em Times New Roman; color: #ca5b9d; font-weight: normal; text-transform: uppercase; padding-bottom: 7px;}
h3 {font: 1.2em Times New Roman; color: #ca5b9d; padding: 0 0 10px 0; font-weight: bold;}

/*
h4 {font-size: 13px; color: #3B513B; font-weight: normal; padding-bottom: 12px; }
*/

a {color: #bb538f; text-decoration: none; }
a:hover {text-decoration: underline !important; }

a.insideout {text-decoration: underline; }
a.insideout:hover {text-decoration: none !important; }


img {border:0; }
table {border-collapse: collapse; }

p {padding: 0 0 5px 0; text-align: justify; }
p.p1 {padding: 0}


#main {width: 764px; margin: 0 auto; border-bottom: 0px solid red; padding-bottom: 40px;}

/* ============ index ============ */

.illustration {height: 505px; border-bottom: 1px solid #cb5b9d; background: #fff url(../img/bg-index.jpg) no-repeat center 110px; text-align: center; }
.illustration img#logo {width: 351px; height: 108px; margin-top: 12px; }

.contact {padding: 10px 0 10px 0; text-align: center; /*background: #fff url(../img/bg-contact.gif) no-repeat center bottom;*/ color: #bb538f; font-size: 1.4em; line-height: 1.2em;}

/* ============ //////////////////////////// ============ */


#menu {float: left; width: 746px; padding: 0 9px; height: 31px; border-top: 1px solid #fff; background: #fff url(../img/bg-menu.gif) repeat-x 0 0; position: relative; }
body.inside #menu {width: 100%; left: -9px; padding: 0; height: 32px }
body.inside #menu ul {padding: 0 0 0 9px; position: relative}

#menu img#lt, #menu img#rt, #menu img#lb, #menu img#rb, #menu img#rti, #menu img#rbi {width: 9px; height: 9px; position: absolute; z-index: 10}
#menu img#lt {left: 0px; top: 0px}
#menu img#rt {left: 755px; top: 0px}
#menu img#rb {left: 755px; top: 22px}
#menu img#lb {left: 0px; top: 22px}

body.inside #menu img#rti {right: 0px !important; top: 0px}

body.inside #menu img#rbi {right: 0px !important; top: 22px}

#menu ul {border-bottom: 0px solid blue; float: left; list-style-type: none;}
#menu ul li {float: left;font-size: 16px; color: #fff; }
#menu.index ul {width: 745px;}
#menu ul li a {color: #fff; }
#menu ul li.first {padding-left: 0px; }

#menu ul li.last {padding-right: 0px; }


#menu ul {display: table; width: 99%; }
#menu ul li {display:table-cell; width: 20%; text-align: center; padding: 4px 0 0 0; }


.ico {border-bottom: 0px solid red; width: 262px; text-align: right; float: right; height: 31px; background: url(../img/bg-icons.gif) no-repeat right 0; position: relative; right: -18px}
.ico img {position: relative; }
.ico img#home {width: 19px; height: 16px; margin-right: 13px; top: 6px;}
.ico img#mail {width: 15px; height: 11px; margin-right: 13px; top: 6px; }
.ico img#search {width: 14px; height: 14px; margin-right: 14px; top: 7px; }

.ico div {float: left; border-left: 1px solid #fff; width: 5px; height: 20px; margin-top: 5px }

.header {width: 748px; height: 94px; margin: 0 auto; border-bottom: 1px solid #cb5b9d; background: #fff/*url(../img/bg-header.gif) no-repeat right 18px*/; position: relative;   }
body.inside .header {width: 100%; }

.header img#logo {width: 263px; height: 68px; position: absolute; left: -4px; top: 8px;}
.header .slogan {font: 10px Verdana; text-transform: uppercase; color: #ca5b9d; position: absolute; left: 3px; top: 79px; }

.cap {width: 748px; clear: both; margin: 0 auto; height: 116px; border-bottom: 7px solid #fff; background-position: right bottom; background-repeat: no-repeat; }
/*
     .history {background: url(../img/caps/history.jpg) no-repeat right bottom; }
                 .purposes {background: url(../img/caps/purposes.jpg) no-repeat right bottom; }
                 .quality {background: url(../img/caps/quality.jpg) no-repeat right bottom; }
                 .personal {background: url(../img/caps/personal.jpg) no-repeat right bottom; }
                 .sertificates {background: url(../img/caps/sertificates.jpg) no-repeat right bottom; }
*/
body.inside .cap {width: 100%;}


/* ============ indside ============ */

#page {
 background: url(../img/bg-inner.gif) repeat-y right 0;
 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height:100%;
 height: 100%;
 /*-----------------------*/

 min-width: 950px;
}

#wrapper {padding-bottom: 20px;}

#container {
        width: 99%;
        float: left;
        margin-right: -253px;
        font-size: 1.4em; line-height: 1.4em;
}
#content {
        margin-right: 253px; text-align: justify;
        padding-right: 20px;
}
#sidebar {
        width: 253px;
        float: right;
        font-size: 1.4em; line-height: 1.4em;
				/*background: #f0f0f0;*/
}
.clearing {
        height: 0;
        clear: both;
}

.hole {/*background: #ccc;*/ height: 25px; }
#footer {margin-top: -25px; height: 18px; background: url(../img/bg-footer.gif) 0 bottom repeat-x; border-top: 7px solid #fff; min-width: 950px;}
#footer .cor-right, #footer .cor-left {height: 18px; width: 9px; position: relative;}
#footer .cor-left {float: left; background: url(../img/footer-corner_left.gif) 0 0 no-repeat; left: -9px;}
#footer .cor-right {float: right; background: url(../img/footer-corner_right.gif) 0 0 no-repeat; right: -9px;}


#content ul {list-style-type: none; /*float: left; width: 100%;*/ padding: 0 0 15px 0; }
#content ul li {background: url(../img/li.gif) 0px 7px no-repeat; margin: 0 0 0 15px; padding: 0px 0px 0px 13px; }

#content ol {margin-left: 24px; padding: 0 0 15px 0; }
#content ol li {padding: 0px 0px 0px 13px; }

#content table td {padding: 3px;}

/* ============ //////////////////////////// ============ */


.news-notice {width: 233px; padding: 0 10px 0 10px; }
html>body .news-notice {left: 0px; }
.news-notice ul {list-style-type: none; }
.news-notice ul li {padding-bottom: 13px;}
.news-notice ul li.last {padding-bottom: 5px;}
.news-notice p {padding-bottom: 0;}

.banner {padding: 5px 0; background: #fff;}

.sub-menu {position: relative; left: -4px; background: url(../img/1x1.gif) 4px 0 repeat-y; /*border-left: 1px solid #ca5b9d;*/ /*left: 1px*/}
.sub-menu ul {list-style-type: none; }
.sub-menu ul h2 {padding-bottom: 0; }
.sub-menu ul h2 a {color:#636466;}
.sub-menu ul li {padding: 2px 0 6px 15px;}
.sub-menu ul li.active {background: #fff url(../img/bullet-submenu.gif) no-repeat 0 5px; }
.sub-menu ul li.active h2 {font-weight: bold;}

.contact-right {position: relative; left: -2px; margin-top: 40px; padding: 0 10px 0 12px; background: url(../img/bullet.gif) no-repeat 0 5px; color: #bb538f; }
html>body .contact-right {left: -2px; padding-left: 13px; }


input.text {border: 1px solid #636466; font: 13px Times New Roman; color: #636466; width: 240px; height: 13px; padding: 1px 0 3px 3px;}
html>/**/body input.text {width: 245px; height: 19px; padding: 0; }
body:not([dummy]) input.text {width: 240px; height: 13px; padding: 2px 0 2px 3px;}
@media all and (min-width:0px) {
head~body input.text {width: 240px; height: 13px; padding: 2px 0 2px 3px;}
}

.search {float: left; width: 100%; margin: 20px 0 20px 0}
.search * {float: left; }

.search input.text {width: 200px;}
html>/**/body .search input.text {width: 205px; }
body:not([dummy]) .search input.text {width: 200px;}
@media all and (min-width:0px) {
head~body .search input.text {width: 200px;}
}

.search input.btn {width: 59px; height: 19px; margin-left: 5px }


/* searchResults */
ol.searchResults {margin-top: 10px}
ol.searchResults li {margin-bottom: 7px; }



/* form */
#form {float: left; width: 400px;}
#form * {float: left}
#form label {width: 120px; margin-bottom: 7px; position: relative; top: -1px}

#form select, #form textarea {color: #636466; border: 1px solid #636466; font: 13px Times New Roman; }

#form select {width: 245px; height: 19px;}
html>/**/body #form select {width: 243px; height: 17px; }
body:not([dummy]) #form select {width: 245px;}

#form textarea {width: 240px; padding: 2px 0 2px 3px; height: 80px;  }
html>/**/body #form textarea {width: 245px;}
body:not([dummy]) #form textarea {width: 240px;}
@media all and (min-width:0px) {
head~body #form textarea {width: 240px;}
}

#form input.btn {width: 80px; height: 19px; margin-left: 285px; margin-top: 15px}


/* certification */
.certification {float: left; width: 100%; margin-bottom: 20px; border-bottom: 0px solid red; }
.certification .img {float: left; border: 1px solid #e9c5db; position: relative;}
/*.certification .img img {width: 100px; }*/
.certification .img img.plus {width: 15px; height: 15px; position: absolute; right: 5px; bottom: 2px;}
.certification .descr {border-bottom: 0px solid green; margin-left: 175px;}

.cat {float: left; width: 100%; margin-bottom: 20px;}
.cat img {width: 123px; float: left; border: 1px solid #ccc; padding: 1px; }
.cat h4 a {padding-bottom: 0px;}
.cat span {display: block; padding-top: 5px; width: 100%}


.counter {border-top: 1px solid #cb5b9d; margin: 0 auto; height: 31px; width: 500px; padding-top: 6px}
.counter img {float: left; width: 88px; height: 31px;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.counter-inside {float: left; position: relative; left: -1px; padding: 20px 0 0 12px; }
html>body .counter-inside {left: -2px; padding-left: 13px; }
.counter-inside img {float: left; width: 88px; height: 31px; margin-bottom: 13px;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

.counter a:hover img, .counter-inside a:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.MCForm{padding:10px 0px 10px 0px;width:100%;}
.MCForm h3{font-weight:bold;text-align:center;}
.MCForm table{border:1px solid #cacaca;border-bottom:0px;}
.MCForm table td{border-bottom:1px solid #cacaca;}

#link a { font-size: small; color: #F3D7F3}