/*
 * Style for mgrc.ru site
 *
 * Design: LTD progway, http://www.progway.ru/
 * Author: LTD progway, http://www.progway.ru/
 * Copyright (c): 2008
 *
 */

/* == RESET == */

html {
  background: white;
}
body {
  width: 100%;
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
div, ul, li, img, form, p {
  padding: 0;
  margin: 0;
}                                   
ul {
  list-style: none;
}
ul.classic {
  padding-left: 20px;
  list-style: disc;
}
ol {
  margin: 0;
  padding: 0;
  margin-left: 0;
  padding-left: 30px;
}
body, div {
  font-family: Verdana, sans-serif;
}
body, div, p, td{
  font-size: 12px;
  color: black;
}
a {
}

.bold {
  font-weight: bold;
}
.big {            
  font-size: 120%;
}
.big2 {
  font-size: 140%;
}
.small {
  font-size: 90%;
}
.small2 {
  font-size: 75%;
}
.small3 {
  font-size: 60%;
}
.left {
  float: left;
}
.right, .signature {
  float: right;
}
.shift {
  padding-left: 3em;
}
.text_header{
  float: right;
  width: 250px;
}
.clear {
  clear: both;
}
.center {
  text-align: center;
}
.important {
  text-decoration: underline;
}
.indent {
  padding-bottom: 15px;
}
.indent2 {
  padding-bottom: 30px;
}
#right_side .dont_indent {
  padding-bottom: 0;
  margin-bottom: 0;
}
.zipped {
  width: 70%;
}
.error {
  color: #cd0000;
  font-size: 0.85em;
  /*margin-left: 1.2em;*/
}
.black {
  color: black;
}
.price {
  color: #00923f;
}
.phone {
  font-size: 150%;
}
.phone.left_indent {
  padding-left: 3em;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}

/*---начало разметка-----*/
#alter_topmenu,#topmenu{
  width: 999px;
  height: 55px;
  margin: 0 auto 10px;
}
#alter_topmenu{
  margin-bottom: 0;
}
#alter_topmenu li,#topmenu li{
  float: left;
  margin: 20px 35px 10px; 
}
#left_band{
  height:106px;
  width:50%;
  position: absolute;
  left: 0px;
  top:97px; 
}
#right_band{
  height:106px;
  width:50%;
  position: absolute;
  right: 0px;
  top:97px; 
}
#alter_right_band{
  height:122px;
  width:50%;
  position: absolute;
  right: 0px;
  top:76px; 
  background: url('assets/images/right_band_bg.jpg') repeat-x;
}
#truck_bg{
  background: url("assets/images/trailer.jpg") no-repeat;
  height: 200px;
  width: 914px;
  margin: 0 auto;
  padding: 10px 40px 0 45px;
  position: relative;
}
#truck_bg img{
  border: none;
}
#alter_head h1,#truck_bg h1{
  width: 230px;
  height: 80px;
  float: left;
}
#alter_head{
  background: url("assets/images/alter_head.jpg") no-repeat;
  height: 165px;
  width: 979px;
  margin: 0px auto;
  padding: 30px 0 0 20px;
  position: relative;
}
#alter_head img{
  border: none;
  margin-top: -10px;
}
#alter_head #contacts{
  margin:  10px 0 0 290px;
}
#contacts, #address, #alter_head img, #header img{
  float: left;
  margin: 0 10px;
}
#contacts, #address{
  margin: 10px 10px;
}
#alter_head #address {
  width: 173px;
}
#contacts h6,#address h6{
  margin-bottom: 5px;
}
#main_wrapper{
  width: 100%;
  float: left;
}
#main{
  width: 999px;
  margin: 0 auto;
  overflow: hidden;
}
#main h3{
  clear: right;
  margin: 15px 0;
  font-weight: bold;
  font-size: 30px;
  line-height: 25px;
}
#left_side{
  float:  left;
  padding: 70px 35px;
}
.with_request {
  width: 240px;
}
.without_request {
  width: 190px;
}
#left_side li{
  margin: 10px 0;
}
#right_side{
  min-height: 600px;
  float: left;
  border-left: 1px #dadbdd dotted;
}
.without_request_right{
  width: 608px;
  padding: 10px 55px 50px 55px;
}
.with_request_right{
  width: 558px;
  padding: 10px 30px 50px 30px;
}
#right_side p{
  margin-bottom: 15px;
}
#right_side h4{
  margin: 10px 0;
}
#right_side .news h4,#right_side .news p{
  margin: 0;
}
.news{
  margin: 25px 0;
}
#left_sidebar{
  width: 345px;
  padding: 10px 25px;
  float: left;
  min-height: 670px;
}
#left_sidebar p{
  margin: 10px 0;
}
#content{
  float: right;
  width: 554px;
  padding: 10px 25px;
  min-height:  670px;
}
#footer_wrapper{
  width: 100%;
}
#footer{
  width: 999px;
  margin: 0 auto;
}
#footer li, #bottommenu{
  float: left;
  margin: 20px 30px;
}  
#copyright{
  float: right;
  margin: 22px 70px 22px 0;
}
#copyright a{
  font-size: 95%;
}
#copyright a:hover {
  color: #1B4681;
  background-color: white;
}
.certificate{
  margin-bottom: 25px;
  float: left;
}
#right_side .text_column h4{
  margin-top: 0;
}
#request_button{
  text-align: center;
  margin-top: 20px;
  width: 271px;
}
#left_side #request_button a{
  width: 256px;
  height: 66px;
  background: url("assets/images/request.png") no-repeat;
  display: block;
  padding: 12px 10px 12px 5px; 
}
.img_column{
  float: left;
  width: 196px;
  height: 270px;
  margin-right: 10px;
}
a.highslide img {
  border:0px solid red;
}
.img_column img{
  width: 176px;
  height: 260px;
}
.img_column img.dropShadow{
  margin: 0;
}
.text_column{
  margin-left:190px;
}
.partners {
  float: left;
}
.partners li{
  margin-bottom: 15px;
  float: left;
}
.img_partner{
  float: left;
  width: 120px;
  text-align: center;
}
.img_partner img{
  margin: 0;
  border: 0;
  max-width: 120px;
  display: inline;
}
.partners li p{
  margin-left: 130px;
}
#right_side .vacancies h4{
  margin: 20px 0 0;
}
#right_side .vacancies p{
  margin-bottom: 5px;
}
#right_side .vacancies h5{
  font-size: 11px;
}
#right_side .documents li {
  padding: 5px 0;
}
#leftwrapper,#rightwrapper{
  float: left;
}
#rightwrapper{
  width: 187px;
}
#leftwrapper{
  width: 390px;
  margin-right: 25px;
}
#rightwrapper img{
  margin: 0;
}
#foto{
  width: 187px;
}
#contact{
  margin: 0;
  font-size: 11px;
}
#contact li{
  margin-bottom: 25px;
}
#contact span{
  display: block;
  color: #000;
  margin: 3px 0;
}
#right_side #contact h4{
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}
#contact .contact_phone{
  display:inline;
}
#contact .email a,#contact .state, #contact .contact_phone{
  font-weight: bold;
}
.shem{
  font-weight: bold;
}
#map{
  background-color: grey;
  width: 590px;
  height: 300px;
}
/* -----начало заявка------*/
#request_form{
  background-color:#dadbdd ;
  padding: 15px 15px 10px;
  margin-top: -10px;
  width: 555px;
}
input,select{
  display: block;
  margin-top: 3px;
}
.textfield{
  height: 15px;
  width: 125px;
}
select{
  height: 19px;
  width: 170px;
}
#request{
  width: 545px;
  position: relative;
  
}
#request_,#addcar{
  position: relative;
  background-color:#dadbdd;
  height: 590px;
  width: 565px;
}
#addcar #type_of_body{
  position: static;
}
#addcar #loading_method{
  position: absolute;
  left: 180px;
  top: 0;
}
#addcar #car_capacity{
  position: absolute;
  top: 70px;
}
#addcar #car_size{
  position: absolute;
  top: 70px;
  left: 290px;
}
#addcar #car_size input{
  float: left;
  width: 70px;
  margin-right: 10px;
}
#addcar #volume{
  position: absolute;
  top: 70px;
}
#addcar #loading{
  position: absolute;
  top: 140px;
}
#addcar #unloading{
  position: absolute;
  top: 140px;
}
#addcar #readiness_load{
  position: absolute;
  top: 130px;
  left: 285px;
}
#unloading{
  position: absolute;
  left: 145px;
  top: 0px;
}
#description{
  position: absolute;
  left: 290px;
  top: 0;
  width: 270px;
}
#description input{
  position: absolute;
  top: 14px;
  left: 180px;  
  width: 90px;
  height: 15px;
}
#description label em {
  position: absolute;
  top: 45px;
}

#weight{
  position: absolute;
  top: 80px;
}
#volume{
  position: absolute;
  top: 80px;
  left: 145px;
}
#type_of_body{
  position: absolute;
  top: 80px;
  left: 290px;
}
#loading_method{
  position: absolute;
  top: 140px;
}
#quantity_cars{
  position: absolute;
  top: 140px;
  left: 183px;
}
#quantity_cars input{
  height: 15px;
  width: 85px;
}

#readiness_load{
  position: absolute;
  top: 132px;
  left: 345px;
}
#readiness_load input, #readiness_load select{
  display: inline;
}
#readiness_load label{
  margin:3px;
}
input.day{
  width: 65px;
  height: 15px;
}
select.day{
  height: 19px;
  width: 40px;
  margin-bottom: 3px;
}
#paying{
  position: absolute;
  top: 200px;
}
#paying p{
  margin-bottom: 0;
}
#paying input{
  margin: 5px 5px 0;
  display: inline;
}
.widefield{
  width: 270px;
  height: 15px;
}
#name{
  position: absolute;
  top: 250px;
}
#company{
  position: absolute;
  top: 250px;
  left: 290px;
}
#client_phone,#client_e-mail,#client_icq,#client_skype{
  position: absolute;
  top: 300px;  
}
#client_e-mail{
  left: 145px;
}
#client_icq{
  left: 290px;
}
#client_skype{
  left: 435px;
}
#comment{
  position: absolute;
  top: 380px;
  left: 110px;
  width: 350px;
 
}
#comment textarea{
  width: 350px;
  height: 60px;
}
#comment input{
  float:right;
  margin: 10px 0 0 0;
  height: 25px;
}
#captcha{
  position: absolute;
  top: 490px;
  left: 180px;
}
#captcha img, #captcha input{
  float: left;
}
#captcha input{
  width: 100px;
}
#submit input{
  width: 70px;
  height: 30px; 
}
#submit{
  position: absolute;
  top: 535px;
  left: 270px;
}
#submit input,#comment input{
  background:none;
  background-color:#d4d0c8;
  padding: 0;
  font: 10px Verdana;
}
/*-----конец заявка--------*/

/*-----конец разметка---*/

/*-----начало цвета------*/
#left_band{
  background:#1b4783;
}
#right_band{
  background: #4081dd;
}
#truck_bg h1,#alter_head h1, #contacts p, #address p, #address a{
  color: #fff;
}
#contacts,#address {
  color: #f0d21d;
}
#main_wrapper,#left_sidebar{
  background: #dadbdd;
}
#main h3,#main h4,#main h4 a{
  color: #1b4681;
}
#main a{
  color: #000;
}
#content,#main{
  background: #ecedee;
}

#footer_wrapper{
  background:#1b4681;
}
#footer a,#copyright{
  color: #fefefe;
}  
#copyright{
  color:#dadbdd;
}  
select{
  color: #c0bfbf;
}
#left_side #request_button a{
   color:#f8c300;
}
.even{
  background-color: #fff;
}
.lightblue{
  background-color:#c5d1e3;
}
.bluehead td{
  background-color: #18427b;
  color: #f8c300;
}
.white{
  background-color: #fff;
}
.greyhead{
  background-color: #ecedee;
}
/*----конец цвета---------*/
/*----начало шрифты----*/
#alter_topmenu a,#topmenu a{
  color: #1b4681;
  font: 12px Verdana;
}
#truck_bg h1,#alter_head h1{
  font: 26px Verdana;
}
#contacts h6,#address h6{
  font: bold 16px Verdana;
}
#content label, #main p,#request_ label,#addcar label{
  font-size: 11px;
}
#copyright{
  font: 9px Verdana;
}
select{
  font: 9px Verdana;
}
#description label em{
  font-size: 9px;
}
#right_side h4{
  font-size: 16px;
}
#request_button a{
  font: 20px Verdana;
  font-weight: bold;
  text-decoration: none;
}
#rightwrapper p{
  font-size: 9px;
}
#right_side h5{
  font-size: 12px;
}
#right_side table td{
  font-size: 11px;
}
/*-----конец шрифты-----*/
/*-----начало прочее-----*/
#topmenu li.active a,#alter_topmenu li.active a{
  font-weight: bold;
}
#left_side a{
    padding: 2px 4px;
    color: #1b4681;
}
#left_side li.active a{
  font-weight: bold;
  text-decoration: none;
  background: #f8c300;
}
.date{
  color: #1b4681;
}
.load_date{
  margin: 10px 0 0;
}
.load_num{
  margin: 3px 0 0;
}
#loading_table td,#price td{
  padding: 3px;
}
#loading_table  .greyhead td{
  padding: 3px 0 0;
}
#price thead  td{
  background:#19447d;
  color: #f8c300;
  padding: 5px;
  font-size: 11px;
  
}
#price td, #loading_table td{
  border-left: #899dbc dashed 1px;
}
#price td:first-child, #loading_table td:first-child{
  border-left:none;
}
#price, #loading_table{
  width: 595px;
  text-align:center;
  background: #dddfe9;
}

#price{
  empty-cells: hide;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.td_car{
  width: 95px;
}
.td_type_of_body{
  width: 150px;
}
#right_side thead td.td_price{
  padding: 5px 0;
}

#td_long{
  border-bottom:  #899dbc dashed 1px;
}
.right{
  float: right;
  font-weight: bold;
}
.left{
  float: left;
  font-weight: bold;
  font-size: 18px;
  color: #1b4681;
}
.manager{
  text-align: left;
}
.pagination{
  float: left;
  margin-left: 150px;
}
.pagination li{
  display: inline;
  float: left;
  margin: 25px 10px -15px;
  font-size: 11px;
}
#yellowbox{
  position: absolute;
  left:0;
  top: 0;
  background: #f8c300;
}
#quotation{
  display: inline;
  float: right;
  width: 300px;
}
div#quotation p{
  font-size: 10px;
  font-style: italic;
  margin-bottom: 0;
}
#price .td_norm{
  border-right:#899dbc dashed 1px;
}
#right_side ol{
  font-size: 90%;
}
.required:after{
  content: '*';  
}