@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');


body{}
.ara2{ padding:2px;}.ara5{ padding:5px;}.ara10{ padding:10px;}.ara20{ padding:20px;}.ara30{ padding:30px;}.ara40{ padding:40px;}.ara50{ padding:50px;}.ara100{ padding:100px;}
h2{color:#FFF; text-shadow: 1px 1px 3px #CCC; font-family: "Oswald", serif;}
h3{color:#333; text-shadow: 1px 1px 3px #999; font-family: "Oswald", serif;}
.ico1{color:#FFF; font-size:16px; vertical-align:middle; padding:10px;}
.ico2{color:#824416; font-size:20px; vertical-align:middle; padding:10px;}
.ico3{color:#717271; font-size:20px; vertical-align:middle; padding:10px;}


.ustmenu{width:100%;  background:#FFFFFF;}
.ustt{width:100%; height:40px; background:#717271;}
.ustlinkler{font-family: 'Oswald', serif; font-size:16px;color:#717271;display: block;text-decoration: none;}
.ustlinkler:hover{font-family: 'Oswald', serif; font-size:16px;color:#cd3c29;display: block;text-decoration: none;}

.bookiletisim{font-family: 'Oswald', serif; font-size:16px;color:#FFF;}




.cizgi{width:100%; height:5px; background:#09F;}
.ortalama{width:auto; height: 300px; padding: 20px; margin: auto; margin-top: 150px;}
.ortalama2{width:auto; height: 500px; padding: 20px; margin: auto; margin-top: 100px;}
.resimbaslik{ font-family:'Oswald', sans-serif; color:#FFF; text-decoration:none; font-size:36px; text-shadow: 3px 1px 3px #333;}


.ustiletisim{ font-family:'Noto Serif', sans-serif; font-size:12px; text-decoration:none; color:#FFF; text-align:right;}

.resimyazi{ font-family:'Noto Serif', sans-serif; color:#FFF; text-decoration:none; font-size:26px; text-shadow: 3px 1px 3px #333;}
.bayraklar, .bayraklar:hover, .bayraklar:active{ text-decoration:none; padding:5px; font-size:14px; font-family: Verdana, Geneva, sans-serif; border-radius: 5px; color:#FFF; background-color:#cd3c29;}

.koseli{width:100%; box-shadow: 1px 1px 4px #CCC; text-decoration:none;}
.koseli:hover{width:100%; box-shadow: 1px 1px 4px #000; text-decoration:none;}
.aktivitebaslik{width:100%; height:60px; font-family:'Oswald', sans-serif; font-size:22px; color:#000; padding:10px;}
.aktiviteonmetin{ overflow:hidden; width:100%; height:75px; font-family:'Noto Serif', Times, serif; font-size:14px; color:#000; padding:10px;}
.aktivitedetayy{padding-top:20px; text-align:center;}
.aktivitedetay, .aktivitedetay:hover{text-decoration:none; font-family: "Oswald", Times, serif; font-size:16px; color:#FFF; text-shadow: 1px 1px 2px #000; padding: 5px 10px; background:#cd3c29; border-radius:5px;}
.metin{font-family:"Noto Serif", Times, serif; font-size:14px; color:#000; line-height:26px;}
.sayfaust{ width:100%; height:300px;}
.zeminrenk{ background-color:#F4F4F4; padding:40px; border-radius: 10px; }
.iletisimler{text-decoration:none; font-family: "Noto Serif", Times, serif; font-size:16px; color:#333;}
.iletisim{text-decoration:none; font-family: "Noto Serif", Times, serif; font-size:16px; color:#333;}
.yazi_r{text-decoration:none; font-family: "Noto Serif", Times, serif; font-size:16px; color:#717271;}
.yazi_c{text-decoration:none; font-family: "Noto Serif", Times, serif; font-size:16px; color:#717271;}

.bl_sag_baslik{ font-family:"Noto Serif", Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; text-decoration:none; background:#824416; padding:15px;}

.bl_baslik{width:100%; height:60px; font-family:'Noto Serif', sans-serif; font-size:18px; color:#000; padding:10px;}
.bl_metin{ font-family:"Noto Serif", Arial, Helvetica, sans-serif; font-size:18px; color:#000; text-decoration:none;}
.listeleme1 { position: relative; max-width: 350px; margin: 0 auto;}
.listeleme1 img {vertical-align: middle; width:100%;}
.listeleme1 .icerik1 {position: absolute; bottom: 0; background:#000; background: rgba(0, 0, 0, 0.7); color: #f1f1f1; width: 100%; font-family:'Signika', sans-serif; font-size:14px; text-decoration:none; padding: 10px;}
.sollinkk{width:100%; font-family:'Rubik', sans-serif; font-size:12px; font-weight:bold; color:#000; text-decoration:none; }
.solmetin{width:100%; font-family:'Noto Serif', sans-serif; font-size:12px; text-decoration:none;}
.aramasonuc{font-family:'Noto Serif', sans-serif; color:#666; font-size:14px; text-decoration:none;}
.aramasonuc:hover{font-family:'Noto Serif', sans-serif; color:#666; font-size:14px; text-decoration:none;}

.altzemin{ width:100%; height:auto; padding:30px; background-color:#999; }
.copyright{ width:100%; padding:20px; color:#FFF; background:#717271; text-align:center;}
.altlink{ text-decoration:none; font-family:'Oswald', sans-serif; font-size:16px; color:#FFF; margin:10px 0; padding: 3px 10px;}
.altlink:hover{ text-decoration:none; font-family:'Oswald', sans-serif; font-size:16px; color:#FFF; margin:10px 0; padding: 3px 10px; background:#999;}
.altiletisim{ font-family:'Noto Serif', sans-serif; font-size:14px; text-decoration:none; color:#717271; padding:15px; border:solid 1px #717271; text-align:center;}
.altiletisim1{ font-family:'Noto Serif', sans-serif; font-size:14px; text-decoration:none; color:#717271; padding:5px; border:solid 1px #717271; text-align:center;}
.altiletisim2{ font-family:'Noto Serif', sans-serif; font-size:14px; text-decoration:none; color:#717271; padding:7px; border:solid 1px #717271; text-align:center;}
.altiletisim3{ font-family:'Noto Serif', sans-serif; font-size:14px; text-decoration:none; color:#717271; padding:7px; text-align:center;}
.linkeposta, .linkeposta:hover{text-decoration:none; color:inherit;}

.accordion {background-color:#F5F5F5; cursor: pointer; padding: 18px; margin-bottom:5px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; color: #333;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 18px; display: none; background-color: white; overflow: hidden;font-family: 'Quicksand', sans-serif; font-size:15px;}
.sssbaslik{font-family: 'Quicksand', sans-serif; font-size: 18px;}

#ust_menu ul {margin:0px 0px; padding:0px 0px; line-height:100%; font-family: 'Oswald', serif; font-size:16px; z-index:900;}
#ust_menu li {margin:0px 0px; padding:0px 0px; float:left; position:relative; list-style:none; margin-right:0px;}
#ust_menu a,
#ust_menu a:link {color:#717271; text-decoration:none; display:block; padding: 10px 10px;}
#ust_menu a:hover {color:#717271;}
#ust_menu .active a,
#ust_menu li:hover > a {color:#cd3c29;}
#ust_menu ul ul li:hover a,
#ust_menu li:hover li a {color:#35404f;font-size:14px; float:left; padding: 14px 10px; font-family: 'Oswald', serif; border:none;}
#ust_menu ul ul a:hover {color:#35404f !important; text-decoration:none;}
#ust_menu li:hover > ul {display: block;}
#ust_menu ul ul {display:none; margin:0px; padding:0px; width:200px; position:absolute; top:48px; left:0px; background:#000;}
#ust_menu ul ul li {float: none; margin:0px;}
#ust_menu ul ul a {font-weight: normal;}
#ust_menu ul:after {content: '.'; display: block; clear: both; visibility: hidden; line-height:0px; height:0px;}



.yukarikaydir {
    display:none;
    position:fixed;
    bottom:60px;
    right:20px;
    text-decoration:none;
}