/**
 * REFERANS MOTORS CSS
 */

/* Layout ================================================================================= */

.none{display:none;}

.dar {
width:950px;
margin:0 auto;
display:block;
overflow:hidden;
}
#wrap{}

#ust{
display:block;
margin:15px 0 10px;
background:url(../images/ust-markalar.png) no-repeat scroll 0 30px;
overflow:hidden;
height:150px;
position:relative;
}
#ust .logo{
width:250px;
height:130px;
display:block;
position:absolute;
top:0;
right:0;
}
#ust .logo a{

}
#sol{
float:left;
width:200px;
}
#sag{
float:right;
width:700px;
}
#sol .menu {
display:block;
margin-bottom:30px;
}
#sol .menu ul{
background:transparent url(../images/menu-bg.png) no-repeat scroll center top;
height:200px;
padding-left:10px;
width:190px;
}
#sol .menu ul li{
display:block;
float:left;
}
#sol .menu ul li:hover{
background:url(../images/m-li.png) no-repeat scroll 10px 12px;
}
#sol .menu ul li a{
float:left;
margin:6px 0 0px 25px;
width:150px;
border-bottom:1px dotted #666;
font-size:16px;
color:#2B3242;
padding-bottom:2px;
letter-spacing:1px;
}
#sol .menu ul li a:hover{
color:#E7152D;

}
#sol .menu ul li.aktif{
background:url(../images/m-li.png) no-repeat scroll 10px 12px;
}
#sol .menu-iletisim{
background:url(../images/iletisim-bg.png) no-repeat scroll top center;

height:60px;
width:145px;
padding:3px 0 3px 55px;
margin-top:20px;
}
#sol .menu-iletisim span{
color:#555;
font-size:16px;
font-weight:bold;
}

#sag  .sizin-icin{

}
#sag  .sizin-icin .sizin-icin-sol{
float:left;
width:323px;
height:243px;
padding:10px;
margin-left:70px;
text-align:center;
background:url(../images/sizin-icin-bg.png) no-repeat scroll top center;
}
#sag  .sizin-icin .sizin-icin-sag{
float:right;
width:287px;
}
#sag  .sizin-icin .sizin-icin-sag h2{
color:#585D7A;
padding-left:10px;
}
#sag  .sizin-icin .sizin-icin-sag ul{

}
#sag  .sizin-icin .sizin-icin-sag ul li{
display:block;
}
#sag  .sizin-icin .sizin-icin-sag ul li a{
float:left;
height:35px;
margin-top:3px;
padding-left:10px;
background:url(../images/sizin-icin-m2.png) no-repeat scroll 0 0;
width:270px;
color:#585D7A;
}
#sag  .sizin-icin .sizin-icin-sag ul li a:hover{
background:url(../images/sizin-icin-m2.png) no-repeat scroll 0 -35px;
}

#sag  .sizin-icin .sizin-icin-sag span.sizin-icin-arac{
font-weight:bold;
font-size:13px;
}
#sag  .sizin-icin .sizin-icin-sag span.sizin-icin-fiyat{
color:#fff;
font-size:11px;
}

.markalar-menu{
background:#141515;
margin:50px 0;
}

#ana-orta{}
#ana-orta .dar{
width:944px;
margin-bottom:50px;
}
#ana-orta .dar .sea-hepsi{
float:right;
background:url(../images/sea-alt.png) no-repeat scroll bottom right;
padding:10px 35px 2px 822px;
}
#ana-orta .dar a.sea-buton{
float:right;

text-align:right;
color:#fff;
font-size:14px;
}
#ana-orta .dar a.sea-buton:hover{
color:#333;
}
#ana-orta h2{
background:url(../images/sea-ust.png) no-repeat scroll 0 0;
font-size:1.7em;
height:60px;
letter-spacing:1px;
line-height:30px;
padding-left:10px;
}
#ana-orta ul{
overflow:hidden;
padding:0 15px;
background:#C1C3C7;
border-left:2px solid #B7BABF;
}
#ana-orta ul li{
display:inline;
float:left;
width:180px;
margin-bottom:20px;
text-align:center;
}
#ana-orta ul li a{

}
#ana-orta ul li img{
border:3px solid #555C6F;
}
#ana-orta ul li img:hover{
border:3px solid #111;
}
#ana-orta span{
display:block;
font-size:16px;
margin:3px 0 3px 20px;
text-align:left;
}
#ana-orta span.sea-model{
color:#fff;
}


#sol .side-box{
width:197px;
background:url(../images/side-alt.png) no-repeat scroll bottom center;
padding-bottom:20px;
}
#sol .side-box h2{
background:url(../images/side-ust.png) no-repeat scroll 0 0;
width:190px;
font-size:18px;
height:38px;
padding:10px 5px 0;
text-align:center;
}
#sol .side-box ul{
text-align:center;
background:#9c9fa6;
padding:10px 0;
}
#sol .side-box ul li{
display:block;
margin:0 auto 10px;
}
#sol .side-box ul li a{

}
#sol .side-box img{
border:1px solid #54596C;
}
#sol .side-box img:hover{
border:1px solid #fff;
}
#sol .side-box span.side-marka{
color:#fff;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
display:block;
}

#sag .arac-detay{
background:url(../images/arac-ic-alt.png) no-repeat scroll bottom center;
width:698px;
height:auto !important;
overflow:hidden;
margin-top:23px;
padding-bottom:20px;
}
*:first-child+html #sag .arac-detay{margin-top:0;} 
* html #sag .arac-detay{margin-top:0;}
#sag .arac-detay .detay1{
background:url(../images/arac-ic-ust.png) no-repeat scroll bottom center;
height:33px;
padding:20px 10px 10px;
}
#sag .arac-detay .detay1 h2{
display:inline;
float:left;
font-size:37px;
line-height:37px;
text-transform:uppercase;
}
#sag .arac-detay .detay1 span.detay-ikonlar{
float:right;
}
#sag .arac-detay .detay1 span.detay-ikonlar img{
margin-right:10px;
}
#sag .arac-detay .detay2{
background:#d0d4db;
height:30px;
padding:9px 10px 5px;
}
#sag .arac-detay .detay2 h3{
float:left;
font-size:20px;
line-height:25px;
}
#sag .arac-detay .detay2 span.detay-kredi{
float:right;
}
#sag .arac-detay .detay2 span.detay-kredi select{
height:25px;
width:150px;
padding:2px;
border:1px solid #bfc3cc;
background:#fff;
color:#9c9fa6;
}
#sag .arac-detay .detay3{
background:#9c9fa6;
overflow:hidden;
padding:10px;
}
#sag .arac-detay ul.detay-ozellikler{
float:left;
}
#sag .arac-detay ul.detay-ozellikler li{
border-bottom:1px solid #878D9B;
display:inline;
float:left;
margin-bottom:7px;
padding-bottom:7px;
width:320px;
}
#sag .arac-detay ul.detay-ozellikler li span{
color:#FFFFFF;
display:inline;
float:left;
font-size:16px;
font-weight:bold;
width:150px;
margin-right:5px;
}
#sag .arac-detay .detay-secenekler{
float:left;
}
#sag .arac-detay .detay-secenekler ul{

}
#sag .arac-detay .detay-secenekler ul li{
display:block;
margin:10px 0;
font-size:13px;
font-weight:bold;
color:#fff;
}
#sag .arac-detay .detay-secenekler span.detay-secenekler-1{
font-size:16px;
display:block;
}
#sag .arac-detay .detay-secenekler span.detay-secenekler-2{

}

.ic-sayfa{
width:698px;
height:auto !important;
overflow:hidden;
background:url(../images/ic-sayfa-alt.png) no-repeat scroll bottom center;
padding-bottom:20px;
}
.ic-sayfa h2{
background:url(../images/ic-sayfa-ust.png) no-repeat scroll top center;
font-size:20px;
height:58px;
line-height:31px;
padding-left:10px;
}
.ic-sayfa .ic-sayfa-icerik{
background:#EEECEF;
padding:10px;
overflow:hidden;
}
.ic-sayfa .ic-sayfa-icerik ul.listeleme{
display:block;
overflow:hidden;
}
.ic-sayfa .ic-sayfa-icerik ul.listeleme li{
display:inline;
float:left;
margin:10px;
width:319px;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-resim{
display:inline;
float:left;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-resim img{
border:7px solid #B7BABF;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-resim img:hover{
border:7px solid #fff;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-detay{
display:inline;
float:left;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-detay span.listeleme1{
background:#B7BABF none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:16px;
font-weight:bold;
padding:5px 0 5px 10px;
text-transform:uppercase;
width:150px;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-detay span.listeleme2{
display:block;
margin:20px 10px;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-detay span.listeleme2 a{
font-weight:bold;
}
.ic-sayfa .ic-sayfa-icerik .listeleme-detay span.listeleme2 a:hover{
color:#333;
}



#footer{
background:#C1C3C7;
padding:5px;
text-align:center;
margin-top:20px;
}



#wrap #FrogJSMainContainer{
max-width:410px;
}
#wrap #FrogJSMainContainer img{
max-width:100%;
width:100%;
}
#wrap #FrogJS img{
border:1px solid #555C6F;
}


.sayfalama {
    padding: 3px;
    margin: 50px 0 0;
    text-align:right;
	clear:both;
display:block;
}

.sayfalama a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    text-decoration: none;
    color: #B7BABF;
}

.sayfalama a:hover,
.sayfalama a:active {
    border: 1px solid #999;
    color: #666;
}
.sayfalama .secili {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #B7BABF;
    font-weight: bold;
    background-color: #B7BABF;
    color: #FFF;
}
.sayfalama .pasif {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}