body{margin:0;

}

.hab-duy-etk_baslik{
	background-color:;
	top:0;
	width:1280px;
	height:75px;

	
}

.wrapper {
	width:422px;
	font-family: Arial, Helvetica, sans-serif;

	border-radius: 10px;
	float:left;
}


.duy-konteynir{
	 width: 422px;
	border-radius: 10px;
	float:left;
	margin: 0 0 0 0px;
}

.etk-konteynir{
	 width: 422px;
	border-radius: 10px;
	float:left;
	margin: 0 0 0 6px;
}


.haberler{
	font-family: Arial, Helvetica, sans-serif;
	font-size:30px;
	color:gray;
	font-weight:900;
	line-height:40px;
	width:380px;
	line-height:50px;
	margin:0 0 -10px 0;
	background-image: url("logoanimasyon.gif");
	background-repeat: no-repeat, repeat;
	background-size: 40px 40px;
	background-position: left, center;
	text-indent:50px;
}

.haber_butonlar {
	margin-top: 10px;
	width: 422px;
	-webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.6);
	border-radius: 10px;
	
}
.haber_butonlar ul {
padding: 0;
}

.haber_butonlar ul li {
	width:430px;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid gray;
border-radius: 10px;
list-type: none;
margin: 0;
}

.list-group{
	margin:0 20px 5px 0;
	width:30px;
float:right;

	text-align:center;
}

.et-run {
padding:0 ;
margin-right:50px;
font-size:0;
}

.otomatik{
font-family:Arial;
text-decoration:none;
background-color:red;
margin:0 0 10px 305px;
color:white;
line-height:50px;
-moz-border-radius: 20px /20px;
-webkit-border-radius: 20px /20px;
border-radius: 3px 3px;
font-weight:bold;
cursor:pointer;

}

.otomatik b{
font-family: Arial;
font-weight:900;
font-size:24px;
}

.saga-run{
	float:right;
	font-size:25px;
	margin:3px 3px 0 3px;
		transform: scale(2, 1);
}


.list-group-item{
	text-decoration:none;
	color:white;
	background-color:gray;
	-moz-border-radius: 20px /20px;
    -webkit-border-radius: 20px /20px;
    border-radius: 3px 3px;
}

.list-group-item:hover{background-color: black;}

.cizgi {
	width:300px;
	margin:10px 0 -55px 0;
	height:5px;
	color:gray;
	background-color:gray;;
}

.tarih{
	float:right;
	font-style:italic;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	padding:10px;
	font-size:12px;
	line-height:25px;
	margin:-10px 180px 0 0 ;
}


.tarih img {
	float:left;
		margin:0 5px 0 0px;
}

.baslik_icerik{
	font-weight:600;
	top:-60px;
	left:125px;
	position:absolute;
	width:275px;

	line-height:20px;
	font-size:12px;
	
}

.baslik_icerik a{
	position:absolute;
	top:60px;
	left:50px;
    text-decoration:none;
	color:red;
		font-style:italic;
}


.baslik_icerik a:hover{
	color:#014089;
	font-style:italic;
	transform: scale(1.1);
}

.foto{
	
	 transition: all .2s ease-in-out; 
	border:solid silver 3px;

}

.foto:hover { transform: scale(1.05);}

.haber_container{
	position:relative;
	width:350px;
	height:20px;
}

.solagec{
	margin:0 0 0 3px;
	float:left;
}


.kutu hr{color:rgba(210, 210, 210, 0.5);}

.duyurularimiz {
	width: 427px;
	height:390px;
	margin:10px 0 0 0px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0px 0px 15px 1px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: inset 0px 0px 15px 1px rgba(0, 0, 0, 0.9);
	box-shadow: inset 0px 0px 15px 1px rgba(0, 0, 0, 0.9);
}
.duyuru-tarihi{
	width:40px;
	padding:20px;
    background-image: url("masa_takvimi_ikon.png");
	font-style:italic;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
	font-size:12px;
    background-repeat:no-repeat;
   background-size:contain;
   float:left;
}
.etkinlik-tarihi{
	width:35px;
	padding:20px;
    background-image: url("masa_takvimi_ikon2.png");
	font-style:italic;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
	font-size:12px;
    background-repeat:no-repeat;
   background-size:contain;
   float:left;

}

.text-justify { 
 font-family: Arial, Helvetica, sans-serif;
 width:420px;
height:50px;
font-weight:600;
line-height:20px;
font-size:12px;
margin:10px 0 0 0;

}

.megafon{
    background-image: url("megafon.png");
	    background-repeat:no-repeat;
	padding:16.5px 18px 16.5px 18px; 
	width:0;
	height:0;
	 background-size:contain;
	float:left;
}

.etkinlik{
    background-image: url("etkinlik.png");
	    background-repeat:no-repeat;
	padding:16.5px 18px 16.5px 18px; 
	width:0;
	height:0;
	 background-size:contain;
	float:left;
}


.newstape a{
	font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
	color:red;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin:0 20px 0 0;
}

.newstape a:hover{
	color:#014089;
	font-style:italic;
	transform: scale(1.1);
}

.text-right{
	margin:-10px 130px 0 0;
	position:relative;
}

.newstape{
  position:absolute;
  width:427px;
  height:520px;
  overflow:hidden;
float:left;

}

.newstape-content{
  position:relative;
  width:442px;
  height:395px;
  float:left;
 overflow-Y:scroll;
overflow-X:hidden;
}

.kutu {
  min-width:427px;
  min-height:98px;
  display:block;
}
.duyurularimiz:hover{
margin:15px 0 0 0;
}

.kutu hr{
margin:1px 0 0 0;
}



.haber_renk1{
	 
	 background:rgba(200, 200, 200, 0.6);"
}

.haber_renk2{
	 
	 background:rgba(200, 200, 200, 0.2);"
}


.duyuru_renk1{
	background-color: rgba(200, 200, 180, 0.6);
	
}

.duyuru_renk2{
 
	background-color: rgba(200, 200, 180, 0.3);
}

.etkinlik_renk1{
background-color: rgba(220, 240, 235, 0.2); 
	
}

.etkinlik_renk2{
background-color: rgba(220, 240, 235, 0.6); 
	
}