.container{ width: 1200px; margin:0 auto; position: relative; }
.container:after{ display: block; content: ''; clear: both; }

.OzelTablo{ border:1px dashed #CCC; width:100%;}
.OzelTablo tr td{ padding:10px; background:rgba(255, 255, 255, 0.55); font-size: 16px;}
.OzelTablo tr:nth-of-type(2n+1) td{ background:rgba(204, 204, 204, 0.15);}


.baslik{width: 100%; background-color:#004e84; padding: 10px 0; color: #fff; margin-bottom: 25px;}
.baslik h1{ margin:0; } 

.MenuAc,.MenuKapa{ display: none; }
nav.anamenu{transition: all 0.2s ease-in-out; position: absolute; right: 0; top: 15px; }
nav.anamenu ul{ list-style: none; padding: 0; margin:0; }
nav.anamenu ul li{ display: inline-block; position:relative;} 
nav.anamenu ul li a{ display: block; line-height: 64px; padding:0 15px; color: #000; }
nav.anamenu ul li:hover > a,
nav.anamenu ul li a:hover{ color:#095994;line-height: 50px; border-top:7px solid #095994;border-bottom:7px solid #095994; }
nav.anamenu ul ul{ display:none;opacity:0; z-index: 10; position:absolute;  background:#454545;-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}
nav.anamenu ul ul li{min-width:100px;width: 100%;}
nav.anamenu ul ul li a{font-weight: 400;border-bottom: 1px solid #585858; color: #bebebe; transition: all 0.5s ease 0s;white-space:nowrap;line-height:40px;}
nav.anamenu ul ul ul{ right:100%; top:0px;}
nav.anamenu ul :hover > ul{ opacity:1; display:block;}
nav.anamenu ul ul li:hover,
nav.anamenu ul ul li a:hover{ background:#545454; border-color:#ccc; color:#FFF;line-height:40px;border-top: 0px solid #000;}
nav.anamenu ul ul li a:hover{border-bottom: 1px solid #585858;}

@media (max-width: 1200px) {
	.w1500,
	.container{ width: 96%!important; }
	.MenuAc,.MenuKapa{ display: block;}
	.MenuAc{ position: absolute;right: 15px;top: 17px;background-color: #ffffff;width: 40px;height: 45px;border: 1px solid #fff;text-align: center;line-height: 45px;color: #000; cursor: pointer; border-radius: 3px;}
	.MenuAc:hover{ color:#033263; border-color: #033263; }
	.MenuKapa{ padding: 15px; border-bottom: 1px solid #757575;  background: #454545; color:#fff; cursor: pointer; font-size: 18px; }
	.MenuKapa i{ float: right; }
	.MenuKapa:hover{ background: #009fe3; }
	nav.anamenu{ position: fixed; width: 300px; height: 100%; right: -300px; top: 0;  overflow: auto;z-index: 100;background: #454545;}
	nav.anamenu ul li a{ color: #bebebe; line-height:40px; border-bottom:none;}
	nav.anamenu ul li a:hover{ border-color:inherit;  }
	nav.anamenu ul li{ float: inherit; display: block; }
	nav.anamenu ul,
	nav.anamenu ul ul,	
	nav.anamenu ul ul ul{ display: block; position: relative; opacity: 1; right: 0; top: 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none; }
	nav.anamenu ul li a{ padding-left:15px; background-color: #1f1f1f;line-height: 70px;}
	nav.anamenu ul ul li a{ padding-left:25px; background-color: #585858; line-height: 70px;}
	nav.anamenu ul ul ul li a{ padding-left:35px; background-color: #717171; }
	nav.anamenu ul li:hover > a, 
	nav.anamenu ul li a:hover{border-top:0px;border-bottom:0px;line-height:70px;}
}


#Nerdeyim{ display:block;  float:right;font-size:14px;color:#999; font-weight:normal}
#Nerdeyim a{ color: #fff; } 
#Nerdeyim a:hover{ text-decoration:underline;} 
.message{ padding:20px; text-align:center; margin:10px; font-weight:bold;}
#ok{ border:1px solid  #090; background:#9FC; color:#030;}
#error{ border:1px solid #900; background:#F96; color:#F00;}

/*kutu kalıpları*/
.boxes{ margin:0; padding: 0; text-align:center; width: 100%;}
.boxes .box4,.boxes .box3,.boxes .box2,.boxes .box1{ margin:1%; display:inline-block; vertical-align: top;} 
.boxes .box4{width:23%;}
.boxes .box3{width:31%;}
.boxes .box2{width:48%;}
.boxes .box1{width:98%;}
.boxes h2{ margin: 0; } 
/*kutu kalıpları sonu*/

/*AltSayfa-1*/ 
#AltSayfa-1 li a{ display:block;transition: all 0.2s ease 0s; color:#000; overflow:hidden; text-align:left; padding:0 10px; line-height:35px;  border-left:1px solid #d9d9d9; background:none;} 
#AltSayfa-1 li a h2{ margin-bottom:0;}
#AltSayfa-1 li a:hover{ color:#009ee3;  border-left:10px solid #009ee3; background:#FFF;}
/*AltSayfa-1 sonu*/


/*AltSayfa-2*/
#AltSayfa-2 li{background:url("../img/box3-golge.png") no-repeat center bottom; padding-bottom:15px;}
#AltSayfa-2 li a{ display:block;border:1px solid #d9d9d9; padding:5px; background-color:#ebebeb;transition: all 0.2s ease 0s; color:#000; overflow:hidden; }
#AltSayfa-2 li a img{display: none;}
#AltSayfa-2 li a div{ display: block; width: 100%; height: 350px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-2 li a:hover{ color:#009ee3;}
/*AltSayfa-2 sonu*/


/*AltSayfa-3*/
#AltSayfa-3 li{background:url("../img/box3-golge.png") no-repeat center bottom; padding-bottom:15px;}
#AltSayfa-3 li a{ display:block;border:1px solid #d9d9d9; padding:5px; background-color:#ebebeb;transition: all 0.2s ease 0s; color:#000; overflow:hidden; }
#AltSayfa-3 li a img{display: none;}
#AltSayfa-3 li a div{ display: block; width: 100%; height: 350px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-3 li a h2{ text-align:left; border-bottom:1px solid #CCC; padding:10px 0; margin:0 10px;}
#AltSayfa-3 li a p{ padding:0 10px;text-align:left;}
#AltSayfa-3 li a:hover{ color:#009ee3;;}
/*AltSayfa-3 sonu*/



/*AltSayfa-4*/  
#AltSayfa-4 li a{ display:block;transition: all 0.2s ease 0s; color:#000; }
#AltSayfa-4 li a img{display: none;}
#AltSayfa-4 li a div{ display: inline-block;transition: all 0.2s ease 0s;  border-radius: 50%; border:10px solid #eaeaea; width: 250px; height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-4 li a h2{ text-align:center; border-bottom:1px solid #CCC; padding:10px 0; margin:0 10px;}
#AltSayfa-4 li a p{ padding:0 10px;text-align:left;}
#AltSayfa-4 li a:hover{ color:#009ee3;}
#AltSayfa-4 li a:hover div{ border-color:#009ee3;}
/*AltSayfa-4 sonu*/
 

/*AltSayfa-1*/
#AltSayfa-5 li a{ display:block; transition: all 0.2s ease 0s; color:#000;}
#AltSayfa-5 li a img{display: none;}
#AltSayfa-5 li a div{ float: left; margin-right: 15px; display: inline-block;transition: all 0.2s ease 0s;  border-radius: 50%; border:10px solid #eaeaea; width: 120px; height: 120px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-5 li a h2{ text-align: left; }
#AltSayfa-5 li a p{ text-align:left;}
#AltSayfa-5 li a:hover{ color:#009ee3;}
#AltSayfa-5 li a:hover div{ border-color:#009ee3;}
/*AltSayfa-1 sonu*/



/*Galeri*/ 
.Galeri li{background:url("../img/box3-golge.png") no-repeat center bottom; padding-bottom:15px;}
.Galeri li a{ display:block; position:relative;border:1px solid #d9d9d9; background:#FFF; padding:5px; color:#009ee3; overflow:hidden; }
.Galeri li a img{ width: 100%; }
.Galeri li a div{ padding-bottom:0; width:100%; -webkit-filter: grayscale(0); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.Galeri li a:hover div{ -webkit-filter: grayscale(1);}
.Galeri li a h2{ display:block;    font-size: 17px;color:#fff;text-shadow: 2px 2px 2px #000;position:absolute; left:0; top:0;background-image: url("../img/image-overlay-pattern.png");transition: all 0.2s linear; height:96%;  width:100%; height:100%;} 
.Galeri li a h2 span{ padding:20% 10% 0 10%; display:block;} 
.Galeri li:hover a h2{display:block; background-color:rgba(0, 0, 0, 0.5); opacity:1;}  
/*Galeri sonu*/


.tekli strong{ color: #e6771a; display: block; margin-bottom: 15px;}
.tekli strong i{ display: block; color: #f3c096; font-weight: normal; }
.tekli a{ display: block; padding: 10px; background-color: #fff; margin-bottom: 20px;}
.tekli a img{ width: 100%!important; margin-bottom: -6px;}



@media only screen and (max-width: 979px) {     
    .boxes .box4{width:31%;}
    .boxes .box3{width:48%;} 
}

@media only screen and (max-width: 767px) {      
    .boxes .box4{width:48%;}
    #Nerdeyim{ float: inherit; text-align: center; }
}

@media only screen and (max-width: 599px) {      
    .boxes .box4,.boxes .box3,.boxes .box2{width:98%;} 
    #AltSayfa-4 li a div{ width: 150px; height: 150px; }  
    #AltSayfa-5 li a div{ width: 60px; height: 60px; border:4px solid #eaeaea;}    
}