body {
   margin: 0;
   padding: 0;
   background-color: #ffffff;
   /*background: url(../img/strip.png);
   background-repeat: no-repeat;
   background-position: top right;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

h1 { color: #218FE8; font-weight: bold; font-size: 14px;
    margin: 5px 0px 10px 0px; text-align: left;
}

h1 a:link, h1 a:visited, h1 a:hover { color: #218FE8; text-decoration: none; }

h2 { color: Black; font-weight: bold; font-size: 13px;
    margin: 5px 0px 10px 0px; text-align: left;
}

h2 a:link, h2 a:visited, h2 a:hover { color: Black; text-decoration: none; }

h3 { color: Gray; font-weight: bold; font-size: 12px;
    margin: 5px 0px 10px 0px; text-align: left;
}

h3 a:link, h3 a:visited, h3 a:hover { color: Gray; text-decoration: none; }

h4 { color: Black; font-weight: bold; font-size: 11px;
    margin: 5px 0px 10px 0px; text-align: left;
}

h4 a:link, h4 a:visited, h4 a:hover { color: Black; text-decoration: none; }

p { margin: 5px 0px 10px 0px; }

a {	color: Black; text-decoration: underline; }
/*a:active { color: Black; text-decoration: underline;}*/
a:hover {text-decoration: none; color: #218fe8;}
a img {	border: none;}

hr { color: #b2b2b2; height: 1px;}

li {
    padding: 5px 0px 5px 0px;
}

input, select, textarea { font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 11px; color: #444444; }

/*-----------------------------------------------frame----------------------------------------*/
#frame { margin: auto; width: 770px;}

/*-----------------------------------------------head----------------------------------------*/
#head { width: 770px; height: 165px;
   background-image: url(../img/info/head-back.gif); background-position: top; background-repeat: no-repeat;
   border: solid; border-color: White; border-width: 0px 0px 1px 0px;
}
#logo { float: left; padding: 30px 30px 15px 90px; }

#imoti { float: left; padding-top: 20px; margin-right: 7px; width: 119px; height: 24px;}
#imoti a { display: block; padding-top: 20px; width: 119px; height: 24px;
   background-image: url(../img/info/imoti.gif); background-repeat: no-repeat;
}
#imoti a:hover {display: block; width: 119px; height: 24px;
   background-image: url(../img/info/imoti-hover.gif); background-repeat: no-repeat;
}

#firmi { float: left; padding-top: 20px; margin-right: 7px; width: 127px; height: 24px;

}
#firmi a { display: block; padding-top: 20px; width: 127px; height: 24px;
   background-image: url(../img/info/firmi.gif); background-repeat: no-repeat;
}
#firmi a:hover {display: block; width: 127px; height: 24px;
   background-image: url(../img/info/firmi-hover.gif); background-repeat: no-repeat;
}

#registration { float: right; width: 141px; text-align: left; padding-top: 25px;}
#registration a {color: #000; text-decoration: none;}
#registration a:hover { color: Black; text-decoration: none;}

#search { width:100%; height: 57px; float: left; text-align: center;}
#search select { width: 270px;}
#search input { width: 360px;}
#search img { border: none; position: relative; top: 10px;}

#tab {  height: 23px; font-weight: bold; line-height: 23px;  padding-left: 10px;}
#tab div { float: left; }

#tab a {width: 110px; height: 23px; text-decoration: none; text-align: center; display: block; color:  #434343;
   background-image: url(../img/info/tab-back.gif); background-repeat: no-repeat;
}
#tab a:hover {  width: 127px; height: 23px;
   background-image: url(../img/info/tab-back-hover.gif); background-repeat: no-repeat;
}

.select { width: 127px; height: 23px; background-image: url(../img/info/tab-back-hover.gif); background-repeat: no-repeat;
   text-align: center; color: black;
}

#tab a.sel, #tab a.sel:hover { width: 127px; height: 23px;
   background-image: url(../img/info/tab-back-hover.gif); background-repeat: no-repeat }

#flash { position: relative; height: 277px; margin-bottom: 10px; }

/*-----------------------------------------------content----------------------------------------*/
.content { margin-bottom: 20px; width: 600px; float: left;}
.content.end { width: 535px; }
.container { float: left; margin-bottom: 10px;}
.container img {
   border: solid; border-color: black; border-width: 1px;
}

.broika { 	font-weight: normal; }

.links {
   width: 100%; float: left;
}

.kare {
   float: left; width: 287px; margin-right: 10px;
}
.kare-top {background-image: url(../img/info/kare-top.gif); background-repeat: no-repeat; width: 287px; height: 12px;}
.kare-middle {background-image: url(../img/info/kare-middle.gif); background-repeat: repeat-y; width: 267px; padding: 0px 10px 0px 10px;
   margin-top: -5px;
   height: 250px; overflow: hidden;
}
.kare-middle img { margin: 0 5px 0 5px;}

.kare-bottom {background-image: url(../img/info/kare-bottom.gif); background-repeat: no-repeat; width: 287px; height: 12px;}

.kare-title {
    background-image: url(../img/info/kare-titile-back.gif); background-repeat: no-repeat; width: 105px; height: 30px;
    padding-top: 5px; color: White; font-size: 11px; text-indent: 15px;
    position: relative; top: 5px;  left: 175px;
    cursor:pointer;

}

.kare-sub {
   background-image: url(../img/info/kare-sub.gif); background-position: bottom; background-repeat: no-repeat;
    padding: 10px 15px 10px 15px;  color: #218FE8;
   height: 60px; overflow: hidden;
}
.kare-sub a, .kare-sub a:visited {	color: #218FE8; text-decoration: none;}
.kare-sub a:hover { color: Gray;}
.kare-middle a, .kare-middle a:visited {text-decoration: none;}
.kare-middle a:hover { text-decoration: none;}

/*-------------------------------------category-------------------------------*/
.cat { float: left; width: 527px; margin-right: 10px;}
.cat img { margin: 0 10px 0 0;}
.cat-top {background-image: url(../img/info/cat-top.gif); background-repeat: no-repeat; width: 527px; height: 12px;}
.cat-middle {background-image: url(../img/info/cat-middle.gif); background-repeat: repeat-y; width: 507px; padding: 0px 10px 5px 10px;
   margin-top: -5px;
}
.cat-middle h1 {
    position: relative; top: -35px;  left: 5px;  width: 350px;
}
.cat-bottom {background-image: url(../img/info/cat-bottom.gif); background-repeat: no-repeat; width: 527px; height: 12px;
}
.cat-title {
    background-image: url(../img/info/kare-titile-back.gif); background-repeat: no-repeat; width: 105px; height: 30px;
    padding-top: 5px; color: White; font-size: 11px; text-indent: 15px;
    position: relative; top: 5px;  left: 420px;
}
.cat-title a, .cat-title a:visited { color: white; text-decoration: none;}
.cat-title a:hover { color: white; text-decoration: none;}

.cat-sub {
   background-image: url(../img/info/cat-sub.gif); background-position: bottom; background-repeat: no-repeat;
    padding: 10px; margin-bottom: 10px;
}
.cat-sub a, .kare-sub a:visited { color: #218FE8; text-decoration: none;}
.cat-sub a:hover { color: Gray;}
.cat-sub td {
   width: 50%; padding: 5px; vertical-align: top;
}

.prepratki { float: left; width: 527px; }
.prepratki td { padding: 5px; border: dotted ; border-color: Gray; border-width: 0 0 1px 0; vertical-align: top; }

div.spacer { clear: both;}

.more-title { color: #B2B2B2; font-weight: bold;  text-align: right;}
.more-title a, .more-title a:visited { color: #B2B2B2; text-decoration: none; }
.more-title a:hover { color: Black; text-decoration: underline; }

.more a, .more a:visited { color: #218FE8; text-decoration: none; }
.more a:hover { color: Black; text-decoration: none; }

#pagenation { width: 200px; float: right; text-align: right; word-spacing: 5px; }
#pagenation a { color: White; text-decoration: none;}
#pagenation a.selected { color: Black; text-decoration: underline;}

/*-----------kolona-right-------------*/
#kolona-right { float: right; width: 165px; margin-bottom: 10px; overflow: hidden; }
.kolona-right-text {
   padding: 0px 0px 0px 10px;
}
.kolona-right-text img {
   border: solid; border-color: Gray; border-width: 1px;
}
#kolona-right hr {
   border: dotted; border-width: 1px;
}
#kolona-right.kolona-right2 {
   width: 230px; padding-top: 270px;
}
.firmi-title { width: 230px; background-image: url(../img/info/firmi-title.gif); background-position: left; background-repeat: no-repeat;
   height: 25px; color: White; font-size: 11px; text-indent: 10px; padding-top: 5px;
}

.imoti-title { width: 230px; background-image: url(../img/info/imoti-title.gif); background-position: left; background-repeat: no-repeat;
height: 25px; color: White; font-size: 11px; text-indent: 10px; padding-top: 5px;}

.news-title { width: 165px; background-image: url(../img/info/news-title.gif); background-position: left; background-repeat: no-repeat;
height: 25px; color: White; font-size: 11px; text-indent: 10px; padding-top: 5px;}

.info_title { width: 230px; background-image: url(../img/info/info-title.gif); background-position: left; background-repeat: no-repeat;
   height: 25px; color: white; font-size: 11px; text-indent: 10px; padding-top: 5px;
}

.google-title { width: 230px; background-image: url(../img/info/google-title.gif); background-position: left; background-repeat: no-repeat;
   height: 25px; color: white; font-size: 11px; text-indent: 10px; padding-top: 5px;
}

/*-----------------------------------------------footer----------------------------------------*/
#fter { width: 770px; height: 30px; color: #b2b2b2; text-align: center;
   padding: 10px 0px 0px 0px; clear: both;
   background-image: url(../img/info/footer-back.gif); background-position: top; background-repeat: no-repeat;
}
#fter a { text-decoration: none; color: #b2b2b2;}
#fter a:hover {	text-decoration: none; color: Black;}


.blue {
   color: #218FE8;
}

h2.blue a:link, h2.blue a:visited, h2.blue a:hover { color: #218FE8; text-decoration: none; }

.comment { padding: 10px; margin: 0;
}
.comment h2 {	background-color: #218fe8; text-align: center; color: white; height: 20px; line-height: 20px;    }
.comment input, .comment textarea { border: solid 1px #218FE8; }
.comment #aham { cursor: pointer; margin-bottom: 10px; color: #218fe8; }

.commnets  { width: 100%; }
.commnets th { background-color:  #e6e6fa; padding: 5px; }
.commnets th span { font-weight: normal;  }
.commnets td { padding: 5px; }


/*==================== head-login ==============================*/
.head-login { width: 190px; height: 40px; padding-top: 4px; padding-left: 5px; overflow: hidden; text-align: left; }
.head-login a { color: gray; font-size: 10px; text-decoration: none; }
.head-login a img {  border: none
}
.head-login .public-offert { float: left; margin-right: 5px;
}
.head-login .vhod { float: left; background-image: url(../img/vhod-person.gif); background-repeat: no-repeat; background-position: center left; 
	padding-left: 25px; font-weight: bold; height: 20px; line-height: 16px;  
}
.head-login .izhod { float: left; background-image: url(../img/izhod-person.gif); background-repeat: no-repeat; background-position: center left; 
	padding-left: 25px; font-weight: bold; height: 20px; line-height: 16px;
}
.head-login .clpanel { float: left; height: 20px; line-height: 16px; margin-right: 10px; color: #ff6600; font-weight: bold; }