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



#detail-banner_area{
	width:100%;
	height: auto;
	max-height: 350px;
	display: inline-block;
	margin-top: 125px;
	position: relative;
}


	#detail-banner_area img{
		width:100%;
		height: auto;
	}


#detail-name-area{
	width:100%;
	max-width: 1000px;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top:70px;
	margin: auto;
	font-size:45px;
	color:#fff;
}

	#navigasyon-menu{
		width:100%;
		max-width: 1000px !important;
		height: auto;
		position: absolute;
		display: block !important;
		left: 0;
		right: 0;
		bottom:10px;
		margin: auto !important;
		color:#fff;
		font-size:10px;
	}

		#navigasyon-menu a{
			font-size:12px;
			color:#fff;
			padding: 10px;
		}

		#navigasyon-menu a:hover{
			color:#dbdbdb;
		}

		.nav-active{
			font-weight: bold;
			color:#aa0135;
			text-decoration: underline;
		}

		#menu-active{
			font-weight: bold;
			color:#aa0135 !important;
			text-decoration: underline;
		}


#detail-page{
	width:100%;
	max-width: 1000px !important;
	height: auto;
	margin: 0 auto !important;
	margin-bottom: 100px;
	display:block;
	
}


	#detail-page-left{
		width:270px;
		height: auto;
		float: left;
		margin-top: 20px;
		margin-bottom: 50px;
	}


		#detail-page-left a{
			display: block;
			color:#656160;
			padding: 6px 10px;
			font-size:14px;
			border:1px solid transparent;
			line-height: 22px;
		}

			#detail-page-left a:hover{
				border:1px solid #aa0034;
				color:#aa0034;
			}

			#detail-page-left strong{
				font-size:22px;
				color:#aa0034;
				padding: 0px 10px 10px 10px;
				display: block;
			}


	#detail-page-right{
		width:100%;
		max-width:650px;
		height: auto;
		float: right;
		color:#656160;
		font-size:14px;
		line-height: 24px;
		margin-top: 20px;
		border-left: 1px solid #e7e7e7;
		padding-left: 20px;
		text-align: justify;
		margin-bottom: 50px;
	}


	#detail-page-right  ul li {
		color:#5d5d60;
		list-style-type: none;
		padding-left: 20px;
		display: block;
		float: none;
		padding-bottom: 15px;
	}

	#detail-page-right  ul li:before {
		color: #aa0034;
		float: left;
		margin: 0 0 0 -1em;
		width: 1em;
		content: '\2022';
		font-size:20px;
	}



	#resp-title-nav-area{
		display: none;
	}





/* NEWS AREA START */

	.news-frame{
		width:100%;
		height: auto;
		margin: auto;
		float: left;
		margin-left: -10px;
	}


	.news-date{
		width: 100px;
		height: auto;
		float: left;
		text-align: right;
	}


		.news-date strong{
			font-size:24px;
			font-weight: bold;
		}


		.news-content{
			width: 520px;
			height: auto;
			float: left;
			margin-left: 10px;
		}


		.news-content h1{
			font-size:18px;
			margin: 10px 0px;
			text-align: left;
		}


		.news-content a{
			font-size:14px;
			line-height: 20px;
			text-decoration: none;
			color:#222;
		}


			.news-content a:hover{
				color:#aa0135;
			}


			.news-content span{
				display: none;
			}


	.news-content img{
		width: 100%;
		height: auto;
	}


/* NEWS AREA END */


.selects{
	width:95%;
	height: 50px;
	margin-bottom: 50px;
	outline: none;
	display: none;
}


.selects option{
	font-size:16px;
}


#son-haber-title{
	 margin-left: 110px;
}


.newsGalleryArea{
	width: 520px;
	overflow: auto;
	margin: 110px;
	padding-top:50px; 
}


	.news-gallery {
		width:120px;
		height:auto;
		max-height: 120px;
		margin-right:10px;
		margin-bottom:3px;
		display:inline-block;
		text-align:center;
	}

	.news-gallery:hover {
		opacity:.5;
	}

	.certificates-img {
		width:150px;
		height:220px;
		margin-right:10px;
		margin-bottom:3px;
		display:inline-block;
		text-align:center;
		border:1px solid #e1e1e1;
	}

	.certificates-img:hover {
		opacity:.5;
	}




.catalog-frame{
	width: 100%;
	height: auto;
	border:1px solid #5e5e5e;
	margin-bottom: 10px;
	padding: 15px;
}



.catalog-frame a i{
	color:#aa0034;
	font-size:24px;
	float: right;
	padding: 0px 10px;
}


	.catalog-frame a i:hover{
		color:#222;
	}







	#media-page-right{
		width:100%;
		max-width:650px;
		height: auto;
		float: right;
		color:#656160;
		font-size:14px;
		line-height: 24px;
		margin-top: 20px;
		border-left: 1px solid #e7e7e7;
		padding-left: 20px;
		text-align: justify;
		margin-bottom: 50px;
	}


		#media-page-right h1{
			font-size:22px;
			color:#aa0034;
			margin-bottom: 10px;
			text-align: left;
		}








.alert-box {
	color:#555;
	border-radius:10px;
	font-size:11px;
	padding:10px 36px;
	margin:10px;
	
}
.alert-box span {
	font-size:18px !important;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 1px;
}
.error {
	background:#ffecec url('../_img/_icons/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
	font-size:12px !important;
	letter-spacing: 1px;
}
.success {
	background:#e9ffd9 url('../_img/_icons/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
	font-size:12px !important;
	letter-spacing: 1px;
}
.warning {
	background:#fff8c4 url('../_img/_icons/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
	font-size:12px !important;
	letter-spacing: 1px;
}
.notice {
	background:#e3f7fc url('../_img/_icons/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
	font-size:12px !important;
	letter-spacing: 1px;
}



.cate-resp{
	width:100%;
	height: 50px;
	display: none;
	margin-bottom: 30px;
}



.pcShare{
	display:block;
	width: 100%;
	height: auto;
}

	.pcShare a{
		margin-right: 5px;
	}


.mobileShare{
	display:none;
	width: 100%;
	height: auto;
}

.mobileShare a{
	margin-right: 5px;
}



@media screen and (max-width:1000px){
	
	
	.pcShare{
		display:none;
	}
	

	.mobileShare{
		display:block;
	}
	

.cate-resp{
	display: block;
}


	#detail-page-left{ display: none; }
	#detail-page-right { width: auto; max-width: 100%; border:none; padding: 0px 20px; float: left; }
	

	#media-page-left{ display: none; }
	#media-page-right { width: 80%; float: left; border:none; padding: 0px 20px; }
	
	#detail-banner_area { width: 100%; height: auto; }
		#detail-banner_area img{ display: none; }

	#detail-name-area { display: none; }
	
	#navigasyon-menu { display: none !important; }
	
	#resp-title-nav-area{ display: block; width:auto; height: auto; margin-bottom: 20px; }	
		#resp-title-nav-area b{ font-size:26px; display: block; padding: 30px 20px; color:#aa0034; }
		#resp-title-nav-area div{ margin-left:20px; }
		#resp-title-nav-area a{ font-size:12px; padding-right:10px; color:#5d5d60; line-height: 24px; }	
			#resp-title-nav-area a:hover{ color:#aa0034; }
	
		.news-content{ width: 95%; }
			.news-date strong{ display: none; }
			.news-date{ display: none; }

			.selects{ display: block; }
			#son-haber-title{ margin: 10px !important; }
			.newsGalleryArea{ width:100%; margin-left: 10px; }

}