@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,800,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin-ext');

body{font-family: 'Raleway', sans-serif;margin:0;padding:0;}
a{color:inherit;text-decoration:inherit;}
@media screen and (max-width: 900px) 
{
.top{width:100%;background:url(../images/topmob.jpg);background-position:center top;
background-repeat:no-repeat;
background-size:contain;}	
.container{width:97%;margin-left:auto;margin-right:auto;}	
.sollogo{width:18%;float:left;padding:1%;}	
.menuhucre{display:none; color: white !important;}
.mobilmenu{display:block;margin-left:5%;color:#FFF;font-weight:700;}
.sliderbuyuk{width:98%;border:1px solid #999;padding:1%;margin:0;}
.slidersag{margin-left:0;width:98%;border:1px solid #999;padding:1%;margin-top:10px;float:left;}
.etkinlikbaslik{width:100%;text-align:center;font-size:7vw;font-weight:300;color:#CCC;font-family: 'Open Sans Condensed', sans-serif;}
.etgun{width:100%;text-align:center;font-size:7vw;color:#999;font-weight:300;}
.etay{width:100%;text-align:center;font-size:4vw;color:#CCC;margin-top:10px;}
.sagust{width:100%;text-align:left;font-size:6vw;color:#999;}
.sagalt{width:100%;text-align:left;font-size:4vw;color:#999;margin-top:10px;}
.ucluler{width:96%;float:left;margin-left:1%;margin-right:1%;padding:2%;}
.top_image_band{width: 100%;overflow: hidden;background-image: url("../images/ankara.jpg");height: 100px;background-position: center;background-size: cover;}
.ilce_kutular{width: 48%;margin: 1%;float: left;text-align: center;overflow: hidden;}
.ilce_buyuk_baslik{margin-top: 3vw; font-size: 4vw;font-weight: 700;width: 100%;text-align: center;}
.ilce_baslik{margin-top: 3vw; font-size: 3vw;font-weight: 700;width: 100%;text-align: left;}
.ilce_yazi{margin-top:2vw; font-size: 2vw;font-weight: 400;width: 100%;text-align: left;}
.yk_kutular{width: 41%;margin: 2%;float: left;padding: 2%;}
.yk_baskan_sol{margin-left: 30%;}
}

@media screen and (min-width: 900px) 
{
.top{width:100%;background:url(../images/top.jpg);background-position:center top;background-repeat:no-repeat;
background-size:auto;}	
.container{width:1024px;margin-left:auto;margin-right:auto;}	
.sollogo{width:110px;float:left;padding:20px;}	
.menuhucre{display:block;color: white !important;}
.mobilmenu{display:none;}
.sliderbuyuk{width:578px;border:1px solid #999;padding:5px;margin-left:10px;margin-top:10px;float:left;}
.slidersag{margin-left:15px;width:390px;border:1px solid #999;padding:5px;margin-top:10px;float:left;max-height: 500px;overflow-y: scroll;}
.etkinlikbaslik{width:100%;text-align:center;font-size:32px;font-weight:300;color:#CCC;font-family: 'Open Sans Condensed', sans-serif;}
.etgun{width:100%;text-align:center;font-size:32px;color:#999;font-weight:300;}
.etay{width:100%;text-align:center;font-size:16px;color:#CCC;margin-top:10px;}
.sagust{width:100%;text-align:left;font-size:28px;color:#999;}
.sagalt{width:100%;text-align:left;font-size:13px;color:#999;margin-top:10px;}
.ucluler{width:27%;float:left;margin-left:1%;margin-right:1%;padding:2%;}
.top_image_band{width: 100%;overflow: hidden;background-image: url("../images/ankara.jpg");height: 200px;background-position: center;background-size: cover;}
.ilce_kutular{width: 23%;margin: 1%;float: left;text-align: center;overflow: hidden;}
.ilce_buyuk_baslik{margin-top: 20px; font-size: 3vw;font-weight: 700;width: 100%;text-align: center;}
.ilce_baslik{margin-top: 20px; font-size: 2vw;font-weight: 700;width: 100%;text-align: left;}
.ilce_yazi{margin-top: 10px; font-size: 1vw;font-weight: 400;width: 100%;text-align: left;}
.yk_kutular{width: 17%;margin: 2%;float: left;padding: 2%;}
.yk_baskan_sol{margin: 1% 1% 1% 39%;width: 21%;padding: 1%;}
.yk_baskan_sag{margin: 1% 26% 1% 1%;width: 21%;padding: 1%;}
}



.clear{clear:both;}
.topmenu{width:100%;background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );padding:10px 0 10px 0;}
.menuhucre{width:130px;text-align:center;float:left;font-size:14px;font-weight:700;color: white !important;}
.mainpage{width:100%;background:url(../images/bgg.png);}
.etkinlikkutu{width:100%;margin-top:10px;}
.etkinliksol{width:30%;float:left;}
.etkinliksag{width:65%;float:left;margin-left:5%;}
.etborder{width:90%;margin-left:5%;margin-right:5%;height:1px;background-color:#CCC;margin-top:10px;margin-bottom:3px;}
.footer{width: 100%;margin-top:20px;background: rgb(30,87,153);padding-top: 20px;padding-bottom: 20px;}
.main_boxes{width: 48%;margin: 1%;float: left;}
.ilce_resim{transition: all 2s ease;}
.ilce_resim:hover{ transform: scale(1.5);}
.etkinlik_ana_baslik{width: 100%;font-weight: 700;font-size: 3vw;color: #CCC;margin-bottom: 20px;}
.etkinlik_resim{width: 40%;float: left;margin-right: 2%;}
.etkinlik_yazi{width: 100%;font-size: 1.1vw;text-align: justify;}
.yk_resim{width: 98%;margin: 1%;height: 250px;overflow: hidden;display: flex;
    align-items: center;
    justify-content: center;}
.yk_ad_soyad{font-weight: 700;color: #CCC;text-align: center;width: 98%;margin: 1%;}
.yk_gorev{font-weight: 400;text-align: center;width: 98%;margin: 1%;}