@import url(/fonts_googleapis_com/css/index.html);

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    
    line-height: 1.8em;
    font-weight: 400;
}
* {font-family: 'Roboto', sans-serif;}

.header-top {padding:8px; background-color: #EFEFEF; }
.headerbar { padding:5px; padding-bottom:0px;}
.logo h1 , .logo p { display: none;}
.logo img {width: 350px; height: 95px;}
.senirkent-resim {max-height:100px;}

nav { background-color: #4468B2;}

nav ul { padding:0px;  margin: 0px;}
nav ul li { display: inline-block; text-align: left;}
nav ul li a { position: relative; color: #fff; display: block; padding:20px 20px; text-transform: uppercase;}
nav ul li.active a::after {
  content: '';
  display: block;
  position:absolute;
  width: 30%;
  left: 35%;
  bottom: 10px;
  border-bottom: 2px solid #fff;
}
nav ul li a:hover { color:#eee;}
nav ul li ul li.active a::after {
  content: '';
  display: none;
  position:absolute;
  width:0%;
  left:0%;
  bottom:0px;
  border-bottom: 0px none;
}

nav ul li:hover ul {visibility: visible;}
nav ul li ul { margin: 0px;position: absolute; visibility:hidden; width: 190px; margin-left: -30px; border-radius:0px 0px 10px  10px; }
nav ul li ul { background: #4468B2; z-index:9;}
nav ul li ul li {z-index:9;padding: 0px; margin: 0px; width: 100%; float: left; border-bottom: 1px solid #fff;}
nav ul li ul li:last-child { border-bottom: 0px none;}
nav ul li ul li a { padding:8px 10px; margin: 0px; color: #fff;}
nav ul li ul li a:hover { color:#eee; text-decoration: none;}

#content { margin-top: 20px;}

.mansetler { border:1px solid #ccc; border-radius:5px; background: #f6f6f6; overflow: hidden;}
.mansetler a img { width: 100%; height:300px; display: none; padding:5px;}
.mansetler a:first-child img { display: block;}

.mansetler .manset-title {
  background: rgb(204, 204, 204) none repeat scroll 0% 0%;
border-radius: 5px;
padding: 10px;
font-size: 20px;
margin: 7px 0px;
width: 97%;
color: #4468B2;
font-weight: bold;
}


.mansetler ul {list-style: none; margin:0; padding:0;}
.mansetler ul li { width:97%; overflow: hidden;}
.mansetler ul li a { color:#36589E;  display: block; padding:4px; border-bottom:1px dotted #ccc;}
.mansetler ul li:last-child a {border-bottom: 0px none;}
.mansetler ul li a:hover , .mansetler ul li a.active {color:#f25500; font-weight: bold;}
.alt-haberler { margin-top:10px;}
.haber-title { background: #4468B2; color: #fff; padding: 4px; }
.haberbox { font-size: 12px; border: 1px solid #ccc; padding-top:8px; padding-bottom:5px;}
.haberbox p {margin: 0; padding: 0; line-height: 14px;}
.haberitem  { margin-top: 15px;}

.box-header {margin-top: 20px; padding-bottom: 25px;border: 1px solid #ccc; border-top: 0px none; margin-bottom:20px;}
.box-header h3 {margin: 0;background: #4468B2; width: 100%; color:#FFF; font-size:17px; padding:8px; margin-bottom: 20px;}

.block { margin: 0; padding: 0; border: 1px solid #ccc;margin-bottom:30px; }
.block h3 {position: relative; margin:0; padding: 15px; font-size: 20px; border-bottom: 1px solid #ccc; width: 100%; display: block;}
.block h3::after { content:''; width: 40%; position:absolute;bottom:-2px;left:0;border-bottom:3px solid #4468B2;}

.block .content {padding: 10px;}
.block .content ul {margin: 0; padding: 0; list-style: none;}
.block .content ul li:last-child a {border-bottom: 0px none;}
.block .content ul li a {color:#444;display: block; padding:8px; border-bottom: 1px dotted #ccc;}
.block .content ul li a:hover {text-decoration: none; color: #000;}

h2.title { position: relative;font-family: 'Roboto', sans-serif; width: 100%; display: block; color:#2B52A4; }
h2.title::before {content:''; position:absolute;width:10%; border-bottom: 2px solid #2B52A4; bottom:-2px;}
table tr td { padding: 10px;}
table.baskanlar { width: 100%;}

table.baskanlar tr td {padding: 30px;}
footer {background:#4468B2; color: #fff; margin-top:40px; padding: 20px;}
footer a { color: #000; text-decoration: underline;}
footer a:hover { color: #fff; text-decoration: underline;}
li.embed iframe {width: 120px;
display: block;
margin: -44px auto auto;}

nav ul li:first-child {display:none;}
nav ul li ul li:first-child {display:block;}
@media (max-width: 991px){
 
}

@media (max-width: 768px){

nav ul {list-style: none !important;}
nav ul li {width: 100%;
list-style:none.;
text-align: center;
border-bottom: 1px dotted #fff;
display:none;}
nav ul li:first-child {
    display: block !important;
    font-size: 25px;
    text-align: left;
    border: 0 none;
}
nav ul li ul li a {font-size:14px; text-align:center;}
nav ul li ul {
    position: relative;
    visibility: visible;
    width: 90%;
    margin: -15px 5%;
    border: 0 none;
}

}
@media (min-width: 991px){

}