<style>

body {
font-family: 'Arial';
font-size: 10pt;
}

.alert {
  padding: 10px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 10px;
}

.alertt {
  padding: 10px;
  background-color: #4CAF50;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 10px;
}
.alerttt {
  padding: 10px;
  background-color: #343A40;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 10px;
}
.alerm {
  padding: 10px;
  background-color: #ff9800;
  border-color: #FFE79B;
  height: 20px;
  line-height: 20px;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 10px;
}
.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  font-face: Arial;
  float: right;
  line-height: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
a{
 
color: white;
font-family: 'MS Sans Serif';
font-size: 11pt;
text-decoration:none;

}
a:hover{
font-family: 'MS Sans Serif';
font-size: 11pt;
color:#cc0000;
 font-weight: bold;
}

a.beyaz{
 
color:#ffffff;
 
font-family: 'MS Sans Serif';
font-size: 11pt;
text-decoration:none;
 font-weight: bold;
}
a.beyaz:hover{
font-family: 'MS Sans Serif';
font-size: 11pt;
font-weight: bold;
color:#cc0000;
}

a.yesil{
 
color:#339933;
 
font-family: 'MS Sans Serif';
font-size: 11pt;
text-decoration:none;
 font-weight: bold;
}
a.yesil:hover{
font-family: 'MS Sans Serif';
font-size: 11pt;
font-weight: bold;
color:#2b5555;
}

.resim{
    width: 181px;
    height: 171px;
    border-radius: 25px;
}

.resimx{
    width: 100%;
    height: 166px;
    background:transparent;
    padding:8px;
    border:1px solid #ccc;
    box-shadow:2px 2px 2px #999; 
}
.divurun2 {
position:absolute;
top:10px;
}
.divurun3 {
position:absolute;
top:5px;
}
.divurun4 {
position:absolute;

}
.divurun5 {
position:absolute;
top:12px;
}
.yysag{
float: right;
}
.yysol{
float: left;
}
.ortala {
  text-align: center;
}
.sarkaplan {
background-color: #181C20;
}


.alert-gri{
  background-color:#68889E;
  border-color: #2F3E48;
  color:#fff;
}
.alert-ygri{
  background-color:#F7F7F7;

}
.m-ciz{
	
border: 2px solid #fff;

}

.alert-acgri{
 background-color:#E9ECEF;
 color:#000;
}

.a-koyesil{
color:#117A8B;
}
.a-koayesil{
 color:#fff;
}
.alert-koakirmizi{
 background-color:#DC3545;
 color:#fff;
}
.alert-koasiyah{
 background-color:#343A40;
 color:#fff;
}
.alert-siyah{
 background-color:#000;
 color:#fff;
}

.alert-anaicerik{
 background-color:#fff;
 color:#000;
}


.alert-koasari{
 background-color:#FFFFCC;
 color:#8C8C00;
}
.divortala {
  width: 735px;
  margin: auto;
  left: 65px;
 background-color:#FAFAFA;
	}
.divortala2 {
  width: 1024px;
    margin: auto;
	}
	
.divortala3 {
	  border-color:#E2E3E5;
  width: 1024px;
    margin: auto;
	}	
	
.anaarka {
    background: url(174331.jpg) fixed;
    background-size: cover;
}
.menuarkasi{
 background-color:#343A40;
 border-color:#DEE2E6;
}
@media screen and (max-width: 768px ) {
.kapali{
display: none
}
}

.altmenuarkasi{
 background-color:#343A40;
 border-color:#DEE2E6;
}
.icmenuarkasi{
 background-color:#5B6671;
 border-color:#DEE2E6;
}

.label-alt {
  font-size: 15px;
  font-family: Arial;
  text-align:justify;
}
.label-alt2 {
  font-size: 15px;
  font-family: Arial;
  text-align:justify;
  padding-left: 10px;
  padding-right: 10px;
}
.label-alt3 {
  text-align:justify;
  padding-left: 10px;
  padding-right: 10px;
}

.label-icerikmenti {
  font-size: 15px;
  font-family: Arial;
  text-align:justify;
 padding-left: 15px
}

.label-enalt {
  font-size: 24px;
  font-family: Arial;
  text-align:justify;
  color: #5B6671;
}


.label-ortab {
  font-size: 16px;
  font-family: Arial;
  text-align:justify;
  font-weight: bold;
}

.label-ortab2 {
  font-size: 16px;
  font-family: Arial;
  text-align:justify;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}

.label-ortam {
  font-size: 12px;
  font-family: Arial;
  text-align:justify;
  

}
.label-ortam2 {
  font-size: 15px;
  font-family: Arial;
  text-align:justify;
    padding-left: 10px;
  padding-right: 10px;
}
.ortalax {
    position: absolute;
    top: 10px;
    left:10px;
}
.ortala {
  text-align: center;
}
.divalsayfa {
 min-height:600px;
}
.resimortala {
  margin: auto;
  width: 50%;
  padding: 10px;
}



</style>