@charset "utf-8";

body{

	background-image:url('images/bgjpeg.jpg');
	background-repeat:no-repeat;
	background-position:center;
	width:1053px;
	margin-left:auto; 
	margin-right:auto;

}

.kutuust{
     -moz-border-radius: 16px;
     -webkit-border-radius: 16px;
     border-radius: 16px;
     border: 1px solid #00c3ff;
		/*yukardaki kodu sadece dört kenarı oval yapmak için kullanıyoruz*/
     -moz-box-shadow: 0px 0px 4px #000000;
     -webkit-box-shadow: 0px 0px 4px #000000;
     box-shadow: 0px 0px 4px #000000;
		/*kutumuzun arka kısmına hafiften bir gölge atıyoruz.*/
		/*aşağıdaki kodlar sadece kutumuzun standart özellikleri yani genişlik renk yükseklik gibi burası sizin alanınıza göre değişiklik gösterecektir.*/
     height:195px;
     width:100%;
     padding:1px;
     text-align:center;
     background: transparent;
     background-image: url('images/ustresim.png');
     margin-bottom: 4px;
}

.altmetin{
	background: transparent;
	font-family:Tahoma;
	font-weight:700;
	font-size:12px;
	text-align:center;
	padding:2;
	color:#fffc30;
}

.ortala{
	width:100%;
	margin-left:auto; 
	margin-right:auto;
	padding:8px;
}

.arabosluk{
     height:100%;
     width:100%;
     padding:1px;
     text-align:center;
     background: transparent;
}

.kutubosluk{
     height:100%;
     width:100%;
     padding:3px;
     text-align:center;
     background: transparent;
}

.dikeykutubosluk{
     height:100%;
     width:100%;
     padding:4px;
     text-align:center;
     background: transparent;
}


.kutu{
     -moz-border-radius: 16px;
     -webkit-border-radius: 16px;
     border-radius: 16px;
     border: 1px solid #00c3ff;
     -moz-box-shadow: 0px 0px 4px #000000;
     -webkit-box-shadow: 0px 0px 4px #000000;
     box-shadow: 0px 0px 4px #000000;
     height:100%;
     width:100%;
     padding:1px;
     text-align:center;
     background: transparent;
     margin-left:auto; 
	 margin-right:auto;

}

.kutubeyaz{
     -moz-border-radius: 16px;
     -webkit-border-radius: 16px;
     border-radius: 16px;
     border: 1px solid #00c3ff;
     -moz-box-shadow: 0px 0px 4px #000000;
     -webkit-box-shadow: 0px 0px 4px #000000;
     box-shadow: 0px 0px 4px #000000;
     height:100%;
     width:100%;
     padding:2px;
     background-color:#FFFFFF;
     text-align:left;
     margin-left:auto; 
	 margin-right:auto;

}


.kutu2{
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 1px solid #00c3ff;
	-moz-box-shadow: 0px 0px 4px #000000;
	-webkit-box-shadow: 0px 0px 4px #000000;
	box-shadow: 0px 0px 4px #000000;
    height:100%;
    width:100%;
    padding:1px;
	text-align: center;
}