@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%; outline:none;}
body{}
table{border-collapse:collapse; border-spacing:0;}
div,article,aside,header,footer,nav,dialog,figure,section{display:block;}
/* HTML5 Reset */

/* General */
html, body{ height:100%;}
body{ background-color:#ebebeb; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
ul{ list-style:none;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
form{}
a, a:hover, a:active{ outline:0; cursor:pointer;}
p{}

@font-face {
    font-family: 'righteousregular';
    src: url('righteous-regular-webfont.eot');
    src: url('righteous-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('righteous-regular-webfont.woff') format('woff'),
         url('righteous-regular-webfont.ttf') format('truetype'),
         url('righteous-regular-webfont.svg#righteousregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* General */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


.clear{ height:0; font-size:0; line-height:0; display:block; clear:both !important;}
.clr{ clear:both !important;}
.fl_l{ display:block; float:left;}
.fl_r{ display:block; float:right;}


/* Home */

.main{ position:relative; z-index:1;}
.sub{}
  header{ background:url(../_img/bg_header.jpg) center top no-repeat; position:relative;}
  	#header_line{ background:url(../_img/seperator1.png)0 32px repeat-x;}
		#header{ position:relative;}
			
			
			nav{ width:980px; height:150px; padding:0 10px; margin:0 auto; position:relative;}
				#logo{ width:127px; height:134px; display:block; position:absolute; top:0; left:20px;}
				#logo a{ width:127px; height:134px; display:block; background:url(../_img/logo_ume.png) 0 0 no-repeat;}
				
				
				#top_menu{ height:22px; padding:4px 0; display:block; float:right;}
				#top_menu li{ height:22px; line-height:22px; display:block; float:left; padding:0 18px; background:url(../_img/bullet1.png) 0 5px no-repeat;}				
				#top_menu li a{ height:22px; display:block; text-decoration:none; font-size:12px; color:#55687f;}
				#top_menu li a:hover, #top_menu li a.selected{ color:#a60101;}	
						
				#top_menu li#tm_home{ background:url(../_img/icn_home.png) 0 5px no-repeat;}
				#top_menu li#tm_tweeter, #top_menu li#tm_facebook{ width:22px; padding:0; background:url(../_img/icn_social_icons.png) 0 5px no-repeat;}
				#top_menu li#tm_tweeter a, #top_menu li#tm_facebook a{ width:22px; overflow:hidden; text-indent:-200px;}
				#top_menu li#tm_tweeter{ background-position:-22px 0px; margin-right:10px;}
				#top_menu li#tm_facebook{ background-position:0px 0px;}
				
				
				#main_menu{ float:right; clear:both; padding:30px 0 0 0;}
				#main_menu li{ float:left; padding:10px 15px;}
				#main_menu li:hover{ float:left; background-color: #fff;}
				#main_menu li a{ text-decoration:none; font-size:17px; color:#55687f; padding: 15px 0}
				#main_menu li a:hover, #main_menu li a.selected{ color:#a60101; }
				
				#main_menu li:hover ul{ display: block;}
				#main_menu li ul{ display: none; position: absolute; width: 134px; right: 2px;margin-top: 12px;}
				#main_menu li ul li a:hover { color: #224982  }
				
			#spot_banner{ height:405px;}
  
  /* Section */
  section{ background:url(../_img/bg_section.jpg) center top repeat-y; position:relative;}
  	#section{ width:1000px; margin:0 auto; position:relative;}
		#triple_box_header{ width:990px; height:45px; padding:0 0 0 10px; margin:0 auto; background:url(../_img/bg_triple_box.png) 0 0 no-repeat;}
			#triple_box_header h1{ width:275px; padding:13px 26px 0 26px; float:left; font-family:'righteousregular'; font-size:18px; color:#FFFFFF; font-weight:normal; text-shadow: 1px 1px 0px #263c5c; filter: dropshadow(color=#263c5c, offx=1, offy=1);}
			
		
		#triple_box{ padding:0 0 0 10px; height:368px; background:url(../_img/bg_triple_box.png) 0 -45px no-repeat; overflow:hidden;}
			.tb_content{ width:275px; padding:0 26px; float:left; height: 330px !important; overflow: hidden;}
			
				.tb_content { font-size:12px; color:#FFFFFF; line-height:20px;}
				.tb_content ul{ padding:20px 0 0 0;}
				.tb_content ul li{ padding:0 0 20px 0;}
				.tb_content p{ padding:0 0 17px 0;}
				.tb_content ul li h2{ padding:0 0 3px 18px; color:#9bc4ff; background:url(../_img/icn_calendar.png) 0 3px no-repeat;}
				.tb_content ul li a{ color:#FFF; text-decoration:none;}
				.tb_content ul li a:hover{}
				.tb_content img{ margin:12px 0 0 11px; width:253px; height:155px;}
				
				#tb_1 p{ padding:0;}
				#tb_2{ margin-top:20px; padding-top:0;}
				#tb_3{ padding-top:20px;}
				
			.tb_content a.more{ height:20px; line-height:20px; display:block; float:left; padding:0 0 0 30px; font-size:14px; color:#FFFFFF; font-weight:bold; text-decoration:none; background:url(../_img/bullet2.png) 0 0 no-repeat;}
			.tb_content a.more:hover{ color:#9bc4ff;}	
				
				
		
		
		#double_box{ margin:20px 0 0 0; padding:0 0 40px 10px; background:url(../_img/bg_double_box.png) 0 0 no-repeat;}
			.db_content{ font-size:13px; color:#FFF;}
			.db_content h1{ padding:0 0 30px 20px; line-height:35px; font-family:'righteousregular'; font-size:18px; font-weight:normal; color:#FFFFFF; text-shadow: 1px 1px 0px #263c5c; filter: dropshadow(color=#263c5c, offx=1, offy=1);}
			#db_1{ width:650px; float:left;}
			#db_2{ width:334px; float:right;}
			
			#db_1 ul{ padding:0 0 20px 16px;}
			#db_1 ul li{ line-height:21px; background:url(../_img/bullet1.png) 0 5px no-repeat; padding:0 10px 5px 15px; margin:0 0 5px 0;}
			#db_1 ul li a{ color:#FFF; text-decoration:none;} 
			#db_1 ul li a:hover{ color:#9BC4FF}
			
			.db_content a.more{ font-size:14px; font-weight:bold; margin:0 0 0 16px; height:20px; line-height:20px; display:block; float:left; padding:0 0 0 30px; color:#FFFFFF; text-decoration:none; background:url(../_img/bullet2.png) 0 0 no-repeat;}
			.db_content a.more:hover{ color:#9bc4ff;}	
			
				#temsilcilikler{ width:266px; height:131px; background:url(../_img/bg_temsilcilikler.png) 0 0 no-repeat; position:relative; margin:0 0 0 16px;}
					#t_mask{ width:266px; height:131px; background:url(../_img/mask_temsilcilikler.png) 0 0 no-repeat; position:absolute; top:0; left:0; pointer-events:none; z-index:99;}
					
					#t_carousel{ width:257px; height:93px; padding:28px 0 0 0; display:block; overflow:hidden; margin:4px 0 0 4px;}
						#t_carousel ul{ width:257px; height:122px; display:block; overflow:hidden;}
						#t_carousel ul li{ float:left; width:257px; text-align:center;}
						#t_carousel ul li img{ width:152px; height:75px;}
		 
		
		
		/* Sub Pages */	
		#breadcrumb{ width:960px; height:55px; padding:25px 0 0 20px; margin:0 auto; position:relative; background:url(../_img/bg_whitebox.png) 0 0 no-repeat;}
		#breadcrumb li{ height:30px; float:left; padding:0 20px 0 10px; font-family:'righteousregular'; font-size:23px; font-weight:normal;}		
		#breadcrumb li a{ display:block; text-decoration:none; line-height:30px; color:#2e64b1;}
		#breadcrumb li.home{ background:url(../_img/bullet3.png) right center no-repeat;}
		#breadcrumb li.home a{ width:30px; height:30px; padding:0 !important; display:block; background:url(../_img/icn_home2.png) 0 0 no-repeat; overflow:hidden; text-indent:-200px;}
		#breadcrumb li.home a:hover{ background-position:0 -30px;}
		
		#whitebox{ width:980px; margin:0 auto; position:relative; background:#FFFFFF url(../_img/seperator1.png) left top repeat-x;}
		#wb_bottom{ width:980px; height:80px; margin:0 auto; position:relative; background:url(../_img/bg_whitebox.png) 0 -93px no-repeat;}
		
			#page_title{ min-height:30px; padding:20px 30px; background:url(../_img/seperator1.png) left bottom repeat-x; position:relative;}
			#page_title h1{ font-size:23px; line-height:30px; color:#214881; font-weight:normal;}
			#page_title img{ position:absolute; right:30px; bottom:0;}
			
			
			#article{ width:620px; padding:20px 0 0 30px; float:left; font-size:14px; color:#4b5f77; line-height:22px;}
			aside{ width:270px; padding:30px 30px 0 0; float:right;}
		
				#article h1{ display:none;}
				#article h2{ color:#b92a2a;}
				#article h3{ font-size:14px; color:#b92a2a;}
				#article p{ padding:10px 0;}
				#article ul{ padding:10px 0; list-style:disc; list-style-position:inside;}
				#article ul li{}
				#article hr{ size:1px; height:1px; color:#cecece; background-color:#cecece; border:0;}
				#article a{ color:#214881; text-decoration:none;}
				#article a:hover{ text-decoration:underline;}
		
				#right_menu{ background-image:url(../_img/bg_rightmenu.png); background-position:center 5px; background-repeat:no-repeat; -webkit-border-radius:4px; border-radius:4px; font-size:14px;}
				#right_menu h2{ font-family:'righteousregular'; font-size:16px; color:#FFFFFF; font-weight:normal; padding:20px 20px 15px 20px;}
				#right_menu ul{ padding:0 0 5px 0;}
				#right_menu ul li{ padding:10px 10px 10px 40px; background:url(../_img/bullet4.png) 20px 12px no-repeat;}
				#right_menu ul li a{ text-decoration:none;}
				#right_menu ul li a:hover, #right_menu ul li a.selected{ color:#FFFFFF;}
				
				.theme_red{ background-color:#b92a2a;}
				.theme_red ul li{ border-top:1px solid #d06e6e;}
				.theme_red ul li a{ color:#ecc6c6;}
				.theme_blue{ background-color:#7e93b1;}				
				.theme_blue ul li{ border-top:1px solid #a7b6ca;}
				.theme_blue ul li a{ color:#d7e0ec;}						
				
				/* #share_links{ width:270px; height:29px; line-height:29px; margin:30px 0 0 0; background:url(../_img/bg_share_links.png) 0 0 no-repeat;}
				#share_links li{ width:90px; height:29px; display:block; float:left; overflow:hidden; font-size:12px; position:relative;}
				#share_links li div, #share_links li iframe{ width:90px !important; height:29px !important; opacity:0 !important; position:absolute; top:0; left:0;}
				#share_links li a{ color:#636363; text-decoration:none; display:block; padding:0 0 0 38px;}
				#share_links li a:hover{ color:#b92a2a;} */	
				
				#share_links{ height:29px; line-height:29px; margin:30px 0 0 0;}
				#share_links li{ width:90px; height:29px; display:block; float:left; overflow:hidden; font-size:12px; position:relative;}				
				#share_links li.share_tweeter{ padding:2px 0 0 0;}
				#share_links li.share_mail{ padding:2px 0 0 0;}
				#share_links li.share_mail a{ width:47px; height:20px; padding:0 0 0 25px; line-height:20px; display:block; background:url(../_img/btn_share_with_email.png) 0 0 no-repeat; color:#636363; text-decoration:none;}
				
				
				
				
				#vizyon, #misyon{ width:545px; height:177px; padding:31px 20px 0 20px; color:#FFFFFF; margin:0px 0 0 0;}
				#vizyon{ background:url(../_img/bg_vizyon.png) 0 0 no-repeat;}
				#misyon{ background:url(../_img/bg_misyon.png) 0 0 no-repeat;}
				#vizyon h2, #misyon h2{ font-family:'righteousregular'; font-size:21px; color:#55687f; font-weight:normal; padding:0 0 28px 0;} 
				
				
				
					#article .accordion{ list-style:none;}
					#article .accordion > li{ background:#858585; margin:10px 0; -webkit-border-radius:4px; border-radius:4px;}
					#article .accordion > li a{ display:block; text-decoration:none; padding:15px 20px; margin:0 10px 0 0; font-family:'righteousregular'; font-size:21px; color:#FFFFFF; font-weight:normal;}
					#article .accordion > li.close a{ background:url(../_img/acc_bullet_down.png) right center no-repeat;}
					#article .accordion > li a.header p{ padding:0;}
					#article .accordion > li.open a{ background:url(../_img/acc_bullet_up.png) right center no-repeat;}
					#article .accordion > li div.accordion_content{ display:none; color:#FFF; padding:0 20px; border-top:1px solid #6f6f6f;}
					
					#article .accordion > li:first-child{ background:#6a6a6a;}
					#article .accordion > li:last-child{ background:#9c9c9c;}
					
					#article .accordion > li:first-child{ background:#6a6a6a;}
					#article .accordion > li:first-child div.accordion_content{ border-top:1px solid #878787;}
					#article .accordion > li:last-child{ background:#9c9c9c;}
					#article .accordion > li:last-child div.accordion_content{ border-top:1px solid #878787;}
				
				
				#googleMap{ width:612px; height:260px; margin:20px 0; border:3px solid #d7d7d7; -webkit-border-radius:8px; border-radius:8px;}
					.ibContent{ width:115px; height:114px; background:url(../_img/bg_infobox.png) 0 0 no-repeat; padding:10px 0 0 115px; margin-top:-124px; margin-left:-98px; font-size:12px; line-height:18px;}	
					.infoBox img{ display:none;}
					.map_facebook, .map_tweeter{ width:19px; height:19px; display:block; float:left; margin:9px 5px 0 0; background:url(../_img/bg_map_social.png) 0 0 no-repeat;}
				 	.map_tweeter{ background-position:0 -19px;}
				
				.form_container{ width:620px; padding:0 0 20px 0; margin:20px 0 0 0; position:relative; background:#c5cdd9; -webkit-border-radius:4px; border-radius:4px; font-size:14px; color:#4B5F77;}
					.form_container h2{ text-decoration:none; padding:15px 20px; font-family:'righteousregular'; font-size:21px; color:#55687f !important; font-weight:normal; border-bottom:1px solid #6a7a8f;} 
					.form_content{ padding:0 20px; position:relative; overflow:hidden;}
					#gall_carousel{ width:560px; padding:20px 20px 0 20px;}
					
						.form_content label span{ color:#b92a2a;}
						.form_content ul{ list-style:none !important; padding:0 !important;}
						.form_content ul li{ width:180px; height:135px; margin:0 20px 0 0; padding:0; background:#999; float:left; position:relative;}
						.form_content ul li a{}
						.form_content ul li a span{ width:180px; height:135px; display:none; position:absolute; background:url(../_img/mask_gallery.png) 0 0 no-repeat; top:0; left:0; z-index:100;}
						.form_content ul li a:hover span{ display:block;}
						.form_content ul li a img{ border:2px solid #6a7a8f; width:176px; height:131px;}
						
						.gallery_pager{ position:absolute; top:20px; right:20px;}	
						.gallery_pager a{ width:18px; height:18px; display:block; margin:0 4px 0 0; float:left; overflow:hidden; text-indent:-200px; background:url(../_img/bg_gallery_pager.png) 0 0 no-repeat;}
						.gallery_pager a.selected{ background-position:0 -18px;}
					
						.form_content input{ padding:0; height:32px; line-height:32px; background:#FFF; border:none; -webkit-border-radius:4px; border-radius:4px;}
						.form_content textarea{ padding:0; line-height:22px; background:#FFF; border:none; -webkit-border-radius:4px; border-radius:4px; resize:none;}
						
						#txt_firma, #txt_kisi, #txt_posta, #txt_tel, #txt_adiniz, #txt_arkadi, #txt_arkposta{ width:270px; padding-left:10px;}
						#txt_konu, #txt_mesaj, #txt_link{ width:570px; padding-left:10px;}
						#txt_mesaj{ height:100px; padding-top:5px;}
						
						#cv_txt, #cv_btn, .btn_send{ cursor:pointer;}					
						#cv_file{ width:1px; float:left;}
						#cv_txt{ width:370px; float:left; background:#FFFFFF; color:#333; padding-left:10px;}
						#cv_btn{ width:116px; float:left; background:#b92a2a url(../_img/bg_btn_shine.png) center top no-repeat; color:#FFF; margin-left:-50px;}
						.btn_send{ width:116px; float:right; background:#5680bc url(../_img/bg_btn_shine.png) center top no-repeat !important; color:#FFF;}
					
					
						.feedback{ width:300px; display:none; padding:30px 0; text-align:center; line-height:130%;}
						.feedback2{ display:none; padding:150px 0 0 0; text-align:center; line-height:130%;}
						#form_share{ display:none;}	
						
						.feedback_box{ height:250px; background:#FFF; margin:20px 0 0 0; padding:50px 0; -webkit-border-radius:5px; border-radius:5px; text-align:centere;}
						.feedback_box h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:none; font-size:28px; text-align:center;}
						.feedback_box h3{ font-size:18px !important; color:#55687F !important; text-align:center;}
						
						.feedback_box.true{ background:#FFFFFF url(../_img/bg_feedback_true.png) center 170px no-repeat;}
						.feedback_box.false{ background:#FFFFFF url(../_img/bg_feedback_false.png) center 170px no-repeat;}
						
						
						
						.close_modal{ float:none !important; display:inline-block; margin:10px auto; padding:5px 0; text-decoration:none;}
						.video_container{ display:none; overflow:hidden;}
						.video_modal{ display:inline-block; margin:0 2px 5px 0; padding:6px 12px 6px 45px; background:#9c9c9c url(../_img/icn_youtube.png) 7px 7px no-repeat; -webkit-border-radius:3px; border-radius:3px; font-size:12px; color:#FFFFFF !important;}
				
				
				#sertifikalar{ list-style:none !important;}
				#sertifikalar li{ float:left; margin:0 30px 30px 0;}
				#sertifikalar li a{}
				#sertifikalar li a img{ border:2px solid #6a7a8f;}
				
				.doc{ display:inline-block; margin:0 2px 5px 0; padding:4px 7px 4px 30px; background:#4794EA url(../_img/icn_pdf.png) 7px 7px no-repeat; -webkit-border-radius:3px; border-radius:3px; font-size:11px; color:#FFFFFF !important;}
				
				
				
					
					
					
					
			#pager{ list-style:none !important;}
			#pager li{ float:left; padding:0 5px 0 0;}
			#pager li a{ width:32px; height:30px; line-height:30px; display:block; overflow:hidden; background:#FFF; border:1px solid #7e93b1; font-size:16px; color:#7e93b1; font-weight:bold; text-align:center; text-decoration:none; -webkit-border-radius:4px; border-radius:4px;}
			#pager li a:hover, #pager li a.selected{ background:#7e93b1; color:#FFF;}
			
			#pager li a.prev, #pager li a.next{ background:#c0ccde url(../_img/bg_pager.png) 0 0 no-repeat; border-color:#c0ccde; color:#FFF; text-indent:-200px;}
			#pager li a.prev{ background-position:0 -30px;}		
			#pager li a.prev:hover, #pager li a.next:hover{ background-color:#7e93b1; border-color:#7e93b1;}
				
			#msg_404{ height:404px; background:url(../_img/bg_404.png) center center no-repeat;}	
			#gap_404{ height:300px;}
		
  /* Footer */
  footer{ background:url(../_img/bg_header.jpg) center -100px no-repeat; position:relative;}  
  
  	#sign{ width:13px; height:104px; display:block; overflow:hidden; text-indent:-2000px; background:url(../_img/bg_sign.png) 0 0 no-repeat; position:absolute; top:-125px; right:20px; z-index:2000;}
	#sign.blue{ background-position:-13px 0;}
    	
  	#footer_line{ background:url(../_img/seperator1.png)0 60px repeat-x; position:relative;}		
		#footer{ width:980px; height:160px; margin:0 auto; padding:0 10px; position:relative; font-size:14px; color:#55687f;}
			#footer a{ color:#55687f; text-decoration:none;}
			#footer a:hover{ color:#a60101;}
			
			/* #copyright{ padding:20px 0; float:left; height:22px; line-height:21px;} */			
			#footer_menu{ padding:20px 0 35px 0; text-align:center;}
			#footer_menu li{ height:22px; line-height:21px; display:inline-block; padding:0 24px; background:url(../_img/bullet1.png) 6px 5px no-repeat;}
			#footer_menu li:first-child{}
			#footer_menu li:last-child{ padding-right:0;}		
			
			
			#address_line{ font-size:12px; clear:both; font-size:12px; padding:10px 0 0 0;}
				#copyright{ display:block; float:left; padding:0 0 0 20px; color:#55687f; text-decoration:none;}
				
				#address{ float:right; font-size:12px;}
				#address li{ float:left; padding:0 10px 0 20px; height:15px; line-height:15px; background:url(../_img/icn_address.png) 0 0 no-repeat;}
				#address li:last-child{}
				
				#address li.address{ background-position:0px -45px;}
				#address li.phone{ background-position:0px 0px;}
				#address li.fax{ background-position:0px -15px;}
				#address li.mail{ background-position:0px -30px;}

	#page-status { height: 405px;}
	#ps-inner {width: 980px; margin: 0 auto;}
	#status-code { 
		font-family:'righteousregular'; color: #2e64b1; font-size: 165px; line-height: 165px; background: url(../_img/bg-error.png) left center no-repeat;
		width: 340px; padding-left: 190px; margin: 0 auto;
	}
	#status-title { font-family:'righteousregular'; color: #32b2bd; font-size: 40px; text-align: center;}
	#status-text { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width: 370px; text-align: center; margin: 0 auto;}
	.emptyHeight { height: 740px;}
			
  
/* For Chrome */  
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	#top_menu li{ background:url(../_img/bullet1.png) 0 4px no-repeat;}
	#top_menu li#tm_home{ background:url(../_img/icn_home.png) 0 4px no-repeat;}
	#footer_menu li{ background:url(../_img/bullet1.png) 0 4px no-repeat;}
}