/*
Ekxi İnternet Hizmetleri
http://www.ekxi.net
Coder by CrueL
Design by Farkli Matbaa
*/

@font-face {
    font-family: 'pf_handbook_proregular';
    src: url('/css/font/pfhandbookpro-regular-webfont.eot');
    src: url('/css/font/pfhandbookpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/pfhandbookpro-regular-webfont.woff') format('woff'),
         url('/css/font/pfhandbookpro-regular-webfont.ttf') format('truetype'),
         url('/css/font/pfhandbookpro-regular-webfont.svg#pf_handbook_proregular') format('svg');
    font-weight: normal;
   font-style: normal;
}



@font-face {
    font-family: 'pf_handbook_prolight';
    src: url('/css/font/pfhandbookpro-light-webfont.eot');
    src: url('/css/font/pfhandbookpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/pfhandbookpro-light-webfont.woff') format('woff'),
         url('/css/font/pfhandbookpro-light-webfont.ttf') format('truetype'),
         url('/css/font/pfhandbookpro-light-webfont.svg#pf_handbook_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Genel sayfa stili */
body { font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; background: #f5f5f5 url("/images/main-bg.jpg") top center repeat-x;}
.clear {clear: both;}
.container {width: 1000px;  margin: 0px auto; }
/* Header stili */
#header {width:1000px;}
#header .logo {width:345px; height: 177px;  position:absolute; }
#header .menu {width:600px;height:58px; font-family: pf_handbook_prolight; font-size:18px; float:right; margin: 119px 30px 0 0; }
#header .menu a {color:white }
#header .menu ul {line-height:54px; float:right; list-style:none}
#header .menu ul li {height:58px; margin:0 0px 0 20px; float:left; }
#header .menu ul li.active {color:silver;background: transparent url("/images/menuHover.png") top center no-repeat;}
#header .menu ul li:hover {background: transparent url("/images/menuHover.png") top center no-repeat;}
/* Anasayfa stili */
#home {width:1000px; margin:15px 0 0 0}
#home .slider {width:989px; height:405px; padding:17px 0 0 15px; background: transparent url("/images/sliderBg.png") top center no-repeat;}
/* Alt Sayfa stili */
#pages {width:1000px; margin:15px 0 0 0;font-family: 'pf_handbook_prolight';}
#pages .ust {height:182px;}
#pages .icerik {min-height:100px; display: inline-block; background: transparent url("/images/icerik-orta.png")  repeat-y;}
#pages .icerik .leftmenu {width:190px; font-size:17px; min-height:50px; float:left;}
#pages .icerik .leftmenu ul {margin: 0 0 0 -9px}
#pages .icerik .leftmenu ul a {color:#2b2b2b}
#pages .icerik .leftmenu ul li {width:157px; padding: 0 0 0 30px; line-height:33px; height:36px;  }
#pages .icerik .leftmenu ul li:hover {color:white;background: transparent url("/images/leftmenuli.png")  no-repeat;}
#pages .icerik .leftmenu ul li.active {color:white;background: transparent url("/images/leftmenuli.png")  no-repeat;}
#pages .icerik .pagecontent {width:725px; min-height:50px; margin: 0 25px 0 60px; font-size:17px; line-height:24px; float:left;}
#pages .icerik .pagecontent h3 {font-size:25px; color:#666666; margin:10px 0 5px 0;}
#pages .icerik .pagecontent #accordionArea {}
#pages .icerik .pagecontent .imagesArea a {margin: 5px 2px 5px 2px;}
#pages .icerik .pagecontent .imagesArea img {margin: 0 5px 0 0; cursor: pointer; border: solid 4px #9ea2a6; border-radius:10px;}
#pages .icerik .pagecontent .imagesArea img:hover {border: solid 4px #6f777e;}
#pages .icerik .pagecontent #accordionArea .accordionButtonSss {width:791px;cursor: pointer; font-family: 'pf_handbook_proregular'; padding: 13px 0px 0px 45px; height: 51px; background: transparent url("/images/sssButonBg.png") top left no-repeat; margin: 0px 0px -10px -19px; font-size: 18px; color: #ffffff;}
#pages .icerik .pagecontent #accordionArea .accordionButtonHaber {width:791px;cursor: pointer; font-family: 'pf_handbook_proregular'; padding: 13px 0px 0px 45px; height: 51px; background: transparent url("/images/haberButonBg.png") top left no-repeat; margin: 0px 0px -10px -19px; font-size: 18px; color: #ffffff;}
#pages .icerik .pagecontent #accordionArea .accordionContent {padding: 0px;}
#pages .icerik .pagecontent .yonetimKur {width:590px; height:390px; margin: 0 auto; }
#pages .icerik .pagecontent .yonetimKur h4 {font-size:14px; line-height:10px}
#pages .icerik .pagecontent .yonetimKur .yonetici {width:143px; height:180px; margin: 0 auto; text-align:center;}
#pages .icerik .pagecontent .yonetimKur .yonetici2 {width:143px; height:180px; float:left; text-align:center; margin: 0 0px 0 3px;}
#pages .icerik .pagecontent .guzergah ul li{width:154px;float:left; margin: 3px 0 8px 0; padding-left:24px;font-size:16px; line-height:15px; background: transparent url("/images/listItem.png") left center no-repeat; }
#pages .alt {height:64px; margin: -5px 0 0 0; background: transparent url("/images/icerik-alt.png")  no-repeat;}

#pages .icerik .pagecontent  .contact-form {width:750px;margin: 0px 0px 0px -20px; float:left;font-size: 18px;}
#pages .icerik .pagecontent  .contact-form .left {width:336px; float:left; height:190px; }
#pages .icerik .pagecontent  .contact-form .right {width:401px;float:left; height:190px; }
#pages .icerik .pagecontent  .contact-form .formElementInput {display: block; margin: 0px 0px 7px 0px; padding: 0px 10px; width: 316px; height: 30px; border: none; background: transparent url("/images/input-bg.png") no-repeat; font-family: "pf_handbook_prolight", sans-serif; font-size: 18px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color: #676767; }
#pages .icerik .pagecontent  .contact-form .formElementTextarea {display: block; margin: 0px 10px 0px 10px; padding: 10px; width: 381px; height: 157px; overflow: auto; border: none; background: transparent url("/images/textarea-bg.png") no-repeat; font-family: "pf_handbook_prolight", sans-serif; font-size: 18px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; color: #676767;  float: left;}
#pages .icerik .pagecontent  .contact-form .formElementSubmit {cursor: pointer; display: block;position:absolute; margin: 0px 0px 0px 221px; padding: 0px; width: 113px; height: 28px; border: none; background: transparent url("/images/submit-button.png") no-repeat;}

#pages .icerik .pagecontent .google-map {padding: 23px 17px 10px 65px; margin:20px 0 0 -70px;width: 776px; min-height: 325px; float: left; background: transparent url("/images/mapBg.png") center top no-repeat;}
#pages .icerik .pagecontent .google-map .mapArea { width: 780px; height: 325px;}
#pages .icerik .pagecontent .google-map .mapArea #map {width: 727px; height: 307px;}

/* Footer stili */
#footer .submenu {width:997px; height:87px; margin: -10px 0 0 0; float:left; background: transparent url("/images/submenubg.png") top center no-repeat;}
#footer .submenu .menu1 {width:142px; height:70px; float:left; margin: 0 0 0 48px; background: transparent url("/images/menu1.png") bottom left no-repeat; }
#footer .submenu .menu1:hover {background: transparent url("/images/menu1-hover.png") bottom left no-repeat; }
#footer .submenu .menu2 {width:130px; height:70px; float:left; margin: -2px 0 0 10px; background: transparent url("/images/menu2.png") bottom left no-repeat; }
#footer .submenu .menu2:hover {background: transparent url("/images/menu2-hover.png") bottom left no-repeat; }
#footer .submenu .menu3 {width:150px; height:70px; float:left; margin: 0 0 0 10px; background: transparent url("/images/menu3.png") bottom left no-repeat; }
#footer .submenu .menu3:hover {background: transparent url("/images/menu3-hover.png") bottom left no-repeat; }
#footer .submenu .menu4 {width:168px; height:70px; float:left; margin: -2px 0 0 7px; background: transparent url("/images/menu4.png") bottom left no-repeat; }
#footer .submenu .menu4:hover {background: transparent url("/images/menu4-hover.png") bottom left no-repeat; }
#footer .submenu .menu5 {width:150px; height:70px; float:left; margin: 0 0 0 10px; background: transparent url("/images/menu5.png") bottom left no-repeat; }
#footer .submenu .menu5:hover {background: transparent url("/images/menu5-hover.png") bottom left no-repeat; }
#footer .submenu .menu6 {width:130px; height:70px; float:left; margin: 0 0 0 6px; background: transparent url("/images/menu6.png") bottom left no-repeat; }
#footer .submenu .menu6:hover {background: transparent url("/images/menu6-hover.png") bottom left no-repeat; }
#footer .copy a {color:#777777;}
#footer .news {width:802px; height:37px; font-family: tahoma, sans-serif; font-weight: bold; font-size:10px; line-height:34px; padding: 0 0 0 200px; margin:15px 0 0 0;background: transparent url("/images/newsbg.png") center center no-repeat;}
#footer .copy {width:971px; height:35px; font-family: 'pf_handbook_prolight';font-size:13px; padding:20px 0 0 30px; color:#777777; margin:10px 0 0 0;background: transparent url("/images/bottomLine.png") center top no-repeat;}
#footer .sosyal {width:60px; height:27px;  float:right; margin: -37px 50px 0 0;}
