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

*, html, body {margin:0px; padding:0px;}
body {color: #777; font: 12px Arial,Helvetica,sans-serif; text-align: center; background: #eaeaea url(/img/bg-body.jpg) repeat-x; }

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

h1 {font: 26px Tahoma; color: #DE006D; font-weight: normal; padding-bottom: 20px;   }
h2 {font: normal 1.5em tahoma, sans-serif; color:#489225; padding-bottom: 12px;}

/*
h3 {font-weight: bold; font-size: 11px; color: #f7941c; padding: 0 0 10px 0; text-transform: uppercase; } 
h4 {font-size: 13px; color: #3B513B; font-weight: normal; padding-bottom: 12px; }
*/

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

img {border:0; }

table {border-collapse: collapse; }

p {padding: 0 0 15px 0;}
.clear {clear: both; }
.left {float:left;}

ul {list-style-type: none; }

#main {border-bottom: 0px solid green; width: 1001px; margin: 0 auto; background: url(/img/bg-main.jpg) repeat-y; text-align: left; 
 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 height: auto !important;
 min-height:100%;
 height: 100%;
 /*-----------------------*/
} 

/*#header {padding: 0 41px; height: 150px; background: url(/img/bg-header.jpg) no-repeat; position: relative }


#header .h-bg_l, #header .h-bg_r {width: 41px; height: 271px; position: absolute; top: 0px; }
#header .h-bg_l {background: url(/img/h-bg_l.jpg) 0 bottom no-repeat; left: 0px; }
#header .h-bg_r {background: url(/img/h-bg_r.jpg) 0 bottom no-repeat; left: 960px; } */

#header-cont {padding:28px 0px 30px 61px; width:899px; height:406px; position: relative}
#header-cont .h-bg_l, #header-cont .h-bg_r {width: 41px; height: 271px; position: absolute; top: 0px; }
#header-cont .h-bg_l {background: url(/img/h-bg_l.jpg) 0 bottom no-repeat; left: 0px; }
#header-cont .h-bg_r {background: url(/img/h-bg_r.jpg) 0 bottom no-repeat; left: 960px; }

#header {width:100%; height:401px; background-color:#FFFFFF; border-bottom: 5px solid #FFFFFF;}

#top-inner {width:899px; height:92px; background-color:#FFFFFF; float:left;}

/*#top-inner {width: 867px; padding: 0 6px; height: 100px; border-top: 4px solid #777; margin-left: 20px; }*/

img#logo {float:left;}

.top-menu {float:left; width:380px; padding-left:36px; margin-top:39px; }
.top-menu a, .lang a {color: #93C11A;}
.top-menu ul {float: left;}
.top-menu ul li {float: left; padding-right: 28px}

.ico {float: left; width: 119px; height: 16px; margin-top: 41px; background: url(/img/bg-ico.gif) 27px 0 no-repeat;}
body.index .ico {float: left}
.ico ul {float: left; padding-top: 2px } 
.ico ul li {float: left; }
.ico ul li#mail {padding: 0 30px; } 
.ico ul li img {height: 11px; } 
.ico ul li#home img {width: 13px; }
.ico ul li#mail img {width: 13px;}
.ico ul li#map img {width: 17px; }
.ico ul li a {background: #fff; float: left;}
.ico ul li a:hover {background: #ED8429; }
.ico ul li span {float: left; background: #ED8429; }

.lang {float: right; font-size: 9px; margin-top: 41px; padding-right:17px;}
.lbg {margin-top: 0; position: absolute; top: 4px; left: 819px; padding: 10px 0 0 18px; width: 103px; height: 22px; background: #f4f4f4;}
.lang a, .lang span {float: left; padding-left: 22px; font-weight: normal; color:#CDCED0; }
.lang a {text-decoration: none; }
.lang span {color: #5A7391; }
.lbg span {color: #dadada; }
.lang .rus {background: url(/img/lang-rus.gif) no-repeat; margin-right: 11px; }
.lang .rus_active {background: url(/img/lang-rus_active.gif) no-repeat; margin-right: 11px; }
.lang .ukr {background: url(/img/lang-ukr.gif) no-repeat;}
.lang .ukr_active {background: url(/img/lang-ukr_active.gif) no-repeat;}

#itms {float:left; width:225px; padding:36px 0px 0px 0px;}
#itms h1 {margin:0px 0px 11px; line-height:normal; font-size:28px; color:#ED8429;}
#itms a {color:#406DA3;background:url(../img/ico-new.gif) no-repeat; font-size:14px; padding-left:27px; padding-top:9px; float:left;padding-bottom:5px;}
#itms img {padding-right:5px;}

.f-rgt {float:right;}





#inner {border: 0px solid green; float: left; width: 919px; padding: 0 0px 0 61px; }
body.index #inner {width: 919px; padding: 0 7px 30px 67px;}
#left-block {border-bottom: 0px solid blue; float: left; width: 226px;}
#inner #items {margin:0px; float:left; width: 649px; height:200px; border-bottom:5px solid #E4E4E5; margin-left:24px; display:inline;}
#inner #items img {float:left;}
/*#inner #items .banner {background:#e50178; width:275px; height:200px; float:left;}*/
#content-block {border: 0px solid red; float:left; width: 605px; margin-left: 24px; padding-top:8px;}
.content {float: left; width: 640px; padding-left: 0px}

/*by IP*/
#itms .itms_btn  {margin:0;padding:0;padding-top:30px;width:250px;}
#itms .itms_btn a {background-image:none;padding:0;margin:0;}

.breadcrumbs {height: 20px; padding: 9px 0 0 0; margin-bottom: 19px; color: #9fa1a4; font-size: 11px; }
.breadcrumbs span {color: #DE006D;}

.title {height: 23px; padding: 2px 0 0 11px; margin-bottom: 10px; background: #f1f1f2; color: #DE006D; font-size: 18px;}
#left-block ul {border-top: 1px solid #e4e4e5; margin-left: 11px; margin-bottom: 25px; }
#left-block ul li {padding: 5px 10px 7px 0; border-bottom: 1px solid #e4e4e5; background: url(/img/arrow.gif) 212px center no-repeat;}

.phone {padding: 15px 0 0 57px; margin-left:5px; margin-top:10px;position:relative; zoom:1; font: 17px Arial,Helvetica,sans-serif; color: #489225; background:url(/img/bg-phone.gif) no-repeat;}
.phone p {font-size: 14px; padding: 7px 0 0 0; }

.grey {background:#f0f0f0; width:594px; padding:15px 15px 0px;}
.grey p {margin-bottom:0px 0px 15px;}
.index .grey {height:96px;margin-top:38px; $margin-top:40px; }
.index .grey p {padding:25px 50px 24px 33px;}

/* footer */
.hole {/*background: #ccc;*/ height: 200px; clear: both; }
#footer-out {border: 0px solid red; color: #676767; margin-top: -200px; height: 200px; background: url(/img/bg-footer.jpg) 0 bottom repeat-x;}

#footer {width: 919px; padding: 20px 41px 0 41px; height: 180px; margin: 0 auto; background: #fff; position: relative; }
#footer .f-bg_l, #footer .f-bg_r {width: 41px; height: 200px; position: absolute; top: 0px; }
#footer .f-bg_l {background: url(/img/f-bg_l.jpg) 0 bottom no-repeat; left: 0px; }
#footer .f-bg_r {background: url(/img/f-bg_r.jpg) 0 bottom no-repeat; left: 960px; }

.bottom-menu {height: 45px; padding-top: 24px; border-top: 1px solid #e4e4e5; border-bottom: 1px solid #e4e4e5; }
.bottom-menu span {font-size: 17px; color: #d8d9da; margin: 0 13px; }

#footer-inner {width: 867px; margin: 0 auto; padding: 0 6px; height: 105px; border-bottom: 4px solid #777; text-align: left; font-size: 11px;}
#footer-inner .copyright {float: left; margin-top: 40px;}
#footer-inner .copyright p {padding: 0 0 7px 0}
#footer-inner .artics {float: right; margin-top: 40px; }


/* index content */

/*#items {padding: 0px; height:252px; position: relative; z-index: 999; margin:0px 41px 32px; border:5px solid #e4e4e5; border-width:5px 0;}
#items .banner {background:#e50178; width:275px; height:252px; float:left;}
#items .banner .link {color:#FFF; background:url(/img/ico-new.gif) no-repeat; padding-left:26px; margin:26px 0 0 29px;}
#items .banner img {margin:48px 0 26px 30px;}
#items .visual {float:left;}
#items .visual img{margin:0; padding:0; display:block;}*/
.item, .item a {float: left; width: 479px; height: 180px; }
.item a, #cap a {text-decoration: none; color: #fff;}
.item span, #cap span {float: left; margin-left: 25px; width: 250px; cursor: pointer; }
.item span.h1, #cap span.h1 {margin-top: 27px; margin-bottom: 13px; font-size: 21px; line-height: 22px;}
.item span.link, #cap span.link {margin-top: 3px; color: #ffe924; text-decoration: underline;}
.item a:hover span.link, #cap a:hover span.link {text-decoration: none !important;}
#cap span {margin-left: 46px;}
#cap span.h1 {margin-top: 15px;}
.kakugodno {padding 0;margin 0; float: left;  width:250px; min-height: 385px; }


.item1 {background: url(/img/item1.jpg) no-repeat;}
.item2 {background: url(/img/item2.jpg) no-repeat; width: 480px}
.item2 span {margin-left: 280px; width: 180px;}

.item img {display: none; width: 125px; height: 141px; position: absolute; }
.active {display: block !important; }

#item1_hover {top: 66px; left: 383px; }
#item2_hover {top: 66px; left: 492px; }


.ileft {
    border: 0px solid red;
    float: left;
    width: 250px;
}

.ileft ul {margin-bottom: 45px; }
.ileft ul li {padding: 3px 10px 4px 19px; background: url(/img/arrow2.gif) 6px center no-repeat;}

.iright {float: left; width: 580px; }
.index .iright {float: left; width: 643px; }
.iright p {padding-left: 33px; }


/* inside */

div.internal#header-cont {padding:28px 0px 0px 61px; height:92px;}
div.internal#header-cont #header{height:92px; border:none;}

div.internal#left-block {padding-top:23px;}

#cap {height: 180px; padding: 20px 21px 0 21px; background: url(/img/bg-cap.jpg) no-repeat; position: relative; z-index: 999; margin-top: 6px; }
#cap .credit1_active {float: left; width: 479px; height: 145px; background: url(/img/bg-credit1_active.jpg) no-repeat;}
#cap .credit2 {float: left; width: 480px; height: 173px; background: url(/img/bg-credit2.jpg) no-repeat;}
