html, body{
margin : 0;
padding : 0;
width : 100%;
height : 100%;
}
img {
border : 0;
}
body {
font-family: 'Arial', sans-serif;
font-size : 90%;
background: url(../img/head.png) top center no-repeat #e3e2e2;
}
p a{
line-height:23px;
color : #0e7bcd;
text-decoration : none;
}
p a:hover{
line-height:23px;
color : #0e7bcd;
text-decoration : underline;
}
.clear {
clear : both;
}
.ortala {
margin : 0 auto;
width : 980px;
}
#copyright {
margin : 0 auto;
width : 980px;
height : 100px;
font-size:80%;
color : #666;
margin-top:10px;
}
.slide {
float :left;
width : 839px;
height : 333px;
background:url(../img/load.gif) center center no-repeat #333;
}
.mask {
position : absolute;
width : 980px;
height : 333px;
background:url(../img/mask.png) center center no-repeat;
}
.alt {
margin-top :12px;
padding :10px;
width : 960px;
height : 189px;
background:url(../img/alt.png) center center no-repeat;
}
.page {
padding :10px;
padding-top :0;
width : 960px;
min-height : 350px;
background:#fff;
border-radius : 10px;
color : #555;
}
.baslik {
padding :10px 0;
border-bottom : 1px solid #ddd;
color : #006cc2;
font-weight: bold;
}
#top {
padding-top : 5px;
height : 34px;
width : 100%;
background:url(../img/top_bg.png);
}
#top a{
line-height:23px;
color : #777;
text-decoration : none;
text-shadow : 1px 1px #fff;
}
#top a:hover{
line-height:23px;
color : #0e7bcd;
text-decoration : none;
text-shadow : 1px 1px #fff;
}
#ses {
float:left;
padding-left : 30px;
height : 24px;
width : 30px;
background:url(../img/ses.png) center left no-repeat;
border-left:1px solid #ccc;
}
#face {
float:left;
padding-left : 30px;
height : 24px;
width : 110px;
background:url(../img/face.png) center left no-repeat;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#tel {
float:left;
padding-left : 30px;
height : 24px;
width : 110px;
background:url(../img/tel.png) center left no-repeat;
border-right:1px solid #ccc;
}
#cep {
float:left;
padding-left : 30px;
height : 24px;
width : 110px;
background:url(../img/cep.png) center left no-repeat;
border-right:1px solid #ccc;
}
#map {
float:left;
padding-left : 26px;
height : 24px;
width : 110px;
background:url(../img/map.png) center left no-repeat;
border-right:1px solid #ccc;
}
#header {
width:980px;
height:144px;
padding-top:12px;
margin:0 auto;
background:url(../img/header.png) no-repeat;
position:relative;
}
.araba_far {
width:406px;
height:147px;
margin-top:-90px;
margin-left:574px;
position:absolute;
z-index:300;
}
.menu {
border-radius : 7px;
width:976px;
margin : 0 auto;
height:40px;
margin-top:15px;
text-decoration : none;
}
a.logo {
display:block;
width:579px;
height:78px;
background:url(../img/logo.png) no-repeat;
text-decoration : none;
}
a.logo h1 {
margin:0;
padding : 0;
font-weight:normal;
font-size : 11px;
padding-top : 66px;
padding-left : 45px;
color : #0085e9;
text-decoration : none;
}

#cars {
margin : 0 auto;
margin-bottom : 20px;
margin-top : 8px;
padding : 10px;
padding-bottom : 0;
padding-top : 15px;
width : 950px;
background : #fff;
border-radius : 10px;
border : #ddd solid 1px;
}
.detay{
width: 928px;
padding : 10px;
}
.detayresim{
float:left;
width: 520px;
}
.detayresim2{
float:left;
width: 408px;
}
.detayresim .resim{
width: 520px;
height : 390px;
background : url(../img/loader.gif) center center no-repeat #fff;
}
.detayresim2 .resim2{
width: 408px;
height : 272px;
background : url(../img/loader.gif) center center no-repeat #fff;
}
.detayresim2 .resim{
width: 408px;
height : 272px;
background : url(../img/loader.gif) center center no-repeat #fff;
}
.thums{
margin-top:5px;
}
img.mr5{
float:left;
margin-right:5px;
}
.detaybilgi{
float:right;
width : 380px;
margin-right:10px;
}
.detaybilgi2{
float:right;
width : 500px;
margin-right:0px;
}
.sar{
width : 500px;
height : 25px;
padding : 10px;
margin-right:10px;
background : #fbfbfb;
border : 1px solid #eee;
border-radius : 10px;
margin-bottom : 20px;
}
.detayfiyat{
font-size : 15px;
font-weight : bold;
color : #a00;
}
.detaymarka{
font-size : 14px;
font-weight : bold;
margin-top:10px;
margin-bottom:25px;
color : #4993f8;
}
.detaysatir{
display:block;
width : 390px;
line-height:25px;
border-bottom:1px dashed #ddd;
padding : 2px
}
.detaysatir:hover{
background : #e2f4fd;
}
.detaysatirbasi{
float:left;
line-height:25px;
font-weight : bold;
width : 150px;
}
.carbox {
float : left;
width : 210px;
height : 232px;
padding : 9px;
background : #fff;
border-radius : 10px;
border : #ddd solid 1px;
margin-right : 13px;
margin-bottom : 13px;
font-size:12px
}
.carbox h3 {
margin : 0;
padding : 0;
color : #888;
}
.carbox:hover {
border : #79ccf6 solid 1px;
box-shadow : 0 0 6px 0 #79ccf6;
}
.carbox:hover h3 {
color : #0093dd;
}
.resim {
width : 210px;
height : 140px;
overflow : hidden;
}
.bilgi {
float : left;
width : 210px;
height : 34px;
padding-top : 10px;
border-top : 1px dashed #ccc;
}
.kapi {
float : left;
width : 20px;
height : 24px;
line-height : 24px;
padding-left : 27px;
background : url(../img/bilgi2.png) 0 0 no-repeat;
}
.yakit {
float : left;
width : 40px;
height : 24px;
line-height : 24px;
padding-left : 27px;
background : url(../img/bilgi2.png) 0 -24px no-repeat;
}
.klima {
float : left;
width : 30px;
height : 24px;
line-height : 24px;
padding-left : 28px;
background : url(../img/bilgi2.png) 0 -48px no-repeat;
}
.vites {
float : left;
width : 10px;
height : 24px;
line-height : 24px;
padding-left : 27px;
background : url(../img/bilgi2.png) 0 -72px no-repeat;
}
.kapi2 {
float : left;
width : 50px;
height : 24px;
line-height : 24px;
padding-left : 27px;
background : url(../img/bilgi.png) 0 0 no-repeat;
}
.yakit2 {
float : left;
width : 85px;
height : 24px;
line-height : 24px;
padding-left : 27px;
background : url(../img/bilgi.png) 0 -24px no-repeat;
}
.klima2{
float : left;
width : 70px;
height : 24px;
line-height : 24px;
padding-left : 28px;
background : url(../img/bilgi.png) 0 -48px no-repeat;
}
.vites2 {
float : left;
width : 110px;
height : 24px;
line-height : 24px;
padding-left : 27px;
background : url(../img/bilgi.png) 0 -72px no-repeat;
}
.carbox:hover .kapi {
background : url(../img/bilgi.png) 0 0 no-repeat;
}
.carbox:hover .yakit {
background : url(../img/bilgi.png) 0 -24px no-repeat;
}
.carbox:hover .klima {
background : url(../img/bilgi.png) 0 -48px no-repeat;
}
.carbox:hover .vites {
background : url(../img/bilgi.png) 0 -72px no-repeat;
}
.fiyat {
float : left;
height : 30px;
line-height : 30px;
color : #666;
}
.rakam {
font-size : 14px;
font-weight : bold;
color : #a00;
margin-top : 5px;
padding-left : 5px;
}
a.sari {
-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
box-shadow:inset 0px 1px 0px 0px #fff6af;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
background-color:#ffec64;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #ffaa22;
display:inline-block;
color:#333333;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:6px 10px;
text-decoration:none;
text-shadow:1px 1px 0px #ffee66;
float:right;
}.newsticker-jcarousellite {display:block;height:140px;overflow:hidden; margin-left:20px; margin-top:20px; padding:0px 0 0 0;}
.newsticker-jcarousellite ul{height:150px;overflow:hidden;}
.newsticker-jcarousellite li{float:left;width:185px;height:129px;}
.newsticker-jcarousellite img{width:169px;height:113px;}
.newsticker-jcarousellite p{ position:absolute; z-index:90; background:#f2f2f2; margin-top:-10px; width:159px; height:23px; padding-top:7px; color:#0066CC; padding-left:10px;}
.newsticker-jcarousellite li:hover p { color:#fff; background:#0066CC; }
.jsm { width:50px; height:28px; position:absolute; z-index:400; margin-left:600px; margin-top:-110px; }
.next{background:url(../img/sag_ok.png); width:19px;height:28px;position:absolute; left:25px ;z-index:9;}
.prev{background:url(../img/sol_ok.png); width:19px;height:28px;position:absolute; left:0px ;z-index:9;}
a.sari:active {
position:relative;
top:1px;
}
.bk {
position:absolute;
margin-left : 390px;
margin-top : -40px;
}
.rezerve{
float : right;
width : 500px;
padding : 5px;
padding-left : 15px;
margin-right:-20px;
margin-top: 20px;
background : #eafbd1;
border : 1px solid #c1ed9c;
color : #599800;
line-height:40px;
border-radius : 10px;
margin-bottom : 20px;
}
.classname {
float : right;
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:38px;
	line-height:38px;
	width:169px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px -1px 0px #689324;
outline : 0;
	cursor : pointer
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.classname:active {
	position:relative;
	top:1px;
}
input.datem{
outline : 0;
border : 1px solid #c1ed9c;
background: url(../img/date.png) top left no-repeat #fff;
padding : 10px;
padding-left : 35px;
width  :110px;
border-radius : 8px;

}
.form1{
outline : 0;
border : 1px solid #ddd;
background:#fff;
padding : 5px;
width  :175px;

}