body { font-family: 'Roboto Condensed', sans-serif; background:#000000; }


#sayfaicerikler {
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
#sayfaicerikler {
	margin-top:0px;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.kutu3kutu { width:564px; margin:0 auto; }

	
.kutu4kutu { width:378px; margin:0 auto; }

	
p { margin:1px; }	





.kut1 { width:180px; height:180px; float:left; border:1px solid rgba(255, 255, 255, 0.9); background-color:rgba(0,0,0,1); position:relative; z-index:3; margin-bottom:5px;  margin-left:5px; font-weight:600;}


.kut1_1 { width: 170px; height: 170px;float: left;margin: 4px; display:block; }

.kut_1_1_1 {padding-top:33%; padding-bottom:30%; text-align:center; font-size:22px; color:#FFF;}


.kutu_1_cizgi {  
	position: absolute; 
	overflow: hidden;  	
	width:164px; height:164px;   
	border:8px solid #FFFFFF;
    z-index: 9;
	opacity: 0.0;	
    transition: all .5s ease-in-out;left: 7px;
    top: 7px;
}

.kut1:hover .kutu_1_cizgi {  
	opacity: 1;
}



.kut2:hover .kutu_1_cizgi {  
	opacity: 1;
}
.kut3:hover .kutu_1_cizgi {  
	opacity: 1;
}

.kutu_1_resim {  
	position: absolute; 
	overflow: hidden;  	
	width:180px; height:180px;   
    z-index: 8;
}


.kut1 .kutu_1_resim img {  
	position: absolute;
    top: -10px;
    left: -20px;
    transition: all .5s ease-in-out;
    cursor: pointer;	
	opacity: 0.7;
	
}
.kut1:hover .kutu_1_resim img {    	 
		opacity: 0.3;
		 
}

.siyahlik { position:fixed; background:rgba(0,0,0,0.8); left:0; right:0; top:0; bottom:0; } 


#kapsulIci{zoom:1; }
	
#content {	 height:450px; }



.footer { width:100%; height:240px; bottom:20px; position:fixed; }
.footorta { width:380px; margin:0 auto; }
.kutufoot { width:75px; height:45px; background:rgba(255,255,255,0.0); color:#000; margin:0 auto; border-radius:180px; }
.footkutuyazi { padding-left:12px; }
.footyazi { width:205px; margin:0 auto; font-size:22px; color:#FFF; padding-top:20px; font-weight:600; }

.copyright { font-size:11px; color:#CCC; padding-top:0px; width:280px; margin:0 auto;  }

.copyrighta { font-size:11px; color:#CCC; padding-top:0px; width:310px; margin:0 auto; margin-top:20px;  }

.copyrighta a { color:#F00; font-size:14px; }
.copyrighta a:hover { color:#FFF; }

.linkler { font-size:11px; color:#CCC; padding-top:0px; width:450px; margin:0 auto; margin-top:-60px; padding-bottom:20px; padding-left:10px;  }

.linkler a { color:#FFF; font-size:14px; }
.linkler a:hover { color:#F00; }


.footsosyal { width:300px; margin:0 auto;  padding-top:10px; }


.footsosyal ul li { float:left; margin-left:6px; margin-right:6px; list-style-type:none; }

.footsosyal ul li img { width:20px; opacity:0.7; }

.footsosyal ul li img:hover { width:20px;opacity:1; }

.cev_logo { float:right;  bottom:20px; position:fixed; right:0; }
.cev_logo img { height:36px; padding-right:20px; }