@import url("style_web_fonts.css");

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

/*
###########################################################
###########################################################
###########################################################
DEĞİŞKENLER
###########################################################
###########################################################
###########################################################
*/

.CizgiLaci { height:10px; background-color:#00203e; width:100%; }
.CizgiMavi { height:2px; background-color:#009FE3; width:100%; margin-top:20px; }

.YaziBaslik { font-size:38px; color:#009fe3; border-bottom:2px solid #009FE3; }
.YaziIcerik { padding:20px 0px 40px 0px; font-size:16px; color:#FFF; line-height:24px; padding-right:20px; }
.YaziIcerik ul { padding-left:30px; list-style-type: circle; list-style: circle; margin-bottom:15px; }
.YaziIcerikTable { padding:20px 0px 40px 0px; font-size:16px; color:#FFF; line-height:24px; padding-right:20px; }
.YaziIcerikTable table td { padding:5px; }

.YaziIcerikHome ul { padding-left:30px; list-style-type: circle; list-style: circle; margin-bottom:15px; }

.BgIcerikLaci { background-color:#051930; min-height:250px; padding:50px 0px 100px 0px; color:#FFF; }
.LaciContentPay { padding:0px 20px 0px 20px; }
.BgIcerikLaciIc { background-color:#051930; min-height:250px; padding:50px 0px 50px 0px; color:#FFF; }

.IcSayfaBg { background-image:url(../images/ic_bg.png); background-repeat:no-repeat; background-position:top left; min-height:280px; }

div.ResimPay { padding:0px 0px 0px 10px; }
div.ResimPay:first-child { padding:0px 20px 0px 0px; }

.ProjeListe { height:260px; overflow:hidden; color:#FFF; line-height:24px; font-size:16px; padding:3px 0px 3px 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; }
.ProjeAd { height:70px; color:#FFF; line-height:24px; font-size:16px; padding:3px 0px 3px 0px; overflow:hidden; }


.KutuMove { position:relative; top:-80px; z-index:999; }
.KutuMoveIc { position:relative; top:-80px; z-index:999; }
.KutuMoveIcCizgi { background-color:#E30613; width:100%; height:50px; }
.KutuPay { padding:20px; }
.Kutu { background-repeat:no-repeat; background-position:center center; height:200px; width:100%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.Kutu:hover { background-color:rgba(255,255,255,1); }

.KutuYazi1 { color:#009fe3; font-size:18px; padding:10px 0px 7px 0px; background-color:#009fe3; line-height:20px; }
.KutuYazi2 { color:#000; font-size:15px; padding:10px 10px 10px 10px; min-height:120px; max-height:120px; height:120px; overflow:hidden; }

.KutuYazi { color:#051930; }

a.KutuYazi:link { color:#051930; }
a.KutuYazi:visited { color:#051930; }
a.KutuYazi:active { color:#051930; }
a.KutuYazi:hover { color:#ffffff; }




.FooterBg { background-color:#051930; padding:0px 20px 20px 20px; margin-top:-30px; padding-top:30px; }
.FooYazi1 { color:#ffffff; font-size:24px; padding-left:50px; }
.FooYazi2 { color:#ffffff; font-size:16px; padding-left:0px; }
.FooYazi3 { color:#009fe3; font-size:16px; padding-left:50px; }

ul.FooMenu > li { list-style:none; display:inline-block; }
ul.FooMenu > li > a { color:#FFF; font-size:15px; padding-right:10px; }
ul.FooMenu > li > a:hover { color:#fd8204; font-size:15px; padding-right:10px; }



ul.SolMenu {
	padding:5px 0px 5px 0px;
	}
ul.SolMenu > li {
	text-align:right;
	background-image:url(../images/menu2.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding:12px 50px 12px 10px;
	}
ul.SolMenu > li:first-child {
	background-image:url(../images/menu1.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:20px 50px 40px 10px;
	}
ul.SolMenu > li > a {	
	color:#FFF;
	font-size:18px;
	}
ul.SolMenu > li:first-child > a {
	color:#009fe3 !important;
	font-size:22px;
	}

ul.SolMenu > li > a:hover { color:#fd8204; text-decoration:none; }







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


.FooRsCopy { position:absolute; right:0px; top: -92px; }
.FooRsCopyTD { height:150px; }

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

SABİTLER

###########################################################
###########################################################
###########################################################
*/
.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
###########################################################
###########################################################
###########################################################
*/


@media (max-width: 480px) { /* xs */
.FooRsCopy { position:absolute; right:0px; top: -215px; }
.FooRsCopyTD { height:40px; }
}

@media (max-width: 768px) { /* sm */
.FooRsCopy { position:absolute; right:0px; top: -215px; }
.FooRsCopyTD { height:40px; }
}

@media (max-width: 992px) { /* md */

}

@media (min-width: 1200px) { /* lg */



}