@import url('http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,cyrillic,latin-ext');

body{
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-family: Verdana;
}

.fl{float:left}
.fr{float:right}
.cb{ clear: both; }
ul.menu,ol.menu{margin: 0px; padding: 0px;list-style-type:none;}
a img{border: none;}
.center{text-align:center;}
.bold{font-weight:bold;}


#header{
  background: url("/images/html/header.png");
  height:283px;
}

#header .width_wrapper{
  height: 283px;
}

.width_wrapper{
  width: 990px;
  margin: auto;
  position: relative;
  /*
  border-right: 1px solid black;
  border-left: 1px solid black;
  */
}

#cars{
  position: absolute;
  bottom: 20px;
  right: -137px;
  background: url("/images/html/cars.png");
  height: 263px;
  width: 938px;
}

#lang_menu{
  position: absolute;
  top: 0px;
  right: 0px;
  background: url("/images/html/lang_menu_bg.png");
  width: 98px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #cdcdcd;
  font: 14px/28px "Open Sans";
}

#lang_menu a{
  text-decoration: none;
  color: #cdcdcd;
}

#lang_menu a.active{
  color: #767676;
}

#logo{
  position: absolute;
  width: 230px;
  height: 109px;
  top: 32px;
  left: 0px;
}

#slogan{
  color: white;
  font: bold 20px "Open Sans";
  padding-left: 15px;
  margin-top: 10px;
}

#topMenu{
  position: absolute;
  left: 15px;
  bottom: 30px;
}

#topMenu li{
  float: left;
  background: url("/images/html/top_menu_sep.png") no-repeat right center;
  margin-right: 12px;
  padding-right: 14px;
}

#topMenu li.last{
  background: none;
}

#topMenu a{
  color: #565656;
  text-decoration: none;
  font: 16px/26px "Open Sans";
}

#topMenu a .left, #topMenu a .right{
  display: block;
  float: left;
  width: 4px;
  height: 26px;
}

#topMenu a .middle{
  float: left;
  display: block;
  height: 26px;
}

#topMenu li a:hover{ color: black }

#topMenu li.active a{ color: white; }
#topMenu li.active a .right{ background: url("/images/html/top_menu_active_right.png"); }
#topMenu li.active a .left{ background: url("/images/html/top_menu_active_left.png"); }
#topMenu li.active a .middle{ background: url("/images/html/top_menu_active_middle.png"); }


#neck{
  background: url("/images/html/neck_bg.png");
  height: 89px;
  padding-top: 14px;
  margin-bottom: 14px;
}

#neck li{
  display: inline-block;
  max-width: 179px;
  margin-right: 20px;
  text-align: left;
}

#neck li.last{
  margin-right: 0px;
}

#neck li a{
  color: #b5b5b5;
  height: 75px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 90px;
  text-decoration: none;
  font: 22px/20px "Open Sans";
}

#neck li.active a, #neck li a:hover{
  color: white;
}

#neck .width_wrapper{
  width: auto;
  text-align: center;
}

#neck .n0{ background: url("/images/html/auto_inactive.png") no-repeat left center; }
#neck .n0.active, #neck .n0:hover{ background: url("/images/html/auto_active.png") no-repeat left center; }

#neck .n1{ background: url("/images/html/mikro_inactive.png") no-repeat left center; }
#neck .n1.active, #neck .n1:hover{ background: url("/images/html/mikro_active.png") no-repeat left center; }

#neck .n2{ background: url("/images/html/truck_inactive.png") no-repeat left center; }
#neck .n2.active, #neck .n2:hover{ background: url("/images/html/truck_active.png") no-repeat left center; }

#neck .n4{ background: url("/images/html/constr_inactive.png") no-repeat left center; }
#neck .n4.active, #neck .n4:hover{ background: url("/images/html/constr_active.png") no-repeat left center; }

#neck .n3{ background: url("/images/html/bike.png") no-repeat left center; }
#neck .n3.active, #neck .n3:hover{ background: url("/images/html/bike_active.png") no-repeat left center; }

#neck .n5{ background: url("/images/html/kuteri_inactive.png") no-repeat left center; }
#neck .n5.active, #neck .n5:hover{ background: url("/images/html/kuteri_active.png") no-repeat left center; }


#neck .n4{
max-width: 200px;
}

#body{
  margin-bottom: 15px;
}

#car_columns .column{
  float: left;
  background: url("/images/html/car_column_bg.png");
  width: 284px;
  height: 517px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 16px 18px;
  overflow: hidden;
}

#car_columns .column.last{
  margin-right: 0px;
}

#car_columns .column .title, #right_col .car .title{
  background: url("/images/html/car_column_title.png");
  height:38px;
  margin-bottom: 9px;
  color: white;
  text-align: center;
  font: 22px/38px "Open Sans";
}

#right_col .car .title a{
  color: white;
  text-decoration: none;
  display: block;
  height:38px;

}

#car_columns .column .title .small, #right_col .car .title .small{
  font-size: 15px;
}

#car_columns .column .image{
  margin-bottom: 10px;
}

#car_columns .column .description{
  font-size: 12px;
  margin-bottom: 10px;
}

.tabbed{
  margin-bottom: 8px;
}

.tabbed .tab{
  float: left;
  margin-right: 5px;
  cursor: pointer;
}

.tabbed .tab > *{
  float: left;
}

.tabbed .tab .middle{
  background: #dcdcdc;
  color: #b6b6b6;
  height: 28px;
  line-height: 28px;
  padding-left: 20px;
}

.tabbed .tab.active .middle{
  background: white;
  color: #000000;
}

.tabbed .tab.winter .middle{
  background: url("/images/html/winter_icon_inactive.png") no-repeat left center #dcdcdc;
}

.tabbed .tab.winter.active .middle{
  background: url("/images/html/winter_icon.png") no-repeat left center white;
}

.tabbed .tab.summer .middle{
  background: url("/images/html/summer_icon_inactive.png") no-repeat left center #dcdcdc;
}

.tabbed .tab.summer.active .middle{
  background: url("/images/html/summer_icon.png") no-repeat left center white;
}

.tabbed .tab .left{
  background: url("/images/html/tab_left_inactive.png");
  width: 3px;
  height: 28px;
}

.tabbed .tab .right{
  background: url("/images/html/tab_right_inactive.png");
  width: 3px;
  height: 28px;
}

.tabbed .tab.active .left{
  background: url("/images/html/tab_left.png");
}

.tabbed .tab.active .right{
  background: url("/images/html/tab_right.png");
}

.tabbed .tab_content_bottom{
  height: 5px;
  background: url("/images/html/tab_content_bottom.png");
}

.tabbed .tab_content_top{
  height: 5px;
  background: url("/images/html/tab_content_top.png");
}

.tabbed .tab_content{
  background: white;
  min-height: 10px;
  padding: 0px 15px;
}

.tabbed .tab_content > *{
  display: none;
}

.tabbed .tab_content > *.active{
  display: block;
}

.tabbed .tab_content table{
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

.tabbed .tab_content table th{
  color: #b6b6b6;
  border-bottom: 1px solid #f1f1f1;
}

.tabbed .tab_content table td{
  padding-left: 40px;
  padding-bottom: 5px;
}

.tabbed .tab_content table td:first-child{
  background: url("/images/html/price_list_bullet.png") no-repeat 25px 5px;
}

.tabbed .tab_content table tr.first td:first-child{
  background: url("/images/html/price_list_bullet.png") no-repeat 25px 20px;
}

.tabbed .tab_content table tr.first td{
  padding-top: 15px;
}

#car_columns .column .reserve{
  background: url("/images/html/reserve_bg.png");
  height: 38px;
}

#car_columns .column .reserve a{
  display: block;
  text-align: center;
  height: 38px;
  text-decoration: none;
  color: white;
  font: 18px/38px "Open Sans";
}

#footer{
  background: url("/images/html/bottom_bg.png");
  height: 114px;
  padding: 25px 50px;
  width: 890px;
  margin-bottom: 10px;
  color: white;
}

#footer p{
  margin: 0px;
  padding: 0px;
}

#footer .col1, #footer .col2{
  float: left;
  width: 440px;
  height: 114px;
  font-size: 11px;
  font-family: verdana;
}

#footer .col1{
  border-right: 1px solid #5b5b5b;
  padding-right: 45px;
  width: 395px;
}

#footer .col2{
  padding-left: 50px;
  width: 390px;
}

#content{
  float: left;
  margin-right: 20px;
  width:650px;
}

#right_col{
  background: url("/images/html/right_col_bg.png");
  height: 700px;
  width: 284px;
  float: left;
  padding: 16px 18px;
}

#right_col .car{
  margin-bottom: 19px;
}

#content #text img{
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}

h1.styled{
  margin: 0px;
  padding: 0px;
  background: url("/images/html/title_bg.png");
  height: 41px;
  font: 22px/41px "Open Sans";
  padding: 0px 21px;
  color: white;
  margin-bottom: 18px;
}

#content #text{
  padding-left: 21px;
}

#car_details{
  background: url("/images/html/reserve_car_details_bg.png");
  height: 184px;
  padding: 11px 14px;
  margin-bottom: 28px;
}

#car_details .car{
  float: left;
  width: 316px;
}

#car_details .car .title{
  background: url("/images/html/reserve_car_title_bg.png");
  height: 38px;
  font-size: 22px;
  line-height: 38px;
  color: white;
  padding-left: 17px;
  margin-bottom: 15px;
}

#car_details .title .small{ font-size: 16px; }

#car_details .car p{
  margin: 0px;
  padding: 0px;
}

#car_details .car .pictureList{
  clear: both;
}

#car_details .car img{
  float: left;
  margin-right: 11px;
  margin-bottom: 11px;
}

#car_details .car{
  font-size: 11px;
  margin-right: 19px;
}

#car_details .tabbed{
  float: left;
  width: 284px;
  margin-top: 5px;
}

#bookForm{
clear: both;
}

#bookForm input[type='text']{
  background: url("/images/html/input_bg.png");
  border: 0px;
  width: 214px;
  height: 24px;
  padding: 0px 2px;
  color: #6a6a6a;
}

#bookForm td{ vertical-align: bottom }
#bookForm .ui-datepicker-trigger{
  vertical-align: middle;
  cursor: pointer;
}
#bookForm input[type='text'].short{
  background: url("/images/html/input_bg_short.png");
  border: 0px;
  width: 97px;
  height: 24px;
  padding: 0px 2px;
  margin-right: 5px;
  text-align: center;
}

#bookForm input[type='text'].shortest{
  background: url("/images/html/input_bg_shortest.png");
  border: 0px;
  width: 70px;
  height: 24px;
  padding: 0px 2px;
  text-align: center;
}

#bookForm .date{ margin: auto; }
#bookForm .client{ margin: auto; }

#bookForm .date td:first-child{
  text-align: right;
}

#bookForm .sep{
  height: 1px;
  background: url("/images/html/book_form_sep.png") no-repeat center center;
  margin: 17px 0px;
}


#individual_table, #legal_table{
  margin: auto;
  display: none;
}

#individual_table.active, #legal_table.active{
  display: table;
}

table.address{
  margin: auto;
  width: 341px;
}

#individual_table td:first-child , #legal_table td:first-child, table.address td:first-child{
  width: 123px;
}

#bookForm .input{
  width: 218px;
}

#bookForm input[type='submit']{
  background: url("/images/html/reserve_bg.png") repeat scroll 0 0 transparent;
  color: white;
  display: block;
  font: 18px/38px "Open Sans";
  height: 38px;
  text-align: center;
  text-decoration: none;
  margin: auto;
  border: none;
  width: 284px;
  margin-top: 40px;
  cursor: pointer;
}

.msg{
  text-align: center;
  font-weight: bold;
  color: green;
}

.errors{
  color: red;
}

#copyrights{
  text-align: center;
  color: #9a9a9a;
  font-size: 12px;
  margin-bottom: 5px;
}