@charset "utf-8";
.btn-primary.active,.btn-primary:active, .btn-primary:hover{
background-color: #d6e9c6 !important;
	border-color: #0b2e13 !important;
}
.metinkodu{
	font-size: 14pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #204d74;
	font-style: oblique;
}

.temizle{
	clear:both;
}

textarea{
/*	line-height:30pt;*/
}

.buton {
	border-color:#666;
	border-width: thin;
	border-style:solid;
	height: 50px;
	width:50px;
	background-color: #BED63A;
}

.buton2 {
	height:50px;
	width:50px;
	
	display:inline-block;
}
.buton3 {
	border-color:#afd9ee;
	border-width: thin;
	border-style:solid;
	height: 90px;
	width:180px;
	background-color: #BED63A;
}
.butoncevir {
	border-color:#afd9ee;
	border-width: thin;
	border-style:solid;
	height: 50px;
	width:50px;
	background-image: url(resimler/rotate.png);
}
.don90{
	-moz-transition:0.5s all;
	-webkit-transition:0.5s all;
	transform: rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform: rotate(90deg);
}
.don180{
	-moz-transition:0.5s all;
	-webkit-transition:0.5s all;
	transform: rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform: rotate(180deg);
}
.don270{
	-moz-transition:0.5s all;
	-webkit-transition:0.5s all;
	transform: rotate(270deg);
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-ms-transform: rotate(270deg);
}

.taslikutu{
	background-image:url(resimler/tas.png);
	background-repeat:no-repeat;
	background-position:center;
}
.tospaared{
	height:10px;
	background-image:url(resimler/tospaared.png);
	background-repeat:no-repeat;
	background-position:center;
}
.tospaablue{
	height:50px;
	background-image:url(resimler/tospaablue.png);
	background-repeat:no-repeat;
	background-position:center;
}
.tospaagreen{
	height:50px;
	background-image:url(resimler/tospaagreen.png);
	background-repeat:no-repeat;
	background-position:center;
}


.butonremove{
	height:50px;
	width:50px;
	vertical-align:middle;
	line-height:50px;
	background-image:url(resimler/cancel.png);
}

.cerceve{
border:solid thin #39C;
}

.cerceve2{
border:solid thin #930;
}

.ileri{
	background-image:url(resimler/ileri.png);
}
.sol{
	background-image:url(resimler/sol.png);
}

.sag{
	background-image:url(resimler/sag.png);
}
.dongu{
	background-image:url(resimler/dongu.png);
}
.donguson{
	background-image:url(resimler/donguson.png);
}
.dongu2{
	background-image:url(resimler/dongux2.png);
}
.dongu3{
	background-image:url(resimler/dongux3.png);
}
.dongu4{
	background-image:url(resimler/dongux4.png);
}
.dongu5{
	background-image:url(resimler/dongux5.png);
}
.eger{
	background-image:url(resimler/eger.png);
}
.egertasvarsa{
	background-image:url(resimler/eger.png);
}
.egertasyoksa{
	background-image:url(resimler/egeryoksa.png);
} 
.kutu2 {
	border-color: white;
	border-width: thin;
	border-style:solid;
	height:5px;
	width:5px !important;
	background-color:#CCCAAA;	
}

#container #d1 {

	height: auto;
	width: 120px;
	float: left;
}
#container #d2 {

	margin-left: 20px;
	height: auto;
	width: auto;
	float: left;
}
#container #d3 {

	height: auto;
	float: left;
	margin-left:10px;

}
#container #d4 {

	height: auto;
	float: left;
	margin-left:30px;
}
#container #d5 {

	height: auto;
	width:160px;
	float: left;
	margin-left:10px;
}
#container #d1 #logo {
	background-image: url(resimler/images/logo.png);
	background-repeat: no-repeat;
	height: 110px;
	width: 100px;
	-webkit-transition: background-image 2s 1s;
	-moz-transition: background-image 2s 1s;
	-ms-transition: background-image 2s 1s;
	-o-transition: background-image 2s 1s;
	transition: background-image 2s 1s;
}
body {
	background-color: #d4d0ca;
	margin-left: 0px;
	margin-top: 0px;
}
#container #d1 ul li {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#container #d1 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#container #foot {
	position: fixed;
	bottom: 5px;
	left: 400px;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	background-color:#CCC;
	width:440px;
	height:20px;
}

.row0 div{
	border-color: white;
	border-width: thin;
	border-style: solid;
	height: 20px;
	width: 50px !important;
	text-align:center;
}

.kutu {
	border-color: white;
	border-width: 1px;
	border-style: solid;
	height: 10px;
	width: 10px !important;
}

.yirmilik .kutu {
	border-color: white;
	border-width: 1px;
	border-style: solid;
	height: 20px;
	width: 20px !important;
}


.playground{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#EFF1E7;
	padding:15px 25px;
	margin-top:10px;

}

.arackutusu{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#EFF1E7;
	padding:15px 20px;
	margin-top:5px;
}

.bombe{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#EFF1E7;
	padding:15px 25px;
	margin-top:10px;
	border: 3px solid white;

}

.sagayasla {
	text-align: right;
	margin-right: 5px;
	display: inline;
	width: 300px;
}