@charset "utf-8";


#prjTitleDiv {
 float:left;
 position:relative;
 min-height:50px;
 width:100%;
 height:auto;
 margin:20px;
}


#prjTitleDivCon {
 width:auto;
 min-height:30px;
 text-align:center;
}

#prjTitleDivCon a {
	clear:both;
    font-size:26px;
	font-weight:bold;
	width:200px;
 	color: #666;
	display:inline-block;
	font-family:Raleway,Verdana, Geneva, sans-serif;
	line-height: 60px;
	min-height:60px;
    font-weight:bold;
	text-decoration:none !important;
	width:auto !important;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	
}

#prjTitleDivCon a:hover {
	display:inline-block;
	background-color:#999 !important;
	color: #fff;
	min-height:0px !important;
		text-decoration:none !important;

}


.zeybekProjectsListLine{
	float:left;
	position:relative;
	height: 200px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#666;
	padding-top: 10px;
	height:auto !important;	
}

#zeybekHeaderLineContentMenu ul li a {
	color: #666;
	display: block;
	padding: 0 20px;
	font-family:Raleway,Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 60px;
	min-height:50px;
    font-weight:bold;
}

.subVar {
	/*background: url(menusub.png) center 47px no-repeat;*/*/
}


#zeybekHeaderLineContentMenu ul li:hover a {
	color: #ddd;
	min-height:0px !important;

}
.projectList{
	float:left;
	position:relative;
	width:100%;
	min-height:150px;
	height:auto;

}

.projectList ul {
	text-align:center !important;
}
.projectList ul li{
	float:left;
	position:relative;
	width:49%;
	min-height:100px;
	display: inline-block;
    list-style:none;
/*	padding:10px;
	padding-top:20px;
*/	text-align:center !important;
	background-color:#666;
	margin-left:10px;
	margin-bottom:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,a5a5a5+100 */
background: #fff; /* Old browsers */
border:#999 1px solid;

}



.projectList .PLItem{
	float:left;
	position:relative;
	width:96%;
	min-height:100px;
	text-align:left;
	padding:10px;
	color:#333;
	overflow:hidden;
	
}

.projectList .PLTitle{
	float:left;
	position:relative;
	width:100%;
	height:40px;
	font-size:16px;
	text-align:center;
	color:#333;
	overflow:hidden;
	
}
.projectList .PLImage {
  position: relative;
	float:left;
	position:relative;
	width:50%;
  height:200px;
}

.projectList .PLImage img:before {
  display: block;
  content: "";

}

.projectList .PLImage img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height:auto;
}
/*
.projectList .PLImage{
	float:left;
	position:relative;
	width:50%;
	min-height:100px;
	height:auto;
	text-align:center;
	margin-bottom:3px;
	overflow:hidden;
}

.PLImage img{
	float:left;
	position:relative;
	display:block;
	width:100%;
}
*/
.projectList .PLBrief{
	float:right;
	position:relative;
	width:50%;
	height:100%;
	text-align:center;
	margin-bottom:3px;
	font-size:12px;
	background:#600;
	overflow:hidden;	
}

.projectList .PLBriefTop{
	float:left;
	position:relative;
	width:100%;
	height:30px;
	text-align:left;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	background:#bbb;
	color:#333;
	overflow:hidden;
	padding-top:10px;
	padding-left:10px;
	
}

.projectList .PLBriefIn{
	float:left;
	position:relative;
	width:100%;
	min-height:50px;
	text-align:left;
	font-size:14px;
	background:#fff;
	color:#333;
	padding:10px;
	padding-top:10px;
	height:calc(100%-60px) !important;
	text-decoration:none !important;
	
}


.projectList .PLBriefBottom{
	float:left;
	position:relative;
	width:100%;
	height:30px;
	text-align:left;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	background:#bbb;
	color:#333;
	overflow:hidden;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
	
}


.projectList .PLButtonLine{
	float:left;
	position:relative;
	width:100%;
	height:50px;
	text-align:left;
	font-size:14px;
	background:#eee;
	color:#fff;
	border-top:#999 1px solid;
}

.PLButtonLine .PLDetailButton{
	float:right;
	position:relative;
	width:20%;
	height:33px;
	font-size:14px;
	background:#eee;
	color:#333;
	overflow:hidden;
	padding-top:17px;
	border-left:#999 1px solid;
	text-align:center;
	
}

.PLDetailButton a{
	font-size:14px;
	color:#333;
	text-align:center;
	margin-left:15px;
	
}





.projectList ul li img{
	display: block;
	width:100% !important;
	height:auto;
	background:#FFF;
}


.projectList a{
	float:none;
	position:relative;
	display:block !important;
	color:#333;
	font-weight:bold;
	font-size:16px;
	text-decoration:none !important;
	text-align:left;
}
/*************************************************************/
.zeybekPageProjectContent{
	float:left;
	position:relative;
	min-height: 300px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	height:auto;
	border-top:#666 2px solid;
	padding-top:10px;
	margin-bottom:10px;
}
.zeybekPageProjectContent ul{
	
}

.zeybekPageProjectContent ul li{
	float:left;
	position:relative;
	width:30%;
	min-height:50px;
	display: inline-block;
    list-style:none;
/*	padding:10px;
	padding-top:20px;
*/	text-align:center !important;
	background-color:#666;
	margin-left:20px;
	margin-bottom:20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,a5a5a5+100 */
background: #fff; /* Old browsers */
border:#999 1px solid;
}

/*
.zeybekPageProjectContent ul li img{
width:100%;
	height:auto;
	background:#FFF;
}
*/
.zeybekPageProjectContent ul li .PCImage {
  position: relative;
	float:left;
	position:relative;
	width:100%;
  height:200px;
  overflow:hidden;
}

.zeybekPageProjectContent ul li .PCImage img:before {
  display: block;
  content: "";
}

.zeybekPageProjectContent ul li .PCImage img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height:auto;
    width:100%;
}