html
{
  padding:0;
  margin:0;
  min-height: 100%;
}


body    
{ 
  margin: 0; 
  padding: 0; 
  font: 90%/1.2 verdana, arial; 
  position: relative;
  background-color: #000;
  text-align: center;
  color:#fff;
  
}



  
h1, h2
{
  font-size: 2em;
  margin: 0 0 10px 0;
  text-align: left;
  font-weight: normal;
}

h2
{
  font-size: 1.5em;
  margin: 30px 0 10px 0;
}


img
{
  border: none;
}

 a{text-decoration: none;color:#fff; }

#page
{
  width: 920px;  
  margin: 0 auto;
  overflow: hidden;
  position: relative;        
}

#header, #header2, #header3, #header4, #header5, #header6, #header7{
  width:920px;
  height: 405px;
  background: url(../img/header.jpg) top left no-repeat;  
  position: relative;
  text-align: justify;
}
#header2{height:406px;background: url(../img/header2.jpg) top left no-repeat; }
#header3{height:406px;background: url(../img/header3.jpg) top left no-repeat; }
#header4{height:406px;background: url(../img/header4.jpg) top left no-repeat; }
#header5{height:406px;background: url(../img/header5.jpg) top left no-repeat; }
#header6{height:406px;background: url(../img/header6.jpg) top left no-repeat; }
#header7{height:120px;background: url(../img/header7.jpg) top left no-repeat; }

#header p, #header2 p{
  position: absolute;
  top:154px;
  left:650px;
  text-align: justify;
  font-size: 10px;
  width:250px;
}
#header2 p{color:#000;left:585px;width:300px;}
#header3 ul{
  position: absolute;
  top:250px;
  left:740px;
  list-style:none;
  margin:0;
  padding:0;
  display: block;
  font-size: 10px;
  color:#000;
}
#header3 ul li{
  margin:5px 0;
  padding:0;
}
#center{
  background: #fff;
  position: relative;
  text-align: justify;
}
#footer{
  background: url(../img/footer.jpg) left top no-repeat;
  height:171px;
  font-size: 11px;
}
#footer a{
  color:#000;
}
#footer_left{
  width:320px;
  float:left;
  color:#000;
  font-size: 11px;
  padding:20px;
}

#footer_left ul{
  list-style: none;
  margin:0;
  padding:0;
  font-size: 10px;
}
#footer_left ul li{
  text-align: center;
  margin:10px 0;
}

#footer_left ul li a{
  font-weight: normal;
  display: block;
  text-align: left;
  width:100px
}
#footer_left ul li a:hover{
  color:#1f76b3;
}
#footer_left ul li a.active{
  font-weight: bold;
}
#footer_center{
  width:400px;
  float:left;
  color:#000;
  font-size: 10px;
  padding:10px 0 0 0;
  text-align: left;
}
#footer_center img{
  margin:0 20px 0 0;
}
#footer_right{
  padding:20px 0 0 0;
  text-align: left;
}
#content{
  background-color:#1f76b3;
}
#content.space0{
  background: #1f76b3 url(../img/content.jpg) left bottom no-repeat;
  padding:20px;
}
#content.space{
  background: #1f76b3 url(../img/content.jpg) left bottom no-repeat;
  padding:30px 15px 10px 30px;
}
#content.space2{
  background: #1f76b3 url(../img/bg.jpg) left top repeat-x;
  padding:20px 25px 40px 10px;
}
#content.space3{
  background: #1f76b3 url(../img/bg.jpg) left top repeat-x;
  padding:20px 5px 10px 15px;
}
#content.space4{
  background: #1f76b3 url(../img/bg.jpg) left top repeat-x;
  padding:40px 20px 60px 20px;
  font-size: 12px;

}  
#content.space5{
  background: #1f76b3 url(../img/bg.jpg) left top repeat-x;
  padding:40px 50px 60px 20px;
  font-size: 12px;

} 
#content.space6{
  background: #1f76b3 url(../img/bg.jpg) left top repeat-x;
  padding:45px 60px 55px 20px;
  font-size: 12px;

}  
#content.space7{
  background: #1f76b3 url(../img/detail_bg.jpg) left top repeat-x;
  padding:0px 0px 20px 35px;
  font-size: 12px;

}  
#content ul{
  list-style: none;
  margin:0 0 0;
  padding:0 0 0 0;
  color:#000;
}
#content ul li{
  width:480px;
  padding:15px 20px 0 0px;  
}

#ford, #ford2, #ford3{
  height: 98px;
  background: url(../img/ford.jpg) left top no-repeat;
}
#ford2{background: url(../img/ford2.jpg) left top no-repeat;}
#ford3{background: url(../img/koop.jpg) left top no-repeat;}
#service{
  height: 227px;
  background: url(../img/servis.jpg) left top no-repeat;
  position: relative;
}
#picture{
  position: absolute;
  top:24px;
  left:336px;
  width:549px;
  height:178px;
  background: url(../img/car1.jpg) left top no-repeat;
}
#picture_left, #picture_right{
  position: absolute;
  top:93px;
  display: block;
  left:313px;
  width:20px;
  height:40px;
  cursor: pointer;
}
#picture_right{
  left:888px;  
}
#index_left{
  float:left;
  width:270px;
  font-size:10px;
}
#index_left span{
  background: url(../img/arrow.jpg) 0px 3px no-repeat;
  padding:0 0 0 20px;
  margin:0 0 0 -19px;
}
#index_right{
  float:left;
  width:560px;
  margin:0 0 0 40px;
}
#index_new{
  background-color: #fff;
  width:559px;
  font-size: 10px;
  margin:10px 0 0 0;
  color:#000;
}
#news{
  background-color: #fff;
  padding:30px;
  font-size: 10px;
  color:#000;
}
#index_new #head{
  background-color: #ff7808;
  height:38px;
  line-height: 38px;
  font-size: 14px;
  padding:0 0 0 20px;
  color:#fff;
  font-weight: bold;
}
#index_new .new_item, #news .new_item{
  margin:5px 0;
  background: url(../img/new.jpg) 4px top no-repeat;  
  padding:0 0 0 20px;
  width:500px;
  height:65px;
}
#news .new_item{
  margin:15px 0;
  width:700px;
}
#new_detail .title{
  color:#ff7808;
  font-size: 14px;
}
#index_new .new_item strong, #news .new_item strong{
  color:#ff7808;
  font-size: 11px;
}
#index_new a, #news a{
  color:#ff7808;
}
#index_new .new_item p{
  margin:5px 0 0 0;
}
#news{
  background-color: #fff;
  padding:30px;
  font-size: 10px;
  color:#000;
}
#all_news{
  float: right;
  font-size: 11px;
  font-weight: bold;
  padding:10px 5px;
  display: block;
}
#offer, #service2{
  float:left;
  width:278px;
  height:107px;
}
#offer{
  background: url(../img/offer.jpg) 0px 0px no-repeat;
}
#service2{
  background: url(../img/servis2.jpg) 0px 0px no-repeat;
  margin:0 0 0 3px;
}



/*    sluzby       */
#service_left{
  width:384px;
  height:536px;
  float:left;
  background: url(../img/sluzby_bg.jpg) 0px 0px repeat-x;  
  font-size: 10px;
  padding:30px 20px;
}
#service_left img{
  border:1px solid #ccc8c9;
  margin:0 4px 0 0;
}
#service_right{
  width:440px;
  font-size: 10px;
  float:left;
  margin:100px 0 0 20px;
}
.line{
  background: url(../img/line.jpg) 0px 0px no-repeat;
  height:2px;
}

/*    pojisteni       */
#pojisteni_left{
  width:290px;
  float:left;
  font-size: 11px;
  font-weight: normal;
}

#pojisteni_right{
  width:450px;
  font-size: 10px;
  float:left;
  font-size: 11px;
  font-weight: normal;
  margin:0 0 0 80px;
  text-align: left;
}
#pojisteni_right p a{
  color:#000;
}

/*    kontakt       */
#contact_left{
  width:190px;
  float:left;
}

#contact_right{
  width:620px;
  float:left;
  margin:0 0 0 20px;
  text-align: left;
}
#contact_right span{
  display: block;
  width:80px;
  float: left;
}

 /*    nabidka       */
.car{
  width:830px;
  height:195px;
  background: url(../img/nabidka_box.png) 0px 0px no-repeat;
  font-size: 10px; 
  padding:0 0 0 5px;
  overflow: hidden;
  margin:0 0 10px 0;
}
.car_left{
  width:195px;
  float:left;
}
.car_left img{
  margin:0 0 0 3px;
}
.car_left img.big{
  background: url(../img/nabidka_big_bg.jpg) 0px 0px no-repeat;
  padding:5px;
  margin:5px 0 3px 0px;
}
.car_right{
  padding:10px 0 0 0;
  width:620px;
  float:left;
}

.car_right strong{
  display: block;
  padding:0 0 5px 0;
  border-bottom:1px solid #3d8dc5;
}
.car_right p{
  height:100px;
  overflow: hidden;
}
.car_right span{
  float:right;
  display: block;
  width:120px;
  height:30px;
  background: url(../img/nabidka_bg.jpg) 0px 0px no-repeat;
  line-height: 30px; 
  margin:10px 0 0 20px;
  text-align: center; 
  color:#000;
}

#detail_gallery{
  height:98px;
  background-color: #fff;
}
#detail_gallery img{
  margin:8px 5px 0 5px;
  padding:0;
}
#detail_gallery a{
  cursor: pointer;
}
#nav_left{
  width:15px;
  height:98px;
  background: url(../img/arrow_left.jpg) center center no-repeat;
  display: block;
  float:left;
  margin:0 0 0 10px;
  cursor: pointer;  
}
#nav_right{
  width:15px;
  height:98px;
  background: url(../img/arrow_right.jpg) center center no-repeat;
  display: block;
  float:left;
  margin:0 0 0 0px; 
  cursor: pointer; 
}
#ajax_gallery{
  float:left;
  height:93px;
  width:870px;
  overflow: hidden;
}
#ajax_gallery img{
  position: relative;
}
#detail_left{
  float: left;
  width: 542px;
  text-align: left;
}
#detail_left .name{
  font-weight: normal;
  font-size: 15px;
  padding:30px 0px;
  display: block;
}
#detail_right{
  float: left;
  width: 343px;
}
#detail_right #price{
  height:112px;
  background: url(../img/price.jpg) 0px 0px no-repeat;
  font-size: 18px;
  font-weight: bold;
  line-height: 112px;
  padding:0 0 0 70px;
}
#detail_right #detail_info{
  padding:15px;
}
.atr_left{
  float:left;
  width:150px;
  text-align: left;

}
.atr_right{
  float:left;
  width:160px;
}
#form{
  width:400px;
  background: #fff;
  margin:20px 0 0px 0;
  padding-bottom: 10px;
  color:#01acdf;
}
#form .form_name{
  height:30px;
  line-height:30px;
  background-color: #01acdf;
  padding:0 0px 0 20px;
  font-size: 11px;
  color:#fff;
}
#form .input{
  border:none;
  width:382px;
  height:29px;
  background: url(../img/input.jpg) 0px 0px no-repeat;
  margin:5px 0 0 10px;
  padding:5px;    
} 
#form .input input{
  border:none;
  color:#01acdf;
  width:372px; 
  background: none;

}
#form .textarea{
  width:381px;
  height:117px;
  background: url(../img/textarea.jpg) 0px 0px no-repeat;  
  margin:0px 0 0 10px;
  padding:5px;
}
#form .textarea textarea{
  width:366px;
  height:102px;
  border:none;
  color:#01acdf;
  background: none;
}
#form .submit{
  border:none;
  background:#01acdf;
  padding:5px 15px;
  color:#fff;
  float: right;
  margin:0 10px 0 0;
}





.line_height{
  line-height:79px;
}
.line_height2{
  line-height:35px;
}
.float_left{
  float:left;
}
.float_right{
  float:right;
}
.margin_right{
  margin-right:20px;
}
.margin_left{
  margin-left:30px;
}
.margin_bottom{
  margin-bottom:20px;
}
.clear_both{
  clear:both;
}
.bigger{
  font-size: 1.3em;
}





#menu
{
  position: absolute;
  top:16px;
  left:333px;
  height:48px;
  line-height:48px;
  padding: 0;
  margin:0;
  list-style: none;

}
#menu.page1{
  top:16px;
}

#menu li
{
  padding: 0;
  list-style-type: none;
  float:left;
  margin:0 10px;
}


#menu li a
{
  padding: 0px 8px;
  margin: 0;
  display: block;
  line-height: 48px;
  color:#fff;
  text-decoration: none;
  overflow: hidden;
  font-family: myriad Pro;
  text-align: center;
  font-size: 14px;
}

#menu li a:hover, #menu li a.active
{
  background: url(../img/menu.jpg) top left repeat-x; 
  color:#0199d8;
  
}