body		{ font-family: Arial; font-size: 12px; color: #444444; margin: 0px; }
div,table	{ text-align:left}
img			{ border:0px;}
a			{ text-decoration: none; color:#5b5b5b;}
a:hover		{ color:#769700}
ul			{ list-style:none outside none; margin:0px; padding:0px ;}
li			{ list-style:none;margin:0px; padding:0px }

.genelboyut 		{ width:980px; margin:auto; clear:both ; }
.ust-genel			{ width:980px; height:118px; }
.logo				{ width:216px; height:116px; float:left }
.logo img			{ margin:5px 11px }
.sosyalmedya		{ float:right }
.sosyalmedya a 		{ width:41px; height:33px; background-color:rgba(255, 255, 255, 0.7); float:left; margin-right:5px; text-align:center; display:none}
.sosyalmedya a:hover{ width:41px; height:33px; background-color:rgba(200, 22, 23, 0.7); float:left; margin-right:5px; text-align:center; }
.sosyalmedya a img	{ margin-top:7px;}
.iletisim			{ width:150px ; height:33px; background-color:rgba(255, 255, 255, 1); float:right ; color:#717171 ; font-size:20px; line-height:33px;text-align:right; font-family: '00297regular'; padding-right:10px} 
.iletisim span		{ float:left; margin-left:8px; margin-top:8px; }

.menu							{ float:right; width:661px; height:61px; background-color:rgba(255, 0, 0, 1); margin-top:25px }
.menu ul.rootnav					{ margin-left:18px }
.menu ul.rootnav > li				{ position:relative; float:left; color:#fff; font-size:16px; padding:0 25px; line-height:61px; background-image:url(../images/m-ayrac.png); background-position:left; background-repeat:no-repeat; font-family: '00297regular';  }
.menu ul.rootnav > li > a			{ color:#fff; display:block;}
.menu ul.rootnav > li > a:hover		{ color:#000;}
	
	.menu ul.rootnav > li > ul 				{list-style:none; margin:0px 0px 0px -1px; padding:0px;display:none; position:absolute; left:0; background-color:rgba(200, 22, 23, 0.7);opacity:0.95 ; overflow: hidden; z-index:999; }
	.menu ul.rootnav > li > ul > li			{clear:both; border-bottom:1px solid #9a0000; font-size:12px; font-family:arial; }
	.menu ul.rootnav > li > ul > li a			{width:125px; display:block; color:#fff; height:30px; line-height:30px; padding:0 5px;}
	.menu ul.rootnav > li > ul > li a:hover	{background-color:#ec4c4c}	


.slider-gnl  		{ width:100%; height:537px; display:block; position:absolute; z-index:-1 ; border-bottom:2px solid #c81617;}
.orta				{ background-image:url(../images/orta-bg.png); background-repeat:no-repeat; width:992px ; margin-top:396px }
.reklam-alani		{ width:300px; height:204px; background-color:#f6f4f4; float:left; margin-top:14px; margin-left:35px; margin-bottom:10px }
.reklam-orta		{ width:300px; height:204px; background-color:#f6f4f4; float:left; margin-top:14px; margin-left:9px; margin-bottom:10px }
.orta-resim			{ width:220px; height:212px; margin:auto; margin-top:-130px ; } 
.orta-resim img		{ border-radius:180px; border:2px solid #f6f4f4; }
.orta-baslik		{ float:left; clear:both; width:100%; height:30px; line-height:30px; font-size:18px; margin-top:5px; font-family: '00297regular'; font-weight:bold }
.orta-baslik span	{ line-height:30px; margin:0 10px }
.orta-icerik		{ padding:10px; color:#787878; font-style:italic; }
.urun-slider		{ background-image:url(../images/urun-slider-bg.png); background-position:top center; background-repeat:no-repeat; height:172px ;clear: both; width: 969px; margin-left: 9px; position:relative }
.urunler			{ width:880px ; height:100px; position:absolute; margin-left:45px; margin-top:17px} 
.urunler ul			{ margin-left:3px; margin-top:9px }
.urunler ul li		{ float:left; padding:0 15px; width:145px; height:80px; }
.urunler ul li img	{ border-bottom:10px solid #FF0000 } 
.oklar				{ height:26px; width:950px; position:absolute; top:30% ; left:11px; z-index:1;}
.oksag				{ width:26px; height:26px; background-image:url(../images/ok-sag.png); cursor:pointer; float:right; }
.oksol				{ width:26px; height:26px; background-image:url(../images/ok-sol.png); cursor:pointer; float:left; }
.footer-genel		{ width:100%; height:50px; background-color:#FF0000; clear:both; }
.footer						{ width:980px;  height:50px; margin:auto; }
.footer ul li					{ font-size:11px;float:left;line-height:50px;padding:0px 10px;margin-left: -10px;}
.footer ul li a 				{ color:#fff; }
.footer ul li a:hover			{ color:#000; }
.footer span 				{ float:right; font-size: 11px;color: #fff ;line-height:50px;}

.alt-icerik-genel			{   background-image: url("../images/orta-bg.png"); background-repeat:no-repeat; margin-top: 38px; width: 912px; padding:15px 40px;}

.sayfa,.galeri				{padding:0px; min-height:400px; clear:both;}
.sayfa .baslik				{border-bottom:2px solid #FF0000; color:#fff; background-color:#FF0000; line-height:40px; position:relative; margin-bottom:15px; font-family:'00297regular'; height:35px}
.sayfa .baslik h1				{font-size:16px; margin:0 0 0 2%; font-weight:normal}
.sayfa .icerik,.galeri .icerik	{line-height:22px;  height:auto; float:none;padding:0 2%;width:96%; color:#5C5D5D}

.galeri .baslik			{display:none;}
.galeri .liste			{width:200px; float:left; min-height:140px; margin:9px; text-align:center}
.galeri .liste img		{width:145px;height:80px; border-radius:7px}
.galeri .liste h2		{font-size:12px; text-align:center; padding:0px; margin:5px 0px}
.galeri .liste a		{color:#404040}
.galeri .liste a:hover	{color:#c90000}

@font-face {
    font-family: '00297regular';
    src: url('fontface/00297-webfont.eot');
    src: url('fontface/00297-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/00297-webfont.woff') format('woff'),
         url('fontface/00297-webfont.ttf') format('truetype'),
         url('fontface/00297-webfont.svg#00297regular') format('svg');
    font-weight: normal;
    font-style: normal;
}