@charset "utf-8";

/* HTML5 Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; list-style:none;}
body{line-height:1;}
table{border-collapse:collapse; border-spacing:0;}
div,article,aside,header,footer,nav,dialog,figure,section{display:block;}
/* HTML5 Reset */

/* General */
*{ outline:none;}
html, body{ height:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; color:#FFFFFF;}
h1{ font-size:24px; padding:0 0 10px 0; color:#FFF;}
h2{ font-size:16px; font-weight:normal; color:#fdbb43; padding:0 0 10px 0; line-height:18px;}
h3{ font-weight:normal; color:#afafaf; padding:0 0 10px 0;}
h4{}
h5{}
h6{}
form{}
textarea{ resize:none; overflow:auto;}
a, a:hover, a:active{ outline:0; cursor:pointer; text-decoration:none; color:inherit;}
p{ line-height:120%;}
ul{ list-style:none;}
/* General */

/* Common */
.clear{ height:0; font-size:0; line-height:0; display:block; clear:both !important;}
.clr{ clear:both !important;}
.fl_l{ float:left;}
.fl_r{ float:right;}
.p10{ padding:10px;}


.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* Common */


/* Site CSS */
	#main{ width:100%; height:100%; }
		#content{ width:990px; height:590px; margin:0 auto;}
			header{ width:240px; height:590px; float:left; position:relative;}
				#logo{ width:240px; height:77px; display:block; overflow:hidden; text-indent:-1000px; background:url(../images/bg_logo_navette.png) 0 0 no-repeat;}
				nav{ width:200px;  padding:20px; margin:5px 0 0 0; background:url(../images/bg_dark.png) repeat;}
				nav ul{ font-size:13px;}
				nav ul li{ padding:0 0 15px 0;}
				nav ul li a{ color:#FFF; text-decoration:none;}
				nav ul li a.selected, nav ul li a:hover{ color:#fdbb43;}
				
			header #garanti{width:373px; height:91px; margin-top:6px; background:url(../images/garanti-banner.png) 0 0 no-repeat;}	
			
			/*header .amexBanner{width:239px; height:162px; margin-top:6px; background:url(../images/banner.jpg) no-repeat 0 0;}*/
            header .amexBanner{width:239px; height:162px; margin-top:6px;}
			header .amexBanner a{display:block; width:239px; height:162px; }
			header .powerBanner{width:239px; height:78px; margin-top:6px; background:url(../images/powerbanner.jpg) no-repeat 0 0;}
			header .powerBanner a{display:block; width:239px; height:78px; }
		section{ width:750px; height:590px; float:right;}
			#home_content{ width:405px; float:right;}
			#welcome{ padding:20px 20px 20px 20px; background:url(../images/bg_dark.png) repeat; font-size:11px; color:#afafaf;position:relative;}
			
			




.form1{display:block; background:url(../images/iframe.png) no-repeat;color:#444; width:525px; height:270px; padding:30px 0 0 30px; overflow:hidden;}
		.form1 h4 {display:block; font-size:20px; color:#bfbfbf; font-weight:normal; margin:0 0 10px 0;}
 		 .form1 .leftbox {display:block; float:left; width:253px; height:172px; margin:0;}
		   .form1 .rightbox {display:block; float:left; width:250px; height:172px; margin:0;}
		   .form1 input {display:block; width:115px; height:12px; padding:5px; margin:4px 10px 0px; background:#323232; border:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#fff;}
		    .form1 input.submit  {display:block; width:60px; height:22px; background:#fdbb43; border:none; margin:18px 10px 0 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#000; line-height:14px !important; margin:18px  0px 0 85px;  *margin:18px  0px 0 85px; cursor:pointer;}
		    .form1 span {display:inline-block; width:120px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#afafaf; margin:6px -50px 0 0;  line-height:0;} 
	        .form1 input.first {display:block; width:140px; height:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#afafaf; margin:-21px 0 0 84px;} 
		    .form1 span.first {display:block; width:120px; height:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#afafaf; margin:15px 0 0 0px;} 
		    .form1 textarea {display:block; float:right; width:140px; height:97px; padding:5px; background:#323232; border:none; margin:-20px 16px  0 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#afafaf;}
			
				
					
								
				.reservation{ padding:15px 20px; margin:5px 0 0 0; background:url(../images/bg_dark.png) repeat;}
				.reservation h2{ font-size:13px; font-weight:normal; color:#FFF; text-decoration:none;}
				#res1{}
				#res2{ height:271px;}
				
				#news{ padding:20px 20px 20px 20px; margin:5px 0 0 0; background:url(../images/bg_dark.png) repeat; font-size:11px; position:relative;height:112px;}
				#news ul li{ width:365px; color:#afafaf;}
				#news ul li h2{ font-size:12px; font-weight:bold; color:#fdbb43; padding:0 0 5px 0;}
				#news .prev, #news .next{ width:12px; height:12px; display:block; overflow:hidden; text-indent:-1000px; background:url(../images/news_next.png) center center no-repeat; position:absolute; top:25px; right:20px;}
				#news .prev{ background:url(../images/news_prev.png) center center no-repeat; right:40px;}				
				#news .next:hover{ background:url(../images/news_next_over.png) center center no-repeat;}
				#news .prev:hover{ background:url(../images/news_prev_over.png) center center no-repeat;}
				
		footer{ font-size:10px; color:#fdbb43; margin:5px 0 0 0;}
			footer a{ color:#afafaf; text-decoration:none;}
			footer a span{ color:#00a5dd;}
			footer a:hover, footer a:hover span{ color:#FFF;}
			#contact, #sign{ height:48px; line-height:48px; background:url(../images/bg_dark.png) repeat; font-size:12px;}
			
			#contact{ width:230px; padding:0 0 0 20px; float:left;}
			#sign{ width:143px; height:24px; float:right; text-align:left; line-height:24px; padding:0px 0 0 7px;}
			#sign a.tel2 { padding-left:30px;}
		.content_box{ width:685px; height:559px;*height:569px !important;height:559px\9;padding:30px; float:right; background:url(../images/bg_dark.png) repeat; line-height:130%; padding-bottom:0px;}
@media screen and (min-width:0\0) {
  .content_box { width:685px; height:557px;padding:30px; float:right; background:url(../images/bg_dark.png) repeat; line-height:130%; padding-bottom:0px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .content_box { width:685px; height:557px;padding:30px; float:right; background:url(../images/bg_dark.png) repeat; line-height:130%; padding-bottom:0px;}
}


 

		.content_box h1{ padding:0 0 20px 0; color:#fdbb43; background:url(../images/seperator1.png) bottom left repeat-x;}
			
			
			.content_box > ul{ padding:10px 0;}
			.content_box ul > li{ padding:0 0 5px 15px; background:url(../images/bullet1.png) 0 7px no-repeat;}
			.content_box p{ padding:0 0 10px 0;}
			.content_box table tr th{ text-align:left; color:#fdbb43;}
			.content_box > a{ color:#FFFFFF; text-decoration:none;}
			.content_box a:hover{ color:#FFFFFF; text-decoration:underline;}
			.content_box strong{ color:#fdbb43;}
			
			.category2{ padding:29px 0 0 0 !important;}
			.category2 li{ width:328px; padding:10px 0 0 0 !important; margin:0 29px 29px 0; float:left; background:#FFFFFF !important; background-image:none; text-align:center; *margin-bottom:0px;}
			.category2 li a{ color:#000000 !important; text-decoration:none !important;}
			.category2 li a span.title{ display:block; text-align:left; font-size:14px; padding:5px 0 5px 10px;}
			.category2 li a span.detail{ height:27px; line-height:27px; padding:0 0 0 10px; display:block; background:#fdbb43; text-align:left; font-size:10px;}
			
			.category{ padding:29px 0 0 0 !important;}
			.category li{ width:328px; padding:40px 0 0 0 !important; margin:0 29px 29px 0; float:left; background:#FFFFFF !important; background-image:none; text-align:center; *margin-bottom:0px;}
			.category li a{ color:#000000 !important; text-decoration:none !important;}
			.category li a span.title{ display:block; font-size:14px; padding:20px 0;}
			.category li a span.detail{ height:27px; line-height:27px; padding:0 0 0 10px; display:block; background:#fdbb43; text-align:left; font-size:10px;}
			.contentcategory{ width:328px; float:left; padding:0px; color:#fff; background:none; margin:0px;}
			.contentcategory li{ background:none !important;color:#fff; float:left; text-align:left; padding:0px !important; margin:0px; padding: 0 0 5px 15px !important;background: url(../images/bullet1.png) 0 7px no-repeat !important;}
			.scroll_content{ width:685px; height:465px; margin:19px 0 0 0;}
			.jspContainer{ overflow:hidden; position:relative;}
			.jspPane{position:absolute;}
			.jspVerticalBar{position:absolute; top:0; right:0; width:8px; height:100%;}
			.jspVerticalBar *{margin:0;padding:0;}
			.jspCap{display:none;}						
			.jspTrack{background:url(../images/jsp_tack_bg.jpg) center top repeat-y; position:relative;}
			.jspDrag{background:#fdbb43; position:relative; top:0; left:0; cursor:pointer;}
			.jspArrow{background:#50506d; text-indent:-20000px; display:block; cursor:pointer;}
			.jspArrow.jspDisabled{cursor:default; background:#80808d;}
			.jspVerticalBar .jspArrow{height:8px;}						
			.jspVerticalBar .jspArrow:focus{outline:none;}
			.jspCorner{background:#eeeef4; float:left; height:100%;}			
			* html .jspCorner{margin:0 -3px 0 0;}
			
			#gallery{ width:308px; height:199px; padding:10px; float:right; margin-left:10px; position:relative; background:#FFFFFF;}
			#gallery ul.slides_container{ width:308px; height:199px; padding:0 !important;}
			#gallery ul.slides_container li{ width:308px; height:199px; padding:0 !important;}
			#gallery ul.slides_container li a{}
			#gallery ul.slides_container li a img{ border:none;}
			
			#gallery ul.pagination{ padding:0 !important; width:308px; display:block; overflow:hidden; position:absolute; bottom:15px; left:10px; text-align:center; z-index:202;}
			#gallery ul.pagination li{ padding:0 !important; display:inline-block; margin:0 3px; background-image:none !important;}
			#gallery ul.pagination li a{ width:9px; height:9px; display:block; overflow:hidden; text-indent:-100px; background:url(../images/bullet2.png) center center no-repeat;}
			#gallery ul.pagination li.current a{ background:url(../images/bullet2_over.png) center center no-repeat;}
			#gallery .magnify{ width:30px; height:30px; display:block; position:absolute; bottom:0; right:0; background:url(../images/bg_magnify.png) no-repeat; z-index:202;}
			
			#twitter{ width:42px; height:42px; float:right; background:url(../images/bg_twitter.png) 0 0 no-repeat; margin-top:-8px;}
			
			#map_container{ width:665px; height:300px; margin-top:20px; padding:10px; background:#FFF;}
			.clear{ clear:both;}
			#deniz_tasimaciligi { display:block; float:right; width:405px; height:38px; background:url(../images/deniz_tasimaciligi.png) center center; margin-top:5px;}
			
			#inline1{ width:543px; height:301px; overflow:hidden;}
			
			.amexAyricaliklari { margin:30px 0 15px 72px;}
			
			
			
				 
			
			.form_container{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#FFFFFF !important; background:url(../images/iframe.png) no-repeat;color:#444; padding:30px 0 0 30px;}
			.form_container h4{ font-size:20px; font-weight:normal; line-height:20px; color:#BFBFBF; margin: 0 0 8px;}
			.form_container td{ vertical-align:middle; padding:2px;}
			.form_container input[type=text], .form_container select, .form_container textarea{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10px; color:#FFFFFF; background:#323232; border:1px solid #323232; margin:0 !important; padding:0 !important; height:22px; line-height:22px;}
			
			.form_container input[type=text]{ width:150px;}
			.form_container select{ width:152px; padding:2px;}
			.form_container textarea{ width:388px; height:50px;}
			
			.dp-choose-date{ display:none !important;}
			
			#txtSendButton{ height:22px; line-height:22px; display:block; border:none; background:#fdbb43; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#000000; cursor:pointer;}
			
			
			.haberList{width:685px;}
				.haberList li{width:685px; display:inline-block; background:url(../images/seperator1.png) bottom left repeat-x !important; padding:30px 0 !important;}
					.haberList li .news{width:478px; float:left;}
					.haberList li .news h2{color:#fdbb43; font-size:16px;}
					.haberList li .news h3{color:#FFFFFF; font-size:12px; line-height:29px;}
					.haberList li .news a{padding:5px 10px; color:#000000; background-color:#fdbb43; font-size:10px;}
					.haberList li .news a:hover{text-decoration:none;}
					.haberList li .news span{font-size:12px; margin-left:10px}
					.haberList li > a{float:left;}
						.haberList li > a img{border:10px solid #FFF;}
						
			.pageNav{display:block; list-style:none; padding:0 !important;}
				.pageNav li{float:left; margin-right:5px; list-style:none; background:none !important; padding:0 !important;}
				.pageNav li a{padding:6px 10px; text-align:center; background-color:#323232; color:#FFF; }
					.pageNav li a:hover{text-decoration:none;}
					.pageNav li.currentPage a{background-color:#fdbb43; color:#323232; text-decoration:none;}
				
				.haberDetail a img{ margin:0 0 20px 20px; border:10px solid #FFF;}
				.haberDetail a{width: 350px; height: 220px; display:block; float:right; position:relative; }
					.haberDetail a span{width:30px; height:30px; background:url(../images/zoom.jpg) right bottom no-repeat; position:absolute; right:0; bottom:0; z-index:5; }
					.haberDetail h2 strong{display:block; font-size:11px; font-weight:normal; color:#ffffff; padding-top:10px;}
					
					#hizmetlerimiz a.geri{padding:5px 10px; color:#FFFFFF; background-color:#323232; font-size:10px; margin:40px 0 0 0;}
						#hizmetlerimiz a.geri:hover{text-decoration:none;}