/************************
************************
botego - http://www.botego.com/
fatih hayrioglu
03 Agustos 2009
ie6, ff, chrome, safari
************************
************************/

/* Css Sifirlama */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none; }
body { line-height: 1; font-family:Arial, Helvetica, sans-serif }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus, a:focus, a:active { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* float uygulanan elemanlari kapsayamama sorunu */
.kapsayamamaSorunu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.kapsayamamaSorunu { display: inline-block; }
/* IE-mac de bu bolumu sakla \ */
* html .kapsayamamaSorunu { height: 1%; }
.kapsayamamaSorunu { display: block; }
/* IE-mac bu bolumu saklam artik */ 

/* Css Sifirlama Sonu */
body{ background:#e5e5e5 url(../images/ardalan.png) 0 0 repeat-x;}
#anaKapsul{width:980px; margin:0 auto}
/*********************************************************************************** ustAlan */
#ustAlan{ height:70px}
	#logo{float:left; width:190px; margin-top:9px}
	#menualani ul{margin:20px 0 0 175px; float:left;}
		#menualani ul li {float:left; position:relative; z-index:100}
			#menualani ul li a{background:url(../images/ust_menu.png) 0 0 no-repeat; display:block; text-indent:-9999px; height:29px;}
			#menualani ul li#mAnaSayfa a{background-position:0 0; width:94px; }
			#menualani ul li#mUrunler a{background-position:-119px 0; width:94px;}
			#menualani ul li#mTeknoloji a{background-position:-244px 0; width:94px;}
			#menualani ul li#mMusteriler a{background-position:-365px 0; width:107px}
			#menualani ul li#mIletisim a{background-position:-497px 0; width:75px}
			#menualani ul li#enLink a{background-position:-580px 0; width:40px}
			
			#ustAlan #menualani ul li.mSecili a{color:#ffcccc; font-style:italic; background-color:#e24643}
			
			#menualani ul li#mAnaSayfa.on a, #menualani ul li#mAnaSayfa a:hover{background-position:0 -32px; width:94px; }
			#menualani ul li#mUrunler.on a, #menualani ul li#mUrunler a:hover, #menualani ul li#mUrunler a.acik{background-position:-119px -32px;}
			#menualani ul li#mTeknoloji.on a, #menualani ul li#mTeknoloji a:hover{background-position:-244px -32px;}
			#menualani ul li#mMusteriler.on a, #menualani ul li#mMusteriler a:hover{background-position:-365px -32px;}
			#menualani ul li#mIletisim.on a, #menualani ul li#mIletisim a:hover{background-position:-497px -32px;}
			#menualani ul li#enLink.on a, #menualani ul li#enLink a:hover{background-position:-580px 0;}			
			
			
				#menualani ul li ul{display: none; position: absolute; top:29px; left:0; margin:0; padding-top:2px}
					#menualani ul ul li{ width:210px; background:url(../images/menu_ayrac.gif) left bottom no-repeat; padding-bottom:3px}
						#ustAlan #menualani ul ul li a{color:#fff; background:none; background-color:#e3110d; text-indent:0; padding:10px 0 0 13px; width:210px; voice-family: "\"}\""; voice-family:inherit; width:197px;} html>body #ustAlan #menualani ul ul li a{width:197px;}
						#ustAlan #menualani ul ul li a:hover{color:#e3110d; background-color:#fff}
/* tanitim alani */		
#tanitimAlani{display:block; width:980px; background:url(../images/tanitim_ard.jpg) top right no-repeat; clear:left;}
	#sloganBasari{padding-top:13px; float:left; width:470px; margin-right:20px}
		#anaBasariHikayerleri{margin-top:36px; background-color:#fff}
		#bhYazi{float:left; width:394px; padding:8px;voice-family: "\"}\""; voice-family:inherit; width:378px;} html>body #bhYazi{width:378px;}
			#anaBasariHikayerleri p{font:12px Tahoma, Geneva, sans-serif; color:#010000;}
				#anaBasariHikayerleri p a{font:12px Tahoma, Geneva, sans-serif; color:#010000;}
			#bhLogo{float:left; width:76px;}	
/*********************************************************************************** tanitimAlani */
#tanitim{padding-top:20px; float:left; width:490px}
#projeler { width:490px; height:297px; margin:0 auto; position:relative; background:url(../images/musteri_golge.gif) 4px bottom no-repeat}
#projelerUst { height:297px; position:relative; z-index:1}
#projelerResim { position:absolute; overflow:hidden; width:450px; height:297px; top:0; left:20px; }
#projelerResim ul { list-style:none; margin:0; padding:0; position:relative; left:0; border:none; }
#projelerResim li { float:left; width:450px; margin:0; padding:0; border:none; background:none; }
#projelerUst a { text-decoration:none; }
a#projeSol { width:20px; height:36px; display:block; position:absolute; top:180px; left:0px; background:url(../images/m_oklar.gif) 0 0 no-repeat; outline:none; text-indent:-9999px; }
a#projeSag { width:20px; height:36px; display:block; top:180px; right:0; position:absolute; background:url(../images/m_oklar.gif) -20px 0 no-repeat; outline:none; text-indent:-9999px; }
#projelerAlt { position:absolute; top:230px; width:398px; height:56px; left:92px; z-index:99; background:url(../images/musteri_adi.gif) 0 0 no-repeat; text-align:left; padding-top:10px; voice-family: "\"}\""; voice-family:inherit; height:53px; }
html>body #projelerAlt { height:53px; }
#projelerAlt span { display:none; padding:3px 10px 20px 93px; color:#f20300; font:bold 16px/1.2em Arial, Helvetica, sans-serif; white-space:nowrap;}
	#projelerAlt span a{color:#f20300; font:bold 16px/1.2em Arial, Helvetica, sans-serif;}
/*********************************************************************************** urunTanitimAlani */	
#urunTanitimalani{clear:left; margin-top:20px;}
	.urunTanitimi{float:left; width:225px; margin-right:20px; font:14px Arial, Helvetica, sans-serif;}
		.urunTanitimi p{color:#010000; margin:10px 0 2px 0}
		.urunTanitimi a{color:#e0110d; text-decoration:none}

/*********************************************************************************** altAlan */	
#altAlan{ height:90px; background:url(../images/alt_ard.gif) 0 0 no-repeat; clear:left; margin-top:10px; padding:22px 24px; voice-family: "\"}\""; voice-family:inherit; height:46px;}
			html>body #altAlan{height:46px;}
		#iletisimBilgi{float:left; width:480px; font-size:12px; line-height:14px}
			#iletisimBilgi a{color:#e0110d; text-decoration:none}
		#sponsorLogolar{float:right; width:210px;}

/************************
** alt sayfa ************
************************/
#icerikalaniUst{padding-top:20px}
#icerikalani{ background-color:#fff; padding:0 20px}
	#icerikalani p{font-size:14px; color:#010000; margin-bottom:20px; line-height:16px}
	#icerikalani a{font-size:14px; font-weight:bold; color:#e0110d}
	#icerikalani ul li{font-size:14px; margin-bottom:8px}
	#sadeceMenu{float:right; width:230px; margin-left:20px}
		.icerikResmi{margin:10px 0 10px 10px}
	#menuVideoalani{float:right; width:632px; margin:0 0 20px 20px}
		#videoAlani{float:left; width:400px; margin-right:20px; position:relative; z-index:1}
	#icerikalani .tekilMenu{float:right; margin-left:20px}
		ul#sagMenu{float:left; width:210px; background:url(../images/menu_urunler_baslik.gif) 0 0 no-repeat; padding-top:36px}
			ul#sagMenu li{ background:#e8e8e8 url(../images/menu_cizgisi.gif) bottom left repeat-x; padding:10px; margin:0}
			ul#sagMenu li.menusonu{ background:#e8e8e8 url(../images/menu_alti.gif) bottom left no-repeat}
				ul#sagMenu li a{ background:url(../images/menu_ikon.gif) 3px 5px no-repeat; padding-left:13px; font-size:14px; font-weight:bold; color:#e0110d}
				ul#sagMenu li a.secili{ font-weight:normal; color:#010000;}
h3#avantajlariBaslik{ background:url(../images/avantajlari_baslik.gif) 0 0 no-repeat; width:113px; height:26px; text-indent:-9999px; margin:50px 0 20px 0}
#icerikalani ul.liste li{ background:url(../images/avantaj_liste_ikon.gif) 3px 3px no-repeat; padding-left:20px; margin-bottom:20px}

ul#basariHikayeleri{ background:url(../images/basari_hikayeleri.png) 0 0 no-repeat; height:40px; padding-left:135px; margin:20px 0}
	ul#basariHikayeleri li{float:left; background:url(../images/bh_ayrac.gif) right center no-repeat; padding:0 15px 0 15px;}
		ul#basariHikayeleri li a{ display:block;}
blockquote {color:#e8504e; font:bold italic 14px Arial, Helvetica, sans-serif; margin-bottom:10px}
#sayfaResimleri{float:right; text-align:right; margin-top:-10px}
	#sayfaResimleri img{margin-left:20px}

#iletisimSol{width:210px; float:left;}
#kroki{width:726px; float:left;}

h1#basKisim{float:left; width:180px; margin-top:4px}
h1#adKismi{float:left; width:265px;}
p.ilkParagraf{clear:left;}

/* musteriler */
ul#musteriler li{border:1px solid #ccc; width:298px; height:99px; margin:0 20px 20px 0; float:left}
	ul#musteriler li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	ul#musteriler li { display: inline-block; }
	/* IE-mac de bu bolumu sakla \ */
	* html ul#musteriler li { height: 1%; }
	ul#musteriler li { display: block; }
	/* IE-mac bu bolumu saklam artik */ 
ul#musteriler li.enSag{margin-right:0}	

div#aveaAvantaj{float:right;}