html, body {height:99%; margin:0 auto; background:url(../img/bgsite.jpg) no-repeat center center fixed; background-size:cover; font-family:'Open Sans', Tahoma, Geneva, sans-serif; font-size:14px;}
.kapsul {width:100%; max-width:1100px; margin:0 auto; display:table; position:relative}
.tepe {width:100%; display:block; background:#760710}
.tepe .sol {float:left; width:20%;}
.tepe .sag {float:left; width:80%; text-align:right;font-size:16px; color:#FFF}
.tepe .sol a {display:block;background:url(../img/home.png) no-repeat left center; padding:5px 0; padding-left:20px; color:#FFF}
.tepe .sol a:hover {text-decoration:none;}
.tepe .sag a.dil {color:#FFF; padding:3px 0; display:inline-block; margin:0 5px}
.tepe .sag a.sosyal {padding:2px 0; display:inline-block;margin:3px 2px; width:32px; height:18px; border-radius:5px; text-align:center; background:rgba(255,255,255,.7)}
.tepe .sag a.sosyal img {height:18px;}
.tepe .sag a:hover.sosyal {background:rgba(255,255,255,1); text-decoration:none}
.ustalan {width:100%; display:block; background:url(../img/bgust.jpg) no-repeat center center; background-size:cover}
.logo {float:left;}
.logo img {border:none; height:90px; padding:10px 0}
.ustalan .kapsul {background:url(../img/yozgat_siluet.png) no-repeat bottom right;}
.hgrup {padding-left:10px; padding-top:20px}
.hgrup h1 {font-size:24px; margin:0; padding:0;}
.hgrup h2 {font-size:22px; margin:0; padding:0;}

.menu {background:#760710;}
.arama {display:block; width:100%; margin-top:3px;}
.arama input {float:right; width:275px; border-radius:3px; border:2px solid #900}
.arama input[type=submit] {display:none;}
.arama input[type=text] {margin:2px; padding:5px; background:url(../img/ara.png) no-repeat right 5px center #FFF; text-indent:5px; color:#009688;}

.menu ul {list-style:none; padding:0; margin:0; margin-right:10px; float:left;}
.menu ul li {display:block; position:relative; float:left;}
.menu li ul {display:none; min-width:200px; margin:0;}
.menu ul li a {display:block; text-decoration:none; color:#FFF; padding:10px 20px; white-space:nowrap;}
.menu ul li a:hover {background:#900; color:#FFF;}
.menu li ul li a {padding:7px 20px;}
.menu li:hover ul {display: block; position: absolute; z-index:999;}
.menu li:hover li {float: none;}
.menu li:hover a {background:#900; color:#FFF;}
.menu li:hover li a:hover {background:#800;}

.left {float:left; width:calc(100% - 320px); position:relative; background:#FFF}
.right {float:right; width:310px; margin-left:10px; display:inline-table;}
.mtop {margin-top:5px;}

.swiper-container {width:calc(100% - 6px);height:364px; background:#FFF; border-radius:3px; padding:3px;}
.swiper-slide {text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%;overflow:hidden}
.swiper-slide {-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;}
.swiper-slide {-ms-flex-align:center; -webkit-align-items:center;align-items:center;}
.swiper-slide img {min-width:775px; min-height:365px; width:100%;}
.metin {margin-top:370px; padding:10px; min-height:310px}

.myani {width:100%; display:block;margin-bottom:10px;}
.myani img {max-width:100%;}
.konu {height:40px;background:linear-gradient(to top, #760710 0%,#8e0914 50%,#960202 51%,#900 100%); font-size:16px; font-weight:bold; color:#FFF; text-shadow:2px 2px 5px #000}
.konu strong {text-indent:30px; display:block; float:left;padding:10px}
.konu span {display:block; float:right; padding:10px; font-weight:normal}
.konu span a {color:#FFF;}
.takvim strong {background:url(../img/takvim.png) no-repeat 10px center;}

ul.liste {margin:0; padding:0; list-style:none; font-size:12px}
ul.liste li {clear:both; padding:0; padding-bottom:1px}
ul.liste li span {display:block; width:50px; min-height:39px; float:left; margin-right:5px; padding:5px 0; text-align:center; color:#FFF; background:#900;}
ul.liste li span cite {font-size:18px; font-style:normal; font-weight:bold}
ul.liste li a {display:block; min-height:43px; padding:5px 0; padding-right:5px; background:#CCC; cursor:default}
ul.liste li a:hover {text-decoration:none}
ul.liste li:first-child {padding-top:1px}

.sagmenu {width:96%; padding:0 2%; display:inline-table;}
.sagmenu ul {list-style:none;}
.sagmenu ul li {display:block; border-bottom:1px solid #CCC; padding:3px 0;}
.sagmenu ul li:last-child {border-bottom:none;}
.sagmenu ul li a {display:block; text-indent:0; text-decoration:none; padding:5px 0; color:#000; font-size:12px; font-weight:bold}
.sagmenu ul li a:hover {color:#000; text-indent:5px; transition:all 0.3s ease;}

.footer {width:100%; background:#760710; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#FFF;border-top:15px solid #760710}
.footer .kapsul {padding:10px 0;}
.altlogo {width:60px; height:60px; border:none; float:left;}
.altlogo img {height:60px;}
.altadres {float:left;width:340px; margin-left:20px;}
.alttelefon {float:left;width:290px; margin-left:20px;}
.alttelefon table {border-collapse:collapse;}
.alttelefon table tr td {margin:0; padding:0; border:none}
.footer h4 {padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #FFF}
.footer p {margin:0; padding:0;}
.takipedin {float:right;}
.takipedin strong {float:left; color:#fff; font-size:12px; margin-top:2px; margin-right:8px;}
.takipedin .takipicon {float:right; height:20px; width:20px; margin-left:5px; border:none;}
.takipedin .takipicon img {height:20px; width:20px}
.takipedin .takipicon img:hover {opacity:0.5}
.tasarim {width:100%; background:#760710;  font-size:11px; font-weight:normal; color:#FFF; text-align:center}
.tasarim a, .tasarim a:hover {color:#FFF;}


.icerik {padding:10px; background:#ddd; min-height:680px;}
.icerik h1,.icerik h2,.icerik h3 {padding-bottom:8px; font-size:20px; margin-bottom:10px; border-bottom:1px dashed #CCC; padding-top:0px; margin-top:0;}
.icerik p {margin:0; padding:0 0 20px 0;}
.icerik img {max-width:99%; padding:2px; border:1px solid #CCC; border-radius:3px;}
.icerik a {text-decoration:underline;}
.icerik a:hover {text-decoration:none;}
.icerik td { vertical-align:top;}
.icerik span.tarih {font-size:12px; font-style:italic; color:#666; display:block; margin-top:15px; display:block;}
.icerik table, .icerik table tr, .icerik table td {border-color:#ddd; border-collapse: collapse;}
.icerik ul, .icerik ol  {padding-left:15px;}
.icerik li {padding:5px;}
.icerik li ul li {list-style-type:disc;}

.satir6 {width: 100%;clear:both;display:block;}
.satir5 {width: 83.25%;}
.satir4 {width: 66.5%;}
.satir3 {width: 49.75%;}
.satir2 {width: 32.33%; padding-right:1%}
.satir1 {width: 16.25%;}
.isim {line-height:28px}
.ikibolum {display:inline-block; float:left; width:49%; margin:0 .5%;}
.sutun {display:inline-block;float:left;margin:0.5% 0; min-height:28px}

.formbas {clear:both}
.formbas h4 {font-weight:bold; font-size:18px;padding:20px 0;}

.steps {list-style-type:none;padding:0; margin-left:-20px;}
.steps li {display:inline-block; margin-bottom:3px;}
.steps li p {background:#e5f4fd;padding:8px 20px;color:#CCC;display:block;font-size:14px;font-weight:normal;position:relative;}

.steps li p:before {border-bottom: 18px solid transparent;border-left: 12px solid #fff;border-top: 18px solid transparent;content: "";height: 0;position: absolute;left: 0;top: 50%;width: 0;margin-top: -18px;}
.steps li p:after {border-bottom: 18px solid transparent;border-left: 12px solid #e5f4fd;border-top: 18px solid transparent;content: "";height: 0;position: absolute;right: -12px;top: 50%;width: 0;margin-top: -18px;z-index: 1;}
.steps li.active p {background:#0077bf;color: #fff;}
.steps li.active p:after {border-left:12px solid #0077bf;}
.steps li.bitti p {background:#4CAF50;color:#FFF;}
.steps li.bitti p:after {border-left:12px solid #4CAF50;}

.basarili {padding: 15px 10px 15px 60px;margin-bottom: 15px;border-style: solid;border-width: 1px;background-position: 10px 10px;background-repeat: no-repeat;}
.basarili {background-color: #e8f5df;background-image: url(../img/success.png);border-color: #9ece9e; text-align:left;}