/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Kare Elektronik - CSS
Silivri Bilisim - 2010
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/



/* Reset CSS (YUI Reset)*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}

table {border-collapse:collapse;}

fieldset,img { border:0;}

address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}

ul {list-style:none;}

ol{list-style-position:inside;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}

abbr,acronym { border:0;}


/* Reset END */

body {
	}

div#ana-govde {
	margin:0 auto;
	width:1000px;
	height:650px;
	/* position: absolute; */
	z-index:10;
	/* text-align:center; */
	}

div#ust-bolum {
	float: left;
	width: 1000px;
	height: 175px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-ust.jpg);
	background-repeat: no-repeat;
	}

div#orta-bolum {
	float: left;
	width: 1000px;
	height: 425px;
	margin: 0px 0px 0px 0px;
	/* background-image: url(images/ust-bolum.png); */
	/* background-repeat: no-repeat; */
	}

div#alt-bolum {
	float: left;
	width: 1000px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-alt-menu-bar-ust-cizgi.png);
	background-repeat: repeat-x;
	}

div#sol-bolum {
	float: left;
	width: 224px;
	height: 425px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-sol.jpg);
	background-repeat: no-repeat;
	}

div.sol-bolum-ic {
	float: left;
	width: 207px;
	height: 410px;
	margin: 15px 0px 0px 0px;
	}

div.sol-bolum-ic-01 {
	float: left;
	width: 205px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-sol-01.jpg);
	background-repeat: no-repeat;
	}

div.sol-bolum-ic-02 {
	float: left;
	width: 205px;
	height: 382px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-sol-02.jpg);
	background-repeat: repeat-y;
	}

div.sol-bolum-ic-02-01 {
	float: left;
	text-align:center;
	width: 205px;
	height: 22px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #336699;
	}

div.sol-bolum-ic-02-02 {
	float: left;
	width: 205px;
	height: 9px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-sol-04.jpg);
	background-repeat: no-repeat;
	}

div.sol-bolum-ic-02-03 {
	float: left;
	width: 175px;
	height: auto;
	margin: 5px 0px 0px 15px;
	}

div.sol-bolum-ic-02-04 {
	float: left;
	text-align:center;
	width: 205px;
	height: 22px;
	margin: 15px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #336699;
	}

div.sol-bolum-ic-02-05 {
	float: left;
	text-align:center;
	width: 205px;
	height: 22px;
	margin: 35px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #336699;
	}	
	
div.sol-bolum-ic-03 {
	float: left;
	width: 205px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-sol-03.jpg);
	background-repeat: no-repeat;
	}	
		
div#sag-bolum {
	float: left;
	width: 776px;
	height: 425px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-sag-arka-zemin.png);
	background-repeat: repeat-x;
	}

div#sag-bolum-menu-01 {
	float: left;
	width: 776px;
	height: 149px;
	margin: 0px 0px 0px 0px;
	}

div#sag-bolum-menu-01-01 {
	float: left;
	width: 261px;
	height: 149px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-01.jpg);
	background-repeat: no-repeat;
	}

div#sag-bolum-menu-01-02 {
	float: left;
	width: 245px;
	height: 149px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-02.jpg);
	background-repeat: no-repeat;
	}

div#sag-bolum-menu-01-03 {
	float: left;
	width: 270px;
	height: 149px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-03.jpg);
	background-repeat: no-repeat;
	}

div#sag-bolum-menu-02 {
	float: left;
	width: 776px;
	height: 133px;
	margin: 0px 0px 0px 0px;
	}

div#sag-bolum-menu-02-01 {
	float: left;
	width: 261px;
	height: 133px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-04.jpg);
	background-repeat: no-repeat;
	}


div#sag-bolum-menu-02-02 {
	float: left;
	width: 245px;
	height: 133px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-05.jpg);
	background-repeat: no-repeat;
	}

div#sag-bolum-menu-02-03 {
	float: left;
	width: 270px;
	height: 133px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-06.jpg);
	background-repeat: no-repeat;
	}

div#sag-bolum-menu-03 {
	float: left;
	width: 776px;
	height: 143px;
	margin: 0px 0px 0px 0px;
	}

div#sag-bolum-menu-03-01 {
	float: left;
	width: 261px;
	height: 143px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-07.jpg);
	background-repeat: no-repeat;
	}

div#sag-bolum-menu-03-02 {
	float: left;
	width: 245px;
	height: 143px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-08.jpg);
	background-repeat: no-repeat;
	}

div#sag-bolum-menu-03-03 {
	float: left;
	width: 270px;
	height: 143px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-menu-09.jpg);
	background-repeat: no-repeat;
	}

div.sag-bolum-menu-yazi-01 {
	float:left;
	margin: 40px 0px 0px 140px;
	width: 105px;
	height: 55px;
	}

div.sag-bolum-menu-yazi-02 {
	float:left;
	margin: 40px 0px 0px 125px;
	width: 105px;
	height: 55px;
	}

div.sag-bolum-menu-yazi-03 {
	float:left;
	margin: 22px 0px 0px 135px;
	width: 115px;
	height: 55px;
	}

div.sag-bolum-menu-yazi-04 {
	float:left;
	margin: 22px 0px 0px 120px;
	width: 115px;
	height: 55px;
	}

div.sag-bolum-menu-yazi-05 {
	float:left;
	margin: 22px 0px 0px 140px;
	width: 105px;
	height: 55px;
	}

div.sag-bolum-menu-yazi-06 {
	float:left;
	margin: 22px 0px 0px 110px;
	width: 130px;
	height: 55px;
	}

ul#orta-menu-baslik			{list-style:none; margin:0px; padding:0px;}
ul#orta-menu-baslik li		{}
ul#orta-menu-baslik li a	{display:block;}

ul#orta-menu-baslik #orta-menu-baslik-yazi a {
	text-decoration: none;
	text-align: center;
	padding:0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #FFFFFF;
	}
ul#orta-menu-baslik #orta-menu-baslik-yazi a:hover {
	color: #333333; 
	}

ul#ana-kategori			{list-style:none; margin:0px; padding:0px;}
ul#ana-kategori li		{}
ul#ana-kategori li a	{display:block;}

ul#ana-kategori #ana-kategori-yazi a {
	text-decoration: none;
	padding:0px 0px 0px 0px;
	height:16px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	}
ul#ana-kategori #ana-kategori-yazi a:hover {
	color: #006699;
	}

div#ust-bolum-menu {
	float: left;
	width: 770px;
	height: 40px;
	margin: 133px 0px 0px 212px;
	}

div#ust-bolum-menu-01 {
	float: left;
	width: 113px;
	height: 20px;
	margin: 10px 0px 0px 15px;
	}

div#ust-bolum-menu-02 {
	float: left;
	width: 165px;
	height: 20px;
	margin: 10px 0px 0px 20px;
	}

div#ust-bolum-menu-03 {
	float: left;
	width: 113px;
	height: 20px;
	margin: 10px 0px 0px 18px;
	}

div#ust-bolum-menu-04 {
	float: left;
	width: 160px;
	height: 20px;
	margin: 10px 0px 0px 20px;
	}	

div#ust-bolum-menu-05 {
	float: left;
	width: 113px;
	height: 20px;
	margin: 10px 0px 0px 20px;
	}
	
ul#ust-bolum-menuler			{list-style:none; margin:0px; padding:0px;}
ul#ust-bolum-menuler li			{}
ul#ust-bolum-menuler li a		{display:block;}

ul#ust-bolum-menuler #ust-bolum-menuler-yazi a {
	text-decoration: none;
	padding:0px 0px 0px 0px;
	height:16px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	}
ul#ust-bolum-menuler #ust-bolum-menuler-yazi a:hover {
	color: #006699;
	}

div#kategoriler-alani {
	float: left;
	width: 749px;
	height: inherit;
	padding: 0px 25px 0px 0px;
	overflow: auto;
	}

div.kategoriler-baslik {
	float: left;
	width: 400px;
	height: 20px;
	padding: 10px 150px 10px 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}

div.kategoriler-dis-alan {
	float: left;
	width: 700px;
	height: 75px;
	margin: 10px 10px 0px 30px;
	}

div.kategoriler-ic-01 {
	float: left;
	width: 75px;
	height: 75px;
	margin: 0px 0px 0px 0px;
	}

div.kategoriler-ic-02 {
	float: left;
	width: 615px;
	height: 75px;
	padding: 0px 0px 0px 0px;
	}

div.kategoriler-ic-02-01 {
	float: left;
	width: 595px;
	height: 20px;
	padding: 0px 0px 0px 15px;
	}

div.kategoriler-ic-02-02 {
	float: left;
	width: 595px;
	height: 55px;
	padding: 0px 0px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	}

ul#kategoriler-urun-baslik			{list-style:none; margin:0px; padding:0px;}
ul#kategoriler-urun-baslik li		{}
ul#kategoriler-urun-baslik li a		{display:block;}

ul#kategoriler-urun-baslik #kategoriler-urun-baslik-yazi a {
	text-decoration: none;
	padding:0px 0px 0px 0px;
	width:200px;
	height:16px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-align: left;
	}
ul#kategoriler-urun-baslik #kategoriler-urun-baslik-yazi a:hover {
	color: #000000;
	}

div.kategori-detay-dis-alan {
	float: left;
	width: 700px;
	height: 70px;
	margin: 15px 10px 0px 30px;
	}

div.kategori-detay-ic-sol {
	float: left;
	width: 350px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	}

div.kategori-detay-ic-sol-01 {
	float: left;
	width: 250px;
	height: 15px;
	margin: 5px 0px 0px 100px;
	}

div.kategori-detay-ic-sol-02 {
	float: left;
	width: 350px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	}

div.kategori-detay-ic-sol-02-01 {
	float: left;
	width: 100px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	}

div.kategori-detay-ic-sol-02-02 {
	float: left;
	width: 240px;
	height: 50px;
	margin: 0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;	
	}
div.kategori-detay-ic-sag {
	float: left;
	width: 350px;
	height: 70px;
	margin: 0px 0px 0px 0px;
	}

div.urun-detay-dis-alan {
	float: left;
	width: 700px;
	height: 350px;
	margin: 15px 10px 0px 30px;
	}

div.urun-detay-ic-alan-01 {
	float: left;
	width: 700px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	}

div.urun-detay-ic-alan-02 {
	float: left;
	width: 700px;
	height: inherit;
	margin: 15px 0px 0px 0px;
	overflow: auto;
	}

div.urun-detay-ic-alan-01-sol {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	}

div.urun-detay-ic-alan-01-sag {
	float: left;
	width: 500px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	}

div.urun-detay-ic-alan-01-sag {
	float: left;
	width: 500px;
	height: 200px;
	padding: 0px 0px 0px 0px;
	}

div.urun-detay-ic-alan-01-sag-01 {
	float: left;
	width: 470px;
	height: 20px;
	padding: 0px 0px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066FF;
	font-weight:bold;
	}

div.urun-detay-ic-alan-01-sag-02 {
	float: left;
	width: 470px;
	height: 20px;
	padding: 10px 0px 0px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight:bold;
	}

div.urun-detay-ic-alan-01-sag-03 {
	float: left;
	width: 470px;
	height: 20px;
	padding: 20px 0px 0px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}

div.urun-detay-ic-alan-01-sag-04 {
	float: left;
	width: 470px;
	height: 20px;
	padding: 10px 0px 0px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}	
	
div#iletisim-alani {
	float: left;
	width: 749px;
	height: auto;
	padding: 0px 25px 0px 0px;
	}

div.iletisim-baslik {
	float: left;
	width: 400px;
	height: 20px;
	padding: 10px 150px 10px 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}
	
div.iletisim-alani-detay {
	float: left;
	width: 700px;
	height: 370px;
	margin: 15px 10px 0px 30px;
	overflow: auto;
	}

div#referanslar-alani {
	float: left;
	width: 749px;
	height: auto;
	padding: 0px 25px 0px 0px;
	}

div.referanslar-baslik {
	float: left;
	width: 400px;
	height: 20px;
	padding: 10px 150px 10px 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}
	
div.referanslar-alani-detay {
	float: left;
	width: 700px;
	height: 370px;
	margin: 15px 10px 0px 30px;
	overflow: auto;
	}

div#kalite-pol-alani {
	float: left;
	width: 749px;
	height: auto;
	padding: 0px 25px 0px 0px;
	}

div.kalite-pol-baslik {
	float: left;
	width: 400px;
	height: 20px;
	padding: 10px 150px 10px 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}
	
div.kalite-pol-alani-detay {
	float: left;
	width: 700px;
	height: 370px;
	margin: 15px 10px 0px 30px;
	overflow: auto;
	}

div#projeler-alani {
	float: left;
	width: 749px;
	height: auto;
	padding: 0px 25px 0px 0px;
	}

div.projeler-baslik {
	float: left;
	width: 400px;
	height: 20px;
	padding: 10px 150px 10px 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}

div.projeler-baslik-2 {
	float: left;
	width: 600px;
	height: 50px;
	padding: 10px 0px 20px 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}

div.projeler-baslik-3 {
	float: left;
	width: 600px;
	height: auto;
	padding: 0px 0px 0px 30px;
	}	
	
div.projeler-alani-detay {
	float: left;
	width: 700px;
	height: 370px;
	margin: 15px 10px 0px 30px;
	overflow: auto;
	}

div.projeler-alani-detay-2 {
	float: left;
	width: 600px;
	height: 365px;
	margin: 0px 10px 0px 30px;
	}

div.projeler-alani-detay-3 {
	float: left;
	width: 500px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	}

ul#projeler-baslik			{list-style:none; margin:0px; padding:0px;}
ul#projeler-baslik li		{}
ul#projeler-baslik li a		{display:block;}

ul#projeler-baslik #projeler-baslik-yazi a {
	text-decoration: none;
	padding:0px 0px 0px 0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-align: left;
	}
ul#projeler-baslik #projeler-baslik-yazi a:hover {
	color: #000000;
	}

div#ik-alani {
	float: left;
	width: 749px;
	height: auto;
	padding: 0px 25px 0px 0px;
	}

div.ik-baslik {
	float: left;
	width: 400px;
	height: 20px;
	padding: 10px 150px 10px 30px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	font-weight: bold;
	}
	
div.ik-alani-detay {
	float: left;
	width: 735px;
	height: 370px;
	margin: 15px 5px 0px 30px;
	overflow: auto;
	}

div#alt-bolum-01 {
	float: left;
	width: 1000px;
	height: 33px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/kare-alt-menu-bar.jpg);
	background-repeat: no-repeat;
	background-position:center
	}

div#alt-bolum-02 {
	float: left;
	width: 1000px;
	height: 17px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	}

ul#silivri-bilisim-link 		{list-style:none;}
ul#silivri-bilisim-link li	{}
ul#silivri-bilisim-link li a	{display:block; height:12px;}

ul#silivri-bilisim-link #silivri-bilisim-yazi a {
	text-align: center;
	text-decoration: none;
	width: 998px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/* display: inline-block; */
	}
	
ul#silivri-bilisim-link #silivri-bilisim-yazi a:hover {
	color: #666666;
	}
	
div#browser-bilgi {
	float: left;
	width: 1000px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	}

div#browser-bilgi-ic01 {
	float: left;
	width: 300px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:10px;
	text-align: right;
	}

div.browser-bilgi-ic02 {
	float: left;
	width: 170px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	}

ul#browser-bilgi-link 		{list-style:none;}
ul#browser-bilgi-link li	{}
ul#browser-bilgi-link li a	{display:block; height:10px;}

ul#browser-bilgi-link #browser-bilgi-yazi a {
	text-align: center;
	text-decoration: none;
	width: 168px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/* display: inline-block; */
	}
	
ul#browser-bilgi-link #browser-bilgi-yazi a:hover {
	color: #666666;
	}

div#browser-bilgi-ic03 {
	float: left;
	width: 90px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:10px;
	text-align: right;
	}