@charset "utf-8";
/* CSS SIFIRLAMA */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration:none;
}
body {
line-height: 1;
}
.description ol, .description ul {
   padding-left:30px;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

.genislik{ height:50px;}

textarea { 
resize: none; 
} 
/* remember to define focus styles! */
:focus {
outline: 0;

}


/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a, a:link, a:hover, a:visited, a:active {
text-decoration: none; color:#000;
}
.m15 { margin:10px;}

#container 
{
width:100%;
height:100%;
}
#main
{
width:1200px;
margin: 0 auto;
}
.flw{ width:100%;  float:left;}
.header_bg
{
background:url(../design/a.png) repeat;
width:251px; 
float:left; 
margin-right:10px;
}
#header
{
width:251px; 
float:left; 
height:940px;
background: #8DD4DA url(../design/left_bg.png) no-repeat;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
}

#header .menu
{
width:100%;
float:left;
margin:-60px 0 5px 0;

}
#center
{
width:900px; 
float:left;
padding:5px;
float:left;

}
#boxscroll {
padding: 5px;
height:920px;
width: 78%;
float:left;
overflow: auto;
}
#logo
{
width:100%;
height:30%;
float:left;
margin-top:20px;
margin-left:30px;
}

/* footer */
.footer
{
width:200px; 
float:left;
height:130px; 
position:relative;
bottom:-20px;



}
.tel
{
background:url(../design/tel.png) no-repeat;
width:120px;
padding-left:40px;
height:32px;
line-height:32px;
font-size:15px;
float:left;
color:#FFF;
font-weight:bold;
margin:30px;
}
.bera
{
width:99px;
height:25px;
float:left;
background:url(../design/beralogo.png) no-repeat;
margin:30px;
margin-left:70px;
}
.berayazilim{
font-weight: bold;
color: brown;
position: absolute;
margin-top: 105px;
margin-left: -177px;
}
/*   container */

#mysldier
{
width:890px; float:left; height:300px;

}
.home
{
width:890px;
float:left;

}
.home_rezervasyon
{
width:50%;
height:300px;
float:left;

}
h1,h2,h3,h4,hr { float:left; width:99%;}

h1{  font-size:18px;}
p{ font-size:12px;}
.half{ width:50%; float:left;}
.four{ width:25%; float:left;}
.third{ width:33%; float:left;}

select {
border: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
background:url(../design/select_bg.png) no-repeat;
width: 198px;
text-indent: 0.01px;
text-overflow: "";
color: #999;
padding: 5px;
height:30px;
margin-top:20px;
float:left;
}
input{
width:188px;
border-radius:5px;
float:left;
background:url(../design/input_bg.png) repeat-x;
height:20px;
outline:none;
border:none;
color:#999;
padding:5px;
margin-top:20px;
}
.buton
{
background:url(../design/button.png) no-repeat;
width:137px;
height:39px;
float:left;
font-size:11px;
font-weight:bold;
color:#820000;
margin-left:60px;
cursor:pointer;
}
.vitrin
{
width:45%;
float:right;
}

#vid {
width:45%;
float:right;	
 
}
#vid ul  {
width:100%;   float:left; padding:0; margin:0;   
height:100% !important; }
#vid ul li { height:100% !important; float:left; }
.block
{
width:201px;
float:left;
background:url(../design/vitrin_bg.png) no-repeat;
height:300px !important; 
margin-top:20px;

}
.block img
{
 
margin: 5px 35px 5px 35px; 
float:left;

}
.block .tit{ width:175px; height:30px; float:left; margin-left:12px; font-size:12px; text-align:center; color:#820000 }
.btn
{
background:url(../design/btn.png);
height:29px;
width:104px;
float:left;
margin-left:85px;
margin-top:10px;
line-height:29px;
text-align:center;
font-size:11px;
font-weight:bold;
color:#820000;
}

.btn:hover{ color:#820000;}
.block table tr, .block table td
{
padding:3px !important;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.widget
{
background:url(../design/block_bg.png) no-repeat;
width: 238px;
height:85px;
float:left;
margin-bottom:11px;
}
.widget div 
{
width:90px;
height:60px;
padding:10px;
float:left;
color:#820000;
font-size:13px;
font-weight:bold;
margin-right:20px;
}
.widget div a{ width:90px;height:60px;text-align:center; vertical-align:middle; display:table-cell; color:#820000; font-size:14px;  }

.widget  img 
{
max-width:70px;
max-height:85px;
float:left;
}
.timpicer
{
width:198px;
float:left;
height:30px;
background:url(../design/timepicer.png) no-repeat;
}

.duyuru_bg
{
width:398px;
height:171px;
float:left;
background:url(../design/hbr_bg.png) repeat-x;
border-radius:10px;
}
.duyuru_bg div
{
width:90%;
height:50%;
float:left;
margin:15px 25px 5px 25px;

}
.duyuru_bg img
{
float:left;
width:133px;
height:80px;
}
.duyuru_bg p
{
float:left;
width:200px;
height:68px;
font-size:10px;
color:#333;
line-height:12px;
padding:5px;
overflow:hidden;
}
.baslik{
color:#820000;
margin-top:15px;
margin-bottom:0;
}
#news ul {  float:left; height:100%;}

#news ul li { float:left; height:100% !important;  }
.duyuru_ico
{
width:35px;
height:17px;
background:url(../design/hbrclick.pnh.png) no-repeat;
float:right;
margin-right:20px;

}
.duyuru_ico a { width:15px; height:15px;  cursor:pointer; float:left;}
.marka{
width:840px !important;
height:100px;
float:left;
margin-left:20px;
}
.marka ul{

height:100px;
float:left;
width:100%; 
overflow:hidden;

}
.marka ul li
{
width:85px;
height:100px !important;
float:left;
margin: 0 5px 0 5px;

}
.marka ul li img
{
max-width:80px  ;
max-height:80px  ;
}
.next, .prew
{
width:30px;
height:42px;
z-index:890;
display:block; 
position:relative;
float:left;
cursor:pointer;
top:50px;

}
.prew 
{
background:url(../design/nextprew.png) no-repeat;
}
.next 
{
background:url(../design/nextprew.png) no-repeat;
background-position: -40px 0; 
margin-left:840px;
}

.tittle
{
height:30px;
float:left;
line-height:30px;
padding-left:15px;
padding:0 30px 0 30px;
background:url(../design/menu_bg.png) repeat-x;
color:#FFF;
margin-top:-32px;
margin-left:20px;
width:auto;
}
.description
{
float:left;
line-height:20px;
width:95%;
font-size:13px;
color:#333333;
margin-top:20px;
min-height:490px;
}
.description ul li
{
float:left;
}
.description p, .description span, .description strong
{

line-height:20px;
margin:10px 0 10px 0;

}

/* nice menu */
ul.nice-menu {
list-style: none;
width: 80%;
margin-left:10px;
}
@-moz-keyframes expand {  
0% {
width: 5px;
padding-left: 0px;
}

100% {
width: 200px;
padding-left: 20px;
}
}

@-moz-keyframes expand-bounce {
0% {
width: 5px;
padding-left: 0px;
}

50% {
width: 200px;
}

70% {
width: 170px;
}

80% {
width: 200px;
}

90% {
width: 190px;
}

100% {
width: 200px;
padding-left: 20px;
}
}

@-webkit-keyframes expand {  
0% {
width: 5px;
padding-left: 0px;
}

100% {
width: 200px;
padding-left: 20px;
}
}

@-webkit-keyframes expand-bounce {  
0% {
width: 5px;
padding-left: 0px;
}

50% {
width: 200px;
}

70% {
width: 170px;
}

80% {
width: 200px;
}

90% {
width: 190px;
}

100% {
width: 200px;
padding-left: 20px;
}
}

@-moz-keyframes shrink {

0% {
width: 200px;
padding-left: 20px;
}

100% {
width: 5px;
padding-left: 0px;
}
}

@-moz-keyframes shrink-bounce {

0% {
width: 200px;
padding-left: 20px;
}

50% {
width: 5px;
}

70% {
width: 35px;
}

80% {
width: 5px;
}

90% {
width: 15px;
}

100% {
width: 5px;
padding-left: 0px;
}
}

@-webkit-keyframes shrink {

0% {
width: 200px;
padding-left: 20px;
}

100% {
width: 5px;
padding-left: 0px;
}
}

@-webkit-keyframes shrink-bounce {

0% {
width: 200px;
padding-left: 20px;
}

50% {
width: 5px;
}

70% {
width: 35px;
}

80% {
width: 5px;
}

90% {
width: 15px;
}

100% {
width: 5px;
padding-left: 0px;
}
}

ul.nice-menu li {
width: 5px;
height: 30px;
line-height: 20px;
padding: 0px 0px 0px 0px;
margin-top:45px;
background: transparent;
width: 5px;
}

ul.nice-menu.tight li {
margin-top: 0 !important;
}

ul.nice-menu li {
-moz-animation-name: shrink;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: shrink;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu.bounce li {
-moz-animation-name: shrink-bounce;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: shrink-bounce;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu li:hover {
width: 200px;
padding-left: 20px;
-moz-animation-name: expand;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: expand;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}
ul.nice-menu.bounce li:hover {
-moz-animation-name: expand-bounce;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: ease-in-out;
-webkit-animation-name: expand-bounce;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
}
ul.nice-menu a {
width: 200px;
text-decoration: none;
font-size: 14px;
color: #FFF;
text-shadow: 0px 0px 3px #333;
font-weight: bold;
position: absolute;
padding: 5px 0px;
padding-left: 20px;
}
ul.nice-menu li.green {
background:url(../design/menu_bg.png)
}

ul.nice-menu li.blue {
background: rgb(78,92,127);
}

ul.nice-menu li.orange {
background: rgb(216,121,40);
}
ul.nice-menu li.dark {
background: rgb(42,32,30);
} 
ul.nice-menu li.red {
background: rgb(178,59,30);
}
ul.nice-menu li.bright {
background: rgb(241,249,210);
}	
/* menu ul li  end */

.ui-datepicker-header { height:27px !important;}
.ui-datepicker-month { padding-bottom:0; margin-bottom:0; height:15px; font-size:14px; line-height:20px;}
.ui-datepicker-year {  height:15px; font-size:11px; line-height:15px; margin-top:-30px;}
#ui-datepicker-div { width:190px !important;}
.ui-datepicker-calendar { padding:0!important; font-size:12px !important;}


.tablem { float:left; width:98% !important; color:#333; cursor:pointer;}
.tablem tr,  .tablem td { padding:2px;   border:solid 1px #666666;  }
.tablem tr {  margin:5px !important }
.tablem tr:hover {  background:#DFDFDF; }
 
h2 { margin:15px 0 15px 0; font-size:17px;  }

/* iç sayfa */

.ust{ width:100%;
height:245px; background:url(../design/ust.png) repeat-x; float:left; padding:34px 0; margin-left:-15px; }
.ust div { margin-left:-5px; width:909px; height:245px; vertical-align:middle;  display:table-cell;  }
.ust  div img{ max-width:900px; max-height:245px; }


/* Button set */
.btn_5, .btn_4, .btn_3, .btn_2, .btn_1, .btn_0 
{
width:92px;
height:28px;
float:left;
text-align:center;
line-height:12px;
overflow:hidden;
font-size:8px;
color:#FFFFFF;
font-weight:bold;
padding-left:7px;
font-family:Arial;
margin:5px 0 5px 0;
cursor:pointer;
}
.btn_5{ background:url(../design/btn_g.png) no-repeat;}
.btn_4{ background:url(../design/btn_gri.png) no-repeat;}
.btn_3{ background:url(../design/btn_mavi.png) no-repeat;}
.btn_2{ background:url(../design/btn_red.png) no-repeat;}
.btn_1{ background:url(../design/btn_yellow.png) no-repeat;}
.btn_0{ background:url(../design/btn_yesil.png) no-repeat;}
.pr{ display:none; width:85%; float:left; }

.block .indirim {background:url(../design/indirim.png) no-repeat; width:93px;height:75px;overflow:hidden;position:absolute; z-index:2; margin-top:25px;    }

.teklif_formu {  float:left; width:100%;}
.teklif_formu h2{ width:90%; float:left; color:#9D0707;margin-left:20px; margin-bottom:0; font-size:15px;}
.teklif_formu input{ margin-right:30px; }
.teklif_formu textarea { width:405px; height:80px; float:left; padding:10px; border-radius:10px; border:solid 1px #efefef; margin-top:20px;  margin-right:30px;  }
.araceklebtn{ background:url(../design/aracekle.png) no-repeat; width:138px; height:38px; float:left; display:block; cursor:pointer; margin-bottom:10px;}
.rezervasyonyapBtn{ background:url(../design/rezervasyo.png) no-repeat; float:left; width:140px; height:39px;  margin:25px; cursor:pointer;}
.rezervasyonyapBtn:hover{ transform:translate(0,5); }

.effect_zoom 
{
/* transition: all .5s ease-in-out; */
}
.effect_zoom:hover
{
/*transform: scale(.5);
-webkit-transform: scale(.5);
*/
transform: scale(.82);

/* -webkit-transform: scale(.82); */

}
.effect_blok 
{
transition: all .9s ease-in-out;
}
.effect_blok:hover
{

transform: scale(3.9);
-webkit-transform: scale(3.9 );
}
/* ARABA DETAY */

.arabaDetay
{
width:95%; float:left;	
margin:10px 0 10px 0;
padding:10px;
background:#EBEBEB;
color:#383838;

}
.arabaDetay .images{
width:210px;
 float:left;
 
}

.arabaDetay img 
{
max-height:200px;
max-width:200px;
border:solid 2px #747474;
}
.arabaDetay .car_detail
{
width:200px !important;
float:left;
padding:5px; 
}
.arabaDetay .car_detail p
{
color:#383838;
height:20px;
width:80%;
line-height:20px;
 padding-left:10px;
  
}
.arabaDetay .car_detail span  {  width:30px; height:20px; border-right:solid 1px #FFFFFF;  	}
.cd1,.cd2,.cd3,.cd4,.cd5{ float:left; background:url(../design/car_det.png) no-repeat; height:16px; width:15px; padding-right:5px;}
.cd2{ background-position: 0 -18px;}
.cd3{ background-position: 0 -36px;}
	.cd4{ background-position: 0 -56px;}
		.cd5{ background-position: 0 -78px;}

.arabaDetay .fiyat{
width:200px; 
float:left; 
text-align:center;
color:#383838;
} 
	.fiyat_table  table{width:400px !important;   text-align:right; float:right; font-size:12px;
							 font-family:Arial, Helvetica, sans-serif; }	
							 
							.fiyat_table table td {   text-align:right; border:solid 1px #FFF; padding:3px;   }
/* ARABA DETAY END */

 .teklif_formu {  float:left; width:100%; margin-top:20px;}
  .teklif_formu input{ margin-right:30px; }
   .teklif_formu textarea { width:405px; height:80px; float:left; padding:10px; border-radius:10px; border:solid 1px #efefef; margin-top:20px;  margin-right:30px;  }
   .gonder{ background:url(../design/gonder.png); width:140px; height:39px; float:right; margin:25px; cursor:pointer;}
   

   	.social{
						   width:20px;
						   height:77px; 
						   z-index:7777;
						    margin-left:900px; 
							top:340px;
						   position:absolute;
						   background:url(../design/social.jpg) no-repeat;
							}
							.social a{ width:19px;height:22px; margin-bottom:2px; float:left; }
.contact p { font-size:16px;}
.footerseo{
	 float:left;
		}
	.footerseo a { width:auto; float:left; margin:5px 10px; text-decoration:underline; font-family:Arial;}