@charset "utf-8";
body {
	background-color: #FFF;
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	font-style: normal;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
}
#header {
	height: 40px;
	width: 100%;
	background-color: #111;
}
@media only screen and (max-width: 870px) {
	#header {		
	display:none; }}
#container {

}




#both {
	clear: both;
}

#canlarr {
	width: 68%;
	font-size: 18px;
	font-style: normal;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
}

@media only screen and (max-width: 1050px) {	
#canlarr {
	width:81%;
}}	
@media only screen and (max-width: 900px) {	
#canlarr {
	width:75%;
	font-size: 17px;
}}	



@media only screen and (max-width: 600px) {	
#canlarr {
	width:85%;
	font-size: 16px;
}}

@media only screen and (max-width: 400px) {	
#canlarr {
	font-size: 15px;
}}


#footer {
	height: auto;
	width: 100%;
	background-color: #111;
	font-family: 'Helvetica Neue', sans-serif
}







#nedencanlar {
	height: auto;
	width: 20%;
	color: #FFF;
	font-size: 15px;
}

#bursacanlar {
	color: #FFF;
	height: auto;
	width: 20%;
	font-size: 15px;
}


#balikesirkutahya {
	height: auto;
	width: 20%;
	color: #FFF;
	font-size: 15px;
}

#canlark {
	height: auto;
	width: 20%;
	color: #FFF;
	font-size: 15px;
}

#nedencanlar, #bursacanlar ,#balikesirkutahya ,#canlark {
	display: inline-block;
	text-align: left;
	padding-top: 10px;
	padding-left: 3.2%;
	vertical-align: top;
  
}
@media only screen and (min-width: 980px) {
	#nedencanlar, #bursacanlar ,#balikesirkutahya ,#canlark {
		padding-left: 3.7%;
	}}

@media only screen and (max-width: 980px) {
	#nedencanlar, #bursacanlar ,#balikesirkutahya ,#canlark {
	width: 46%;
	display: inline-block;
	}}
	@media only screen and (max-width: 730px) {
	#nedencanlar, #bursacanlar ,#balikesirkutahya ,#canlark {
	width: 92%;
	font-size: 13px;
	}}

#22 {
	clear: both;
}


#both33 {
	clear: both;
}

#footer2 {
	background-color: #111;
	height: auto;
	width: 100%;
}
	

#reservedalan {
	height: auto;
	width: auto;
	color: #fff;
	padding-bottom: 10px;
	font-size: 12px;
	padding-left: 3.5%;
	padding-top:1%;
}
@media only screen and (max-width: 980px) {
	#reservedcanlar {
	width: 15%;
	display: inline-block;
	}}
	@media only screen and (max-width: 730px) {
	#reservedcanlar {
	width: 15%;
	}}