@import url(http://fonts.googleapis.com/css?family=Exo+2:400,300,500,600,700&subset=latin,latin-ext);

body { margin:0; padding:0; background:url(images/bg.jpg) top center no-repeat #f2f2f2; background-size:cover;}
A { text-decoration : none;} A:hover { text-decoration: none; color:#000;}
h1,h2,h3 { margin:0px; padding:0px; font-weight:normal; display:inline;}
li,ul { margin:0px; padding:0px; font-weight:400;}
p { margin:0px; padding:0px; font-weight:400;}
hr { clear: left;}
div > div_alt { position: fixed;}	

.fontozel { font-family: 'Exo 2', sans-serif;} .fontarial { font-family:Arial;} .fonttahoma { font-family:Tahoma;} .fontref { font-family:"Courier New";} .fontverdana { font-family: Verdana;} .fontserif { font-family: "MS Sans Serif";} .fontmonotype { font-family: "Monotype Corsiva";} .fonttrebuchet { font-family: "Trebuchet MS";} .fontgeorgia { font-family:Georgia;} .fonttimes { font-family:"Times New Roman";} 

.boyut9 { font-size:9px;} .boyut10 { font-size:10px;} .boyut11 { font-size:11px;} .boyut12 { font-size:12px;} .boyut14 { font-size:14px;} .boyut16 { font-size:16px;} .boyut18 { font-size:18px;} .boyut20 { font-size:20px;} .boyut22 { font-size:22px;} .boyut24 { font-size:24px;} .boyut26 { font-size:26px;} .boyut28 { font-size:28px;} .boyut30 { font-size:30px;} .boyut32 { font-size:32px;}

.bold { font-weight:bold;} .bold1 { font-weight:100;} .bold2 { font-weight:200;} .bold3 { font-weight:300;} .bold4 { font-weight:400;} .bold5 { font-weight:400;} .bold6 { font-weight:600;} .bold7 { font-weight:700;}

.renkbeyaz { color:#FFFFFF;} .renksiyah { color:#000;} .renkgri { color:#959595;} .renkgri1 { color:#CCCCCC;} .renkgri2 { color:#999999;} .renkgri3 { color:#7d7d7d;} .renkgri4 { color:#565656;} .renkkirmizi { color:#FF0000;} .renkkahve { color:#755b1b;} .renkmavi { color: #034ea2;} .renkyesil { color:#aeff00;} .renkkoyuyesil { color:#004206;} .renkturuncu { color:#ffc200;} .renkpembe { color:#FF33CC;} .renksari { color:#e2ca7b;}

.renksite1 { color:#090909;} .renksite2 { color:#3d3d3d;}

.wr { width:1000px; margin-left:auto; margin-right:auto; display:table;} 
.pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;}
.mkwrapper div { width:80px; height:20px; }
.mk div { width:20px; height:20px; }
.mk1 { background:url(images/morkarinca.png) no-repeat top right;}
.mk2 { background:url(images/morkarinca.png) no-repeat bottom right;}

.stepcarousel { position:relative; border:0px; overflow:hidden; width:190px; height:76px;}
.stepcarousel .belt{ position:absolute; left:0; top:0; width:100%;}
.stepcarousel .panel{ float:left; overflow:hidden; margin:0px; width:190px;}
.s_left{ position:absolute; right:-25px; top:25px; width:9px; height:14px; background:url(images/icons.png) 0px -372px no-repeat;}
.s_right{ position:absolute; right:-45px; top:25px; width:9px; height:14px; background:url(images/icons.png) 0px -331px no-repeat;}

#ust { width:100%; height:183px;}
#ust .logo{ width:201px; height:32px; background:url(images/logo.png) no-repeat; margin:37px 0px 36px 11px;}
#ust .slogan { margin:45px 0px 0px 38px; color:#01224d; font-style:italic;}
#ust .dil { margin:10px 6px 0px 0px;}
#ust .dil a{ float:left; color:#13284c; padding:0px 10px;}
#ust .menu { width:944px; height:78px; background:url(images/menubg.jpg) no-repeat; padding:0px 0px 0px 56px;}
#ust .menu a{ float:left; background:url(images/icons.png) 0px -477px no-repeat; padding:28px 0px 31px 18px; margin-right:86px; color:#FFF;}
#ust .menu a:hover{ background:url(images/icons.png) 0px -530px no-repeat;}

#pano { position:relative; width:100%; height:370px; margin-bottom:-3px; z-index:8;}

#navigasyon { position:relative; width:100%; height:295px; z-index:9;}
#navigasyon .kurumsalhaberler { width:334px; height:295px; background:#FFF; }
#navigasyon .kurumsalhaberler .kurumsalhaberler_baslik { width:250px; height:37px; background:url(images/icons.png) 17px 7px no-repeat; padding:18px 0px 0px 84px; color:#000;}
#navigasyon .kurumsalhaberler .kurumsalhaberler_detay { position:relative; width:250px; height:auto;}
#navigasyon .yetenekler { width:334px; height:295px; background:url(images/labels.jpg) 0px 0px no-repeat; }
#navigasyon .yetenekler .yetenekler_baslik { background:url(images/icons.png) 0px -260px no-repeat; margin:14px 0px 0px 19px; padding-left:37px; color:#FFF;}
#navigasyon .yetenekler .yetenekler_buton { width:334px; height:auto; background:#b4ee01; margin-top:150px; padding:15px 0px; color:#01224d; text-align:center;}
#navigasyon .isortaklari { width:332px; height:143px; background:#FFF; }
#navigasyon .isortaklari .isortaklari_baslik { background:url(images/icons.png) 3px -362px no-repeat; margin:16px 0px 0px 17px; padding:0px 0px 0px 46px; color:#000;}
#navigasyon .isortaklari .isortaklari_detay { width:300px; height:85px; margin:7px 0px 0px 16px;}
#navigasyon .kariyer { width:332px; height:152px; background:url(images/labels.jpg) -2px -345px no-repeat; }
#navigasyon .kariyer .kariyer_baslik { margin:60px 0px 0px 130px; color:#FFF;}
#navigasyon .kariyer .kariyer_basvur { background:url(images/icons.png) 0px -456px no-repeat; padding-left:11px; margin:20px 0px 0px 121px; color:#FFF;}

#alt { width:100%; height:105px; background:#dedddd;}
#alt .logo{ width:49px; height:34px; background:url(images/altlogo.png) no-repeat; margin:19px 0px 0px 18px;}
#alt .copyright { width:auto; height:auto; margin:20px 0px 0px 16px; color:#7c7c7c;}
#alt .altmenu { margin:12px 13px 5px 0px;}
#alt .altmenu a{ float:left; padding:5px 27px; color:#7c7c7c;}
.platinservis { clear:right; width:59px; height:16px; background:url(images/platin.png) no-repeat; margin:3px 0px 0px 10px;}

#icerik { width:100%; min-height:600px;}
#icerik .icerik_genel { width:960px; min-height:560px; background:#FFF; padding:20px; }
#icerik .icerik_genel .icerik_baslik { width:920px; background:url(images/icons.png) 3px -362px no-repeat; padding:0px 0px 20px 40px; border-bottom:1px solid #808080; margin-bottom:20px;}
#icerik .icerik_genel .icerik_baslik2 { width:480px; height:auto; text-align:center; margin-bottom:20px;}
#icerik .icerik_genel .icerik_detay { width:100%; padding:5px 0px;}
#icerik .icerik_genel .icerik_liste { width:300px; min-height:156px; margin:0px 10px 20px 10px;}
#icerik .icerik_genel .icerik_liste:hover .icerik_ad { background:url(images/icons.png) 0px -559px no-repeat;}
#icerik .icerik_genel .icerik_liste .icerik_ad { width:285px; background:url(images/icons.png) 0px -506px no-repeat; padding-left:15px;margin:3px 0px;}
#icerik .icerik_genel .icerik_liste .icerik_ozet { width:284px; padding-left:16px; margin:3px 0px;}
#icerik .icerik_genel .icerik_sol { width:250px; min-height:300px;}
#icerik .icerik_genel .icerik_sol a { float:left; width:220px; padding:0px 10px 10px 20px; margin-bottom:15px; background:url(images/icons.png) 0px -504px no-repeat;}
#icerik .icerik_genel .icerik_sol a:hover { background:url(images/icons.png) 0px -557px no-repeat; color:#000;}
#icerik .icerik_genel .icerik_sag { width:680px; min-height:300px;}
#icerik .icerik_genel .icerik_sag h1 { width:680px; text-align:right;}
#icerik .icerik_genel .icerik_detay { width:100%; padding-bottom:5px;}
#icerik .icerik_genel .icerik_uzmanlik { position:relative; width:469px; height:495px; background:url(images/uzmanlik.png) 60px 100px no-repeat; padding-right:10px; border-right:1px solid #808080;}
#icerik .icerik_genel .icerik_uzmanlik a{ width:105px; height:auto; color:#000; text-align:center;}
#icerik .icerik_genel .icerik_uzmanlik .y1{ position:absolute; top:60px; left:175px;}
#icerik .icerik_genel .icerik_uzmanlik .y2{ position:absolute; top:130px; left:290px;}
#icerik .icerik_genel .icerik_uzmanlik .y3{ position:absolute; top:230px; left:380px;}
#icerik .icerik_genel .icerik_uzmanlik .y4{ position:absolute; top:320px; left:290px;}
#icerik .icerik_genel .icerik_uzmanlik .y5{ position:absolute; top:395px; left:178px;}
#icerik .icerik_genel .icerik_uzmanlik .y6{ position:absolute; top:320px; left:50px;}
#icerik .icerik_genel .icerik_uzmanlik .y7{ position:absolute; top:230px; left:-30px;}
#icerik .icerik_genel .icerik_uzmanlik .y8{ position:absolute; top:130px; left:60px;}
#icerik .icerik_genel .icerik_kaabiliyet { width:470px; height:auto;}
#icerik .icerik_genel .icerik_kaabiliyet a{ float:left; width:110px; height:160px; background:url(images/kaabiliyetler.png) no-repeat; margin:3px; padding:20px; color:#FFF; text-align:center;}
.icerik_sag .galeri { width:100%; height:auto; margin-top:10px;}
.icerik_sag .galeri .resim_ad { width:100%; height:25px; background:#FFF; text-align:center; padding-top:10px; margin-bottom:5px; color:#090909;}
.icerik_sag .galeri .resim { position:relative; width:700px; height:auto; margin:0px 0px 5px 0px; padding:0; border:0;}
.icerik_sag .galeri .resim .zemin { position:absolute; left:0; top:0; z-index:99; background:url(images/icons.png) 60px -1962px no-repeat, rgba(255,255,255,0.5); width:147px; height:101px; cursor:pointer; opacity: 0;}
.icerik_sag .galeri .resim:hover .zemin { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

.icerik_sag .video { display:table; width:100%; height:auto; margin-top:10px;}
.icerik_sag .video .video_ad { width:100%; height:25px; background:#FFF; text-align:center; padding-top:10px; color:#090909;}
.icerik_sag .video .player { display:table; width:100%; height:auto; background:#000; text-align:center; margin:5px 0px;}
.icerik_sag .video .video_detay { width:97%; height:auto; background:#f5f5f5; margin-bottom:10px; padding:10px;}

.icerik_sag .dokuman { display:table; width:100%; height:auto; margin-top:10px;}
.icerik_sag .dokuman .dokuman_ad { width:100%; height:25px; background:#FFF; text-align:center; padding-top:10px; color:#090909;}
.icerik_sag .dokuman .dokuman_link { width:180px; height:45px; background:url(images/icons.png) 0px -630px no-repeat; color:#090909; padding-left:50px; margin:10px 2px 10px 0px;}
.icerik_sag .dokuman .dokuman_link:hover { color:#3d3d3d;}


/* İLETİŞİM */
.iletisim_sol { width:530px; height:auto;}
.iletisim_sag { width:321px; height:auto; position:relative;}
.iletisim_yazi { width:115px; height:22px; margin-bottom:5px; padding-top:14px; text-align:left;}
.iletisim_textbox { width:200px; height:40px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0; position:relative;}
.iletisim_textbox:hover { background:#f2f2f2;}
.iletisim_textbox:focus { background:#e2e2e2;}
.iletisim_textbox::-webkit-input-placeholder { color:#000;}
.iletisim_textbox:-moz-placeholder { color:#000;}
.iletisim_textbox:-ms-input-placeholder { color:#000;}
.iletisim_textarea { width:200px; height:60px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0;}
.iletisim_textarea:hover { background:#f2f2f2;}
.iletisim_textarea:focus { background:#e2e2e2;}
.iletisim_textarea::-webkit-input-placeholder { color:#000;}
.iletisim_textarea:-moz-placeholder { color:#000;}
.iletisim_textarea:-ms-input-placeholder { color:#000;}
.iletisim_verify { width:95px; height:46px; padding-left:5px; margin-bottom:5px;}
.iletisim_buton { width:206px; height:50px; outline:none; padding:0px 10px; text-align:center; border:none; background:#01224d; cursor:pointer;}
.iletisim_buton:hover { background:#01224d; color:#FFF;}
.iletisim_hata { width:100%; height:auto; margin-bottom:10px;}
.iletisim_harita { width:470px; height:auto; text-align:center;}

label.error { margin-top:0px; margin-left:5px; width: 200px; display: block; color:#fff; font-family:'Jura'; font-size:16px;}
div.message{ background: transparent url(images/arrow.png) no-repeat scroll center left; padding-left: 3px;}
div.error{width: 160px; background:#990000; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding: 5px; border-radius:3px;}

/* KARİYER */
.kariyer_form { width:326px; height:auto; position:relative;}
.kariyer_yazi { width:120px; height:22px; margin-bottom:5px; padding-top:14px; text-align:left;}
.kariyer_textbox { width:200px; height:40px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0; position:relative;}
.kariyer_textbox:hover { background:#f2f2f2;}
.kariyer_textbox:focus { background:#e2e2e2;}
.kariyer_textarea { width:200px; height:60px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0;}
.kariyer_textarea:hover { background:#f2f2f2;}
.kariyer_textarea:focus { background:#e2e2e2;}
.kariyer_selectbox { width:206px; height:40px; border:1px solid #CCC; padding:2px; margin-bottom:5px; outline:0; position:relative;}
.kariyer_verify { width:95px; height:29px; margin:0px 0px 5px 3px; border:1px solid #CCC;}
.kariyer_buton { width:206px; height:50px; outline:none; padding:0px 10px; text-align:center; border:none; background:#01224d; cursor:pointer;}
.kariyer_buton:hover { background:#01224d;}