/* ||| universal set of reset styles |||*/

html,
body,
div,
span,
applet,
object,
iframe,
caption,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	vertical-align: baseline;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
body {
	background: white;
	line-height: 1;
	color: black;
}
ol,
ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
}
/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clr {
	font-size : 1px;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/

html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	margin: 0px;
	padding: 0px;
	font-size:100%;
    line-height: 1;
    color: white;
    background-color: #022B3F;
    font : normal 12pt "Times New Roman",Times, serif;
    text-align: center;
}
#main{
    min-width: 1000px;
    min-height: 600px;
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    background-color: #022B3F;
    color: white;
    font : normal 0.8em "Times New Roman",Times, sans-serif;
}
#header{
    width: 100%;
    height: 279px;
    background: url(../images/header.jpg) top left repeat-x;
    overflow: hidden;
}
#top-menu{
    width: 100%;
    height: 37px;
    background: url(../images/menu-top.jpg) top left repeat-x;
    clear: both;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
#content{
    height: auto;
    width: 100%;
    background: url(../images/content-top.jpg) top left repeat-x;
    min-height: 600px;
}
#left-menu{
    width: 15%;
    min-width: 200px;
    background: none transparent;
    float: left;
    min-height: 600px;
    z-index: 2;
    overflow: hidden;
}
#content-space{
    margin-top: 30px;
    width: 80%;
    min-width: 780px;
    background: url(../images/center-content-space-head.jpg) top left #FFF repeat-x;
    float: right;
    min-height: 600px;
    z-index: 2;
    text-align: left;
    color: black;
    overflow: hidden;
}
#left-corner{
    background: url(../images/left-content-space-corner.jpg) top left #FFF no-repeat;
    width: 12px;
    min-width: 12px;
    float: left;
    min-height: 600px;
    z-index: 5;
}
#maincontent{
    float: right;
    background: none transparent;
    text-align: left;
    width: 95%;
    z-index: 9;
    margin-top: 30px;
    overflow: auto;
}
#logo{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 426px;
    height: 43px;
    z-index: 6;
    background: url(../images/logo-top.png) top left transparent no-repeat;
}
.logo-link{
    display: block;
    width: 426px;
    height: 43px;
    border: none transparent;
    z-index: 7;
    position: absolute;
    top: 10px;
    left: 10px;
}
#logo-1{
    position: absolute;
    top: 250px;
    left: 10px;
    width: 236px;
    height: 23px;
    z-index: 6;
    background: url(../images/logo-top-bottom.png) top left transparent no-repeat;
}
.logo-link-1{
    display: block;
    width: 236px;
    height: 23px;
    border: none transparent;
    z-index: 7;
    position: absolute;
    top: 250px;
    left: 10px;
}
#gallery{
   position: absolute;
   left:0px;
   top: 41px;
   width: 269px;
   height: 236px;
   z-index: 4;
   overflow: hidden;
}

.head-1,
.head-2,
.head-3,
.head-4,
.head-5,
.head-6{
  border: none transparent;
  z-index: 4;
  width: 269px;
  height: 236px;
  display: none;
}
#top-contacts{
    position: absolute;
    top: 45px;
    left: 200px;
    z-index: 7;
    background: none transparent;
    color: white;
    font: normal 120% "Times New Roman","Times",serif;
    line-height: 1.4;
    text-align: left;
    overflow: hidden;
    width: 780px;
    height: 234px;
    white-space: normal;
}
#top-contacts p{
    text-indent: 15px;
}
#top-contacts h3{
    font: normal bold 150% Arial,Verdana,Tahoma,sans-serif;
    margin-bottom: 10px;
    margin-left: 15px;
}
#top-menu{
    text-align: left;
}
ul.top-menu-list{
    margin: 0px;
    margin-left: 70px;
    color: black;
    overflow: hidden;
    height: 37px;
    background: url(../images/top-menu-firs-edge.jpg) transparent center left no-repeat;
    width: 100%;
}


ul.top-menu-list li{
    display: inline;
    height: 37px;
    font: normal 110% Verdana,Tahoma,Arial,serif;
    line-height: 2.5;
}
ul.top-menu-list li a.top-menu-link{
    color: black;
    text-decoration: none;
    padding: 0px 10px;
    padding-top: 4px;
    padding-bottom: 10px;
    height: 37px;
    border-left: 1px #FAFEFE solid;
    border-right: 1px #E5E5E5 solid;

}
ul.top-menu-list li a.top-menu-link:hover{
   background:url(../images/top-menu-hover.jpg) transparent top left repeat-x;
   padding-top: 9px;
}


ul.top-menu-list li.first-link a.top-menu-link{
    border-left: none transparent;
    padding-left: 37px;
}
div#left-menu h3{
    margin: 40px 20px 20px;
    color: white;
    font: italic 180% Arial,Tahoma,Verdana,serif;
    background: url(../images/left-menu-hover.png) center top no-repeat;
    height: 29px;
}
ul.left-menu{
    list-style: decimal;
    margin-left: 40px;
    text-align: left;
    font: normal 120% Arial,Tahoma,Verdana,serif;

}
ul.left-menu li{
    margin: 20px 0px;
    background: none transparent;
}
ul.left-menu li a.left-menu-link{
    font: italic 110% Arial,Tahoma,Verdana,serif;
    color: white;
    text-decoration: none;
    padding: 20px 10px;

}
ul.left-menu li a.left-menu-link:hover{
    text-decoration: underline;

}


div.left-menu-reklama{
    margin: 10px 0px;
}

div.left-menu-reklama h4{
    font-size: 18px;
    margin: 10px 0px;
}

div.left-menu-reklama img{
    width: 90%;
    height: auto;
    border: 0px;
}
div.left-menu-reklama a{
    border: 0px;

}


div.left-menu-contacts{
    text-align: left;
    margin: 20px;
}
div.left-menu-contacts h3{
    margin: 20px 20px 10px;
}
div.left-menu-contacts div.info{
    font: italic normal 110% Arial,Tahoma,Verdana,serif;
    line-height: 1.5;
    width: 180px;

}
div.left-menu-contacts div.info a{
    color: white;
}

div.top-menu-left{
    min-width: 800px;
    width: 800px;
    float: left;
}

div.top-menu-right{
    min-width: 100px;
    width: 120px;
    float: right;
}
ul.top-menu-fav{
    margin: 0px;
    color: black;
    overflow: hidden;
    height: 37px;
    background: none transparent;
    width: 100%;
}

ul.top-menu-fav li{
    display: inline;
    height: 37px;
    font: normal 110% Verdana,Tahoma,Arial,serif;
    line-height: 2.5;
}
ul.top-menu-fav li a.top-menu-link{
    color: black;
    text-decoration: none;
    padding: 0px 10px;
    padding-top: 4px;
    padding-bottom: 10px;
    height: 37px;
    border-left: 1px #FAFEFE solid;
    border-right: 1px #E5E5E5 solid;

}
ul.top-menu-fav li a.top-menu-link:hover{
   background:url(../images/top-menu-hover.jpg) transparent top left repeat-x;
   padding-top: 9px;
}

.maincontent-body{
  white-space: normal;
  clear: both;
  padding-top: 30px;
  margin-right: 2%;
  font: normal normal 125% "Times","Times New Roman",sans-serif;
  line-height: 1.5;
  text-align: justify;
}

.maincontent-img,.maincontent-img-full{
    z-index: 11;
    height: auto !important;
    padding: 4px;
    border: solid 1px #BBC0C0;
    background-color: #FFF;
    float: left;
    margin-right: 30px;
    overflow: hidden;
    clear: none;
}
.maincontent-img img,.maincontent-img-full img{
    width: 100%;
    height: auto;
}
.maincontent-img{
    width: 150px;
}

.maincontent-text{
    overflow: hidden;
}


.maincontent-text p{
    text-indent: 15px;
}
.separete{
    height: 33px;
    width: 100%;
    clear: both;
    margin: 10px 0px;
    margin-top: 20px;
    padding-top: 40px;
    text-align: center;

}
.maincontent-header{
    color: #243B52;
    font: normal normal 150% Arial,Verdana,Tahoma,serif;
    margin-bottom: 10px;
}

.more{
    margin-left: 20px;
}


.more-link{
    color: #243B52;
    font: normal normal 80% Arial,Verdana,Tahoma,serif;

}
.more-link:visited,.more-link:link{
    text-decoration: none;
}
.more-link:hover{
    text-decoration: underline;
}
.maincontent-img-full{
    width: 300px;
    margin-bottom: 20px;
}
#sheme-holder{
    display: none;
}

#logo-maz{
    position: absolute;
    top: 125px;
    left: 200px;
    background: url(../images/logo-5.png) top left no-repeat;
    z-index: 12;
    width: 153px;
    height: 83px;

}

#logo-kamaz{
    position: absolute;
    top: 125px;
    left: 100px;
    background: url(../images/logo-6.png) top left no-repeat;
    z-index: 12;
    width: 78px;
    height: 99px;
}

#logo-yazta{
    position: absolute;
    top: 125px;
    left: 500px;
    background: url(../images/logo-3.jpg) top left no-repeat;
    z-index: 12;
    width: 275px;
    height: 70px;
    border: 3px solid  #044A63;
}
#logo-yat{
    position: absolute;
    top: 125px;
    left: 380px;
    background: url(../images/logo-1.jpg) top left no-repeat;
    z-index: 12;
    width: 93px;
    height: 94px;
    border: 3px solid  #044A63;
}

#logo-azpi{
    position: absolute;
    top: 30px;
    left: 290px;
    background: url(../images/logo-2.jpg) top left no-repeat;
    z-index: 12;
    width: 226px;
    height: 66px;
    border: 3px solid  #044A63;
}

#logo-yazda{
    position: absolute;
    top: 30px;
    left: 534px;
    background: url(../images/logo-4.jpg) top left no-repeat;
    z-index: 12;
    width: 241px;
    height: 71px;
    border: 3px solid  #044A63;
}

#logo-aztn{
    position: absolute;
    top: 30px;
    left: 100px;
    background: url(../images/logo-6.jpg) top left no-repeat;
    z-index: 12;
    width: 169px;
    height: 70px;
    border: 3px solid  #044A63;
}


.logo-maz{
    width: 153px;
    height: 83px;
    display: block;
}


.logo-kamaz{
    width: 78px;
    height: 99px;
    display: block;
}

.logo-yazta{
    width: 275px;
    height: 70px;
    display: block;
}
.logo-yat{
    width: 93px;
    height: 94px;
    display: block;
}

.logo-azpi{
    width: 226px;
    height: 66px;
    display: block;
}

.logo-yazda{
    width: 241px;
    height: 71px;
    display: block;
}

.logo-aztn{
    width: 169px;
    height: 70px;
    display: block;
}


.counter-1,.counter-2,.counter-3{
    float: left;
    width: 20%;
    height: 31px;
    margin-left: 10%;
    z-index: 22;
}
.counter-1{
    background: url(../images/counter.gif) center top transparent no-repeat;
}
.counter-2{
    background: url(../images/counter-1.gif) center top transparent no-repeat;
}
.counter-3{
    background: url(../images/counter-2.gif) center top transparent no-repeat;
}
.full-text p{
    text-indent: 20px;
    margin: 10px auto;
    line-height: 1.5;
}
.full-text .another{
    font-size: 110%;
    font-family: Arial;
    font-style: italic;
    color: #243B52;
}
.full-text ul{

}
.full-text ul,.full-text ol{
    padding: 15px;
}


.full-text ul li,.full-text ol li{
  list-style: disc outside none;
}
.full-text ol.num li{
  list-style: decimal outside none;
}
.full-text ul.line li{
  list-style: circle outside none;
}
.maincontent-text a{
  color: #243B52;
}
.full-text a{
  color: #08627C;
}


.reklama{
  width: 800px;
  height: 582px;
}
.images{
  float: left;
  width: 320px;
  text-indent: 0px !important;
  text-align: left !important;
}
table.service-t{
  padding: 0px;
  margin: 15px;
  border: 1px solid black;
  border-collapse: collapse;
  margin: auto;
  text-align: center;
  width: 100%;
}
table.service-t td{
  padding: 0px;
  border: 1px solid black;
}
.tr-grey{
  background: #DBDADB;
  text-align: center;
}
.td-vmiddle{
  vertical-align: middle;
}

.tr-grey-1{
  background: #f0f0f0;
  text-align: center;
}

.tr-grey-2{
  background: #e8e8e8;
  text-align: center;
}


.td-bold{
  font-weight: bold;
}
.service-middle{
    padding-top: 50px;
    padding-left: 10px;
    float: left;
}
.middle{
    padding: 20px;
}
.middle a{
    margin: 0 10px;
}
.middle b{
    margin: 0 2px;
}
.xls,.rar{
    padding-left: 20px;
    height: 20px;
}
.rar{
      background: url(../images/rar.gif) left top transparent no-repeat;
}
.xls{
      background: url(../images/xls2.gif) left top transparent no-repeat;
}
.price-xls{
      font-size: 120%;
      margin: 20px 0px 5px;
}
.price-zip{
      font-size: 120%;
}
.top-nav a{
      font-size: 120%;
      color: #243B52;
      text-transform: uppercase;
      float: left;
      width: 20%;
      text-align: right;
}