@charset "utf-8";
/* CSS Document */

@import url(main.css);


#tooltip{
	position:absolute;font-family: 'klavika_regularregular'; font-size:14px;
	background-color:#e2b872;
	padding:5px;
	display:none;
	color:#000; z-index:6000;
}

#preview{
	position:absolute;
	border:1px solid #fff;
	background:transparent;
	padding:0px;
	display:none;
	color:#fff;
}
#preview img{ float: left;}

.preview{
	display:block; 
	float:left; 
	
	margin-right:10px; 
	cursor:pointer; 
	width:14px; 
	height:14px; 
	margin-top:2px;
	background-color: #000;
	border:solid 1px #fff;
}

#slogan{ position:absolute; left:400px; top:80px; z-index:1000; width:auto; height:auto; /*background:url(../images/sayfa/slogan.png) no-repeat center center;*/ font-family:'klavika_regularregular';
	font-size:58px; line-height:40px;
	color:#FFF; text-shadow: 0px 0px 5px #000000;
        filter: dropshadow(color=#000000, offx=0, offy=0);}

#bayraklar{ position:absolute; right:10px; top:10px; z-index:1000;}

#bayraklar img{ margin-right:10px;}

#ust_gradiant{position:fixed; top:0; left:0; width:100%; height:350px; z-index:7; background:url(../images/sayfa/resim_ust_gradiant.png) repeat-x left top;}
#alt_gradiant{position:fixed; bottom:0; left:0; width:100%; height:350px; z-index:7; background:url(../images/sayfa/resim_alt_gradiant.png) repeat-x left top;}

#tam_ekran{ position:fixed; top:0px; left:0; right:0px; bottom:0; width:auto; height:auto; z-index:10; padding:0; overflow:auto; overflow-x:hidden;}




#saga_hizala{ width:800px; height:auto; margin:0; float: padding:0;}


#header{ width:100%; height:70px;  padding:0; position:absolute; top:0; left:0px; z-index:20; background:#000;}

#logo{ width:210px; display:block; float:right; margin-top:5px; margin-right:95px; }


#menu
{ 
 display:block; margin:0; width:auto; height:auto;  float:left;

}


/*menu 1*/
.menu1{
	display:block;	
	float:left;
	width:auto;
	height:auto;
	border-right:solid 1px #242424;
	
}

.menu1 .menu_1_link{
	display:block;	
	margin:0;
	padding:0px 20px 0px 20px;
	text-align:center;
	font:normal  15px/70px  'klavika_regularregular';
	color: #9e7d45;
	
}

.menu1 .menu_1_link:hover{
		background:url(../images/sayfa/menu_parlama.png) left bottom no-repeat;
		color:#e2b872;
}

.alt_menu_kapsayici1{
	display:none;
	position:absolute;
	width:300px;
	height:auto;
	background:#000;
	padding:10px;
	z-index:10;
	}
.menu1:hover .alt_menu_kapsayici1{ 
	display:block;
	}
	
	
.clear_menu{ clear:both; float:none !important;}	
.clear_menu:hover{ padding-bottom:10px;}
/*alt_menu1*/
.alt_menu1{
	display:block;	
	width:auto;
	height:auto;
	/*border-bottom:solid 1px #201709;*/
	padding-bottom:0px;

}

.alt_menu1 .alt_menu_1_link{
	display:block;
	font:normal  18px/30px  'klavika_regularregular';
	color:#5f4b2a;
}

.alt_menu1 .alt_menu_1_link:hover{
	color:#e2b872;	
}



.alt_menu_kapsayici2{ 
	display:block;
	position:static;
	padding:10px;
	z-index:10;
	padding-bottom:10px;
	}
	
.alt_menu1:hover .alt_menu_kapsayici2{ 
	display:block;

	}
	
/*alt_menu2*/
.alt_menu2{
	display:block;	
	float:left;
	min-width:150px;
	margin-right:20px;
	
}

.alt_menu2 .alt_menu_2_link{
	display:block;	
	
	font:normal  15px/20px  'klavika_regularregular';
	color:#e2b872;
}

.alt_menu2 .alt_menu_2_link:hover{ text-decoration:underline;}




.alt_menu_kapsayici3{ 
	display:none;
	padding:10px;
	padding-bottom:10px;
	}


.alt_menu2:hover .alt_menu_kapsayici3{ 
	display:block; 
	}


/*alt_menu2*/
.alt_menu3{
	display:block;	
	float:left;
	min-width:150px;
	margin-right:20px;
	
}

.alt_menu3 .alt_menu_3_link{
	display:block;	
	
	font:normal  15px/20px  'klavika_regularregular';
	color:#e2b872;
}

.alt_menu3 .alt_menu_3_link:hover{ text-decoration:underline;}

.menu_onizleme_resim{ display:none; width:100%;height:76px; background:repeat-x; }

/*navigasyon menü*/
#navigasyon_menu{
	display:none; 
	float:left;	
	margin:0;	
	height:38px; 
	text-align:center; 
	background:center top no-repeat; 
	background-size:90px;
	padding-top:0px;
	font:normal  15px/20px  'klavika_regularregular';

}

 button, input, select, textarea,option {
 
	height:38px;
	font-family: 'klavika_regularregular';
	color:#e2b872;
	background-color: #000;
	font-size:17px; 
	line-height:38px; 
	margin-top:4px;
}



.customSelect {

	height:38px;
	font-family:'klavika_regularregular'; 
	font-size:17px; 
	line-height:38px;    
	margin-top:0px;
	background-color: #000;
	color:#e2b872;
	padding:5px 7px;
	border:1px solid #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px;
}
.customSelect.changed {
	background-color: #000;
}
.customSelectInner {
	background:url(../images/sayfa/customSelect-arrow.png) no-repeat right center;
}



#kurumsal_menu{ width:auto;  height:30px; position:absolute; z-index:10; right:20px; top:20px; background:#000; padding:40px 10px 3px 10px;}

#kurumsal_menu a{ display:block; height:20px; float:left; margin-top:8px;  padding-right:10px; padding-left:10px; font-family:'klavika_regularregular'; font-size:12px; line-height:20px; color:#7d5c24; border-right:solid 1px #322816;}
#kurumsal_menu a:last-child{border:none;  }

#kurumsal_menu a:hover{color:#e2b872; }

#slider_text{ position:absolute; left:30px; bottom:220px; width:auto; height:12px; z-index:8;}
#slider_text .slider_text_daire{ display:block; float:left; ; margin-right:3px; cursor:pointer; width:18px; height:18px; line-height:18px; margin-top:2px; background-color:#000; color:#8c8c8c; text-align:center; color:#AD894C; font-size:12px; line-height:18px;  font-family:'klavika_regularregular';}

#slider_text .slider_text_daire_aktif{ background-color:#e2b872;}

#slider_text #slider_text_slogan{ display:block; margin-left:10px; color:#fff; font-size:14px; line-height:15px;  font-family:'klavika_regularregular'; width:500px;}



#slider_image{ position:fixed; left:30px; bottom:120px; width:auto; height:12px; z-index:8;}
#slider_image #slider_image_slogan{ display:block; margin-bottom:10px; margin-left:0px; color:#fff; font-size:24px; font-family:'klavika_regularregular'; width:500px; text-shadow: 0px 0px 4px #000000;
filter: dropshadow(color=#000000, offx=0, offy=0);
}

#dil_sec{ float:right;}
#dil_sec .slider_text_daire{ display:block; float:left; ; margin-right:3px; cursor:pointer; width:18px; height:18px; line-height:18px; margin-top:2px; background-color:#000; color:#8c8c8c; text-align:center; color:#AD894C; font-size:12px; line-height:18px;  font-family:'klavika_regularregular';}


.galeri_mini{ float:left; margin-right:10px; cursor:pointer; border:solid 2px #fff; }


#ayricaliklar_aciklama_penceresi{ float: right; width: 300px; height: auto;  padding: 20px; color:#fff; font-size:14px; font-family:'klavika_regularregular'; background: url(../images/sayfa/seffaf_mavi_menu.png) repeat;}
#ayricaliklar_aciklama_penceresi #text_arac_cubugu{ width: 100%; margin-bottom:10px; background-color:transparent;  height: auto; padding-top: 5px; padding-bottom: 5px;}
#ayricaliklar_aciklama_penceresi #text_arac_cubugu a{ display: block; float: left; background: #D8D8D8; margin-right:10px;  padding: 5px; color:#000; font-size: 14px;font-family:'klavika_regularregular'; }

/*footer*/

#footer{
	width: 100%;
	height: 105px;
	margin-left:0; margin-top:0;
	background:#000;
}


#footer #siyah_band{
	width:100%;
	height:65px;
	background:#000;
	margin:0;
	padding-top:30px;
}

#footer #beyaz_band{
	width:100%;
	height:143px;
	background:#fff;
	margin:0;
	padding-top:30px;
}

#metsan_logo{ float:left; margin-left:30px;}

#tel{
	float:left;
	color:#ad894c;
	font-family: 'klavikalight';
	font-size:30px;
	height:25px;
	margin-left:0px;
	margin-top:2px;
	text-align:center;
}

#ana_sayfa_video{
	display:block;
	float:right;
	width:200px;
	height:30px;
	margin-right:40px;
	margin-top:0px;
}

#ana_sayfa_video i{
	display:block;
	float:left;
	color:#ad894c;
	font-size:30px;
	line-height:30px;
	margin-top:5px;
}


#ana_sayfa_video span{
	display:block;
	float:left;
	color:#ad894c;
	font-family: 'klavikalight';
	font-size:13px;
	line-height:30px;
	margin-left:15px;
	margin-top:8px;

}




#sosyal_medya{
	float:right;
	margin-top:7px; margin-right:20px;
	font-family: 'klavikalight'; 
	font-size:12px;
	color:#ad894c;
		
}

#sosyal_medya a{
	color:#ad894c;
}
#sosyal_medya span{ display:block; float:left; margin-right:30px; line-height:30px;}

#sosyal_medya i{ display:block; float:left; font-size:30px; margin-right:30px;}


#diger_logolar{
	width: 1000px;
	margin: 0 auto;
}
#diger_logolar img{ width:100%;}


#reserved{
	width:100%;
	text-align:center;
	color:#ad894c;
	font-family: 'klavikalight'; 
	font-size:12px;
	color:#333333;
}

#footer_slogan
{
	width:220px; margin:0 auto;
	text-align:center;
	font-family: 'klavikalight'; 
	font-size:13px; 
	color:#fff;
	margin-top:150px;
}



#ana_sayfa_orta{display:block; margin:0 auto; width:960px;  height:auto; min-height:500px; background-color:transparent; }


/*yukarı ok*/

#yukari_ok{ position:fixed; z-index:10000; right:20px; bottom:40px; border:0; font-size: 50px; color:#000; display:none;}
#asagi_ok{ position:fixed; z-index:10000; right:20px; top:120px; border:0; font-size: 50px; color:#000;}

.ic_menu_1_link{ display:block; margin:10px 10px 10px 0; float:left; color:#e2b872; font-size:14px;	font-family: 'klavikalight';}
.ic_menu_1_link:hover{ text-decoration:underline; } a.aktif_ic_menu{ text-decoration:underline;}
.clear_menu2{ clear:both; float:none !important;}
/*ic_sayfa*/

#ic_sayfa{ display:block; margin:70px auto; max-width:756px; width:100%;  height:auto;  padding:0px 0px 0px 0px; background-image:url(../images/sayfa/seffaf_siyah.png); }



#icerik_kutusu{ display:block; padding:10px; margin-left: 0; margin-right: 0; height: auto; width: auto; background-color: #fff;}
.icerik_hizala{ float: left; margin-left: 20px;}



#menu_baslik_kutu{ padding:10px; margin-left:0; margin-right:0; margin-top:10px; height:auto; background-color:#000;}

#sayfa_baslik{display:block; color:#e2b872; font-size:20px;	font-family: 'klavikalight';  float:left; margin:0; padding:0px; padding-top:0px; padding-bottom:8px; width:100%; text-align:left; border-bottom:solid 1px #25211e; }

#sayfa_baslik a{display:block; float:left; margin-top:0px; color:#e2b872;}

#sayfa_baslik i{display:block; float:left; margin-left:10px; margin-top:2px; color:#e2b872; cursor:pointer;}

#hakkinda_detay_kutusu{display:block; padding:10px 0 10px 0; font-size:14px; line-height:17px;	font-family:'klavika_regularregular'; color:#e2b872; text-align:left; border-bottom:solid 1px #25211e;}

#hakkinda_kutusu{display:block; padding:10px 0 10px 0; font-size:14px; line-height:17px;	font-family:'klavika_regularregular'; color:#e2b872; text-align:left; border-bottom:solid 1px #25211e;}

.referanslarimiz{ width:100%; height:auto;}
.referanslarimiz table td{ padding:10px; border-bottom:dotted 1px #25211E;}


#alt_sayfa_baslik_kutu{ display:block; margin-left:5%; margin-right:5%;}

.alt_sayfa_baslik{display:block; min-width:200px; width:40%; float:left; margin-left:0; margin-right:10px;  padding:0px; font-size:14px; line-height:30px;	font-family:'klavika_regularregular'; color:#e2b872; text-align:left; border-bottom:solid 1px #ededed;}

.aktif{background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
color:#fff; }

.pasif{background-color:#fff;color: #D3D3D3;}

#ara_menu{ display:block; float:left; width:auto; padding-top:15px; padding-bottom:20px; border-bottom:solid 1px #ededed; margin-right:60px;}

#ara_menu .alt_kat_liste{width:auto; height:15px; margin-top:5px; padding:15px; background-color:transparent; font-size:15px; line-height:15px; color:#CCCCCC;font-family: 'klavika_regularregular'; float:left;}
#ara_menu .alt_kat_liste_active{ color:#999999;}


nav#sayfa_ayrac{display:block; float:left; margin:10px 0px 0px 10px; }

nav#sayfa_ayrac a{font-family:tahoma,arial,verdana; font-size:12px; color:#dbdbdb;  line-height:12px;}

nav#sayfa_ayrac i{ font-size:12px; color:#fff;  line-height:12px;}


.tek{ float:left;  margin-right:10px; margin-top:10px;}

.kat_planlari{}

.ayricaliklar{ min-width:430px;  margin-right:30px;}

.galeri {  margin-right:0px; }
.galerix {  margin-right:0px; border:solid 1px #000;}
#galerix_onizleme{ display:block; float:left; width:200px; margin-right:10px;border: 5px solid #e5e5e5;}
#onizleme_detay{ float:left; width:500px; height:165px;}






.galerix{   float:left;  }


.icerik_baslik{ display:block; float:left;  padding:0px; padding-top:0px; padding-bottom:8px; width:100%; color:#ff; font-size:36px; font-family:'klavika_regularregular',arial; letter-spacing:0px; text-align:left; }


	
.icerik_spot{ display:block; font-family: 'klavika_regularregular'; font-size:16px; color:#878787; line-height:20px; float:left; margin-left:30px; margin-top:50px;}
	
.icerik_aciklama{ display:block; font-family: tahoma; font-size:13px; color:#666666; line-height:20px; max-width:900px; text-align:left;  float:left;}

.icerik_aciklama i, #ic_sayfa .tek .icerik_aciklama em{ color:#003151;}

.bize_ulasin .icerik_aciklama a{ color: #000 !important;  }

.bize_ulasin { margin-left:30px;}


.icerik_aciklama a{color:#000; font-family:'klavika_regularregular';}

.icerik_aciklama a em{color:#000; }



.tek .detay_link{ display:none; background-color:#2F2F2F; color:#fff; font-size:11px; line-height:11px; font-family:tahoma; padding:5px; width:30px; text-align:center; margin-top:15px; float:left;   }

.proje_ozeti .icerik_aciklama{ font-size:16px; font-family:'klavika_regularregular';}

.kat_planlari .icerik_aciklama table td{ font-size:12px; background-color:#000; color:#FFF;}
 
.kat_planlari .icerik_aciklama table td a{ color:#FFF; line-height:15px;}



#iletisim_formu_table{ display:block; float:left; margin-left:30px; }
 
#iletisim_formu_table td{  background-color:transparent; border-bottom:none; padding-top:5px; padding-bottom:5px; letter-spacing:0px;font-family: 'klavika_regularregular'; font-size:14px; }
 
#iletisim_formu_table  input{ padding:10px; background-color:#fff; color:#003151;  border:none; font-family: 'klavika_regularregular'; font-size:14px;
 border:solid 1px #999; width:150px; height:15px; line-height:15px; }
 
#iletisim_formu_table  textarea{ padding:10px; background-color:#fff; color:#003151;  border:none; font-family: 'klavika_regularregular'; font-size:14px;
border:solid 1px #999; width:150px; height:60px; line-height:30px; }
 
#iletisim_formu_table  .buton{padding:10px; background-color:#003151; color:#fff; font-family: 'klavika_regularregular'; font-size:14px; border:none; width:70px; height:35px; line-height:15px; }
 
#form_mesaj_baslik{ display:block; text-align:center;} 
 
#katalog_table{}
   
 
.zoom{ display:block; position:absolute; margin-left:0; margin-top:0; padding:10px; color:#FFF; background-color:#CCC; font-size:25px;}

/*vegas slider*/
.vegas-loading {
	/* Loading Gif by http://preloaders.net/ */

	display:none !important;
}

.vegas-overlay {
	background:transparent url(../images/overlays/01.png);
	opacity:0.3;
	z-index:-1;
}

.vegas-background {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
	z-index:-2;
}


/* iç sayfa galerisi */

.list_carousel {
	background-color: #fff;
	margin: 0;
	width: 500px;
	float:left;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	background-color: #fff;
	
	width: 150px;
	height: 103px;
	padding: 0;
	margin: 6px;
	display: block;
	float: left;
	font-family: 'klavikalight';
	font-size:12px;
	color: #999;
}
.list_carousel li img{
	width: 140px;
	height: 93px;
	border: 5px solid #e5e5e5;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.prev {
	float: left;
	margin-top:7px;
	margin-left:10px;
}

.next {
	float: right;
	margin-top:7px;
	margin-right:10px;
	font-size:15px;
}

a.prev , a.next { color:#977742;}
a.prev:link, a.prev:active, a.prev:visited, a.next:link, a.next:active, a.next:visited{color:#977742;}


.pager {
	float: left;
	width: auto;
	margin-top:10px;
	margin-left:10px;
	text-align: center;


}
.pager a {
	display:block;
	float:left;
	margin: 0 5px;
	width:10px;
	text-decoration: none;
	background-color:#e5e5e5;
	color:#e5e5e5; 
	font-size:10px; 
	font-family:'klavika_regularregular',arial;
	text-align:center;
	
}
.pager a.selected {
	color:#977742;
	background-color:#977742;
}
.timer {
	background-color: #e5e5e5;
	height: 6px;
	width: 0px;
	max-width:500px !important;
}

/*html 5 video*/
span.videoContainer{
display:block;
width:100%;
height: 100%;
padding: 20px auto 50px auto;
margin:auto;
position:relative;
}
.leftArrow, .rightArrow {
cursor:pointer;
margin-bottom: 25px;
}
.rightArrow{
}
.leftArrow{
}
.leftArrow:hover, .rightArrow:hover{
color:#bbb;
}
#currentFilesLocation {
margin-right:8px;
}

.html5_video_div{ float:left; margin-top:10px; margin-left:20px; text-align:left;}
/*html 5 video*******************************************/