html,body { background-image: url('../img/bg.jpg'); background-repeat: no-repeat; background-position: top center; background-color: #E5E6E1; font-family: 'Ubuntu', sans-serif; }
header{background-color:#ffffff; border-bottom: 8px solid #e63413; width:100%; padding-top: 50px;}
a,a:hover{ text-decoration: none;  }
.slogan{ font-family: 'Ubuntu', cursive; text-align: right; font-size: 18px; color: #6d2214;}
.navbar-default {background-color: transparent; border-color: transparent;}
.navbg{background-color:#515151; font-size: 13px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; margin-top: -55px; height: 135px;}
.navbar-default .navbar-nav > li > a { color: #FFFFFF;}
.menucark{margin-top: -30px; margin-left: -45px; position: absolute; z-index: 10; float: left; }
.maincont{ background-color:#FFFFFF; padding-top: 15px; padding-bottom: 15px; }
.ataturktop{background-color:#f8f8f8; padding:10px; margin-top:20px;}
.fa-quote-left{ font-size: 30px; }
#lightSlider ul { list-style: none outside none; padding-left: 0; margin-bottom:0; }
#lightSlider li { display: block; float: left; margin-right: 6px; cursor:pointer; }
#lightSlider img { display: block; height: auto; max-width: 100%; border:10px solid #e8e8e8;}
#lightSlider > li { position: relative; }
#lightSlider .caption { background-color: rgba(0, 0, 0, 0.8); position: absolute; bottom: 0; left: 0; padding: 20px; color: white; width: 100%; }
.captiondate{ background-color: #e63413;  bottom: 0; left: 0; padding: 15px; color: white; float: right; margin-top: -40px}
.banner1 { background-color: #4fb57f; padding-top: 10px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px;}
.banner1 .fa{ opacity: 50%; padding-bottom: 10px; font-size:55px; color:#87d9ad; display:inline; float:left;}
.banner1 .text{ color:#ccffcc; font-size: 30px; margin-top: 33px; margin-left: 16%; text-align:right; display: inline; float: right; z-index: 10; }
.banner2 { background-color: #feba12; padding-top: 10px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px;}
.banner2 .fa{ opacity: 50%; padding-bottom: 10px; font-size:55px; color:#ffd160; display:inline; float:left;}
.banner2 .text{ color:#ffe7ad; font-size: 30px; margin-top: 33px; margin-left: 16%; text-align:right; display: inline; float: right; z-index: 10;}
.banner3 { background-color: #00aeef; padding-top: 10px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px;}
.banner3 .fa{ opacity: 50%; padding-bottom: 10px; font-size:55px; color:#6dd2f7; display:inline; float:left;}
.banner3 .text{ color:#daf5ff; font-size: 30px; margin-top: 33px; margin-left: 16%; text-align:right; display: inline; float: right; z-index: 10;}
.banner4 { background-color: #cc0099; padding-top: 10px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px;}
.banner4 .fa{ opacity: 50%; padding-bottom: 10px; font-size:55px; color:#ed80d0; display:inline; float:left;}
.banner4 .text{ color:#ffaae8; font-size: 30px; margin-top: 33px; margin-left: 16%; text-align:right; display: inline; float: right; z-index: 10;}
.ebulten{  background-color: #f8f8f8; padding:10px; }
.ebulten > h2 {color: #b8adad;}
.duyuru{ background-color: #dce1c8; color: #a5ad85; padding: 3px;}
.etkinlik{ background-color: #dae7e5; padding: 6px; }
.etkinlik > h3 { color: #729892; }
.etkinlik .fa{  color: #729892; font-size:23px; margin-right: 10px; }
.etkinlik .date{ background-color: #729892; padding: 3px; color: #FFFFFF;  font-size: 12px;}
.etkinlik .text{ color: #254741; font-size: 12px;}
.footer{ background-color: #000000; color: #FFFFFF; padding: 20px;}
.ilanbg { background-color: #449D44; padding:10px; color:#FFFFFF; text-align: center;}