/***************************************/
/* Sprinter Studio & Co. © 2010        */
/* URL: s-studio.co.ua                 */
/* e-mail: mail@s-studio.co.ua         */
/* Lukyanov Maxim (maximssu@gmail.com) */
/***************************************/
/* HEADER >>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#header .logo {
  background-image: url(../images/logo_tm.png);
  background-position: left top;
  background-repeat: no-repeat;
  margin-left: -27px;
  width: 346px;
  height: 144px;
  padding: 50px 0px 0px 47px;
  float: left;
}
#header .logo a {
  display: block;
  width: 300px;
  height: 97px;
  text-indent: -9999px;
}
/*-------------------------------------*/
#header .language {
  padding: 43px 0px 0px 83px;
  float: left;
  width: 551px;
}
#header .language ul li {
  float: left;
  margin-right: 15px;
}
#header .language ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #222637;
}
#header .language ul li a:hover {
  text-decoration: underline;
}
#header .language ul li a.active {
  color: #387ac2;
}
/*-------------------------------------*/
#header .general {
  padding: 40px 0px 0px 46px;
  float: left;
  width: 551px;
}
#header .general ul li {
  float: left;
  margin-right: 26px;
}
#header .general ul li a {
  text-indent: -9999px;
}
#header .general ul li .hom{
  display: block;
  background-image: url(../images/icon_home.gif);
  background-position: center center;
  background-repeat: no-repeat;
  width: 11px;
  height: 10px;
}
#header .general ul li .con{
  display: block;
  background-image: url(../images/icon_contacts.gif);
  background-position: center center;
  background-repeat: no-repeat;
  width: 11px;
  height: 10px;
}
#header .general ul li .map{
  display: block;
  background-image: url(../images/icon_sitemap.gif);
  background-position: center center;
  background-repeat: no-repeat;
  width: 11px;
  height: 10px;
}
/*-------------------------------------*/
#header .menu {
  font-size: 17px;
  padding: 40px 20px 0px 20px;
}
#header .menu ul li {
  float: left;
  margin-right: 40px;
}
#header .menu ul li a {
  color: #222637;
}
#header .menu ul li a:hover {
  text-decoration: none;
}
#header .menu ul li a.active {
  color: #387ac2;
  text-decoration: none;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<< HEADER */

/* CONTENT >>>>>>>>>>>>>>>>>>>>>>>>>>> */
#content h1 {
  font-size: 22px;
  color: #387ac2;
  font-weight: normal;
  padding-bottom: 25px;
  line-height: 26px;
}
#content h2 {
  font-size: 20px;
  color: #CCC6C9;
  font-weight: normal;
  padding-bottom: 25px;
  line-height: 26px;
}
#content h3,
#content h4,
#content h5,
#content h6 {
  font-size: 16px;
  color: #387ac2;
  font-weight: normal;
  padding-bottom: 25px;
  line-height: 26px;
}
/*-------------------------------------*/
#content table tr th {
  background-color: #387AC2;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  border: 1px solid #fff;
  padding: 2px 5px;
}
#content table .gray td {
  background-color: #E3EAEE;
  padding: 2px 5px;
  border: 1px solid #fff;
}
#content table .white td {
  background-color: #F6F8FA;
  padding: 2px 5px;
  border: 1px solid #fff;
}
/*-------------------------------------*/
#content ul ul {
  margin-left: 20px;
  list-style-type: disc;
}
#content ul {
  margin-left: 20px;
  list-style-type: disc;
}
/*-------------------------------------*/
#content a {
  color: #387ac2;
}
/*-------------------------------------*/
#content .product {

}
#content .product .productimage {
  width: 242px;
  height: 157px;
  /*background-color: #f0f4f6;*/
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 10px;
  float: left;
}
#content .product .productimage .productborder {
  width: 242px;
  height: 157px;
  background-image: url(../images/border_product.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
/*-------------------------------------*/
#content .date {
  color: #afc1d4;
  font-size: 11px;
  text-align: right;
}
/*-------------------------------------*/
#content .readmore {
  font-size: 10px;
  color: #afc1d4;
  text-align: right;
}
#content .readmore a {
  color: #afc1d4;
  text-decoration: none;
}
#content .readmore a:hover {
  color: #afc1d4;
  text-decoration: underline;
}
/*-------------------------------------*/
#content .servicemessage {
  border: 3px rgb(56,122,194) double;
  background-color: #F0F4F6;
  padding: 20px;
  text-align: center;
}
/*-------------------------------------*/
#additionalmenu {
  margin-top: 30px;
}
#additionalmenu ul {
  list-style: none;
}
#additionalmenu ul li{
  display: block;
  float: left;
  width: 177px;
}
#additionalmenu ul li a {
  color: #222637;
  display: block;
  font-size: 12px;
  text-align: right;
  padding: 8px 40px 8px 0px;
  margin-right: 10px;
}
#additionalmenu ul li .pdf {
  background-image: url(../images/icon_pdf.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: #222637;
  display: block;
  font-size: 12px;
  text-align: right;
  padding: 8px 40px 8px 0px;
  margin-right: 10px;
}
#additionalmenu ul li .print {
  background-image: url(../images/icon_printer.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: #222637;
  display: block;
  font-size: 12px;
  text-align: right;
  padding: 8px 40px 8px 0px;
  margin-right: 10px;
}
#additionalmenu ul li .doc {
  background-image: url(../images/icon_word.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: #222637;
  display: block;
  font-size: 12px;
  text-align: right;
  padding: 8px 40px 8px 0px;
  margin-right: 10px;
}
#additionalmenu ul li .jpg {
  background-image: url(../images/icon_jpg.gif);
  background-position: right;
  background-repeat: no-repeat;
  color: #222637;
  display: block;
  font-size: 12px;
  text-align: right;
  padding: 8px 40px 8px 0px;
}
/*-------------------------------------*/
#content .articles {

}
#content .articles h2 {
  font-size: 22px;
  color: #387ac2;
  font-weight: normal;
  padding-bottom: 25px;
}
#content .articles .article {
  width: 240px;
  height: 130px;
  float: left;
  color: #222637;
  text-align: justify;
  margin-bottom: 10px;
}
#content .articles .article .date {
  background-image: url(../images/bg_date_right.gif);
  background-position: right;
  background-repeat: no-repeat;
  background-color: #B2CCE8;
  display: block;
  width: 80px;
  margin-bottom: 10px;
}
#content .articles .article .date span{
  background-image: url(../images/bg_date_left.gif);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  font-size: 12px;
  height: 15px;
  color: #ffffff;
  text-align: center;
  line-height: 13px;
}
#content .articles .article a {
  display: block;
  text-align: right;
  color: #88a2bf;
  font-size: 11px;
  float: right;
  margin-top: 15px;
}
#content .articles .padding {
  width: 53px;
  float: left;
  height: 130px;
  margin-bottom: 10px;
}
/*-------------------------------------*/
#content .shortarticles {

}
#content .shortarticles .shortarticle {
  /*float: left;*/
  color: #222637;
  text-align: justify;
  margin-bottom: 30px;
}
#content .shortarticles .shortarticle .date {
  background-image: url(../images/bg_date_right.gif);
  background-position: right;
  background-repeat: no-repeat;
  background-color: #B2CCE8;
  display: block;
  width: 80px;
  margin-bottom: 10px;
}
#content .shortarticles .shortarticle .date span{
  background-image: url(../images/bg_date_left.gif);
  background-position: left top;
  background-repeat: no-repeat;
  display: block;
  font-size: 12px;
  height: 15px;
  color: #ffffff;
  text-align: center;
  line-height: 13px;
}
#content .shortarticles .shortarticle a {
  display: block;
  margin-top: 10px;
  color: #222637;
  font-weight: bold;
}
/*-------------------------------------*/
#content .form {
  margin: 0 auto;
  width: 534px;
}
#content .form .formtop {
  background-image: url(../images/bg_form_top.gif);
  background-position: left;
  background-repeat: no-repeat;
  height: 9px;
  font-size: 0px;
  line-height: 0px;
}
#content .form .formbottom {
  background-image: url(../images/bg_form_bottom.gif);
  background-position: left top;
  background-repeat: no-repeat;
  height: 9px;
  font-size: 0px;
  line-height: 0px;
}
#content .form .formmiddle {
  background-color: #F0F4F6;
  padding: 0px 20px;
}
#content .form .formmiddle .formtitle {
  font-size: 16px;
  color: #387ac2;
  margin-bottom: 20px;
}
#content .form .formmiddle .line1 {
  height: 21px;
  margin-bottom: 10px;
}
#content .form .formmiddle .line1 .area {
  float: left;
  width: 60px;
  font-size: 12px;
  color: #222637;
  text-align: right;
  padding: 4px 0px;
  line-height: 12px;
}
#content .form .formmiddle .line1 .area span{
  padding: 0px 10px 0px 0px;
}
#content .form .formmiddle .line1 .inputarea {
  float: left;
  width: 103px;
  text-align: right;
}
#content .form .formmiddle .line1 .inputarea input{
  width: 94px;
  font-size: 12px;
  height: 18px;
  border: 1px solid #78A6D6;
  padding: 0px 3px;
  color: #C1C6C9;
  background-color: #fff;
  font-family: Tahoma;
}
#content .form .formmiddle .line2 .area {
  width: 100px;
  font-size: 12px;
  color: #222637;
  text-align: right;
  padding: 4px 10px 4px 0px;
  line-height: 12px;
}
#content .form .formmiddle .line2 {
  margin-bottom: 10px;
}
#content .form .formmiddle .line2 .textarea {
  width: 495px;
}
#content .form .formmiddle .line2 .textarea textarea{
  border: 1px solid #78A6D6;
  padding: 3px 3px;
  color: #C1C6C9;
  background-color: #fff;
  width: 481px;
	font-family: Tahoma;
  font-size: 12px;
  height: 63px;
  overflow: auto;
}
#content .form .formmiddle .line3 {
  height: 32px;
}
#content .form .formmiddle .line3 .area {
  float: left;
  width: 126px;
  font-size: 12px;
  color: #222637;
  text-align: left;
  padding: 10px 0px;
  line-height: 12px;
}
#content .form .formmiddle .line3 .area span{
  padding: 0px 0px 0px 0px;
}
#content .form .formmiddle .line3 .image {
  float: left;
}
#content .form .formmiddle .line3 .inputarea {
  float: left;
  width: 83px;
  text-align: right;
  padding: 5px 0px;
}
#content .form .formmiddle .line3 .inputarea input{
  width: 63px;
  font-size: 12px;
  height: 18px;
  border: 1px solid #78A6D6;
  padding: 0px 3px;
  color: #C1C6C9;
  background-color: #fff;
}
#content .form .formmiddle .line3 .submit {
  float: left;
  width: 170px;
  padding-top: 3px;
} 
#content .form .formmiddle .line3 .submit a{
  float: right;
  background-image: url(../images/button_submit.jpg);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 148px;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  text-decoration: none;
  padding: 5px 0px 7px;
}
/*-------------------------------------*/
#content .question {
  margin-top: 20px;
}
#content .question .userinfo {
  font-size: 14px;
}
#content .question .userinfo .username{
  color: #387AC2;
  padding-right: 10px;
}
#content .question .userinfo .usercity{
  color: #6D99C9;
  padding-right: 10px;
}
#content .question .userinfo .userdate{
  color: #afc1d4;
  font-size: 11px;
}
#content .question .userquestion {
  color: #222637;
  font-size: 12px;
}
#content .answer {
  margin-top: 10px;
  border-left: 5px solid #E7EFF8;
  padding: 5px 0px 5px 15px;
}
#content .answer .userinfo {
  font-size: 13px;
}
#content .answer .userinfo .username{
  color: #8ab3e0;
  padding-right: 10px;
}
#content .answer .userinfo .usercity{
  color: #6D99C9;
  padding-right: 10px;
}
#content .answer .userinfo .userdate{
  color: #afc1d4;
  font-size: 11px;
}
#content .answer .useranswer {
  color: #616e7e;
  font-size: 12px;
}
/*-------------------------------------*/
#content .navigation {
  float: right;
  font-size: 11px;
}
#content .navigation a {
  color: #656872;
  text-decoration: none;
  font-size: 11px;
  padding: 0px 5px;
}
#content .navigation span {
  color: #387ac2;
  text-decoration: none;
  font-size: 11px;
  padding: 0px 5px;
}
/*-------------------------------------*/
#content .ukraine {
  width: 534px;
  height: 360px;
  background-image: url(../images/map.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .ukraine ul {
  list-style: none;
  margin-left: 0px;
}

/*-------------------------------------*/
#content .lviv {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_lviv.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .kyiv {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_kyiv.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .luck {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_luck.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .rivne {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_rivne.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .tenopol {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_tenopol.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .hmelnuck {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_hmelnuck.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .vinnuca {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_vinnuca.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .yjgorod {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_yjgorod.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .chernivci {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_chernivci.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .odesa {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_odesa.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .mukolaiv {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_mukolaiv.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .herson {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_herson.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .krym {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_krum.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .kirovograd {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_kirovograd.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .ivan {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_ivan.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .gutomyr {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_gutomir.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .chernigiv {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_chernigiv.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .cherkasu {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_cherkasu.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .sumy {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_symu.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .poltava {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_poltava.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .dnipro {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_dnipro.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .zaporiggya {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_zaporiggya.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .harkiv {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_kharkov.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .lugansk {
  width: 534px;
  height: 360px;
 background-image: url(../images/map_lugansk.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .doneck {
  width: 534px;
  height: 360px;
 background-image: url(../images/map_doneck.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}

#content .pivnich {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_pivnich.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
#content .shid {
  width: 534px;
  height: 360px;
  background-image: url(../images/map_shid.gif);
  /*background-image: url(../images/map_with_dot.gif);*/
  background-position: left top;
  background-repeat: no-repeat;
}
/*-------------------------------------*/
#content .ukraine ul li .dot{
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  background-image: url(../images/dot_mall.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
#content .ukraine ul li .middle{
  width: 10px;
  height: 10px;
  display: block;
  /*position: relative;*/
  font-size: 0;
  line-height: 0;
  background-image: url(../images/dot_middle.gif);
  background-position: center center;
  background-repeat: no-repeat
}
#content .ukraine ul li .big{
  width: 15px;
  height: 15px;
  display: block;
  /*position: relative;*/
  font-size: 0;
  line-height: 0;
 background-image: url(../images/dot_big.gif);
  background-position: center center;
  background-repeat: no-repeat
}
#content .ukraine ul li .dotname{
  position: absolute;
  font-size: 10px;
  line-height: 10px;
  color: #222637;
  text-decoration: none;
}
#content .ukraine ul li .dotname:hover{
  text-decoration: underline;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<< CONTENT */

/* LEFT SIDEBAR >>>>>>>>>>>>>>>>>>>>>> */
.sl .catalog
{
  padding: 0px 0px 25px 20px;
}
.sl .catalog h2 {
  font-size: 22px;
  color: #387ac2;
  font-weight: normal;
  padding: 0px 0px 21px 0px;
}
.sl .catalog h3 {
  font-size: 14px;
  color: #222637;
  font-weight: normal;
  text-decoration: underline;
    cursor: hand;
  line-height: 26px;
}
.sl .catalog h3:hover {
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
.sl .catalog h3.active {
  color: #387ac2;
  text-decoration: none;
}
.sl .catalog h3 a{
  font-size: 14px;
  color: #222637;
  font-weight: normal;
  text-decoration: underline;
    cursor: hand;
  line-height: 26px;
}
.sl .catalog h3:hover a{
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
}
.sl .catalog h3.active a{
  color: #387ac2;
  text-decoration: none;
}
.sl .catalog .level_1 {
  padding: 0px 0px 10px 8px;
  line-height: 20px;
}
.sl .catalog .level_1 li {
  font-size: 12px;
}
.sl .catalog .level_1 li a {
  text-decoration: none;
  color: #475669;
  background-image: url(../images/bg_catalog_level_1.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}
.sl .catalog .level_1 li a:hover,
.sl .catalog .level_1 li a.active {
  text-decoration: none;
  color: #222637;
  background-image: url(../images/bg_catalog_level_1_h.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}
.sl .catalog .level_2 {
  padding: 0px 0px 10px 8px;
  line-height: 18px;
}
.sl .catalog .level_2 li {
  font-size: 11px;
}
.sl .catalog .level_2 li a {
  text-decoration: none;
  color: #475669;
  background: none;
  padding-left: 15px;
}
.sl .catalog .level_2 li a:hover,
.sl .catalog .level_2 li a.active {
  text-decoration: underline;
  color: #222637;
  background: none;
  padding-left: 15px;
}
/*-------------------------------------*/
.sl .banner {
  padding: 0px 0px 25px 20px;
}
/* <<<<<<<<<<<<<<<<<<<<<< LEFT SIDEBAR */

/* RIGHT SIDEBAR >>>>>>>>>>>>>>>>>>>>> */
.sr .banner {
  padding: 0px 0px 25px 0px;
}
/* <<<<<<<<<<<<<<<<<<<<< RIGHT SIDEBAR */

/* FOOTER >>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#footer .protected {
  float: left;
  color: #222637;
  font-size: 11px;
  padding: 0px 0px 0px 20px;
}
#footer .protected a {
  color: #222637;
}
/*-------------------------------------*/
#footer .developer {
  float: right;
  color: #222637;
  font-size: 11px;
  padding: 0px 20px 0px 0px;
}
#footer .developer a {
  text-decoration: none;
}
#footer .developer a b{
  color: #db2b2b;
}
#footer .developer a b .company{
  color: #222637;
}
#footer .developer a b .company:hover{
  color: #db2b2b;
}
#footer .developer .studio b:hover {
  color: #00C0FF;
}
#footer .developer .studio b {
  font-weight: normal;
  color: #222637;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<< FOOTER */