body
{	background-image:url(../images/renkler/mavi/header-bg.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	background-position: 50% 0;
}



#anadiv
{	width:1022px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.logo
{	width:585px;
	height:85px;
	float:left;
	padding-top:15px;
	padding-left:15px;
	text-align:center;
}

.h-gilbi-alan
{	width:150px;
	height:auto;
	float:right;
	margin-left:222px;
	margin-top:20px;
}

.menu-alan
{	width:700px;
	height:43px;
	float:left;
	margin-left:322px;
}
.menu-btn:hover
{	width:120px;
	height:30px;
	float:right;
	margin-left:1px;
	background-color:#0094c4;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top:15px;
}


.menu-btn
{	 width:120px;
	height:25px;
	float:right;
	margin-left:1px;
	background-color:#41b7f4;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top:15px;
 	transition:all 1s ease-in-out
    -moz-transition:all 1s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
}

.header
{	width:1022px;
	height:143px;
	float:left;
}
	
.h-bilgi
{	width:auto;
	height:auto;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	font-size:10px;
	text-align:right;
	margin-top:8px;
}

.duyuru-hos-alan
{	width:1022px;
	height:420px;
	float:left;
	margin-top:60px;
}

.duyuru-alan
{	width:510px;
	height:400px;
	float:left;
	background-image:url(../images/renkler/mavi/duyuru-bg.png);
	background-repeat:no-repeat;
}
.duyuru-baslik
{	width:250px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	margin-top:25px;
	margin-left:20px;
	margin-bottom:30px;
}

.duyuru
{	width:480px;
	height:100px;
	background-color:#3c3c3c;
	float:left;
	margin-top:3px;
}
.duyuru-resim
{	width:85px;
	height:85px;
	float:left;
	background-color:#41b7f4;
	padding-left:1px;
	padding-top:1px;
	margin-top:7px;
	margin-left:7px;
}
.duyuru-icerik
{	width:380px;
	height:85px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c4c4c4;
	margin-top:7px;
	margin-left:5px;
}

.hos-alan
{	width:510px;
	height:400px;
	float:left;
	margin-left:2px;
	background-image:url(../images/renkler/mavi/hos-bg.png);
	background-repeat:no-repeat;
}
.hos-baslik
{	width:250px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	margin-top:30px;
	margin-left:40px;
	margin-bottom:30px;
}
.hosgeldiniz
{	width:480px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c4c4c4;
	margin-left:29px;
}

.hos-resim
{	width:85px;
	height:85px;
	float:left;
	background-color:#00a8ff;
	padding-left:1px;
	padding-top:1px;
}

.beyaz-alan
{	width:1022px;
	height:auto;
	float:left;
	margin-top:65px;
}
.beyaz-sol
{	width:372px;
	height:650px;
	float:left;
	background-color:#00a8ff;
}
.beyaz-rt
{	width:324px;
	height:324px;
	float:left;
	background-color:#fff;
	text-decoration:none;
}
.beyaz-baslik
{	width:auto;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#333;
	margin-top:11px;
	margin-left:5px;
	text-decoration:none;
}
.beyaz-icerik
{	width:309px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	margin-top:11px;
	margin-left:8px;
	margin-bottom:5px;
	text-decoration:none;
}

.sol-icerik
{	width:350px;
	height:350px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-top:11px;
	margin-left:10px;
	margin-bottom:10px;

}

.sol-baslik
{	width:350px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#fff;
	margin-top:11px;
	margin-left:10px;
}

.footer
{	width:100%;
	height:313px;
	float:left;
	background-color:#1e1e1e;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position: 50% 0;
}
 
 .footer-icerik
{	width:1022px;
	height:270px;
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
}
 
.footer-1
{	width:250px;
	height:220px;
	float:left;
	margin-right:5px;	
	margin-top:10px;
}
.fo-baslik
{	width:auto;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#b9b9b9;
	font-size:18px;
}

.fo-icerik
{	width:230px;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	margin-top:10px;
	
}

.copy
{
	width:auto;
	height:auto;
	text-align:center;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:3px;
}

.icerik-alan
{	width:1022px;
	height:auto;
	float:left;
	margin-top:30px;
}

.icerik-yazı
{	width:auto;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-left:10px;
	margin-right:10px;
	margin-top:30px;
}

.icerik-rt
{	width:330px;
	height:324px;
	float:left;
	background-color:#fff;
	margin-top:15px;
	margin-bottom:15px;
	
	
}
#cssmenuu{display:block; padding:0; } 
#cssmenuu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenuu > ul > li {list-style:inside none; padding:0; margin:0;  display:block; position:relative;} 
#cssmenuu > ul > li > a{ outline:none; display:block; position:relative; } 
#cssmenuu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenuu > ul > li > a:after{ content:''; position:absolute;top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenuu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenuu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px;  } 
#cssmenuu > ul > li.has-sub:hover > a:before{top:0; bottom:0;} 
#cssmenuu ul li.has-sub:hover > a{  } 
#cssmenuu ul li.has-sub:hover > ul, #cssmenuu ul li.has-sub:hover > div{display:block;} 
#cssmenuu ul li.has-sub > a:hover{} 
#cssmenuu ul li > ul, #cssmenuu ul li > div{ top:43px;display:none; width:auto; position:absolute;  padding:10px 0; background:#0094c4; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenuu ul li > ul{width:130px;} 
#cssmenuu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenuu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; } 

#cssmenuu, #cssmenuu > ul > li > ul > li a:hover{   } 
#cssmenuu{border-color:#1b313d;} 
#cssmenuu > ul > li > a{color:#fff;} 
#cssmenuu > ul > li > a:after{border-color:#6696bd;} 
#cssmenuu > ul > li > a:hover{ } 
.cssmenuuh:hover { background-color:#1f1f1f;	}

.katc { 
 width:120px;
	height:25px;
	float:right;
	margin-left:1px;
	background-color:#41b7f4;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top:15px;
 	transition:all 1s ease-in-out
    -moz-transition:all 1s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
}
.katc:hover { 
width:120px;
	height:30px;
	float:right;
	margin-left:1px;
	background-color:#0094c4;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding-top:15px;
}