html, body, #kapsul, form {height: 100%; width:100%;}
form > #kapsul {height: auto; min-height: 100%;}
#icerik {padding-bottom: 0px;} /* altAlan yukseligi ile ayni olmali */

#altAlan {
    position: relative;
    margin-top: -153px; /* altAlan yuksekliginin eksi degeri */
    height: 153px;
    clear:both;
}
#altAlan1 {
    position: relative;
    margin-top: -153px; /* altAlan yuksekliginin eksi degeri */
    height: 63px;
    clear:both;
}

.ortala {width:964px; margin:0 auto; margin-top:-120px; }
.clear { clear:both;}

.UstBg { width:100%; height:173px; background:url(../images/UstBg.png)/*tpa=http://www.hakanparke.com.tr/images/UstBg.png*/ no-repeat; z-index:0; background-position:top center; margin-top:-45px }

.UstBannerContainer { width:930px; margin:0 auto; margin-top:30px; }

    .LogoAlani { width:181px; float:left }
    .MenuAlani { width:710px; float:left; margin-left:35px; margin-top:10px; }
    
    .MenuLinkler { float:left; margin:0px 15px; }
    .MenuCizgi { float:left; margin-top:-12px; }
    
    .AramaAlaniContainer { width:250px; float:right; margin-top:-78px; margin-left:25px; }
        .AramaTextAlani { float:left;}
        .AramaButon { float:left; margin-left:5px; }
        .urun_yeri{  left:0px; margin-top:-50px; margin-left:97px;}
         #urun_sirasi{ border-collapse:collapse; }
     .BuyukBanner { width:964px; height:420px; margin-top:30px; }   
        #SanatinYereYansimasi { width:474px; margin-top:150px; float:right;}
        
      .icerikAlaniContainer { width:964px; }
        .icerik_Detay { width:305px; height:250px; float:left;  background:url(../images/AlticerikBg.png)/*tpa=http://www.hakanparke.com.tr/images/AlticerikBg.png*/ repeat-y;}  
        .icerikOk { margin-top:1px; margin-left:10px; float:left;}
        
        .icerikBaslik { width:250px; height:20px; margin:5px 0px 0px 10px;}
        .icerikFloorpanYazi { width:230px; margin-top:7px; line-height:18px; text-align:justify; overflow:hidden; height:107px;  margin-left:10px;}
        .DetayButon {margin-left:10px;}
        
        .urunResimleri {width:250px; height:70px; margin-left:10px; margin-top:10px; }
        
            .urunResimCerceve { width:66px; height:66px; border:3px solid black; border-radius: 5px; margin:0px 3px;  float:left; }
            
            .urunResimCerceve:hover { width:66px; height:66px; border:3px solid #FCAF19; border-radius: 5px; margin:0px 3px;  float:left; }
            
            .urunYazi { width:250px; height:92px; margin-bottom:10px; margin-left:10px; margin-top:10px; }
            .aksesuarResim {margin:10px 0px 10px 10px;}
            
   
   
   #AltAlanContainer { width:100%; height:64px;  }
    #AltUst {  height:70px; } 
	   #Altic { width:965px; height:40px;  }
	  #EnAlt{ height:18px; margin-top:41px; }
     #Altbg { width:100%; height:35px; background:url(../images/altbg.png)/*tpa=http://www.hakanparke.com.tr/images/altbg.png*/;  }
	#altbilgi { width:925px; height:25px;  margin:0px auto 0 auto;	 }
	#altbilgi1 { width:250px; height:40px;	margin-left:800px;	}
	#altadres {  width:840px; font-family:Tahoma; font-size:12px; margin-left:13px;  float:left; 

     } 
	 #altadres:before { content:"Mustafa Kemal Paşa Mah. Firuzköy Bulvarı No:141 Avcılar/İstanbul  T: 0212 423 52 34 - G: 535 019 5555 | info@hakanparke.com.tr" }
        #AltBanner {   width:900px; height:5px;margin:0px auto 0 auto; margin-top:10px; background:url(../images/alt_banner1.jpg)/*tpa=http://www.hakanparke.com.tr/images/alt-banner.png*/ no-repeat;}
  #AltFirma { width:965px; height:75px; margin-top:35px; }
  .AltBannerContainer { width:930px; margin-right:0px; padding-top:20px; }
  #AltLogo { width:175px; height:45px; float:left; margin-top:15px; }
  #AltBannerSag { width:950px; height:80px;  margin-left:10px;}
  #GaleriContainer {float:left; width:66px; height:80px; }
  #GaleriYazi{ color:#0C4CA1; font-family:Calibri; font-size:15px; font-weight:bold; text-align:center; }
  #GaleriResim {width:59px; height:66px; margin-left:3px;}
  
 #KatalogResim { width: 118px;height:15px;float: left;margin-left:38px;margin-top: 26px;font-size: 14px; }/*width:314px; height:74px; float:left;margin-left:23px;margin-top:5px;*/
 #iconResim { width:224px; height:28px; float:left; margin-top:20px; margin-left:54px;}
 #FinishContanier { width:930px;  margin-top:23px; }
 #finishYaziStil {font-family:Tahoma; font-size:10px; text-align:center; margin-top:-4px; 
    
     } 
	 #firmalogo { margin-right:300px;  }
	 #firma-logo { content:url(../images/hplogo.png)}
	 #camsan_marka_alan{ height:330px; width:780px; margin-top:35px; 
		 
		 }
		 
		  #agt_marka_alan{ height:330px; width:780px; margin-top:35px; 
		 
		 }
		 
		 #camsan_alt_kisim1{ width:100px; height:25px; margin-top:-60px; float:left;  }
		 #camsan_alt_kisim2{ width:100px; height:25px; margin-top:-60px; margin-left:110px; float:left; }
		 #camsan_alt_kisim3{ height:20px; width:20px;float:left; margin-top:-56px; margin-left:220px; }
 
#sosyalmedya {     width:63px; height:26px;   float:left; margin-left:6px;
   }
 
 #OrtaBannerContainer { width:960px; height:136px; margin:0 auto; }
 #OrtaBanner { width:960px; height:136px; margin-top:15px;}
 
 .OrtaAlanContainer {width:960px; }
 
 #SolMenuContainer { width:160px;  float:left;  }
 
 #SolMenuBaslik { width:109px; height:24px;  margin:30px 0  0 0px;}
  #SolMenuCizgi { width:145px; height:1px; margin:0px 0  0 0px; content:url(../images/camsan_urunalt_cizgi.jpg)}
    .SolMenu { width:100px; height:21px; margin:5px 0 0 0px;}
      .SolMenuStil {font-family:Tahoma; font-size:15px; color:#0C4CA1;}
      
#solmenualtbg{width:160px; height:525px; background:url(../images/urunlerBG.jpg)/*tpa=http://www.hakanparke.com.tr/images/urunlerBG.jpg*/ no-repeat;}
      
      .OrtaAlan { width:780px; margin-left:20px; float:left;   }
      .icAlanContainer {width:780px; margin-top:0px}
	  .icAlanCamsan {width:780px; margin-top:-10px; }
	  .icAlan { width:159px;height:99px;margin-left:20px;margin-top:-20px; margin:15px 1px 0 10px;  border:5px; background-color:#D4D4D4; float:left; }
	  .icAlan:hover { width:159px; height:99px; margin:15px 1px 0 10px;  border:5px;background-color: #FF3034; float:left;}
       .icAlaneski { width:119px; height:148px; margin:34px 1px 0 10px;  border:5px; background-color:#D4D4D4; float:left; }
       .icAlaneski:hover { width:119px; height:148px; margin:34px 1px 0 10px;  border:5px;background-color: #FF3034; float:left;}
        .icAlan2 {width:148px; height:91px; padding-top:5px ; padding-left:5px; padding-right:2px;  }
            .icAlanSolAltYazi { width:31px; height:21px;  margin-top:-20px; margin-left:7px; }
                .icAlanSolAltYaziStil {font-family:Tahoma; font-size:12px; color:White; font-weight:bold;}
                 .icAlanAltYaziContainer { width:119px; height:38px;background-color:  #FF3034;}
			
                 .icAlanAltYaziContainer:hover { width:119px; height:38px;background-color: #FF0000;}
                    .icAlanAltYazi { width:120px; height:40px; margin-left:7px;}
                    .icAlanAltYaziStil {font-family:Tahoma; font-size:14px; color:white;}
                        .icAlanCizgi{width:67px; height:1px; margin-top:-17px; margin-left:5px;  background-color:#fff; }
                          .icAlanSonYAzi { width:80px; height:10px; margin-left:6px;}
                           .icAlanSonYAziStil {font-family:Tahoma; font-size:10px; color:white; }
                     
   .ortaKisimContainer { float:left;  margin-top:33px;   }  
   .solKisimContainer { width:268px;   margin-top:-10px; margin-left:32px; float:left;  }  
   .solKisimContainer1 { width:268px;   margin-top:-10px; margin-left:32px; float:left;  }  
   .solKisimBaslik { width:165px; padding:10px; background-color:#FCAA09;}
   .solKisimilkYazi {width:86px;  margin-left:8px; margin-top:5px; }
   .solKisimilkYaziStili {font-family:Tahoma; font-size:12px; color:White; font-weight:bold; }
   .solKisimCizgi { width:77px; height:2px; margin-left:6px; margin-top:5px; background-color:#fff; }
   .solKisimIkinciYazi { width:86px; height:21px; margin-top:5px; margin-left:8px;}
   .solKisimIkinciYaziStili { font-family:Tahoma; font-size:12px; color:White; font-style:italic;}
   .solUstGriCizgi { width:201px; height:2px; margin-top:3px;}
   .solmenu{ margin-top:10px; }
   
   
   
   .solBuyukResimContainer { width:184px; height:176px; margin-top:14px; background-color:#ccc;}
   .solBuyukResim { width:170px; height:162px; padding:7px; }
   .buyutecResim{ width:50px; height:37px; margin-left:120px; margin-top:-37px;}
   .solKucukResimContainer{width:64px; height:62px; float:left; background-color:#CCC; margin:5px 5px 0 0;}
   .solKucukResim { width:56px; height:54px; padding:4px ;}
   .iconlar {width:200px; height:130px; margin-top:15px;}
   .ortaKisimMenuContainer {  height:400px; margin-top:20px; float:left; z-index:100;position:relative}
   .ortaKisimMenu { width:402px; height:273px; margin-top:109px; margin-left:9px; }
   .ortaKisimMenuResimler { width:124px; height:80px;  margin:3px; border:2px solid; border-color:#DDDCDB; float:left;}
   .AltMenuContanier {width:588px; margin-left:32px;  }
   .AltMenu { height:39px; float:left; background-color:#F4F4F4; margin:5px;}
   .AltMenuYaziAlan {  float:left;  margin-top:10px; margin-left:5px; margin-right:15px; }
   .AltMenuYaziStil {font-family:Tahoma; font-size:12px; color:#0C4CA0; }
   .AltMenu2 {height:39px; float:left; background-color:#ccc; margin:5px;}
   .AltMenuYaziAlan2 {margin-top:10px; margin-left:10px; margin-right:15px; }
   .AltMenuCizgi{ width:600px; height:2px; background-color:#F4F4F4; margin:-5px 0px 0px -6px; }
   .AltMenuResim{width:590px; height:215px; margin-top:10px; background:url(../images/alt-menu-resim.png)/*tpa=http://www.hakanparke.com.tr/images/alt-menu-resim.png*/ no-repeat;}
   #SagDisAlan {width:200px; float:right; height:684px; margin-top:40px;margin-left:720px; background:url(../images/sag-resim.png)/*tpa=http://www.hakanparke.com.tr/images/sag-resim.png*/ no-repeat;z-index:1;position:absolute}
   
   .alt_bosluk{ margin-bottom:15px; }
   .ust_bosluk{ margin-top:24px; }
   
   
   
   .iletisimBilgileriContainer { width:400px; height:200px; margin-left:32px; float:left; }
   .solKisimContainer2 { width:268px;   margin-top:-10px; margin-left:32px; float:left;  }
   .iletisimBilgileriYazi{ width:200px; height:16px;   }
   .iletisimBilgileriYaziStili {font-family:Tahoma; font-size:14px; color:#00273B; font-weight:bold; }
   .Merkez {  margin-top:20px; }
   .MerkezYaziStili {font-family:Tahoma; font-size:11px; color:#00273B; font-weight:bold;}
   
   .iletisimsatir{ width:400px; height:auto }
    .iletisimkonu{margin-top:4.48px; height:auto;float:left; font: normal 14px Calibri, sans-serif; color:#00273B}
     .iletisimbilgi { margin-top:6px; height:auto;font-family:Tahoma; color:#666; font-size:12px;text-decoration:none; margin-left:90px; }
	 .whatsapp{ margin-top:4.48px; height:auto;float:left; }
	 .iletisimanasayfa { margin-top:13px; height:auto;font-family:Tahoma; color:#666; font-size:10px;text-decoration:none; margin-left:20px; }
	 
 
   
   .ikinokta{  margin-top:4.8px; float:left;font-size:11px;  color:#00273B;}
   .bosluk{ margin-top:25px; }
   
   
   
   .iletisimFormuContainer {width:500px; height:290px ; margin-top:-56px; }
   .iletisimformu {margin-top:3px;  }
   .iletisimformuYaziStili {font-family:Tahoma; font-size:14px; font-weight:bold; color:#00273B;}
   
   .adSoyad {margin-top:10px; float:left;}
   .adSoyadYaziStili {font: normal 14px Calibri, sans-serif; color:#00273B}
   .adSoyadicerik { margin-top:8px;   }
   .adSoyadikinokta {  margin-top:9px; float:left;}
   
   .iletisimFormEmail { margin-top:10px; float:left; }
   .iletisimFormEmailicerik {margin-top:6px; }
   .ikinokta6{ margin-top:9px; float:left;}
   
   .Konu {margin-top:10px; float:left;}
   .konuikinokta { margin-top:9px; float:left;}
   
   .Mesajikinokta{  margin-top:9px; float:left;}
   
   .GuvenlikKoduContainer { height:30px; float:left; margin-top:10px; margin-left:88px; }
   .GuvenlikKoduAlani{border:2px solid; float:left;}
   .BuyukKucukHarfYazi {font: normal 14px Calibri, sans-serif; color:#00273B}
   .buyukKucukHarfAlan{ margin-top:10px; float:left;}
   
   .GuvenlikKodu {margin:6px 0px 0 0px; float:left; }
   .GuvenlikKoduikinokta { margin-top:5px; float:left;}
   .GuvenlikKodicerik {margin-left:10px; margin-top:3px;}
   .FormGonderContainer {width:104px; height:21px; margin-left:83px; margin-top:15px; }
   .FormgonderYaziAlan {margin-left:4px; margin-top:2px; }
   .FormGonderStil {font-family:Tahoma; font-size:11px;  color:#fff;}
   .mapsContainer{width:367px; height:501px;background-color: #EEF7F9; float:right;  margin-top:0px;}
   .maps{padding:7px;}
   .SagAltResim { width:495px; height:403px; margin-top:-70px;float:right; background:url(../images/sag-alt-resim.png)/*tpa=http://www.hakanparke.com.tr/images/sag-alt-resim.png*/ no-repeat; }
   
   .gonderbuton{ font:11px Tahoma; color:#00273B;background-color: #5EC6C4; padding:3px 10px; border-radius:5px;border: 1px solid #53B5B3; text-decoration:none}
   
   	.imgW {
  max-width:200px;
}

.imagePad10 {
  padding-bottom:10px;
  padding-right:10px;
}

ul.simgeler li
{
    float:left;
}
#serifoglu {
    content: url(../images/markalar/s-serifoglu.jpg); margin-left:52px;width:16%; height:80%
}
#floorpan {
    content: url(../images/markalar/s-floorpan.jpg); margin-left:15px;width:16%; height:80%
}
#parkelam {
    content: url(../images/markalar/s-parkelam.jpg) ; margin-left:15px;width:16%; height:80%
}
#classen {
    content: url(../images/markalar/s-classen.jpg); margin-left:15px;width:16%; height:80%
}
#peli {
    content: url(../images/markalar/s-peli.jpg) ; margin-left:15px;width:15%; height:75% 
	}
	
#serifoglu:hover {
    content: url(../images/markalar/serifoglu.jpg); margin-left:52px;width:16%; height:80%
}
#floorpan:hover {
    content: url(../images/markalar/floorpan.jpg); margin-left:15px;width:16%; height:80%
}
#parkelam:hover {
    content: url(../images/markalar/parkelam.jpg); margin-left:15px;width:16%; height:80%
}
#classen:hover {
    content: url(../images/markalar/classen.jpg); margin-left:15px;width:16%; height:80%
}
#peli:hover {
    content: url(../images/markalar/peli.jpg); margin-left:15px;width:15%; height:75%
}
#menustil { font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif
	}
	#whatsapp:hover {
    content: url(../images/whatsapp16.png);
}
#menukonum { padding:0; margin:-6px auto;background-image:none;color:#666;float:left; margin-left:180px; }

#menu_dizilimi1:before { content:"ANASAYFA"; }
#menu_dizilimi2:before { content:"HAKKIMIZDA"; }
#menu_dizilimi3:before { content:"ÜRÜNLER"; }
#menu_dizilimi4:before { content:"İLETİŞİM"; }



#urun_sirasi_1 {
    content: url(../images/marka/floorpan.jpg); width:150; height:88;
}
#urun_sirasi_2 {
    content: url(../images/marka/camsan.jpg); width:150; height:88;
}
#urun_sirasi_3 {
    content: url(../images/marka/classen.jpg); width:150; height:88;
}
#urun_sirasi_4 {
    content: url(../images/marka/peli.jpg); width:150; height:88;
}
#urun_sirasi_5 {
    content: url(../images/marka/agt.jpg); width:150; height:88;
}
#urun_sirasi_6 {
    content: url(../images/marka/serifoglu.jpg); width:150; height:88;
}
#urun_sirasi_7 {
    content: url(../images/marka/masifparke.jpg); width:150; height:88;
}
#urun_sirasi_8 {
    content: url(../images/marka/sistre.jpg); width:150; height:88;
}
#urun_sirasi_9 {
    content: url(../images/marka/aquafloor.jpg); width:150; height:88;
}
#urun_sirasi_10 {
    content: url(../images/marka/pvc_rulo.jpg); width:150; height:88;
}

#urunler_sirasi_1 {
    content: url(../images/marka/floorpan.jpg); width:215; height:126;
}
#urunler_sirasi_2 {
    content: url(../images/marka/camsan.jpg); width:215; height:126;
}
#urunler_sirasi_3 {
    content: url(../images/marka/classen.jpg); width:215; height:126;
}
#urunler_sirasi_4 {
    content: url(../images/marka/peli.jpg); width:215; height:126;
}
#urunler_sirasi_5 {
    content: url(../images/marka/agt.jpg); width:215; height:126;
}
#urunler_sirasi_6 {
    content: url(../images/marka/serifoglu.jpg); width:215; height:126;
}
#urunler_sirasi_7 {
    content: url(../images/marka/masifparke.jpg); width:215; height:126;
}
#urunler_sirasi_8 {
    content: url(../images/marka/sistre.jpg); width:215; height:126;
}
#urunler_sirasi_9 {
    content: url(../images/marka/aquafloor.jpg); width:215; height:126;
}
#urunler_sirasi_10 {
    content: url(../images/marka/pvc_rulo.jpg); width:215; height:126;
}

#solmenu_urunler:before { content : "ÜRÜNLER"; }

.solmenu_list{ font-size:18px; font-family:Tahoma; margin: 0;
	padding: 0;
	border: none;
	outline: none;}
.solmenu_list:hover{ background-color:red;}

#solmenu_1:before{ content : "Floorpan";  }

#solmenu_2:before{ content : "Çamsan";  }

#solmenu_3:before{ content : "Classen";  }

#solmenu_4:before{ content : "Peli Parquet";  }

#solmenu_5:before{ content : "AGT Parke";   }

#solmenu_6:before{ content : "Lamine";  }

#solmenu_7:before{ content : "Masif Parke";  }

#solmenu_8:before{ content : "Sistre-Cila";  }

#solmenu_9:before{ content : "Aquafloor";  }

#solmenu_10:before{ content : "PVC Rulo";  }

#menu_uygulamalarimiz:before{ content : "Uygulamalarımız";  }

#urun_geri_tus{ height:20px; width:30px; float:left;margin-left:6px; margin-top:31px;}