@import url("style_web_fonts.css");

html,body {
	margin:0;
	padding:0;
    width:100%;     
    height:100%;
	font-size:15px;
}

.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size22 { font-size:22px; }
.size24 { font-size:24px; }
.size26 { font-size:26px; }
.size28 { font-size:28px; }
.size30 { font-size:30px; }
.size32 { font-size:32px; }
.size34 { font-size:34px; }

.Beyaz { color:#FFF; }
a.Beyaz:hover { color:#111523; }
.Siyah { color:#000; }
.Gri1 { color:#828080; }
.Mavi1 { color:#37afff; }
.Mavi2 { color:#004fa6; }

.AllPay { padding-left:7%; padding-right:7%; }
.TasiMenu { position:relative; top:-30px; }
.RowIcPay1 { padding-top:30px; padding-bottom:30px; }
/*
###########################################################
###########################################################
###########################################################
DEĞİŞKENLER
###########################################################
###########################################################
###########################################################
*/

.TextField { border:1px solid #b1b1b1; background-color:#FFF; color:#333; line-height:25px; padding:10px; width:90%; margin:5px; }
.TextArea { border:1px solid #b1b1b1; background-color:#FFF; color:#333; line-height:25px; padding:10px; width:90%; margin:5px; height:228px; }
.TextButon { border:1px solid #b1b1b1; background-color:#268fad; color:#FFF; line-height:25px; padding:10px; width:90%; margin:5px; }


.BgGriUst { background-color:#917636; height:10px; }
.LogoBoy { width:100%; max-width:400px; }
.BgBeyaz { background-color:#fff; padding:20px; }
.BgLacivert { background-color:#111523; }
.BgBeyazKutu { background-color:#fff; padding:20px; }
.BgBeyazKutuCizgi { background-color:#fff; border-bottom:3px solid #249acf; padding:20px; }
.BgGriKutu { background-color:#f3f3f3; padding:20px; }
.TrenDevam { background-image:url(../images/slogan_tr_d.png); background-repeat:repeat-x; width:100%; height:130px; }
.BgSiyahSlide { background-image:url(../images/SlideBg.png); background-position:bottom; background-repeat:repeat-x; }
.BgSiyahKutu { background-image:url(../images/SlideBg.png); background-position:top; background-repeat:repeat-x; }
.KirmiziCizgi { width:100%; background-color:#111523; height:2px; }
.SiyahCizgi { width:100%; background-color:#000; height:1px; margin-top:3px; }
.CizgiKirmizi { border-bottom:4px solid #111523; padding-bottom:5px; }

a.LinkDil:link { color:#000; }
a.LinkDil:visited { color:#000; }
a.LinkDil:hover { color:#FFF; }
a.LinkDil.active { color:#FFF; }

a.LinkUstMenu:link { color:#fff; }
a.LinkUstMenu:visited { color:#fff; }
a.LinkUstMenu.active { color:#fff; }
a.LinkUstMenu:hover { color:#37afff; }


.HaberlerBg { margin-top:40px; margin-bottom:10px; padding-left:20px; padding-right:20px; }
.HaberSolCizgi { border:1px solid #000; margin-top:20px; border-radius:8px; padding:10px 0px; }
a.HaberlerTum:link { color:#000000; }
a.HaberlerTum:visited { color:#000000; }
a.HaberlerTum.active { color:#000000; }
a.HaberlerTum:hover { color:#E21B22; }
.HaberYukseklik { height:140px; max-height:140px; min-height:140px; overflow:hidden; padding:0px 10px 0px 10px;  }
.HaberIcerik { height:45px; max-height:45px; min-height:45px; overflow:hidden; }
.HaberResim { background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:100px; }
a.HaberDevam:link { color:#000; }
a.HaberDevam:visited { color:#000; }
a.HaberDevam.active { color:#000; }
a.HaberDevam:hover { color:#E21B22; }



.KutuLi { background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius: 6px; padding:5px; border:1px solid #000; }
.KutuLiDiv { height:180px; min-height:180px; max-width:220px; padding:32% 10px 0px 10px; font-size:24px; background-color:rgba(0,0,0,0.6); z-index:55; color:#FFF; line-height:28px; }
.KutuLiDiv:hover { background-color:rgba(255,255,255,0.5); color:#000; }

.butLEFT span i { position:absolute; top:57%; z-index:11; left:-10px; color:#E21B22 !important; }
.butRIGHT span i { position:absolute; top:57%; z-index:11; right:-10px; color:#E21B22 !important; }

.butLEFT2 span i { position:absolute; bottom:30px; z-index:11; left:18px; color:#FFF !important; }
.butRIGHT2 span i { position:absolute; bottom:30px; z-index:11; right:20px; color:#FFF !important; }


.AraMenuBg { background-repeat:no-repeat; width:20%; height:250px; display:block; }
.AraIco { border-right:1px solid #FFF; }
.AraIco:last-child { border-right:0px; }
.AraIco > a { color:#5b5b5b; display:block; padding:20px 5px 20px 5px;  }
.AraIco > a:hover { color:#000; background-color:rgba(255,255,255,0.8); }


.ArailBg { margin:0px 0px 0px 0px; }
.ArailResim { width:100%; height:65px; min-height:65px; background-repeat:no-repeat; background-size:cover; }
.ArailMaviKutu { background-color:#004fa6; padding:9px; }
a.ArailMaviLink:link { color:#FFF !important; }
a.ArailMaviLink:visited { color:#FFF !important; }
a.ArailMaviLink:active { color:#FFF !important; }
a.ArailMaviLink:hover { color:#37afff !important; }
.DivPay1 { padding-left:10px; }
.ArailYerlestir { list-style: none outside none; }
.ArailYerlestir li { position: relative; text-align: center; height:200px; min-height:200px; }
.ArailYerlestir li .ArailYerlestirBg { width:100%; height:200px; min-height:200px; background-repeat:no-repeat; background-size:cover; }
.ArailMenu { opacity:0; position:absolute; width:100%; height:200px; top:0; }
.ArailMenu:hover { opacity:1; background-color:rgba(0,0,0,0.6); padding-top:30px; }
.ArailMenu a {left:20%; width:60%; color:#FFF; border-bottom:1px solid #FFF; display:inline-block; padding-top:10px; padding-bottom:10px; font-size:16px; }
.ArailMenu a:hover { color:#0CF; }
.ArailMenu a:last-child { border-bottom:0px; }
a.ArailBingolYz { background-color:#ff9000; color:#000; padding:5px; margin-top:5px; display:block; } a.ArailBingolYz:hover { color:#FFF; }
a.ArailElazigYz { background-color:#ffd100; color:#000; padding:5px; margin-top:5px; display:block; } a.ArailElazigYz:hover { color:#FFF; }
a.ArailMalatyaYz { background-color:#999eb7; color:#000; padding:5px; margin-top:5px; display:block; } a.ArailMalatyaYz:hover { color:#FFF; }
a.ArailTunceliYz { background-color:#a6d2e7; color:#000; padding:5px; margin-top:5px; display:block; } a.ArailTunceliYz:hover { color:#FFF; }


.AraLinkBg { margin:20px 0px 20px 0px; }
.AraLinkLogo { padding:20px 10px; float:left; }
.AraLinkLogoKutu { padding:20px 10px; background-color:#FFF; }


.FooBg { background-color:#111523; padding-top:20px; padding-bottom:20px; margin-top:40px; }
.FooCizgi { height:1px; background-color:#666; width:100%; margin-top:15px; }

ul#Foo1MenuYatay { margin:0px; }
ul#Foo1MenuYatay > li { list-style:none; list-style-type:none; display:inline-block; background-image:url(../images/FooMenu1.png); background-position:top right; background-repeat:no-repeat; }
ul#Foo1MenuYatay > li:last-child { background-image:none; }
ul#Foo1MenuYatay > li > a { color:#FFF; padding:20px 30px 10px 20px; display:block; }
ul#Foo1MenuYatay > li > a:hover { color:#37bbff; }

ul#Foo2MenuYatay { margin:0px; margin-top:50px; padding-bottom:15px; border-bottom:1px solid #37AFFF; }
ul#Foo2MenuYatay > li { list-style:none; list-style-type:none; display:inline-block; background-image:url(../images/FooMenu2.png); background-position:center right; background-repeat:no-repeat; }
ul#Foo2MenuYatay > li:last-child { background-image:none; }
ul#Foo2MenuYatay > li > a { color:#FFF; padding:0px 30px 0px 20px; display:block; }
ul#Foo2MenuYatay > li > a:hover { color:#37bbff; }

ul#Foo3MenuYatay { margin:0px; margin-top:15px; }
ul#Foo3MenuYatay > li { list-style:none; list-style-type:none; display:inline-block; background-image:url(../images/FooMenu3.png); background-position:center right; background-repeat:no-repeat; }
ul#Foo3MenuYatay > li:last-child { background-image:none; }
ul#Foo3MenuYatay > li > a { color:#ffd100; padding:0px 30px 0px 20px; display:block; }
ul#Foo3MenuYatay > li > a:hover { color:#37bbff; }


/*
###########################################################
###########################################################
###########################################################

SABİTLER

###########################################################
###########################################################
###########################################################
*/
.SolMenuPanel { padding:40px 0px 40px 0px; background-color:#efefef; margin-top:30px; }
.SolMenuPanelArea { padding:0px 0px 0px 0px; line-height:16px; }
.SolMenuPanelLink { border-right:6px solid #efefef; color:#58595b; font-size:19px; display:block; text-align:right; }
.SolMenuPanelLink:link { color:#004fa6; text-decoration:none;  padding: 10px 20px 10px 10px; }
.SolMenuPanelLink:visited { color:#004fa6; text-decoration:none;  padding: 10px 20px 10px 10px; }
.SolMenuPanelLink:hover { background-color:#c2dbed; color:#004fa6; text-decoration:none; border-right:6px solid #0f9fd8; }
a.SolMenuPanelLink.active { background-color:#c2dbed; color:#004fa6; text-decoration:none; border-right:6px solid #0f9fd8; }

ul#SolMenuIc { list-style:none; list-style-type:none; margin:0px; padding:0px 0px 10px 0px; text-align:right; }
ul#SolMenuIc > li { list-style:none; list-style-type:none; margin:0px;  }
ul#SolMenuIc > li > a { font-size:19px; color:#828080; display:block; padding:10px 25px 10px 15px; }
ul#SolMenuIc > li > a:hover { color:#37afff; }
ul#SolMenuIc > li > a.active { color:#37afff; }
.SolMenuIco { color:#0f9fd8; }

.ProjeListe { border:1px solid #CCC; padding:0px 15px; }

.Icerik1 { color:#828080; margin-top:25px; line-height:28px; }
.IcBaslikCizgi1 { background-color:#ff9000; height:4px; width:20%; }
.IcBaslikCizgi2 { background-color:#ff9000; height:2px; width:100%; }
.IcBaslik1 { color:#828080; font-size:20px; }
.IcBaslik2 { color:#3b3b3b; font-size:20px; margin-top:40px; }

.Icerik1 ul { list-style:circle; list-style-type:circle; padding-left:20px; }
.Icerik1 ul li { }

.ResimBgTable { margin-top:20px; border:1px solid #CCC; padding:10px; }
.EkBgTable { margin-top:20px; border:1px solid #CCC; padding:10px; }
.EkBgTable:hover { margin-top:20px; border:1px solid #37AFFF; padding:10px; }
	
.ResimBg200x165 { width:200px; height:165px; }

a.LinkSiyah:link { color:#000; font-size:16px; }
a.LinkSiyah:visited { color:#000; font-size:16px; }
a.LinkSiyah.active { color:#000; font-size:16px; }
a.LinkSiyah:hover { color:#FF9000; font-size:16px; }


.LinkGaleriPay { }
.LinkGaleriImg { width:100%; height:150px; min-height:150px; max-height:150px; background-size:cover; border:5px solid #FFF; }
.LinkGaleriImg:hover { border:inset; }

.LinkilHaberPay { padding:15px 0px 15px 0px; }
.LinkilHaberPay:nth-child(odd) { padding-right:25px; }
.LinkilHaberPay:nth-child(even) { padding-left:25px; padding-right:0px; }

.LinkilHaberImg { width:100%; height:175px; min-height:175px; max-height:175px; background-size:cover; border:5px solid #f5f5f5; }
.LinkilHaberImg:hover { border:inset; }
.ilHaberYukseklik { height:200px; max-height:200px; min-height:200px; overflow:hidden; border-bottom:1px solid #000; padding:10px 0px 0px 10px; margin-bottom:10px; margin-top:5px; }
.ilHaberIcerik { height:80px; max-height:80px; min-height:80px; overflow:hidden; }
a.ilHaberDevam:link { margin-top:15px; color:#000; display:block; }
a.ilHaberDevam:visited { color:#000; }
a.ilHaberDevam.active { color:#000; }
a.ilHaberDevam:hover { color:#FF9000; }


.iletisimCizgi1A { background-color:#37afff; height:4px; width:20%; }
.iletisimCizgi1B { background-color:#37afff; height:2px; width:100%; }
.iletisimCizgi2A { background-color:#ff9000; height:4px; width:20%; }
.iletisimCizgi2B { background-color:#ff9000; height:2px; width:100%; }
.iletisimCizgi3A { background-color:#ffd517; height:4px; width:20%; }
.iletisimCizgi3B { background-color:#ffd517; height:2px; width:100%; }
.iletisimCizgi4A { background-color:#a3a7be; height:4px; width:20%; }
.iletisimCizgi4B { background-color:#a3a7be; height:2px; width:100%; }









/*
###########################################################
###########################################################
###########################################################

SABİTLER

###########################################################
###########################################################
###########################################################
*/

.search-box{ background-image:url(../images/BgAra.png); background-repeat:no-repeat; width:165px; height:22px; padding:3px 0; float:right; }
.btn-search{ background:none; border:none; width:29px; height:26px; float:left; text-indent:-9999px; overflow:hidden; font-size:0; line-height:0; cursor:pointer; }
.btn-search:hover{ cursor:pointer; }
.search-box .text{ width:130px; height:20px; background:none; border:none; font:12px/23px Arial, Helvetica, sans-serif; color:#FFF; float:left; padding:0 10px 0 3px; outline:none; letter-spacing:0.5px; }
.search-box .text:focus{ color:#000; }
.search-box .text:hover{ color:#000; }

.ico_face { height:40px; width:40px; background-image:url(../images/icon/ico_03.png); background-repeat:no-repeat; }
.ico_face:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_03.png); background-repeat:no-repeat; }
.ico_twit { height:40px; width:40px; background-image:url(../images/icon/ico_04.png); background-repeat:no-repeat; }
.ico_twit:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_04.png); background-repeat:no-repeat; }
.ico_insta { height:40px; width:40px; background-image:url(../images/icon/ico_05.png); background-repeat:no-repeat; }
.ico_insta:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_05.png); background-repeat:no-repeat; }
.ico_youtube { height:40px; width:40px; background-image:url(../images/icon/ico_06.png); background-repeat:no-repeat; }
.ico_youtube:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_06.png); background-repeat:no-repeat; }

.ico_faceK { height:24px; width:24px; background-image:url(../images/icon/ico_03K.png); background-repeat:no-repeat; }
.ico_faceK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_03K.png); background-repeat:no-repeat; }
.ico_twitK { height:24px; width:24px; background-image:url(../images/icon/ico_04K.png); background-repeat:no-repeat; }
.ico_twitK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_04K.png); background-repeat:no-repeat; }
.ico_instaK { height:24px; width:24px; background-image:url(../images/icon/ico_05K.png); background-repeat:no-repeat; }
.ico_instaK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_05K.png); background-repeat:no-repeat; }
.ico_youtubeK { height:24px; width:24px; background-image:url(../images/icon/ico_06K.png); background-repeat:no-repeat; }
.ico_youtubeK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_06K.png); background-repeat:no-repeat; }


.center-table
{
  margin: 0 auto !important;
  float: none !important;
}

.renk1 { background-color:#000; }
.renk2 { background-color:#666; }
.renk3 { background-color:#CCC; }
.renk4 { background-color:#F00; }

.M0 { margin: 0px !important; }
.P0 { padding: 0px !important; }
.RELATIVE { position:relative !important; }
.ABSOLUTE { position:absolute !important; }

/*
###########################################################
###########################################################
###########################################################
MANUEL RESPONSİVE 'LER
###########################################################
###########################################################
###########################################################
*/

.SideTable { display: table; width:100%; }
.SideLeft  { float: none; display: table-cell; vertical-align:middle; }
.SideRight { float: none; display: table-cell; vertical-align:middle; }


@media (max-width: 480px) { /* xs */
.container-fluid { padding:20px; }
.SideTable { display: inherit; }
.SideLeft  { display: inherit; }
.SideRight { display: inherit; }

.DivPay1 { margin-top:20px !important; padding-left:0px; }


ul#Foo1MenuYatay > li { list-style:none; list-style-type:none; display:block; background-image:none; background-color:#0061c9; margin-top:5px; }
ul#Foo1MenuYatay > li > a { color:#FFF; padding:10px 30px 10px 20px; display:block; }

ul#Foo2MenuYatay > li { list-style:none; list-style-type:none; display:block; background-image:none; background-color:#004187; margin-top:5px; }
ul#Foo2MenuYatay > li > a { color:#FFF; padding:10px 30px 10px 20px; display:block; }

ul#Foo3MenuYatay > li { list-style:none; list-style-type:none; display:block; background-image:none; background-color:#00264f; margin-top:5px; }
ul#Foo3MenuYatay > li > a { color:#FFF; padding:10px 30px 10px 20px; display:block; }
}

@media (max-width: 768px) { /* sm */
.SideTable { display: inherit; }
.SideLeft  { display: inherit; }
.SideRight { display: inherit; margin-top:20px; }

.DivPay1 { margin-top:20px !important; padding-left:5px; padding-right:5px; }

ul#Foo1MenuYatay > li { list-style:none; list-style-type:none; display:block; background-image:none; background-color:#0061c9; margin-top:5px; }
ul#Foo1MenuYatay > li > a { color:#FFF; padding:10px 30px 10px 20px; display:block; }

ul#Foo2MenuYatay > li { list-style:none; list-style-type:none; display:block; background-image:none; background-color:#004187; margin-top:5px; }
ul#Foo2MenuYatay > li > a { color:#FFF; padding:10px 30px 10px 20px; display:block; }

ul#Foo3MenuYatay > li { list-style:none; list-style-type:none; display:block; background-image:none; background-color:#00264f; margin-top:5px; }
ul#Foo3MenuYatay > li > a { color:#FFF; padding:10px 30px 10px 20px; display:block; }
}

@media (max-width: 992px) { /* md */
.DivPay1 { margin-top:20px !important; padding-left:5px; padding-right:5px; }
}

@media (max-width: 1200px) { /* lg */
.TasiMenu { position:relative; top:0px; margin-bottom:20px; }
.AllPay { padding-left:2%; padding-right:2%; }
.DivPay1 { margin-top:20px !important; }
}

@media (min-width: 1300px) { /* lg */
.AllPay { padding-left:2%; padding-right:2%; }
}


@media (min-width: 1470px) { /* lg */
.AllPay { padding-left:7%; padding-right:7%; }
}

@media (min-width: 1700px) { /* lg */
.AllPay { padding-left:15%; padding-right:15%; }
}