@charset "utf-8";
@import "reset.css";

@font-face {
    font-family: 'GillSansLight';
    src: url('../js/wfont/GillSansLight.eot');
    src: url('../js/wfont/GillSansLight.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/GillSansLight.woff') format('woff'),
         url('../js/wfont/GillSansLight.ttf') format('truetype'),
         url('../js/wfont/GillSansLight.svg#GillSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FrutigerLightCondensed';
    src: url('../js/wfont/FrutigerLightCondensed.eot');
    src: url('../js/wfont/FrutigerLightCondensed.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/FrutigerLightCondensed.woff') format('woff'),
         url('../js/wfont/FrutigerLightCondensed.ttf') format('truetype'),
         url('../js/wfont/FrutigerLightCondensed.svg#FrutigerLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src: url('../js/wfont/GothamBook.eot');
    src: url('../js/wfont/GothamBook.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/GothamBook.woff') format('woff'),
         url('../js/wfont/GothamBook.ttf') format('truetype'),
         url('../js/wfont/GothamBook.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bernhard';
    src: url('../js/wfont/BernhardGothicMedium.eot');
    src: url('../js/wfont/BernhardGothicMedium.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/BernhardGothicMedium.woff') format('woff'),
         url('../js/wfont/BernhardGothicMedium.ttf') format('truetype'),
         url('../js/wfont/BernhardGothicMedium.svg#Bernhard') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBlack';
    src: url('../js/wfont/GothamBlack.eot');
    src: url('../js/wfont/GothamBlack.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/GothamBlack.woff') format('woff'),
         url('../js/wfont/GothamBlack.ttf') format('truetype'),
         url('../js/wfont/GothamBlack.svg#GothamBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ font-family:Arial; font-size:11px; background-color:#e9e8f3}
a{ color:inherit; text-decoration:none}
a:hover{ color:inherit; text-decoration:none}

.container{position:relative; margin:0 auto; width:960px}
.menu_bg{ position:absolute; top:73px; right:0px; width:50%; height:47px; background:url(../img/menu_bg_repeat.jpg) repeat-x; z-index:2}

.top{ position:relative; float:left; width:100%; height:120px; font-size:16px; color:#FFF; background:url(../img/xline_bg.jpg)}
.top .logo{ position:absolute; top:10px; left:20px}
.top .slogan{ position:absolute; top:21px; right:135px; font-family:GothamBook; color:#232989; font-size:16px; text-align:right; line-height:16px}
.top .lang{ position:absolute; top:28px; right:45px}
.top .menu_area{ position:absolute; top:73px; right:0px; width:661px; height:47px; background:url(../img/top_menu_bg.png) top left no-repeat}
.top .menu_area .home{ position:relative; float:left; width:65px; height:47px; line-height:47px; text-align:center; z-index:3}
.top .menu_area .home img{ vertical-align:middle}
.top .menu_area .menu_tab{ position:relative; float:left; height:47px; line-height:52px; margin:0 20px; z-index:3; font-family:FrutigerLightCondensed}
.top .pass_shadow{ position:absolute; top:120px; left:0px; width:100%; height:11px; background:url(../img/shadow_pass_bg.png) repeat-x; z-index:3}

.slider_area{ position:relative; float:left; width:100%; height:344px}
.slider_shadow{ position:absolute; top:432px; width:100%; height:32px; background:url(../img/promo_bottom_shadow.png) repeat-x}
.slider_shadow .pagination_area{ position:absolute; top:11px; right:35px}
.slider_shadow .pagination_area .pagination{ position:relative; float:left; width:12px; height:12px; background:url(../img/pagination.png) top no-repeat; margin-right:4px}
.slider_shadow .pagination_area .pagination_current{ background:url(../img/pagination.png) bottom no-repeat;}

.promo_ic{ position:relative; float:left; width:100%; height:220px}
.promo_ic .promo_shadow{ position:absolute; top:188px; width:100%; height:32px; background:url(../img/promo_bottom_shadow.png) repeat-x}
.promo_ic .promo_shadow h1{ font-family:GothamBlack; font-size:26px; text-transform:uppercase; color:#FFF; margin:2px 0 0 10px}

.body_area{ position:relative; float:left; width:100%; height:220px}
.body_area .pass_shadow{ position:absolute; top:0px; left:0px; width:100%; height:11px; background:url(../img/shadow_pass_bg.png) repeat-x; z-index:3}
.body_area .hakkimizda_area{ position:relative; float:left; width:650px; margin:30px 0 0 30px}
.body_area .hakkimizda_area h1{ border-bottom:1px dotted #666666; font-family:GillSansLight; color:#0d0c2e; font-size:26px}
.body_area .hakkimizda_area p{ font-family:"Trebuchet MS"; color:#403f5c; font-size:12px; margin:10px 0 0 0}
.body_area .lme_area{ position:relative; float:left; width:245px; margin:30px 0 0 30px; font-family:"Trebuchet MS"; font-size:12px; color:#0d0c2e}
.body_area .lme_area h1{ border-bottom:1px dotted #666666; font-family:GillSansLight; color:#0d0c2e; font-size:26px}

.footer{ position:relative; float:left; width:100%; height:130px; background:url(../img/footer_bg.png) repeat-x}
.footer .logo{ position:absolute; top:30px; left:23px; border-right:1px solid #e2e2e2; padding:0 20px 0 0}
.footer .address{ position:absolute; top:27px; left:113px; font-family:"Trebuchet MS"; font-size:11px; color:#636363}
.footer .address h1{ font-size:11px}
.footer .address p{ font-size:11px; line-height:11px}
.footer .fax{ position:absolute; top:42px; left:391px; font-family:GothamBook; font-size:14px; color:#555555}
.footer .fax img{ margin:-2px 0 0 0}
.footer .tel{ position:absolute; top:42px; left:546px; font-family:GothamBook; font-size:14px; color:#555555}
.footer .tel img{ margin:-3px 0 0 0}
.footer .mail{ position:absolute; top:42px; right:10px; font-family:GothamBook; font-size:14px; color:#555555}

/* KURUMSAL */
.kurumsal_area{ position:relative; float:left; width:100%; min-height:220px}
.kurumsal_area .pass_shadow{ position:absolute; top:0px; left:0px; width:100%; height:11px; background:url(../img/shadow_pass_bg.png) repeat-x; z-index:3}
.kurumsal_area .left_area{position:relative; float:left; margin:20px 0 0 0; width:180px; text-align:right; font-size:19px; color:#181a20; font-family:Bernhard}
.kurumsal_area .left_area .menu{position:relative; float:left; width:180px; padding:10px 0}
.kurumsal_area .left_area .menu:hover{ background:#2e333f; color:#FFFFFF; border-top-left-radius:5px; border-bottom-left-radius:5px}
.kurumsal_area .left_area .menu_hover{ background:#2e333f; color:#FFFFFF; border-top-left-radius:5px; border-bottom-left-radius:5px}
.kurumsal_area .left_area p{ padding:0 15px 0 0}
.kurumsal_area .left_area .dotted_line{position:relative; float:left; width:180px; border-top:1px dotted #646562; margin:3px 0}
.kurumsal_area .right_area{position:relative; float:left; width:745px; padding:0 0 0 30px; margin:20px 0 30px 0; min-height:200px; background:url(../img/body_ic_right_bg.png) no-repeat left top; border-left:1px solid #d3d2c5}
.kurumsal_area .right_area .title{position:relative; float:left; width:775px; font-size:37px; color:#181a20; font-family:Bernhard; margin:5px 0 10px 0}
.kurumsal_area .right_area .info_area{position:relative; float:left; width:775px; font-family:"Trebuchet MS"; font-size:12px; color:#181a20}
/* KURUMSAL */

/* CETVEL */
.cetvel_area{ position:relative; float:left; width:100%; min-height:220px}
.cetvel_area .pass_shadow{ position:absolute; top:0px; left:0px; width:100%; height:11px; background:url(../img/shadow_pass_bg.png) repeat-x; z-index:3}
.cetvel_area .left_area{position:relative; float:left; margin:20px 0 0 0; width:180px; text-align:right; font-size:19px; color:#181a20; font-family:Bernhard}
.cetvel_area .left_area .menu{position:relative; float:left; width:180px; padding:10px 0}
.cetvel_area .left_area .menu:hover{ background:#2e333f; color:#FFFFFF; border-top-left-radius:5px; border-bottom-left-radius:5px}
.cetvel_area .left_area .menu_hover{ background:#2e333f; color:#FFFFFF; border-top-left-radius:5px; border-bottom-left-radius:5px}
.cetvel_area .left_area p{ padding:0 15px 0 0}
.cetvel_area .left_area .dotted_line{position:relative; float:left; width:180px; border-top:1px dotted #646562; margin:3px 0}
.cetvel_area .right_area{position:relative; float:left; width:745px; padding:0 0 0 30px; margin:20px 0 30px 0; background:url(../img/body_ic_right_bg.png) no-repeat left top; border-left:1px solid #d3d2c5}
.cetvel_area .right_area .title{position:relative; float:left; width:775px; font-size:37px; color:#181a20; font-family:Bernhard; margin:5px 0 10px 0}
.cetvel_area .right_area .info_area{position:relative; float:left; width:775px; font-family:"Trebuchet MS"; font-size:12px; color:#181a20}
.cetvel_area .right_area .info_area{position:relative; float:left; width:775px; font-family:"Trebuchet MS"; font-size:12px; color:#181a20}
/* CETVEL */

/* GALERİ */
.galeri_area{ position:relative; float:left; width:100%; min-height:220px}
.galeri_area .pass_shadow{ position:absolute; top:0px; left:0px; width:100%; height:11px; background:url(../img/shadow_pass_bg.png) repeat-x; z-index:3}
.galeri_area .right_area{position:relative; float:left; width:955px; padding:0 0 0 10px; margin:20px 0 30px 0; min-height:300px; background:url(../img/body_ic_right_bg.png) no-repeat left top}
.galeri_area .right_area .galeri_cover{ position:relative; float:left; width:224px; height:141px; background:#C4C3CC; border-radius:6px; margin:0 14px 14px 0; cursor:pointer}
.galeri_area .right_area .galeri_cover .gorsel{ position:relative; float:left; margin:9px 0 0 9px}
.galeri_area .right_area .galeri_cover .gorsel img{ border-radius:4px}
.galeri_area .right_area .galeri_cover .gorsel_title{ position:relative; float:left; width:204px; height:30px; font-family:GothamBook; font-weight:bold; font-size:13px; color:#57537F; margin:8px 10px 0 10px}

.galeri_area .right_area .galeri_detay_cover{ position:relative; float:left; width:165px; background:#C4C3CC; border-radius:6px; margin:0 14px 14px 0; cursor:pointer}
.galeri_area .right_area .galeri_detay_cover img{ margin:9px; border-radius:4px}

/* GALERİ */