@charset "utf-8";
/* CSS Document */

#anadiv  {
	width: 966px; /* Alanın genişliğini ayarla */
	margin: auto; /* Alanın dışa bağlı boşluğu ayarla. Auto değeri alanı ortalı gösterecektir */
	height: 822px;
    }
#logo {
	width:966px;
	height:200px;
	}

#icyazi {
	width:850px;
	height:200px;
	padding-left: 75px;
	padding-right: 30px;
	color: #FFFFFF;
	}
#graphic {
	width:850px;
	height:200px;
	padding-left: 75px;
	padding-right: 30px;
	color: #FFFFFF;
	}
#icyazis {
	width:850px;
	height:600px;
	padding-left: 200px;
	padding-right: 30px;
	}
	
	.diger1 {
	font-family:calibri;
	font-size:13;
	color:#FFFFFF;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
	}
	
		.diger2 {
	font-family:calibri;
	font-size:13;
	color:#FFFFFF;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
	}
	
			.diger {
	font-family:calibri;
	font-size:13;
	color:#FFFFFF;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
	}



#ana #ustmenu {
    height: 400px; /* Alanın yüksekliğini ayarla */
	width:966px;
    background: #aaa; /* Arkaplan rengini ayarla */
    border: 0px solid #888; /* 1px genişliğinde ve #888 renginde düz hat çerçeve oluştur */
    margin: 0 0 5px; /* margin özelliği top right bottom left olarak 4 değer alır. Biz şuan top ve left'i 0 bottom'u 5 verdik. Eğer left ile right eşit olmasaydı left'i tanımlamamız gerekekti ama şuan left değeride 0 olacaktır. */
    }
	
#buttontoplam{ width:966px; height:72px; float:right; background:#111111
}

ul#ustbuttonlar{ list-style:none; margin:0px; padding:0px;}
ul#ustbuttonlar li{ float:left;}
ul#ustbuttonlar li a{display:block; height:65px;}
ul#ustbuttonlar{ list-style:none; margin:0px; padding:0px;}
ul#ustbuttonlar li{ float:top;}
ul#ustbuttonlar li a{display:block; height:65px;}




#anasayfa a{background-image:url(../image/anasayfa1.jpg); width:191px;}
#hakkimizda a{ background-image:url(../image/hakkimizda.jpg); width:191px;}
#urunler a{ background-image:url(../image/urunler.jpg); width:191px;}
#siparis a{background-image:url(../image/siparis.jpg); width:191px;}
#iletisim a{background-image:url(../image/iletisim.jpg); width:191px;}
#anasayfa a:hover{background-image:url(../image/anasayfa1.jpg);}
#hakkimizda a:hover{ background-image:url(../image/hakkimizda1.jpg);}
#urunler a:hover{ background-image:url(../image/urunler1.jpg);}
#siparis a:hover{background-image:url(../image/siparis1.jpg);}
#iletisim a:hover{background-image:url(../image/iletisim1.jpg);}


#anadiv #logo #logosol {
    float: left; /* Sola hizala */
    width: 900px;
    height: 200px; /* Bu alana değer vermeyebilirsiniz, yazılarınızı girdikte alan otomatik uzayacaktır. */
    border: 0px solid #888;
    background-image:url(../image/bgust.jpg);
	margin: 0px auto ;


	
	
    }
#anadiv #logo #logosag {
    float: right; /* Sağa hizala */
    width: 60px;
    height: 200px; /* Bu alana değer vermeyebilirsiniz, yazılarınızı girdikte alan otomatik uzayacaktır. */
    border: 0px solid #888;
	background-image:url(../image/bgust.jpg);,
	
}

#ortaresimler{
	width:966px;
	height:450px;
	float:right;
	background:#111111;
	padding-top: 0px;
}
#ortaresimlerh{
	width:966px;
	height:440px;
	float:right;
	background:#111111;
	padding-top: 85px;
	background-image:url(../image/hakk.png);
}
#ortaresimlers{
	width:966px;
	height:600px;
	float:right;
	background:#111111;
	padding-top: 20px;
	background-image:url(../image/sip.png);
}
#ortaurunler{
	width:966px;
	height:850px;
	float:right;
	background:#111111;
	padding-top: 20px;
	background-image:url(../image/sip.png);
}

#ortaurunler2{
	width:966px;
	height:640px;
	float:right;
	background:#111111;
	padding-top: 20px;
	background-image:url(../image/sip.png);
}








#alt{ width:966px; height:20px; float:right; background:#111111
}



#anadiv #alt #altsol {
    float: left; /* Sola hizala */
    width: 300px;
    height: 20px; /* Bu alana değer vermeyebilirsiniz, yazılarınızı girdikte alan otomatik uzayacaktır. */
    border: 0px solid #888;
    background-color:#111111;
	margin: 0px auto ;
	font-family:calibri;
	font-size:10px;
	color:#FFFFFF;
	
    }
#anadiv #alt #altsag {
    float: right; /* Sağa hizala */
    width: 666px;
    height: 20px; /* Bu alana değer vermeyebilirsiniz, yazılarınızı girdikte alan otomatik uzayacaktır. */
    border: 0px solid #888;
	background-color:#111111;
	margin: 0px auto ;
	font-family:calibri;
	font-size:10px;
	color:#FFFFFF;
	
}


/*SLAYT  İÇİN CSS*/


	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	color: #FFFFFF;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:144px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:966px;
		height:497px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:200px;
		}	
	#nextBtn{ 
		left:966px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/geri.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/ileri.png) no-repeat 0 0;	
		}												

/*SLAYT İÇİN CSS SONU*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../image/bg_site.jpg);
	
}
#content {		position:relative;
}
#slider {}
.style1 {
	font-family:calibri;
	font-size:12;
	color:#FFFFFF;
	text-decoration: none;
	}
	
.baslik{
	font-family:calibri;
	font-size:13;
	color:#990000;
	font-weight: bold;