@charset "utf-8";
body {
	font-family: krungthep,Arial;
	margin: 0px;
	overflow-x:hidden;
}
header{
	height: 104px;
	width:100%;
	background-image: url(../img/header.png);
	position:relative;
	top:0;
}
.headerBack
{
	width: 100%;
	height: 10%;
	margin-left:auto;
	margin-right:auto;
	/* float: left; */
}
#headertop {
	height: 100px;
	width: 64%;
	float:right;
	margin-right: 5%;
	background-image: url(../img/menuline.png);
	float: left;
}
.logo {
	background-image: url(../img/celikasLogo.png);
	float: left;
	height: 97px;
	width: 26%;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 20px;
}

.logo:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 5%;
    width: 0%;
    height: 90%;
    background-color: rgba(255,255,255,0.4);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    
}
/* on hover we animate the width to
 * 100% and opacity to 0 so the element
 * grows and fades out 
 */
.logo:hover:after {
    width: 50%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.icerikLogo {
    float: left;
    height: 100px;
    margin-top: 32px;
    margin-left: 30px;
}

.icerikLogo img{
	opacity: 0.2;
}

.headermenu {
	float: right;
	width: auto;
	height:99px;
	padding-right:8px;
	padding-left: 8px;
	text-decoration: none;
	font-size: 14px;
	line-height:30px;
	list-style:none;
	background-image: none;
  background-position: -99px -99px, center;
	text-decoration:none;
}
	

.headermenu:hover  {
	background-image: url(../img/menuhover.png);
	  background-position: 0px 0px, center;
	color:#FFFFFF;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.headermenuactive li,.headermenu li {
	margin-top:45px;
	color:#000;
}



.headermenuactive {
	background-image: url(../img/menuhover.png);
	
	float: right;
	width: auto;
	height:99px;
	padding-right: 8px;
	padding-left: 8px;

	font-size: 14px;
	line-height:30px;

	list-style:none;
	text-decoration: none;

}


.slider
{
	position:relative;
	z-index:0;
	margin:0;
	padding:0;
	width:100%;
}



ul
{
	margin:0;
	padding:0;
}

footer
{
	height: 76px;
	width:100%;
	background:url(../img/footer.png);
	position:fixed;
	bottom:0;
	font-size:8pt;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

footer nav
{
width: 960px;
margin-left:auto;
margin-right:auto;	
}
.footernav li
{
	float:left;
	list-style:none;
	margin-top:10px;
	color:#000;
	padding-right:4px;
}

.footernav li:hover
{

	color:#750f33;

}

.bilgi
{
	float:left;
	margin-left:10%;
	text-align:center;

	margin-top:10px;
}

.iletisimBilgi
{text-align: center;font-size: 12PX;margin-top: 100PX!important;/* margin-left: 150PX!important; */}

.labelForm
{
	background:url('../img/leftmenu.png') transparent;
	width: 100%;
	background-repeat-x: no-repeat;
	height:40px;
	float:left;
	font-size:13px;
	color:#fff;
	text-align:left;
	line-height:36px;
	margin-bottom:8px;
	padding-left:30px;
}

.inputForm
{
	width: 90%;
	height:38px;
	float:left;
	border:solid 1px #000;
	/* margin-left:10px; */
	margin-bottom:8px;
	font-size:14px;
	background:transparent;
}
section iframe {
    width: 100%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
}
form.iletisimForm {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.inputMesaj
{
	width:430px;
	height:138px;
	resize:none;
	float:left;
	margin-left:10px;
	margin-bottom:8px;
	border:solid 1px #000;
	font-size:14px;
	background:transparent;
}

.gonderButon
{
	background:url('../img/leftmenuhvr.png') transparent;
	width:219px;
	height:40px;
	float:left;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:36px;
	margin-bottom:8px;
	margin-top: 0;
	border: none;
	font-family: krungthep,Arial;
	cursor:pointer;
}

.copyright
{
float:right;
list-style:none;
margin-top:10px;

}

.content
{width: 88%;height: 100%;margin-left: auto;margin-right: auto;/* z-index: 2; *//* position:absolute; */background-color: rgba(255, 255, 255, 0.9);/* background-image:url('../img/content.png'); */}

.contentBack
{
	width: 100%;
	height: 650px;
	margin-right:auto;
	margin-left:auto;
}
.yazi
{
	font-size:15px;
}

article,section
{
	margin:0;
	padding:0;
}
.yanmenu
{
	float:left;
	width: 88%;
	margin-top: 100px;
	margin-left: 0%;
	position: absolute;
	top: 10px;
	background: rgba(255,255,255,0);
}
.projekapak
{
	float:left;
	width:290px;
	height:340px;
}
.icerikLeft
{
	width: 10%;
}
.btn {
	float: left;
	height: 48px;
	width: 20%;
	margin-top: 5px;
	margin-left: 3%;
	margin-bottom: 4px;
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	line-height: 20px;
	color: #FFF;
	font-size: 8pt;
	font-weight: bold;
	/* background:url('../img/leftmenu.png') transparent; */
	background-color: #607d8b;
	border:none;
	transition: width 0.6s;
	-webkit-transition: width 0.6s;
	outline:none;
}

.icerikRight
{

width: 100%;

height: 99%;

border:solid 2px #f1e1e2;

margin-left: auto;

margin-right: auto;

margin-top: 80px;
}

.yazili
{margin-top: 35px;width: 94%;height: 94%;overflow-y: auto;overflow-x:hidden;padding-right: 3px;margin-right: auto;margin-left: auto;}
.yazili ul
{
	float:left;
	list-style:none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	width: 100%;
}

.galeriResim
{
	width:210px;
	height:210px;
	float:left;
	margin:4px;
}

.baslik
{
	color:#750f33;
}

.anaBaslik
{
color: #333333;
font-size: 18px;
}

#selected
{
	float: left;
	height: 48px;
	width: 20%;
	margin-bottom: 4px;
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	line-height: 20px;
	color: #FFF;
	font-size: 8pt;
	font-weight: bold;
	/* background:url('../img/leftmenuhvr.png') transparent; */
	background-color: #585858;
	border:none;
}

.btn:hover
{
	float: left;
	height: 48px;
	width: 20%;
	margin-bottom: 4px;
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	line-height: 20px;
	cursor:pointer;
	color: #FFF;
	font-size: 8pt;
	font-weight: bold;
	/* background:url('../img/leftmenuhvr.png') transparent; */
	background-color: #585858;
	border:none;
	transition: width 0.6s;
	-webkit-transition: width 0.6s;
	outline:none;
}
.projeDetay table{
	width: 100%!important;
}
.projeresim
{
	width:310px;
	height:240px;

}
.paragraf
{
	text-align:justify;
	font-size:11px;
	color:#666666;
	padding-right: 5px;
	text-indent: 15px;
	float: left;
}

.portfolio
{
	width:660px;
	margin-left:0px!important;
	margin-top:60px!important;
	height: 87%;
	overflow-y:auto;
}

.tesekkur
{
	margin-top:90px;
}


.baslikTamam
{
	font-size:24px;
		color:#750f33;

}

.paragrafTamam
{
	font-size:14px;
	text-align:center;
}

@media only screen and (max-device-height: 640px)
{
	
	.content
{
	/* position:relative; */
	height: 180%;
}

	
}