/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom           : 15px;
           }

td, tr, p, div {
  font-family      :  Arial, Helvetica, sans-serif;
/*  color            : #f5f5f5;*/
  color            : #000000;
  font-size        : 13px;
  line-height      : 16px;
}

hr {
  color            : #395884;
  height           : 1px;
  width            : 100%;
}

a:link, a:visited {
  color            : #125d7e;
 }

a:hover {
  color            : #f46522;
  }

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

li {
  line-height      : 16px;
  padding-left     : 14px;
  padding-top      : 2px;
  background-image : url(../images/arrow.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}


form {
margin           : 0;
padding          : 0;
}

.inputbox {
 color        : #000;
 background   : #fff;
 border       : 1px solid #395884;
 margin       : 3px 0;

}

input:hover,
  input:focus,
  textarea:hover,
  textarea:focus {
  color: #000;
  background: #fff;

}



form select.button{
 color        : #000;
 background   : #fff;
}

option {
background   : #fff;
}

/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;

  }
div.back_button a{
text-decoration  : none;
  }


.button {
  font-size        : 11px;
  color            : #EDF1F3;
  border           : 1px solid #395884;
  margin           : 3px 0;
  padding          : 2px;
  cursor           : pointer;
  background       : #2B4A74;
}


/** Contact **/

.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {
}



/** Module table  **/

/*
table.moduletable {
        margin           : 0 0 8px 0;
      width            : 100%;
              }

table.moduletable th {

    font-family          : Arial, Verdana,  Helvetica, sans-serif;
        font-size          : 14px;
        font-weight        : bold;
        text-align         : center;
        width              : 100%;
      color              : #fff;
        padding            : 2px;
      line-height        : 25px;
      border-bottom: 1px solid #395884;
        height: 29px;
        }
*/
table.moduletable {
        width: 100%;
        margin-bottom: 5px;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
}

table.moduletable th {
        background: url(../images/bg_block.jpg) no-repeat;
        color: #125d7e;
        text-align: left;
        padding-top: 5px;
        padding-left: 10px;
        height: 24px;
        font-weight: bold;
        font-size: 12px;
}

table.moduletable td {
    padding-top: 2px;
            }



div.module{
    text-align: left;
    margin           : 0 0 20px 0;
            }

div.module h3 {

      font-family        : Arial, Verdana,  Helvetica, sans-serif;
        background: url(../images/bg_block.jpg) no-repeat;
        color: #125d7e;
        text-align: left;
        padding-top: 5px;
        padding-left: 10px;
        height: 24px;
        font-weight: bold;
        font-size: 12px;
       }



.contentmod {
text-align   : left;
padding      : 8px 0;

}

.contentmod td {
padding      : 5px;
}
/*
.contentmod table.moduletable {
margin           : 0 0 8px 0;
width            : 100%;
background       :  #cbcbcb;
}  */


.contentmod table.moduletable th{
      font-size          : 14px;
        font-weight        : bold;
        text-align         : right;
        width              : 100%;
      color              : #125d7e;
        padding            : 2px 10px;
      line-height        : 25px;
/*      background       : url(../images/corner_content.gif) #314C72 no-repeat top right;*/
      border-bottom: 1px solid #395884;
}



/** Read more **/
/*
a.readon:link, a.readon:visited {
  color            : #60B5FF;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0px 1px 10px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
  border-left:2px solid #60B5FF;

}
a.readon:hover {
  color            : #314C72;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 1px 10px;
  line-height      : 15px;
  text-decoration  : none;
  border-left      : 2px solid #314C72;
 }
*/
.readon{
  padding: 0 5px 5px 14px;
  background  : url(../images/jc_blog.gif) no-repeat 0 4px;
  }



/*

.pagenavcounter {
  font-size        : 11px;
  color            : #60B5FF;
}

.pagenavbar {
  border-top      : 1px solid #395884;
  margin          : 10px 0;
  padding-top     : 5px;
  }

.pagenav, .pagenav_prev, .pagenav_next {
  font-weight      : normal;
  }

a.pagenav:link, a.pagenav:visited {
  font-size        : 12px;
  text-decoration  : none;
  font-weight      : normal;
}

a.pagenav:hover {
  font-size        : 12px;
  text-decoration  : none;
  font-weight      : normal;
}

table.contenttoc {
  border           : 1px solid #314C72;
  background       : #416496;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

table.contenttoc th{
  margin           : 0;
  padding          : 2px;
  color            : #125d7e;
 }
table.contenttoc td{
 margin           : 0;
 padding          : 3px 4px;
 border-bottom    : 1px solid #314C72;
 background-image   : url(../images/arrow.png) ;
 background-repeat  : no-repeat;
 background-position: 4px 7px;
   }


table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left        : 12px !important;
padding-left        : 0;
text-indent         : 12px;
text-decoration      : none;

}
table.contenttoc td a:hover{
color     : #314C72;
}
*/
table.contenttoc {
  font-size        : 11px;
  background       : #F1F1F1;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;

}

.contenttoc td {
  list-style       : none;
  background       : #F1F1F1;
  padding-left     : 10px;
  padding-right    : 10px;
  margin           : 0;

  font-size        : 11px;
  line-height      : 28px;
  white-space      : nowrap;
  border-left      : 1px solid #cccccc;

}
a.toclink:active, a.toclink:link, a.toclink:visited {

  font-size        : 11px;
/*  color            : #000033; */
  text-decoration  : underline;

}

a.toclink:hover {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;

}
/** Pagenavigation **/
.pagenavcounter {
  font-size        : 10px;
  color            : #125d7e;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav {
  font-weight      : bold;
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}
a.pagenav:hover {
  font-size        : 11px;
  color            : #3333ff;
  text-decoration  : none;
}

/** Content **/


.sectiontableheader {

  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #fff;
  padding          : 3px 5px;
  border           : 1px solid #243E61;
}


.sectiontableentry1 {
  vertical-align   : top;
/*  background       : #243E61;*/
/*  border-bottom    : 1px solid #395884;*/
  line-height      : 20px;

}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
/*  border-bottom    : 1px solid #395884;*/
  line-height      : 20px;

}

.sectiontableentry2 {
  vertical-align   : top;
/*  border-bottom    : 1px solid #395884;*/
/*  background       : #2B4A74;   */
  line-height      : 20px;
}
.sectiontableentry1 img{
margin: 2px;
}
.sectiontableentry2 img{
margin: 2px;
}


a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding: 5px;
}


.small {
  font-size        : 11px;
  color            : #39629A;
}
.smalldark {
  font-size        : 11px;
  color            : #39629A;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #39629A;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}
.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 11px;
  color            : #39629A;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.contentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 21px;
  text-align       : left;
  text-indent      : 0;
  color            : #5AB2FF;
  padding          : 3px 5px;
  margin           : 3px 0;
  }
.contentheading a {
text-decoration:none;
}

.contentpagetitle  {
   font-size        : 16px;
  font-weight      : bold;
  line-height      : 16px;
 /* text-transform   : uppercase; */
  text-align       : left;
  text-indent      : 0;
  color            : #125d7e;
  width            : 100%;
  padding          : 1px;
  margin: 3px 0px;
  }

a.contentpagetitle:link, a.contentpagetitle:visited {
  color            : #125d7e;
    font-size        : 16px;
    font-weight      : bold;
text-decoration:none;
}
a.contentpagetitle:hover {
  color            : #f46522;
    font-size        : 16px;
    font-weight      : bold;
text-decoration:none;
}
h3 {
     color            : #125d7e;
     font-size        : 14px;
     font-family      : Arial, Verdana, Helvetica, sans-serif;
     font-weight      : bold;
}

h1 {           /* как класс contentheading */
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 21px;
  text-align       : left;
  text-indent      : 0;
  color            : #125d7e;
  padding          : 3px 5px;
  margin           : 3px 0;
  }

.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 15px;
  font-weight      : normal;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #125d7e;
  padding          : 3px;
  padding-left     : 6px;
  margin           : 5px;
  background: url(../images/bg_article.jpg) repeat-x top left;
  border-left      : 4px solid #f3a167;
  border-bottom    : 1px solid #afafaf;
  }
/*
td.contentheading {
        background: url(../images/bg_article.jpg);
        text-indent:8px;
    padding-top: 5px;
    padding-right: 5px;
        height:24px;
        color:#008FF5;
}
*/
.contentdescription {
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}

 .blog_more {
margin   : 10px 0 7px 7px;
}

.buttonheading {
padding  : 0 2px;
}

.blog {
width:100%;
}

.article_seperator{
display: block;
width: 100%;
/*height: 20px;
background: url(../images/separator.gif) no-repeat 50% 30%; */
}

.moduletable .article_seperator{
background     : none;
height         : 3px;
}



/** Polls **/


.poll {
        line-height : 13px;
        font-weight : normal;
      text-align  : left;
}
table.poll td{
        font-weight : normal;
      text-align  : left;
}

.pollstableborder{
  border-color     : #395884;
  }

/** CSS for Mainmenu **/

a.mainlevel:link, a.mainlevel:visited {
        display: block;
        background: url(../images/menu_bg.gif) no-repeat;
        vertical-align: bottom;
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        text-align: left;
        padding-top: 5px;
        padding-left: 10px;
        height: 22px !important;
        width: 190px;
        text-decoration: none;
        font-family: verdana, sans-serif, Arial, Helvetica;
}

a.mainlevel:hover {
        background: url(../images/menuhov_bg.gif) no-repeat;
        text-decoration: none;
        color: #125d7e;
        height: 22px !important;
        font-size: 11px;
        font-weight: bold;
}
/** Sublevel for Mainmenu **/



a.sublevel:link, a.sublevel:visited {
        padding-left: 15px;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: #555555;
        text-align: left;
        text-decoration: none;
}

a.sublevel:hover {
        color: #888888;
        text-decoration: none;
}


/*#################### THE STANDARD MODULE MENU  ####################*/
a.mainlevel#active_menu{
        background: url(../images/menuor_bg.gif) no-repeat;
        color                          : #f46522;
        text-decoration                : none;
        font-weight                    : bold;
}
a.mainlevel#active_menu:hover{
        color                           : #000000;
        text-decoration                 : underline;
        font-weight                     : bold;
}
a.sublevel#active_menu{
        color                           : #f46522;
         text-decoration                : none;
        font-weight                     : bold;
}
a.sublevel#active_menu:hover{
        color                           : #000000;
         text-decoration                : underline;
        font-weight                     : bold;
}



/** Topmenu styles for TOP navigation (Position User3)**/
.topmenu
{
  float: left;
  width: 100%;
  height: 21px;
  background: #fff url(../images/bg_topmenu.jpg) repeat-x;
  border-bottom     : 1px solid #c0cecb;
}
.sub_menu {
  width: 100%;
  height: 22px;
  background: #fff url(../images/bottom_submenu.gif) repeat-x bottom left;
/*  border-left      : 2px solid #c0cecb;
  border-right     : 2px solid #c0cecb;*/

}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
        display: block;
        vertical-align: bottom;
        font-size: 12px;
        font-weight: bold;
        color: #125d7e;
        padding-top: 4px;
        text-align : center;
/*        padding-left: 10px;    */
/*        height: 22px !important;    */
        text-decoration: none;
}

a.mainlevel-nav:hover {
        text-decoration: none;
        color: #555555;
/*        height: 22px !important;     */
        font-size: 12px;
        font-weight: bold;
}
/** Sublevel for Mainmenu **/


a.sublevel-nav:link, a.sublevel-nav:visited {
        padding-left: 15px;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        background: #ff0000;
        text-align: left;
        text-decoration: none;
}

a.sublevel-nav:hover {
        color: #888888;
        text-decoration: none;
}

/* menu news, company*/

 #mainlevel-menu {
  font-size        : 11px;
  list-style       : none;
  padding          : 0;
  margin           : 0;
  margin-left      : 1px;

}

#mainlevel-menu li {
  float            : left;
  display          : block;
  list-style       : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 11px;
/*  line-height      : 28px;*/
  white-space      : nowrap;
  background-image : none;
}
#mainlevel-menu li a {

  padding-left     : 10px;
  padding-right    : 10px;
  font-size        : 11px;
  color            : #000033;
  text-decoration  : underline;

}

#mainlevel-menu li a:hover {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;

}
/** images **/

.mosimage {
  margin     : 5px;
  padding-top:  3px;

}

.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color: #555555;
  font-size : 10px;
  background: #f3f3f3;
}
/*
.mosimage_caption {
  font-size: 10px;
  color: #666666;
  background: #f1f1f1;
  margin     : 5px;
  padding-top:  3px;
}
*/

/** #################### index.php #################### **/

#body {
background:#fff;
}

.main {
  text-align       : left;
  width            : 100%;
 }

div.mod {
  background       : none;
  width            : 6px;
}

.top_header {
 width            : 100%;
 background       : #fff;
}

#centertb {

}
#shadow_left {
background       : url(../images/shadow_left.gif) #fff repeat-y top left;
}
#shadow_right {
background       : url(../images/shadow_right.gif) #fff repeat-y top right;
width            : 20px;
}

#contenttb{
padding          : 0;
background       : #fff;
/*border-right     : 1px solid #395884; */

}
#contenttb td.contentmod{
padding   : 10px;

}


.footer_right {
  width            : 550px;
  float            : right;
  font-size        : 12px;
  font-weight      : normal;
  text-align       : right;

 }

.footer_right p{
padding-right    : 20px;
color            : #385890;
}


.leftcol {
   background      : url(../images/mod_left.jpg) #f3f3f3 repeat-y top left;
/*background      :  #f3f3f3;     */
   width            : 200px;

}

.leftcol #leftmod{
   vertical-align   : top;
   padding          : 10px;
   padding-bottom   : 150px;
   text-align       : left;
   width            : 200px;
   background       : url(../images/corner.gif) no-repeat top right;

}

/*
.leftcol #leftmod div.module {
width: 200px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

.leftcol #leftmod div.module div {
width: 200px;
background: transparent url(../images/module_top.jpg) top left no-repeat;
}

.leftcol #leftmod div.module div div {
width: 200px;
background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;
}

.leftcol #leftmod div.module div div div {
width: 185px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
}

.leftcol #leftmod div.module div div div div {
padding: 0px;
margin: 0px;
}
*/
.foot {
  height           : 57px;
  background       : url(../images/footer.gif) repeat-x top left;
/*  width            : 900px;*/
  margin           : 0 auto;
}


#logo {
  background     : url(../images/logo.gif) no-repeat 50% 50%;
  height         : 160px;
  width          : 210px;
  padding:0;
    }
#light {
  background     : #fff;
  height         : 160px;
  width          : 210px;
  padding:0;
    }
.slogan {
font-size        : 18px;
font-weight      : bold;
font-family      :  Arial, Helvetica, sans-serif;
color            : #125d7e;
background       : #fff;
padding-top      :10px;
padding-bottom   :10px;
margin-left      :10px;
}

#left_bottom{
position      : absolute;
left          : 62px;
bottom        :0;
/*background    :url(../images/man.gif) no-repeat;*/
width         : 80px;
height        : 198px;
}

#outconteiner2{
position    :relative;
text-align  : center;
width       : 100%;
margin      : 0px auto;

}
#outconteiner1{
text-align  : center;
}

table.adminform, #images-page, #publish-page, #meta-page{
background: #cbcbcb;
}
.rightcol {

/*    background      : url(../images/mod_left.jpg) #6e6a6e repeat-y top left; */
background      :  #f3f3f3;
border-left     :2px solid #555555;

}

.rightcol #rightmod{
   vertical-align   : top;
   padding          : 10px;
   padding-bottom   : 150px;
   text-align       : left;
   width            : 200px;
/*   background       : url(../images/corner_left.gif) no-repeat top left;*/

}


.rightcol div{

}

.price          {
  font-size        : 14px;
  font-weight      : bold;
  line-height      : 16px;
  color            : #f46522;
}
.price_uah          {
  font-size        : 12px;
  font-weight      : bold;
  line-height      : 14px;
  color            : #052d51;
}
/* */



/*Популярные товары  */

a.mostread:link, a.mostread:visited {
  text-decoration  : none;
  font-size: 11px;
  font-weight: bold;
  color: #555555;
}
a.mostread:hover {
  color            : #888888;
  font-size: 11px;
  font-weight: bold;
  text-decoration  : none;
}
/* Статьи по теме  */

a.latestnews:link, a.latestnews:visited {
  color            : #555555;
  font-size: 11px;
  font-weight: bold;
  text-decoration  : none;
}
a.latestnews:hover {
  color            : #888888;
  font-size: 11px;
  font-weight: bold;
  text-decoration  : none;
}

/* Верхний правый угол*/
/*td.top_right {
  background       : #fff;
  width            : 150px;
  height           : 160px;
  padding-right   : 10px;
}  */
.date {
  font-size        : 10px;
  font-weight      : bold;
  color            : #125d7e;
  text-align       : center;
}
.phone {
  font-size        : 14px;
  font-weight      : bold;
  color            : #000080;
  padding-bottom   : 10px;
  margin: 5px;
  text-align       : center;
  background: #fff;
 border       : 1px solid #125d7e;
}
/* для кнопки сравнения*/
.compare {
     height         : 22px;
     background-color   : #f46522;
     font-family          : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
     text-align         : left;
     width              : 300px;
     padding-left     : 6px;
     padding-top     : 4px;
}

.compare a:active, .compare a:link, .compare a:visited {

        font-size          : 12px;
        font-weight        : bold;
        color              : #ffffff;
        text-decoration  : none;
        margin-left     : 6px;
}


.compare a:hover {
  font-size        : 12px;
  font-weight        : bold;
  color            : #999999;
  text-decoration  : none;
  margin-left     : 6px;
}

.pathway {
  font-size        : 10px;
  color            : #125d7e;
  margin           : 5px;
}
a.pathway:link, a.pathway:visited {
  font-size        : 10px;
  color            : #125d7e;
  padding-left     : 0;
}
a.pathway:hover {
  font-size        : 10px;
  padding-left     : 0;
  text-decoration  : none;
  color            : #f46522;
}
#red {
  color            : #f46522;
}
/*  Для выпадающего списка городов в областях */

div#krim{display: none;text-align: justify;}
div#vinniza_obl{display: none;text-align: justify;}
div#volin_obl{display: none;text-align: justify;}
div#dnepr_obl{display: none;text-align: justify;}
div#donezk_obl{display: none;text-align: justify;}
div#zakarpat_obl {display: none;text-align: justify;}
div#zaporog_obl {display: none;text-align: justify;}
div#ghitom_obl{display: none;text-align: justify;}
div#ivan_obl {display: none;text-align: justify;}
div#kiev_obl{display: none;text-align: justify;}
div#kirovograd_obl{display: none;text-align: justify;}
div#lugansk_obl{display: none;text-align: justify;}
div#lvov_obl{display: none;text-align: justify;}
div#nikolaev_obl{display: none;text-align: justify;}
div#odessa_obl{display: none;text-align: justify;}
div#poltav_obl{display: none;text-align: justify;}
div#rivne_obl{display: none;text-align: justify;}
div#sumi_obl{display: none;text-align: justify;}
div#ternopol_obl{display: none;text-align: justify;}
div#cherkas_obl{display: none;text-align: justify;}
div#chernigov_obl{display: none;text-align: justify;}
div#chernovez_obl{display: none;text-align: justify;}
div#harkov_obl{display: none;text-align: justify;}
div#herson_obl{display: none;text-align: justify;}
div#hmelnizk_obl{display: none;text-align: justify;}

.snoski {
   color      : #354d6a;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 8.5pt;
  font-weight: lighter;
}