@import url("style_web_fonts.css");
@import url("font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);

html {
	margin:0;
	padding:0;
    width:100%;     
    height:100%;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
}
body {
	margin:0;
	padding:0;
    width:100%;     
    height:100%;
	font-size:15px;
	background-color:#333;	
}
.botfix { position:fixed; bottom:5px; right:5px; }
/*
###########################################################
###########################################################
###########################################################


DEĞİŞKENLER


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

a.altlink:link { font-size:12px; color:#FFF; text-decoration:none; }
a.altlink:visited { color:#000; text-decoration:none; }
a.altlink:active { color:#000; text-decoration:none; }
a.altlink:hover { color:#000; text-decoration:none; }

h1 { font-size:24px; padding:0px; margin:0px; }
h2 { font-size:22px; padding:0px; margin:0px; line-height:normal !important; }
h3 { font-size:28px; padding:0px; margin:0px; line-height:normal !important; }

.yazi24 { font-size:24px; }
.yazi18 { font-size:18px; }
.yazi20 { font-size:20px; }
.yazi15 { font-size:15px; line-height:22px; }

.renkturuncu { color:#FFF; }
.renktel { color:#FFF; }
.renkbeyaz { color:#FFF; }

.VertBg { background-image:url(../images/vertyazi.png); background-repeat:repeat-y; background-position:center; }

.BgCizgi { border-top:5px solid #0083af; border-bottom:2px solid #0083af; width:100%; }

.PAD10 { padding:0px 0px 5px 10px; }
.PAD15 { padding:15px 15px 0px 15px; }
.PAD30 { padding:15px; background-color:#f5f5f5; }

.Gizle { display:none; }

.YaziStilMavi1 { color:#10779b; font-size:13px; }
.YaziStilGri1 { color:#ababab; font-size:18px; }
.YaziStilSiyah1 { color:#575757; font-size:26px; }
.YaziStilSiyah2 { color:#575757; font-size:16px; }

.verticaltext {
  width:130px;
  height:500px;
  -ms-transform:rotate(270deg); /* IE 9 */
  -moz-transform:rotate(270deg); /* Firefox */
  -webkit-transform:rotate(270deg); /* Safari and Chrome */
  -o-transform:rotate(270deg); /* Opera */
	}

.SlideCaption { position:absolute; bottom:0px ; width:100%; background-color: rgba(255,255,255,1); color:#000; font-size:28px; text-align:center; padding-top:10px; padding-bottom:10px; }

.footer_stil { background-color:#FFD800; color:#000; font-size:13px; padding-top:20px; padding-bottom:20px; }

a.aut:link { font-size:12px; color:#333; text-decoration:none; }
a.aut:visited { font-size:12px; color:#333; text-decoration:none; }
a.aut:active { font-size:12px; color:#333; text-decoration:none; }
a.aut:hover { font-size:12px; color:#3DB6EA; text-decoration:none; }


ul.solmenu { list-style:none; list-style-type:none; padding:0px; }
ul.solmenu li { padding:10px 0px 10px 0px !important; margin:0px 0px 10px 0px !important; background-color:#e5e5e5; }
ul.solmenu li a {  padding:5px 10px 5px 10px !important; }



.PayTum { padding:30px; }



a.linkdil:link { font-size:14px; color:#FFF; text-decoration:none; }
a.linkdil:visited { font-size:14px; color:#FFF; text-decoration:none; }
a.linkdil:active { font-size:14px; color:#FFF; text-decoration:none; }
a.linkdil:hover { font-size:14px; color:#3DB6EA; text-decoration:none; }

a.linkdilactive:link { font-size:14px; color:#3DB6EA; text-decoration:none; }
a.linkdilactive:visited { font-size:14px; color:#3DB6EA; text-decoration:none; }
a.linkdilactive:active { font-size:14px; color:#3DB6EA; text-decoration:none; }
a.linkdilactive:hover { font-size:14px; color:#FFF; text-decoration:none; }

.kutu_yazi_front { width:100%; background-color:#CCC; text-align:center; position:absolute; bottom:0px; height:30px; padding-top:4px; font-size:16px; color:#333; }
.kutu_yazi_back { width:100%; background-color:#3aaa35; text-align:center; position:absolute; bottom:0px; height:30px; padding-top:4px; font-size:16px; color:#FFF; }

.alt_basliklar { background-color:#013e7a; color:#FFF; font-size:18px; padding-top:12px; padding-bottom:7px; }

.alt_bg_gradient {
height:	300px;
width:100%;
color:#013e7a;
font-size:15px;
padding:15px;
background: rgb(184,218,252);
background: -moz-linear-gradient(top, rgba(184,218,252,1) 0%, rgba(111,162,197,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,218,252,1)), color-stop(100%,rgba(111,162,197,1)));
background: -webkit-linear-gradient(top, rgba(184,218,252,1) 0%,rgba(111,162,197,1) 100%);
background: -o-linear-gradient(top, rgba(184,218,252,1) 0%,rgba(111,162,197,1) 100%);
background: -ms-linear-gradient(top, rgba(184,218,252,1) 0%,rgba(111,162,197,1) 100%);
background: linear-gradient(to bottom, rgba(184,218,252,1) 0%,rgba(111,162,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8dafc', endColorstr='#6fa2c5',GradientType=0 );	
}

.alt_bg_gradient_haber {
height:	300px;
width:100%;
color:#013e7a;
font-size:15px;
padding:15px;
background-image:url(../images/bg_haber.jpg);
background-position:right top;
}

.alt_bg_gradient_ik {
height:	300px;
width:100%;
color:#013e7a;
font-size:15px;
padding:15px;
background-image:url(../images/bg_ik.jpg);
background-position:right top;
}

.alt_bg_gradient_proje {
height:	300px;
width:100%;
color:#013e7a;
font-size:15px;
padding:15px;
background-image:url(../images/bg_proje.jpg);
background-position:right top;
}

.haber_box { width:10px; height:10px; background-color:#013e7a; display: box; display:-webkit-box; display:-moz-box; display:-ms-box; border:1px solid #03C; float:left; margin:5px; }
.haber_control { display:block; position:absolute; top:8px; right:15px; }


.AbsoSolSlide { position:absolute; bottom:32px; left:64px; z-index:102; }
.AbsoSolSlideYazi1 { font-size:34px; color:#FFF; }
.AbsoSolSlideYazi2 { font-size:16px; color:#FFF; width:50%; }
.AbsoSagSlide { position:absolute; bottom:32px; right:32px; z-index:102; }

.ContactBg { background-image:url(../images/iletisim_bg.jpg); background-position:bottom; background-color:#FFF; padding-top:3%; padding-bottom:3%; }
.ContactBox { border: 1px solid #567ea6 !important; color:#039 !important; border-radius: 0px !important; }
.ContactButon { background-color:#013e7a; color:#FFF !important; border-radius: 0px !important; }
.ContactYaziAcik { color:#0268cc; font-size:18px; }
.ContactYaziKoyu { color:#fff; font-size:16px; }


.IcSayfaYaziStil1 { color:#013977; font-size:28px; padding:0px 5px 10px 10px; border-left: 3px solid #FFD800; }
.IcSayfaYaziStil2 { color:#FFF; font-size:15px; padding:7px 5px 7px 10px; border-left: 3px solid #fff5c6; margin-bottom:10px; line-height:22px !important; }
.IcSayfaYaziStil3 { color:#FFD800; font-size:22px; padding:10px 5px 0px 10px; border-left: 3px solid #FFD800; }

a.LinkBaslik:link { font-size:28px; color:#FFD800; text-decoration:none; }
a.LinkBaslik:visited { font-size:28px; color:#FFD800; text-decoration:none; }
a.LinkBaslik:active { font-size:28px; color:#FFD800; text-decoration:none; }
a.LinkBaslik:hover { font-size:28px; color:#3DB6EA; text-decoration:none; }


.Cerceve1 { border:1px solid #CCC; padding:10px; }
.Cerceve2 { height:50px; overflow:hidden; margin-top:10px; padding:10px; }


.MakBg { 
  background:url(../images/bg_makina.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.MakBgBlue { background-color:#013977; padding:5px; height:35px; }
.MakBgGreen { background-color:#3aaa35; }
.MakListGreen { background-color:#3aaa35; color:#FFF; font-size:15px; padding:5px; border:0; margin:0; width:100%; height:35px; }
.MakYazi1 { color:#013977; height:50px; padding-top:0px; font-size:22px; padding-top:10px; }
.MakYazi2 { color:#013977; font-size:15px; padding:5px; }
.MakYazi3 { color:#013977; font-size:15px; background-color:#bbddff; padding:5px; border-right:1px solid #FFF; }


.ProjeBgBlue { background-color:#013977; }
.ProjeBgGreen { background-color:#3aaa35; }
.ProjeListGreen { background-color:#3aaa35; color:#FFF; font-size:15px; padding:5px; border:0; margin:0; width:100%; height:35px; }
.ProjeYazi1 { color:#013977; padding-top:0px; font-size:22px; padding-top:10px; }
.ProjeYazi2 { color:#FFF; font-size:15px; padding:5px; }
.ProjeYazi3 { color:#013977; font-size:15px; background-color:#bbddff; padding:5px; border-right:1px solid #FFF; border-left:1px solid #FFF; }

a.ProjeLink1:link { color:#013977; font-size:15px; text-decoration:none; }
a.ProjeLink1:visited { color:#013977; font-size:15px; text-decoration:none; }
a.ProjeLink1:active { color:#013977; font-size:15px; text-decoration:none; }
a.ProjeLink1:hover { color:#00F; font-size:15px; text-decoration:none; }


 
.PdetayBaslik { color:#013977; font-size:15px; padding-left:15px; }
.PdetayYaziCizgi { border-left: 2px solid #013977; padding-left:10px; }
.PdetayYazi1 { color:#013977; font-size:18px; }
.PdetayYazi2 { color:#3aaa35; font-size:22px; }
.PdetayYazi3 { color:#000; font-size:16px; padding-left:15px; }

.LokasyonBg { 
  background:url(../images/bg_lokasyon.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}






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


SABİTLER

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

.Gray { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

#Cont_Top {
	min-height:100%;
	position:relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
#Cont_Head {
	padding:0px;
	margin:0px;
	}
#Cont_Body {
	padding:0px;
	max-width: 100%;
	padding-bottom:60px;   /* Height of the footer */
	}
#Cont_Foot {
	padding: 0px;
	margin: 0px;
	position:absolute;
	bottom:0;
	width:100%;
	height:60px;   /* Height of the footer */
	}

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

.M0 { margin: 0px !important; }
.P0 { padding: 0px !important; }

a.link000:link { color:#000; text-decoration:none; }
a.link000:visited { color:#000; text-decoration:none; }
a.link000:active { color:#000; text-decoration:none; }
a.link000:hover { color:#FFF; text-decoration:underline; }
/*
###########################################################
###########################################################
###########################################################


MANUEL RESPONSİVE 'LER


###########################################################
###########################################################
###########################################################
*/
@media (max-width: 479) { /*xs */

}

@media (min-width: 768px) and (max-width: 991px) { /* sm */

}
	
@media (min-width: 992px) and (max-width: 1199px) { /* md */

}

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

}