body {
    font-family: sans-serif;
    font-size: 14px;
}

.clear {
    clear: both;
}
.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

/* HEADER */
header {
    
    padding: 10px;
}

header .logo {
    width: 50px;
    margin: 0 auto;
}

header .logo img {
    width: 100px;
}

header nav  {
   float: left;
   margin-left: 170px;
}
header nav ul li {
    float: left;
    overflow: hidden;
    background-color: #fff;
    height: 40px;
}

header nav ul li a { 
  color: #07a7b2;
  text-align: center;
  padding: 24px 16px;
  text-decoration: none;
  margin-top: 25px;
}
header nav ul li a:hover {
   background-color: #07a7b2;
   color: black;
    padding: 24px 16px;
}

header nav ul li a.active {
  background-color: #07a7b2;
  color: white;
}

.topnav {
  overflow: hidden;
  background-color: #fff;
}

.topnav a {
  float: left;
  color: #07a7b2;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #07a7b2;
  color: black;
}

.topnav a.active {
  background-color: #07a7b2;
  color: white;
}

.slider {
    height: 200px;
    background: url('../img/home2.jpg') no-repeat center    ;
    background-size: cover;
}
.content {
    margin-top: 20px;
}



.content .box {
    background: #fff;
    width: 60%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    border:#CCC solid 1px;
    margin-bottom: 20px;
    border-radius: 20px;
}
.content .box2 {
    
    width: 35%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.iclogo {
    width: 30%;
    float: left;
}

.iclogo2 {
    width: 65%;
    float: right;
}
.logoyazisi {
    text-align: center;
    font-size: 30px;
    color: blue;
   
}
.logoyazisi img {
    width: 100px;
    height: 100px;
}
.yazi {
    text-align: center;
    font-size: 23px;
}

.box a {
    padding: 30px;
}
.sagust {
    background-color: #fff;
    border:#CCC solid 1px;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 10px;
}

.baslik {
    font-size: 22px;
    color: #706972;
    text-align: center;
}
.cizgi {
       
    color: #b9bac9;
}

.linkler {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 15px;
    
}

.topnav2 {
  overflow: hidden;
  
}

.topnav2 a {
  color: #07a7b2;
  text-decoration: none;
  font-size: 15px;
}
.topnav2 a:hover {
  background-color: #fff;
  color: red;
}
.sagorta {
    background-color: #fff;
    border:#CCC solid 1px;
    margin-top: 20px;
    border-radius: 20px;
   
}
.resim {
    background: url(../img/telsiz2.png);
    width: 354px;
    height: 407px;
    margin-left: 20px;
}

.telsiz {
    padding-top: 260px;
    padding-left: 115px;
    color: chartreuse;
    font-size: 35px;
}
.sagalt {
     background-color: #fff;
    border:#CCC solid 1px;
     margin-top: 20px;
     border-radius: 20px;
    padding: 10px;
}

.basliksag {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 25px;
    color: #706972;
    text-align: center;
}

.cizgialti {
    text-align: center;
}
.sosyal {
    width: 180px;
    height: 45px;
    margin-left: 120px;
    margin-top: 20px;
    float: left;
   
}

.sosyal img {
    
    width: 40px;
    height: 40px;
    
}

.face {
    float: left;
    margin-right: 20px;
}
.made {
    
    margin-top: 20px;
    float: left;
   color: #7a7a7a;
    margin-bottom: 10px;
    background-color: #eaeaff;
 
   margin-left: 40px;
}

.ortalaresim {
    text-align: center;
}

.boxyonetim {
    width: 32%;
    height: 300px;
    float: left;
    text-align: center;
    margin-top: 30px;
}

.boxyonetim2 {
    width: 24%;
    height: 300px;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.boxyonetim3 {
    width: 24%;
    height: 260px;
    float: left;
    text-align: center;

}

.boxyonetim3 img {
    width: 150px;
    height: 193px;
}

.gazetedisi {
    width: 100%;
    height:180px;
}

.gazete1 {
    width: 220px;
    height: 160px;
    float: left;
    padding: 5px;
}

.gazete1 img {
    width: auto;
    height: 160px;

}

.gazete2 {
    width: 120px;
    height: 160px;
    float: left;
    padding: 5px;
}

.gazete2 img {
    width: 120px;
    height: 160px;
}

.gazete3 {
    width: 300px;
    height: 160px;
    float: left;
}
.gazete3 img {
     width: auto;
    height: 160px;
}

.duyuruicerik {
    width: 97%;
    height: auto;
    float: left;
    border: 1px #07a7b2 solid;
    border-radius: 20px;
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.duyurubaslik {
    float: left;
    width: 80%;
    height: 40px;
    color: #07a7b2;
    text-align: left;
    font-size: 25px;
}

.duyurutarih {
    float: right;
    width: 18%;
    height: 40px;
    font-size: 14px;
    color: cadetblue;
    
}

.duyuruyazi {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    
}

.duyururesim {
    float: left;
    width: 98%;
    
}
.linkici {
    width: 98%;
    height: auto;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
  
}

.links {
    margin-top: 30px;
    text-align: center;
    font-size: 30px;
}

.links a {
   color: #07a7b2;
  text-decoration: none;
}

.links a:hover {
    color: mediumvioletred;
}

.rolebaslik {
    width: 98%;
    height: auto;
    font-size: 22px;
    color: #07a7b2;
}

.altbaslik {
    float: left;
    width: 30%;
    height: auto;
    margin-top: 5px;
}

.altbaslikici {
    float: left;
    width: 90%;
    height: auto;
}

.altbasliknokta {
    float: right;
    width: 8%;
    height: auto;
}

.degerler {
    float: left;
    width: 68%;
    height: auto;
    color: saddlebrown;
    margin-top: 5px;
}

.roledivi {
    width: 98%;
    height: auto;
    float: left;
   
   
}

.roledivi2 {
    width: 98%;
    height: auto;
    float: left;
    margin-top: 20px;
}

.sheff {
    font-size: 26px;
    color: blue;
    float: left;
    width: 98%;
    height: auto;

}



.roledivi3 {
    width: 98%;
    height: auto;
    float: left;
}

.yazi2 {
    text-align: center;
}

.amatorresim {
    float: left;
    width: 98%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}
.amatorresim img {
    width: 500px;
    height: auto;
}

.icerikyazisi {
    float: left;
    margin-top: 20px; 
   margin-left: 10px;
    width: 90%;
}
.icerikyazisi {
    float: left;
    margin-top: 20px; 
    width: 90%;
    text-align: center;
}
.qkod {
    width: 98%;
    height: auto;
    
    float: left;
    text-align: left;
}
.teknikyazi {
    width: 98%;
    height: auto;
    float: left;

}