*{
  margin: 0;
  padding: 0;
}

body{
  margin: 0;
  padding: 0;  
}

img, a img{
  border: 0;
}

/* Layer */

.collage{
  position: relative;
  float: left;
  width: 100%;
  min-width: 1180px;
  height: 80px;
  background: url('../images/header.jpg') 100px 0% repeat-x;
}

#top{
  position: relative;
  float: left;
  width: 100%;
  min-width: 1180px;
  height: 35px;
  background: #444;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
}

.middle{
  clear: both;
  display: table;
  width: 100%;
  min-width: 1180px;
  background: #fff url('../images/center_bg.png') 0% 0% repeat-x;
}

.left {
  display: table-cell;
  width: 22%;
  min-width: 220px;
  min-height: 500px;
  vertical-align: top;
  background: #f6f6f6 url('../images/left_bg.png') 0% 0% repeat-x;
}

.center{
  display: table-cell;
  width: 56%;
  height: 560px;
  vertical-align: top;
}

#right{
  display: table-cell;
  padding: 20px;
  width: 22%;
  min-width: 220px;
  height: 500px;
  vertical-align: top;
}

.bottom{
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  min-width: 1180px;
  height: 144px;
  background: #444;
  border-top: #ccc 5px solid;
  border-bottom: #ccc 5px solid;
}

.footer{
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  min-width: 1180px;
  height: 120px;
  background: #f6f6f6 url('../images/footer_bg.png') left bottom repeat-x;
}

/* /Layer */


/* ###################################################################################################################################################### */
/* content */

h1, h2, h3, h4, h5, h6{
  font-family: Arial, Helvetica, sans-serif;
}

h1{
  margin:20px 0;
  font-size: 17px;
  font-weight: bold;
  color: #c00;
}

h2{
  margin: 15px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #c00;
}

h2 a{color: #c00;}

h3{
  margin: 10px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #c00;
}

h4{
  margin: 10px;
  font-size: 11px;
  font-weight: normal;
}

h5{
  margin: 10px 10px 10px 5px;
  padding: 8px;
  font-size: 12px;
  font-weight: bold;
  color: #eee;
  background: #444;
}

hr{
    clear:both;
  color: #555;
    background-color: #555;
    border: 0px none;
    height: 1px;

}

.category-desc{
  float:left;
  margin: 10px 30px 10px 10px;
}


.category-desc p,
.category-desc li{
  margin: 10px;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.item-page{
  clear:both;
  float:left;
  position: relative;
  padding: 0 0 20px 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}
.item-page img{
  margin-right:10px;
}

.blog{
  clear:both;
  float:left;
  margin: 20px 0px 20px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.blog p{margin:10px 0;}

.blog >div>div{margin:30px 0;border:#e9e9e9 1px solid;border-radius:7px;padding:10px;}

.blog .cat-children div{border:none; margin:10px 0;}
.blog .cat-children div a{color:#c00;}

.center .blog-featured,
.cat-children{
  margin: 20px 0px 20px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.blog .actions,
.item-page .actions{
  clear: both;
  display: block;
  padding: 0 4px 0 0;
  margin: 2px 0 15px 5px;
  height: 22px;
  background: #ececec;
}

.blog .actions li,
.item-page .actions li{
  display: block;
  float: right;
  padding: 3px 6px 3px 3px;
  background: none;
}

div.blog  div.item-separator{
  margin: 10px 0 40px 0;
}

p.readmore{
  margin: 10px 0 0 -5px;
}

div.center div.blog div div p.readmore a{
  margin: 5px;
}

div.center div.blog div div p.readmore a:link,
div.center div.blog div div p.readmore a:visited{
  color: #c00;
  text-decoration: none;
}

div.center div.blog div div p.readmore a:hover,
div.center div.blog div div p.readmore a:active{
  color: #333;
  text-decoration: underline;
}

div.center div.category-list div.cat-children ul li{
  display: block;
  padding: 2px 0 2px 0px;
  background: url("../images/circle_list.png") 1% 50% no-repeat;
}

div.center div.category-list div.cat-children ul li a{
  display: block;
  margin: 0 0 0 20px;
}

div.center div.category-list div.cat-children ul li a:link,
div.center div.category-list div.cat-children ul li a:visited{
  color: #c00;
}

div.center div.category-list div.cat-children ul li a:hover,
div.center div.category-list div.cat-children ul li a:active{
  color: #333;
}

.center .blog li{margin:0 0 0 20px;}

.item-page table{
  margin: 10px 0;
  border-collapse: collapse;
}

.item-page table.infodata td{
  border: #333 1px solid;
  padding:10px;
}

.item-page p,
.center .blog-featured p{
  text-align: justify;
  margin: 20px 0px;
}

.item-page ul{
  text-align: left;
}

div.item-page ul ul{
  text-align: left;
  margin: 5px 0 5px 15px;
  padding: 0 0 0 20px;
}

div.item-page ul ul li{
  text-align: left;
  background: none;
  list-style: circle;
}

.item-page ul li{
  text-align: left;
  list-style: none;
  background: url("../images/circle_list.png") 0% 50% no-repeat;
  margin: 0 0 0 15px;
  padding: 0 0 0 20px;
}

.item-page ol{
  text-align: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}


.item-page li a,
.item-page p a,
.item-page span a{
  text-decoration: underline;
  line-height:24px;
}

.category-desc p a:link,
.category-desc p a:visited,
.item-page li a:link,
.item-page li a:visited,
.item-page p a:link,
.item-page p a:visited,
.item-page span a:link,
.item-page span a:visited{
  color: #c00;
}

.category-desc p a:hover,
.category-desc p a:active,
.item-page li a:hover,
.item-page li a:active,
.item-page a:hover,
.item-page a:active,
.item-page p a:hover,
.item-page p a:active,
.item-page span a:hover,
.item-page span a:active{
  color: #333;
}

.item-page_production a:link,
.item-page_production a:visited{
  color: #333;
  text-decoration: none;
}

.item-page_production a:hover,
.item-page_production a:active{
  color: #c00;
  text-decoration: underline;
}

.cat-items{
    clear: both;
    margin: 20px 20px;
    float: left;
    width: 100%;
}

div.category-list{
  margin: 0 10px 0 15px;  
}

div.category-list h2{
  margin: 0 10px 0 20px;
  color: #c00;
  font-weight: bold;
}

table.category{
  width: 100%;
  padding: 0 20px;
  border-spacing: 0;
}

table.category tr.cat-list-row0{
  height: 34px;
  background: #fff url("../images/li_border.png") 0% 100% repeat-x;
}

table.category tr.cat-list-row1{
  height: 34px;
  background: #eee url("../images/li_border.png") 0% 100% repeat-x;
}

table.category tr:hover{
  background: #ffffcc url("../images/li_border.png") 0% 100% repeat-x;  
}

td.list-title{
  padding: 2px 0 2px 30px;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}

td.list-title a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

td.list-title a:link,
td.list-title a:visited{
  color: #c00;
}

td.list-title a:hover,
td.list-title a:active{
  color: #333;
}

.item-page_production{
  margin: 20px 0px 20px 35px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.item-page_production h2 {
  font-size: 16px;
  margin: 20px 10px 10px 0px;
  color: #333;
}


.item-page_production ol{
  margin: 10px 10px 20px 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

.item-page_production ol li{
  height: 45px;
  color: #333;
}

.item-page_production ol li img{
  vertical-align: top;
}

table.table_border{
  width: 95%;
  border-collapse: collapse;
  border: 1px solid #333;
}

.blog .cat-children ul li{
  display: block;
}

.blog .cat-children ul li span.item-title a:link,
.blog .cat-children ul li span.item-title a:visited {
  line-height: 25px;
  color: #333;
  text-decoration: underline;
}

.blog .cat-children ul li span.item-title a:hover,
.blog .cat-children ul li span.item-title a:active {
  line-height: 25px;
  color: #f00;
  text-decoration: underline;
}

.blog .items-leading div p a:link,
.blog .items-leading div p a:visited{
  color: #333;

}

.blog .items-leading div p a:hover,
.blog .items-leading div p a:active{
  color: #f00;

}

  /* for pricelist */
  
div.wrapper{
  padding: 10px 20px 0 5px;
}

table.table_price{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #333;
}

table.table_price td{
  padding: 5px;
  border: 1px solid #333;
}

table.table_price th{
  padding: 5px;
  border: 1px solid #333;
  color: #eee;
  background: #444;
}

table.table_price td.generation{
  font-weight: bold;
  text-align: center;
  color: #eee;
  background: #c00;
}

table.table_price tr:hover{
  background: #faff88;
}

table.table_price td.section{
  font-weight: bold;
  text-align: center;
  background: #aaa;
}

table.table_price td.subsection{
  text-align: center;
  background: #ccc;
}


  /* /for pricelist */
  
  /* for seminars */
  
table.table_dashed{
  border-collapse: collapse;
  border: 1px dashed #333;
}

table.table_dashed td{
  padding: 10px 30px;
  border: 1px dashed #333;
}

  /* /for seminars */  

table.table_simple{
  border-collapse: collapse;
  border: 1px solid #333;  
}

table.table_simple td{
  border: 1px solid #333;  
}

table.table_big{
  border-collapse: collapse;
  border: 1px solid #333;  
}

table.table_big td{
  border: 1px solid #333;
  font-size: 10px;
  text-align: center;
}

table.table_simple2{
  border-collapse: collapse;
  border: 1px solid #333;  
}

table.table_simple2 td{
  padding: 5px;
  text-align: center;
  border: 1px solid #333;  
}

li{
list-style-position: inside;  
}

table.guide td{
  height: 20px;
}

table.table_old td{
  text-align: center;
}

table.table_old td p{
  margin: 1em 0;
  padding: 0;
}

.blog p.readmore a{
  display: block;
  padding: 5px;
}

.blog p.readmore a:link,
.blog p.readmore a:visited{
  color: #c00;
  border: 1px solid #eee;
  border-radius:5px;
}

.blog p.readmore a:hover,
.blog p.readmore a:active{
  color: #444;
  background: #eee;
  border: 1px solid #777;
}

/* /content */
/* ###################################################################################################################################################### */

/* search */

.search_searchModule{
  margin: 40px 60px;
  padding: 7px 10px 30px 30px;
  min-width: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;  
}

.search{
  margin: 10px 15px 30px 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;  
}

.search fieldset,
.form-limit{
  margin: 20px 0;
  border: 0;
}

dl.search-results dt{
  margin: 20px 0 0 0;
}

dl.search-results dt a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;  
}

dl.search-results dt a:link,
dl.search-results dt a:visited{
  color: #c00;
}

dl.search-results dt a:hover,
dl.search-results dt a:active{
  color: #444;
}

.search input[name="searchword"]{
  width: 60%;
}

.search button.button{
  width: 30%;
  height: 20px;
  border: #333 1px solid;
  background: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ccc;
  cursor: pointer;
}

.search button.button:hover,
.search button.button:active{
  width: 30%;
  height: 20px;
  border: #333 1px solid;
  background: #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #c00;
  cursor: pointer;
}

/* /search */

/* top menu */

#top .menu{
  clear: both;
  display: block;
  float: left;
  margin: 0 0 0 40px;
  width: 1060px;
  min-width: 940px;
  height: 35px;
  border-left: #333 1px solid;
}

#top .menu li{
  display: block;
  float: left;
  list-style: none;
}

#top .menu li a{
  display: block;
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
  color: #ccc;
  font-family: Helvetica, Verdana;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  border-left: #555 1px solid;
  border-right: #333 1px solid;
}

#top .menu li a.calc{
  color: #eee;
  background: #c00;
}

#top .menu li a.calc:hover,
#top .menu li a.calc:active{
  color: #c00;
  background: #eee;
}

#top .menu li.item-209 ul {
  display: none;
}


#top .menu li.active a,
#top .menu li.active a:hover,
#top .menu li.active a:active{
  color: #fff;
  background: #333 url("../images/arrow2.png") bottom center no-repeat;
}

#top .menu li a:hover,
#top .menu li a:active{
  color: #fff;
  background: #555 url("../images/arrow2.png") bottom center no-repeat;
}
 
#top .menu  li ul {
  z-index: 10001;
  opacity: 0.9;
  visibility: hidden;
  position: absolute;
  background: #333;
} 

#top .menu li:hover  > ul {
  visibility: visible;
}

#top .menu  li ul li{
  clear: both;
  display: block;
  float: left;
  font-weight: normal;
  background: none;
  border-top: #777 solid 1px;
  border-right: #222 solid 1px;
  border-bottom: #222 solid 1px;
  border-left: #222 solid 1px;
}

#top .menu  li ul li a{
  height: 29px;
  line-height: 29px;
  min-width: 140px;
  font-weight: normal;
  color: #ccc;
  background: none;
}
#top .menu  li ul li a,
#top .menu  li.active ul li a{
  margin: 0px 1px;
  width: 160px;
  background: #333;
}

#top .menu  li ul li a:hover,
#top .menu  li ul li a:active,
#top .menu  li.active ul li a:hover,
#top .menu  li.active ul li a:active{
  color: #fff;
  background: #000;
}

/* /top menu */

/* languages */

.custom_lang{
  float: right;
  width: 75px;
}

/* /languages */

/* main menu */
.left .mod_title{
  padding: 28px 25px 0px 25px;
  font-size: 15px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #c00;
}

.left ul.menu {
  display: block;
  margin: 7px 20px;
  padding: 1px 0 0 0;
  width: 90%;
  min-width: 240px;
  background: url("../images/li_border.png") 0% 0% repeat-x;
}

.left ul.menu  li{
  display: block;
  list-style: none;
  color: #555;
  background: url("../images/li_border.png") 0% 100% repeat-x;
}

.left ul.menu  li a{
  display: block;
  padding: 0 0 0 18px;
  height: 24px;
  line-height: 24px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  color: #333;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}

.left ul.menu  li:hover,
.left ul.menu  li:active{
  color: #555;
  background: #ccc url("../images/li_border.png") 0% 100% repeat-x;
}

.left ul.menu  li.active{
  color: #c00;
  background: #fff url("../images/li_border.png") 0% 100% repeat-x;
}

.left ul.menu  li.active:hover,
.left ul.menu  li.active:active{
  color: #c00;
  background: #fff url("../images/li_border.png") 0% 100% repeat-x;
}

.left ul.menu  li.active a,
.left ul.menu  li.active a:hover,
.left ul.menu  li.active a:active{
  display: block;
  font-weight: bold;
  color: #c00;
  background: url("../images/circle_list_active.png") 2% 50% no-repeat;  
}

  /* second level */
.left ul.menu  li.parent ul{
  padding: 1px 0 0 20px;
  background: #f6f6f6 url("../images/li_border.png") 0% 0% repeat-x;
}

.left ul.menu  li.parent ul li{
  background: #f6f6f6 url("../images/li_border.png") 0% 100% repeat-x;
}  

.left ul.menu  li.active ul li a{
  font-weight: normal;
  color: #555;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}

.left ul.menu  li.active ul li.active{
  background: #fff url("../images/li_border.png") 0% 100% repeat-x;
}

.left ul.menu  li.active ul li.active a{
  font-weight: normal;
  color: #c00;
  background: url("../images/circle_list_active.png") 2% 50% no-repeat;
}

.left ul.menu  li.active ul li:hover{
  background: #ccc url("../images/li_border.png") 0% 100% repeat-x;
}

.left ul.menu  li.active ul li.active:hover{
  background: #fff url("../images/li_border.png") 0% 100% repeat-x;
}

.left ul.menu  li.active ul li a:hover,
.left ul.menu  li.active ul li a:active{
  font-weight: normal;
  color: #555;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}

.left ul.menu  li.active ul li.active a:hover,
.left ul.menu  li.active ul li.active a:active{
  font-weight: normal;
  color: #c00;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}
  
  
  /* /second level */
/* /main menu */

.latestnews{margin:20px;}
.latestnews a{color:#333;text-decoration:none;line-height:20px;font-family: "Segoe UI", Arial, Helvetica, sans-serif;font-size:12px;}
.latestnews a:hover{color:#c00;text-decoration:underline;}


/* breadcrumbs */

.breadcrumb{
  margin: 40px 40px 20px 35px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 7px;
}

.breadcrumb li{display:block;float:left;}

.breadcrumb a.pathway{
  margin: 0;
  font-size: 12px;
  text-decoration: none;
  color: #c00;
  line-height:20px;
}

.breadcrumb a span{
  color: #c00;
}

.breadcrumb span{
  margin: 0 5px 0 0;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  line-height: 20px;
}

/* /breadcrumbs */

/* above_content */

div.above_content{
  margin: 40px 20px 10px 40px;
}

div.jsn-themeclassic-seocontent p {
  margin: 0px;
  padding: 0px;
}

/* /above_content  */

/* right side */

#right .module{
  background: #fff url("../images/rounded_tl.png") 0 0 no-repeat;
}

#right .module div{
  background: url("../images/rounded_bl.png") 0 100% no-repeat;
}

#right .module div div{
  background: url("../images/rounded_tr.png") 100% 0 no-repeat;
}

#right .module div div div{
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  background: url("../images/rounded_br.png") 100% 100% no-repeat;
}

#right .module div div div div{
  background: none;
}

#right .module h3{
  padding: 7px 18px;
  margin: 15px 0;
  font-family: Verdana;
  font-size: 13px;
  text-align: left;
  color: #c00;
  background: url("../images/arrow2.png") 90% 50% no-repeat;  
  border-bottom: #e9e9e9 1px solid;
}

#right .module ul{
  display: block;
  padding: 1px 0 1px 0;
  margin: 10px 15px 0px 15px;
  min-width: 220px;
  background: url("../images/li_border.png") 0% 100% repeat-x;
}

#right .module ul li{
  display: block;
  padding: 1px 0;
  background: url("../images/li_border.png") 0% 0% repeat-x;
}

#right .module ul li a{
  display: block;
  padding: 1px 0 0 18px;
  height: 24px;
  line-height: 24px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  color: #333;  
  text-decoration: none;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}

#right .module ul  li:hover,
#right .module ul  li:active{
  color: #555;
  padding: 1px 0;
  background: #ccc url("../images/li_border.png") 0% 0% repeat-x;
}

#right .module ul li.active,
#right .module ul li.alias-parent-active{
  color: #c00;
  padding: 1px 0;
  background: #fff url("../images/li_border.png") 0% 0% repeat-x;
}

#right .module ul li.active:hover,
#right .module ul li.active:active
#right .module ul li.alias-parent-active:hover,
#right .module ul li.alias-parent-active:active{
  color: #c00;
  padding: 1px 0;
  background: #fff url("../images/li_border.png") 0% 0% repeat-x;
}

#right .module ul li.active a,
#right .module ul li.active a:hover,
#right .module ul li.active a:active{
  display: block;
  padding: 1px 0 1px 18px;
  font-weight: bold;
  color: #c00;
  background: url("../images/circle_list_active.png") 2% 50% no-repeat;  
}


/* second level */
#right .module  li ul{
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  background: none;
}

#right .module  li.active ul,
#right .module  li.alias-parent-active ul{
  visibility: visible;
  height: auto;
  padding: 0;
  margin: 0;
  background: none;
}


#right .module  li.parent ul li{
  background: #fff url("../images/li_border.png") 0% 0% repeat-x;
}  

#right .module  li.active ul li a,
#right .module  li.alias-parent-active ul li a{
  font-weight: normal;
  margin: 0 0 0 20px;
  color: #555;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}

#right .module  li.active ul li.active,
#right .module  li.alias-parent-active ul li.active{
  background: #fff url("../images/li_border.png") 0% 0% repeat-x;
}

#right .module  li.active ul li.active a,
#right .module  li.alias-parent-active ul li.active a{
  font-weight: normal;
  color: #c00;
  background: url("../images/circle_list_active.png") 2% 50% no-repeat;
}

#right .module  li.active ul li:hover,
#right .module  li.alias-parent-active ul li:hover{
  background: #ccc url("../images/li_border.png") 0% 0% repeat-x;
}

#right .module  li.active ul li.active:hover,
#right .module  li.alias-parent-active ul li.active:hover{
  background: #fff url("../images/li_border.png") 0% 0% repeat-x;
}

#right .module  li.active ul li a:hover,
#right .module  li.active ul li a:active,
#right .module  li.alias-parent-active ul li a:hover,
#right .module  li.alias-parent-active ul li a:active{
  font-weight: normal;
  color: #555;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}

#right .module  li.active ul li.active a:hover,
#right .module  li.active ul li.active a:active,
#right .module  li.alias-parent-active ul li.active a:hover,
#right .module  li.alias-parent-active ul li.active a:active{
  font-weight: normal;
  color: #c00;
  background: url("../images/circle_list.png") 2% 50% no-repeat;
}
  
  
  /* /second level */

/* /right side*/

/* bottom */

div.bottom_module{
  float: left;
  margin: 15px 0px;
  padding: 0 1%;
  height: 120px;
  width: 23%;
  background: url("../images/bottom_border.png") top right repeat-y;
}

div.bottom_module div.mod_title{
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #f9f9f9;
}

div.bottom_module ul.menu,
div.bottom_module ul.menu li,
div.bottom_module ul.menu li a{
  display: block;
}

div.bottom_module ul.menu {
  margin: 10px 0 0 0;
}

div.bottom_module ul.menu li{
  background: url("../images/circle_list_bottom.png") 2% 50% no-repeat;
}

div.bottom_module ul.menu li a{
  height: 21px;
  margin: 1px 20px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ccc;
}

div.bottom_module p,
div.bottom_module p a{
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ccc;
}
  
/* /bottom */

/* footer */

div.footer div.footer_left{
  display: block;
  float: left;
  width: 25%;
  height: 70px;
  margin: 15px 0;
  background: url("../images/vdot.gif") top right repeat-y;  
}

div.footer ul.menu{
  display: block;
  float: left;
  height: 70px;
  margin: 10px 10px 10px 20px;

}

div.footer ul.menu li{
  display: block;
  float: left;
  margin: 10px 2px;
}

div.footer ul.menu li a{
  display: block;
  padding: 0 8px 0 2px;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: #c00;
  background: url("../images/vdot.gif") top right repeat-y;  
}

div.footer ul.menu li a:active,
div.footer ul.menu li a:hover{
  color: #333;
}


/* /footer */

/* login */

.below_content,
div.login{
  margin: 0 35px;
}

form#login-form,
div.login{
  min-height: 112px;
  background: url("../images/key.jpg") 100% 100% no-repeat;
}

fieldset.userdata,
.login fieldset{
  border: none;
  width: 180px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

fieldset.userdata label,
.login fieldset label{
  display: block;
  float: left;
  margin: 5px 5px 2px 2px;
  width: 100px;
}

fieldset.userdata input,
.login fieldset input{
  display: block;
  float: left;
  margin: 5px 5px 10px 0px;
  width: 200px;
}

fieldset.userdata input#modlgn-remember,
.login fieldset input#remember{
  display: block;
  float: left;
  width: 20px;
}

fieldset.userdata input.button,
.login fieldset button.button,
div.logout-button input.button{
  width: 120px;
  height: 30px;
  border: #333 1px solid;
  background: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ccc;
  cursor: pointer;
}

ul.login_links{
  display: block;
  margin: 10px 0;
}

ul.login_links li{
  display: block;
  padding: 5px 5px 5px 20px;
  background: url("../images/circle_list.png") 1% 50% no-repeat;
}

ul.login_links li a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #c00;
}

.login-warning{
  clear: both;
  margin: 10px 10px 10px 0px;
  padding: 20px 10px;
  width: 100%;
  min-width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #eee;
  background: #c00;
  border: #333 solid 1px;
}

div.item-page ul.actions li.edit-icon{
  display: block;
  margin: 5px 5px 10px 15px;
}

div.item-page div.attachmentsContainer div.addattach a.modal-button{
  padding: 5px;
}

div.formelm-area{
  clear: both;
}

div.formelm-area label.hasTip{
  display: block;
  float: left;
  margin: 5px;
}

div.formelm-area textarea.inputbox{
  display: block;
  float: left;
}


fieldset legend{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 5px;
  padding: 5px;
  color: #c00;
}

div.formelm{
  display: block;
  float: left;
  height: 30px;
  width: 100%;
}

div.formelm label.hasTip,
div.formelm select.inputbox,
div.formelm input.inputbox{
  display: block;
  float: left;
  margin: 10px;
  width: 20%;
}

div.formelm img.calendar{
  margin: 10px 0 10px 0;
  cursor: pointer;
}

div#editor-xtd-buttons{
  display: block;
  float: left;
  height: 40px;
}

div.toggle-editor{
  display: block;
  float: left;
}

div.button2-left{
  display: block;
  float: left;
  margin: 10px 0 2px 0;
}

div.button2-left a{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  height: 20px;
  width: 15%;
  margin: 5px 2px;
  padding: 5px 10px;
  cursor: pointer;
}

div.button2-left a:link,
div.button2-left a:visited{
  background: #444;
  border: #333 solid 1px;
  color: #eee;
}

div.button2-left a:hover,
div.button2-left a:active{
  background: #ccc;
  border: #333 solid 1px;
  color: #555;
}

.tip {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #ffc;
  border: 1px solid #D4D5AA;
  padding: 5px;
  max-width: 400px;
  z-index: 50;
}

input:focus,
select:focus,
textarea:focus {
  background-color: #ffd;
}

fieldset div.formelm-area label#jform_metadesc-lbl.hasTip,
fieldset div.formelm-area label#jform_metakey-lbl.hasTip{
  display: block;
  width: 15%;
}

fieldset div.formelm-area textarea#jform_metadesc.inputbox,
fieldset div.formelm-area textarea#jform_metakey.inputbox{
  display: block;
  margin: 5px 20px;
}

/* /login */

/* last news */

div.newsflash {
  margin: 10px 0 0 15px;
}

div.newsflash h4.newsflash-title a{
  padding: 0 0 0 15px;
  font-size: 12px;
  text-decoration: underline;
  background: url("../images/circle_list.png") 1% 50% no-repeat;
}

div.newsflash h4.newsflash-title a:link,
div.newsflash h4.newsflash-title a:visited{
  color: #c00;
}

div.newsflash h4.newsflash-title a:hover,
div.newsflash h4.newsflash-title a:active{
  color: #444;
}

.items-more{
  margin: 10px 0;
  padding: 20px 0;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}

.items-more ol{
  padding: 10px 0;
}

.items-more ol li{
  display: block;
  margin: 0 0 0 10px;
  height: 20px;
}

.items-more ol li a{
  padding: 0 0 0 15px;
  text-decoration: underline;
  background: url("../images/circle_list.png") 0% 50% no-repeat;  
}

.items-more ol li a:link,
.items-more ol li a:visited{
  color: #c00;
}

.items-more ol li a:hover,
.items-more ol li a:active{
  color: #444;
}

.pagination{
  clear: both;
}

.pagination p.counter{
  display: block;
  text-align: center;
  width: 100%;
  float: left;
}

.pagination{
  text-align: center;
}

.pagination ul{
  padding: 40px 0;
  text-align: center;
}

.pagination ul li{
  display: block;
  margin: 5px;
  padding: 2px 7px;
  float: left;
  border: 1px solid #eee;
}

.pagination ul li a{
  font-weight: bold;
}

.pagination ul li a:link,
.pagination ul li a:visited{
  color: #c00;
}

.pagination ul li a:hover,
.pagination ul li a:active{
  color: #444;
}

/* /last news */

/* Attachments */

div.attachmentsContainer{
  margin: 0 0 0 10px;
}


div.attachmentsList th.at_filename{
  text-align: center;
}

div.attachmentsList a.at_url:link,
div.attachmentsList a.at_url:visited{
  color: #c00;
}

div.attachmentsList a.at_url:hover,
div.attachmentsList a.at_url:active{
  color: #333;
}

div.attachmentsList td.at_file_size {
  text-align: center;
}

/*  /Attachments */

/* Contacts */

div.contact{
  padding: 0 35px;
}

.contact-info{
  float: left;
  clear:both;
}

.contact-image{
  float: right;
  width: 140px;
}

.contact-address {
  float: left;
  padding: 5px 0;
  min-width: 520px;
}

span.jicons-icons{
  display: inline-block;
  float: left;
  clear: both;
  padding: 0 10px 10px 0;
}

.contact-address address{
  float: left;
}

span.contact-emailto{
  padding: 0;
}

.contact-address address span.contact-street,
.contact-telephone,
span.contact-emailto a,
div.contact div.contact-form form#contact-form.form-validate fieldset dt{
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #444;
}

.contact-form{
  clear: both;
  float: left;
  padding: 20px 5px;
}

div.contact div.contact-form form#contact-form.form-validate fieldset{
  border: none;
}

div.contact div.contact-form form#contact-form.form-validate fieldset legend{
  display: none;
}

div.contact div.contact-form form#contact-form.form-validate fieldset dt{
  padding: 8px 0 2px 0;
}

.contact-contactinfo p{
  padding: 8px 0;
}

.required{
  width: 420px;
}

div.contact div.contact-form form#contact-form.form-validate fieldset dl dd button.button{
  width: 120px;
  height: 40px;
  border: #333 1px solid;
  background: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ccc;
  cursor: pointer;
}

div.contact div.contact-form form#contact-form.form-validate fieldset dl dd button.button:hover,
div.contact div.contact-form form#contact-form.form-validate fieldset dl dd button:active{
  width: 120px;
  height: 40px;
  border: #333 1px solid;
  background: #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #c00;
  cursor: pointer;
}

.tooltip{display: none !important;}

/* /Contacts */

/* aiContactSafeForm */

.aiContactSafe{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #444;
}

.aiContactSafe h2,
.aiContactSafe p,
.aiContactSafe ul{
  margin: 20px 25px;
}

#aiContactSafeSend{
  width: 740px;
  text-align: right;
}

.aiContactSafe  input#aiContactSafeSendButton{
  width: 120px;
  height: 40px;
  border: #333 1px solid;
  background: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ccc;
  cursor: pointer;
}

.aiContactSafe  input#aiContactSafeSendButton:hover,
.aiContactSafe  input#aiContactSafeSendButton:active{
  width: 120px;
  height: 40px;
  border: #333 1px solid;
  background: #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #c00;
  cursor: pointer;
}

div#aiContactSafe_contact_form.aiContactSafe div.aiContactSafe_row div input{
  width: auto;
}
#displayAiContactSafeForm_5{
  margin: 10px 25px;
}


#displayAiContactSafeForm_5 .aiContactSafe .aiContactSafe_row .aiContactSafe_contact_form_field_right .countdown_editbox{
  width: 120px;
  margin: 0 10px 20px 10px;
  border: 0px;
}

#displayAiContactSafeForm_5 .aiContactSafe .aiContactSafe_row .aiContactSafe_contact_form_field_right input ,
#displayAiContactSafeForm_5 .aiContactSafe .aiContactSafe_row .aiContactSafe_contact_form_field_right select,
#displayAiContactSafeForm_5 .aiContactSafe .aiContactSafe_row .aiContactSafe_contact_form_field_right textarea,
#displayAiContactSafeForm_5 .aiContactSafe .aiContactSafe_row .aiContactSafe_contact_form_field_right .countdown_div{
  margin: 2px 2px 5px 2px;
  width: 364px;
}

div#aiContactSafe_mainbody_5.aiContactSafe div.contentpaneopen table#aiContactSafeForm tbody tr td form#adminForm_5 div#aiContactSafeBtns div#aiContactSafeSend{
  margin: 10px 20px 10px 10px;
  width: 580px;
}

/* /aiContactSafeForm */


/* calculator */

div.estimate-questions{
    margin: 0 10px 10px 10px;
    padding: 10px 10px 0px 10px;
    width: 900px;
    background: url('../images/estimate_bg.png') top left no-repeat;   
}

table.questions{
    margin: 30px 10px 10px 10px;
    padding: 0px;
    width: 880px;
    background: none;   
}

table.questions select{
    width: 80px;
}

div.pupsq{
    padding: 0px;
    margin: -10px 220px 0 250px;
    width: 430px;
    height: 220px;
    background: url('../images/pupsq430.png') top left no-repeat;   
}

div.pupsq input.button{
    margin: 15px 0 0 40px;
    padding: 10px;
    width: 160px;
    height: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #eee;
    background: none;
    border: none;
}

div.estimate-bg{
    padding: 10px 10px 0px 10px;
    width: 900px;
    background: url('../images/estimate_bg.png') top left no-repeat;   
}

div.estimate-bg-bottom{
    padding: 0px 10px;
    height: 10px;
    width: 900px;
    background: url('../images/estimate_bg_bottom.png') top left no-repeat;   
}

table.estimate-result{
    margin: 0px;
    padding: 0px;
    width: 900px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: 1px solid #efefef;    
}

table.estimate-result td{
    padding: 2px;
    color: #efefef;
    text-align: center;
    height: 30px;   
    border: 1px solid #efefef;    
}

table.estimate-result td.red{
    background: #dd2b1c;
}

table.estimate-result td.align-left{
    text-align: left;
    width: 30%;
}

div.pups{
    padding: 0px;
    margin: -10px 220px 0 250px;
    width: 430px;
    height: 220px;
    background: url('../images/pups430.png') top left no-repeat;   
}

div.intrepid_price{
    position: absolute;
    margin: 50px 0 0 50px;
    color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

div.estimate_warning{
    margin: 10px 0;
    color: #C00;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;   
}

div.estimate-note{
    margin: 10px 0;
    color: #888;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;   
}

input.button{
width: 120px;
  height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ccc;
  background: #c00;
  border: #333 1px solid;
  cursor: pointer;
}

input.button:hover,
input.button:active{
  width: 120px;
  height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #c00;
  background: #ccc;
  border: #333 1px solid;
  cursor: pointer;
}

table.simple2{
  width: 95%;
  border-collapse: collapse;
  border: 1px solid #333;  
}

table.simple2 td{
  padding: 5px;
  border: 1px solid #333;  
}


/* rough estimate */

div.form-layout{
    clear: both;
    margin: 10px;
    width: 840px;    
}

div.form-line-layout{
    margin: 10px;
    width: 820px;    
}

fieldset.fset{
    width: 100%;
    float: left;
    margin: 0px;
    border: 1px solid #ccc;
}

fieldset.fset-half-left{
    width: 400px;
    float: left;
    margin: 10px 5px 10px 0px;
    border: 1px solid #ccc;
}

fieldset.fset-half-right{
    width: 400px;
    float: right;
    margin: 10px 0px 10px 5px;
    border: 1px solid #ccc;
}

fieldset.fset span{
    margin: 2px 12px 0px 12px;
    width: 100%;
    border: none;
}

fieldset.fset input.text{
    margin: 5px 0;
    width: 100%;
    border: 1px solid #777;
}

fieldset.fset input.text-property{
    margin: 5px;
    
    border: 1px solid #777;
}

fieldset.fset span.subfset {
    clear: both;
    display: block;
    float: left;
    margin: 5px 12px 10px 12px;
    width: 100%;   
    font-weight: bold;
}

fieldset.fset span.before_field {
    clear: both;
    display: block;
    float: left;
    margin: 5px 5px 10px 12px;
    width: 200px;   
    font-weight: normal;
}

fieldset.fset input.number{
    float: left;
    margin: 0px 50px 10px 5px;
    width: 100px;
    border: 1px solid #777;
}

fieldset.fset input.chbox{
    float: left;
    margin: 0px 50px 10px 5px;
}

fieldset.fset select.select{
    float: left;
    margin: 5px 50px 10px 5px;
    width: 100px;
    border: 1px solid #777;
}

a.estimate-back:link,
a.estimate-back:visited{
    text-decoration: none;
}

a.estimate-back:hover,
a.estimate-back:active{
    text-decoration: underline;
}


div.form-layout input.button{
    clear: both;
    margin: 40px;
}



div.properties{
    float: left;
    width: 820px;
    height: 120px;
}

div.property-names{
    float: left;
    width: 820px;
    height: 40px;  
}


div.property-names div{
    float: left;
    margin: 10px 10px 10px 0;
    width: 120px;
    height: 20px;
    text-align: center;
}

div.property-values{
    float: left;
    width: 820px;
    height: 40px; 
}

div.property-values div{
    float: left;
    margin: 10px 10px 10px 0;
    width: 120px;
    height: 20px;  
}

div.property-values div input.property-value,
div.property-names div input.property-value{
    float: left;
    width: 120px;
    height: 20px;
    text-align: center;
}

div.property-values div input.property-value-200{
    float: left;
    width: 300px;
    height: 20px;  
}

div.properties div.property-header{
    float: left;
    margin: 10px;
    width: 150px;
    height: 40px;
    text-align: left;
    vertical-align: middle;
}

div.property-values div.property-header-200{
    float: left;
    width: 130px;
    height: 20px;
    text-align: left;
    vertical-align: middle;
}

div.properties div.property-header span{
    float: left;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 40px;
    text-align: left;
    vertical-align: middle;
}

/* /rough estimate */

/* /calculator */



/* where-to-buy */
div.mapping {
  position: absolute;
  clear: both;
  margin:0;padding:0;
  top:20px;right:0;bottom:0;left:40px;
  width: 1024px;  
  height: 615px;
}
/* 1 */
.mapping #saint-petersburg{position:absolute;float:left;top:223px;left:149px;width:19px;height:21px;}
.mapping #saint-petersburg a{position:relative;float:left;width:19px;height:21px;}
.mapping #saint-petersburg span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #saint-petersburg a:hover span{opacity: 1.0;}

/* 2 */
.mapping #smolensk{position:absolute;float:left;top:275px;left:109px;width:19px;height:21px;}
.mapping #smolensk a{position:relative;float:left;width:19px;height:21px;}
.mapping #smolensk  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #smolensk a:hover span{opacity: 1.0;}

/* 3 */
.mapping #moscow{position:absolute;float:left;top:305px;left:140px;width:19px;height:21px;}
.mapping #moscow a{position:relative;float:left;width:19px;height:21px;}
.mapping #moscow  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #moscow a:hover span{opacity: 1.0;}

/* 4 */
.mapping #nizhniy-novgorod{position:absolute;float:left;top:335px;left:175px;width:19px;height:21px;}
.mapping #nizhniy-novgorod a{position:relative;float:left;width:19px;height:21px;}
.mapping #nizhniy-novgorod  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #nizhniy-novgorod a:hover span{opacity: 1.0;}

/* 5 */
.mapping #kazan{position:absolute;float:left;top:364px;left:220px;width:19px;height:21px;}
.mapping #kazan a{position:relative;float:left;width:19px;height:21px;}
.mapping #kazan  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #kazan a:hover span{opacity: 1.0;}

/* 6 */
.mapping #samara{position:absolute;float:left;top:393px;left:193px;width:19px;height:21px;}
.mapping #samara a{position:relative;float:left;width:19px;height:21px;}
.mapping #samara  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #samara a:hover span{opacity: 1.0;}

/* 7 */
.mapping #krasnodar{position:absolute;float:left;top:422px;left:84px;width:19px;height:21px;}
.mapping #krasnodar a{position:relative;float:left;width:19px;height:21px;}
.mapping #krasnodar  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #krasnodar a:hover span{opacity: 1.0;}

/* 8 */
.mapping #ufa{position:absolute;float:left;top:403px;left:267px;width:19px;height:21px;}
.mapping #ufa a{position:relative;float:left;width:19px;height:21px;}
.mapping #ufa  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #ufa a:hover span{opacity: 1.0;}

/* 9 */
.mapping #tashkent{position:absolute;float:left;top:593px;left:299px;width:19px;height:21px;}
.mapping #tashkent a{position:relative;float:left;width:19px;height:21px;}
.mapping #tashkent  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #tashkent a:hover span{opacity: 1.0;}

/* 10 */
.mapping #krasnoyarsk{position:absolute;float:left;top:418px;left:544px;width:19px;height:21px;}
.mapping #krasnoyarsk a{position:relative;float:left;width:19px;height:21px;}
.mapping #krasnoyarsk  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #krasnoyarsk a:hover span{opacity: 1.0;}

/* 11 */
.mapping #komsomolsk-na-amure{position:absolute;float:left;top:384px;left:883px;width:19px;height:21px;}
.mapping #komsomolsk-na-amure a{position:relative;float:left;width:19px;height:21px;}
.mapping #komsomolsk-na-amure  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #komsomolsk-na-amure a:hover span{opacity: 1.0;}

/* 12 */
.mapping #habarovsk{position:absolute;float:left;top:420px;left:874px;width:19px;height:21px;}
.mapping #habarovsk a{position:relative;float:left;width:19px;height:21px;}
.mapping #habarovsk  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #habarovsk a:hover span{opacity: 1.0;}

/* 13 */
.mapping #vladivostok{position:absolute;float:left;top:500px;left:890px;width:19px;height:21px;}
.mapping #vladivostok a{position:relative;float:left;width:19px;height:21px;}
.mapping #vladivostok  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #vladivostok a:hover span{opacity: 1.0;}

/* 14 */
.mapping #odessa{position:absolute;float:left;top:355px;left:0px;width:19px;height:21px;}
.mapping #odessa a{position:relative;float:left;width:19px;height:21px;}
.mapping #odessa  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #odessa a:hover span{opacity: 1.0;}

/* 15 */
.mapping #almaty{position:absolute;float:left;top:583px;left:383px;width:19px;height:21px;}
.mapping #almaty a{position:relative;float:left;width:19px;height:21px;}
.mapping #almaty  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #almaty a:hover span{opacity: 1.0;}

/* 16 */
.mapping #novosibirsk{position:absolute;float:left;top:438px;left:452px;width:19px;height:21px;}
.mapping #novosibirsk a{position:relative;float:left;width:19px;height:21px;}
.mapping #novosibirsk  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #novosibirsk a:hover span{opacity: 1.0;}

/* 17 */
.mapping #uzhno-sahalinsk{position:absolute;float:left;top:412px;left:942px;width:19px;height:21px;}
.mapping #uzhno-sahalinsk a{position:relative;float:left;width:19px;height:21px;}
.mapping #uzhno-sahalinsk  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #uzhno-sahalinsk a:hover span{opacity: 1.0;}

/* 18 */
.mapping #mogilev{position:absolute;float:left;top:279px;left:88px;width:19px;height:21px;}
.mapping #mogilev a{position:relative;float:left;width:19px;height:21px;}
.mapping #mogilev  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #mogilev a:hover span{opacity: 1.0;}

/* 19 */
.mapping #minsk{position:absolute;float:left;top:272px;left:66px;width:19px;height:21px;}
.mapping #minsk a{position:relative;float:left;width:19px;height:21px;}
.mapping #minsk  span{position:absolute;top:0;left:0;bottom:0;right:0;width:19px;height: 21px;opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.mapping #minsk a:hover span{opacity: 1.0;}

/* /where-to-buy */