﻿@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:url(../images/bg.jpg); font-family:Calibri; }
#bosdiv { clear:both; }

#UstDiv { width:100%; height:102px; background:#ffffff; }

#BuyukDiv { width:1024px; margin:auto; }
#AsiliAdam { background:url(../images/AsiliAdam.jpg) no-repeat; width:36px; height:102px; float:left; }
#BinaSiluet { background:url(../images/BinaSiluet.png) no-repeat; width:55px; height:513px; float:left; }

#UstMenu { width:933px; float:left; }
#Logo { background:url(../images/Logo.jpg) no-repeat; width:141px; height:102px; display:block; cursor:pointer; float:left; }

ul,li { margin:0; padding:0; list-style:none;}
ul#menu { margin-top:21px; float:right; }
ul#menu li { height:59px; line-height:59px; float:left; background-color:#2f2f2f; font-size:11px; color:#ffffff;  border-right:#090909 solid 1px; border-left:#6e6e6e solid 1px;  }
ul#menu li a {  height:59px; line-height:59px; float:left; background-color:#2f2f2f; font-size:11px; color:#ffffff; padding-left:25px; padding-right:25px; text-decoration:none; }
ul#menu li a:hover { background:#494848; }
ul#menu li ul { position:absolute; z-index:2; display:none; margin-top:59px; }
ul#menu ul li { float:none; height:36px; line-height:36px; display:block; font-size:10px; color:#d0d0d0; background:#494848; border:none; border-bottom:1px solid #090909; border-top:1px solid #6e6e6e;  }
ul#menu ul li a { display:block; padding-left:35px; padding-right:35px; font-size:10px; color:#d0d0d0; float:none; background:#494848; line-height:36px; height:36px;  }
ul#menu ul li a:hover { display:block; padding-left:35px; padding-right:35px; font-size:10px; color:#494848; float:none; background:#ffffff; line-height:36px; height:36px; }

#IcerikDiv { width:913px; float:right; position:relative; }

/* Banner Alanı */
#BannerDiv { height:411px; position:absolute; cursor:pointer; }
ul#Banner { list-style:none; margin:0; padding:0; }
ul#Banner li { float:left; position:absolute; overflow:hidden; }
ul#Banner li #BannerUstYazi { font-size:20px; color:#ffffff; height:74px; background:url(../images/BannerUstYaziBg.png); text-align:center; position:absolute; line-height:74px; padding-left:25px; padding-right:25px; margin-left:-400px; margin-top:220px; z-index:5;  }
ul#Banner li #BannerAltYazi { width:650px; font-size:15px; color:#ffffff; height:50px; background:url(../images/BannerAltYaziBg.png); text-align:left; line-height:15px; padding:25px; position:absolute;margin-left:25px; margin-top:600px; z-index:5;}

#ButonDiv { float:right; }
ul#BannerButon { list-style:none; margin-top:415px; }
ul#BannerButon li { float:right; cursor:pointer; }
ul#BannerButon li.ButonPasif { background:url(../images/PasifButon.png) no-repeat; width:14px; height:14px; margin-right:2px; display:block; }
ul#BannerButon li.ButonAktif { background:url(../images/AktifButon.png) no-repeat; width:14px; height:14px; margin-right:2px; display:block; }

/*Banner Alanı Biter*/

#KutuAlani { background-color:#ffffff; position:relative; display:inline-block; margin:25px auto; float:right; width:920px; }
ul#Kutu { display:block; float:left; padding:10px; position:relative; }
ul#Kutu li { width:140px; height:170px; background:#000000; display:block; cursor:pointer; float:left; margin-right:10px; }
ul#Kutu li a { width:140px; height:170px; background:#000000; display:block; cursor:pointer; float:left; margin-right:10px; text-decoration:none; }
ul#Kutu li .DisCephe { background:url(../images/DisCepheIcon.png) 0px -83px no-repeat; width:95px; height:83px; margin:auto; }
ul#Kutu li .Periyodik { background:url(../images/PeriyodikIcon.png) 0px -83px no-repeat; width:95px; height:83px; margin:auto; }
ul#Kutu li .Hali { background:url(../images/HaliYikamaIcon.png) 0px -83px no-repeat; width:95px; height:83px; margin:auto; }
ul#Kutu li .Koltuk { background:url(../images/KoltukYikamaIcon.png) 0px -83px no-repeat; width:95px; height:83px; margin:auto; }
ul#Kutu li .Vinc { background:url(../images/VincIcon.png) 0px -83px no-repeat; width:95px; height:83px; margin:auto; }
ul#Kutu li .Aski { background:url(../images/Aski-Iskele.png) 0px -83px no-repeat; width:95px; height:83px; margin:auto; }
ul#Kutu li .beyaz { font-size:14px; color:#ffffff; text-align:center; display:block; }
ul#Kutu li .siyah { font-size:14px; color:#000000; text-align:center; display:block; }


/*Ic Sayfa*/

#IcerikSayfaDiv { width:859px; float:right; position:relative; background:#ffffff; margin-top:6px; padding:30px; }
#IcerikSayfaDiv .SayfaBaslik { font-size:30px; color:#2f2f2f; line-height:50px; }
#IcerikSayfaDiv .SayfaIcerik { font-size:12px; color:#2f2f2f; }
#IcerikSayfaDiv #ResimAlani { width:859px; position:relative; margin-top:25px; }
#IcerikSayfaDiv #ResimAlani #BuyukResim { width:640px; float:left;  }
#IcerikSayfaDiv #ResimAlani #BuyukResim img { border:5px solid #ababab; float:left; top:0px; width:625px; }
#IcerikSayfaDiv #ResimAlani #KucukResim { width:219px; float:left; }
#IcerikSayfaDiv #ResimAlani #KucukResim img { border:5px solid #ababab; float:left; margin-right:10px; margin-bottom:10px; }

ul#noktali li { list-style:disc; margin-left:40px;}

/*İletişim*/

#Adres .AdresBaslik { font-size:20px; color:#2f2f2f; text-align:right; }
#Adres .AdresIcerik { font-size:15px; color:#2f2f2f; text-align:right; }
#Adres .AdresIcerik a { color:#2f2f2f; text-decoration:none; }
#Adres .AdresIcerik a:hover { color:#2f2f2f; text-decoration:underline; }

#AdresForm input { border:1px solid #e9e9e9; width:370px; height:26px; font-size:11px; line-height:26px; color:#4b4949; padding-left:20px; background-color:#e9e9e9; margin-top:9px; }
#AdresForm textarea { border:1px solid #e9e9e9; width:370px; height:120px; font-size:12px; line-height:11px; color:#4b4949; padding-left:20px; background-color:#e9e9e9; margin-top:9px; font-family:Verdana; }
#AdresForm .gonder { width:100px; height:26px; font-size:12px; line-height:20px; color:#fefefe; padding-left:20px; padding-right:20px; background-color:#221f20; margin-top:9px; float:right; margin-right:15px; }
