body{ margin: 0 auto; padding: 0; background-color: #ffffff; font-family: 'Dosis', sans-serif !important;}
.GenelKapsa{
    /*z-index: 1;*/
    width:100%;
    height: 100%;
    position:  relative;
    background-color: #ffffff; position: relative;
    clear: both;
    display: block;

}
.myContainer{
    max-width: 1000px;
    width: auto;;
    height: 150px;
    margin: 0 auto;
    z-index: 2;
    background-color: transparent;
    position: relative;
clear: both;
}
.myHeader{width: 100%; height: auto;  background-color: #ffffff; clear: both; }
a,a:hover,a:visited{text-decoration: none !important;}

.myHeaderLogo >img{
    max-width: 135px;
padding: 10px;
    height:  auto;
    float: left;
    z-index: 5 !important;
    background-color: #ffffff;
    position: absolute;
    margin-left: 2px;
    -webkit-border-radius: 110px;
    border-radius: 110px;
    /*-webkit-box-shadow: -1px -1px 5px 0 #121212;*/
    /*box-shadow: -1px -1px 5px 0 #121212;*/

}

.myHeaderMenu > .menuUstIletisim{ margin-top: -5;  clear: both; font-size:15px;  float: left ;  position: relative;}

.myHeaderMenu > .menuUstIletisim >a { color: #000000; margin-left: 50px; }
.myHeaderMenu > .menuUstIletisim >a:first-child { color: #000000; margin-left: 0;  }
.myHeaderMenu > .menuUstIletisim >a:link { color: #000000; }
.myHeaderMenu > .menuUstIletisim >a:hover { color: #000000; }


.menuAnaMenuler{
    font: 18px;
    width: 100%;

   height: 30px;

    float: left;
    position: relative;
    clear: both;
    background-color: transparent;

    z-index: 2;


}
.anaBaslikAlt {  margin: 0 auto !important; position: relative; float: none; width: auto; }
.anaBaslik{position: relative; text-align: center; margin: 0 auto;}
.all{
    margin: 0 auto !important;
    width: 1000px;
    max-width: 1000px;
    text-align:  center;
    position: relative;;
}

.anaBaslik:first-child{margin-left: -50px; margin-top: 10px; }
.anaBaslik >li { margin:  0 ; padding: 0 !important; float: left; background-color: transparent;}
.anaBaslik >li > a{
    border-right:1px solid #d3d3d3 !important;
    height: 20px;
    padding:  0px 20px 0  20px !important;
    text-transform: capitalize;
    font-size: 14px;

    /*background: #ff0000;*/
}

.anaBaslik >li > a:link{ color: #000000;    border-right: 2px solid #c5970a;}
.anaBaslik >li >a:hover{ color: #c5970a !important;   border-right: 2px solid #c5970a; }


.menuHaberMenu {
    z-index: 1;
    position: relative;
    width:100%;
    height: 30px;
    float: left;
    margin-left: -50px;
    margin-top:19.5px;
    display: block;
    /*padding-left: 100px;*/
    background-color: #f2eeee;
    border-bottom: 1px solid #818181;
    border-top: 1px solid #e3e3e3;
    font-family: 'Oswald', sans-serif !important;
    text-transform: capitalize;


}
.menuHaberMenu > li{
    margin-top: 4px;
    height: 25px;
    /*padding: 5px 0 5px 10px !important;*/
    float:  left;
    position: relative;
    list-style-type: none;
    margin-left: 20px;
    /*background-color: #ff0000;*/
    text-decoration: none;
    z-index: 6;
}
.menuHaberMenu > li:first-child{ margin-left: 70px;}
.menuHaberMenu > li:link,li{color: #000000!important;}
.menuHaberMenu > li >a:hover {    color:  #c5970a !important;}

.menuHaberMenu > li >a {
    color: #000000 ;
}
.menuHaberMenu > li:hover{
    border-bottom: 3px solid #c5970a;

}

/*ŞErit Tamamlama*/


@media (min-width:800px) {


    .logoAltSerit {

        width: 50%;
        height: 30px;
        z-index: 2;
        margin-top: 81px;
        position: absolute !important;

        float: right !important;
        right: 0;
        background-color: #f2eeee;
        border-bottom: 1px solid #818181;
        border-top: 1px solid #e3e3e3;
    }

    .myHeaderMenu{
        position: absolute;
        max-width: 871px;
        min-width: 400px;
        width: auto !important;
        float: left;
        display: block;
        margin-left: 10px;
        left: 115px;
        padding: 10px;

    }
}
@media (min-width:100px) and (max-width: 799px){
    .myHeaderMenu{
        position: relative;
        max-width: 871px;
        width: 100%;
        float: left;
        display: block;
        margin-left: 10px;
        padding: 10px;

    }
    .myHeaderMenu > .menuUstIletisim{  padding-left: 100px;}
    .menuAnaMenuler{padding-left: 100px; display: block; background: transparent;}
    .menuHaberMenu{padding-left: 100px; margin-left: 30px;}

}




/********************************************************************************slider*/
.mySlider{
    position: relative !important;
    /*z-index: 1 ;*//*   Arıza olusturyor*/

    width: 1200px;
    height: auto;
    overflow: hidden;
    /*float: left;*/
    clear: both;
    padding-bottom: 5px;
    margin:0 auto;

}
.slideOzel{position: relative; z-index: 1; overflow:  hidden; }
/********************************************************************************slider*/

.ozellinkk:link{ color:black;}

.ozellinkk{ color:black;  text-transform: capitalize}
.ozellinkk:hover{ color:black;}
.ozellinkk:visited{ color:black;}
.ozellinkk:active{ color:black;}
.ozellinkk:link{ color:black;}
.tsrmDz {
  height:150px;
    overflow:hidden;
    margin-top:20px;
    
    display:flex;
    align-items:center;
}

.tsrmOzel{
  height:250px;
   
  overflow:hidden;
    
}
.metinList{ 
    height:100px;
    
    padding:15px;
    
}
.haberSlider{
    margin:  0 auto;
    height: auto;
    max-width: 1000px;
    width:  auto;
    background-color: transparent;
    position:relative  !important;
    clear: both;
    padding-top: 10px;

}


/*Haber slider Resim*/
.haberResim {
    width:370px;
    padding: 5px;
    height: auto;
    overflow: hidden;-
    position: relative;
    text-align:center;
    float: left;

}
.haberResim >img {width: 500px; height: auto; position: relative; z-index: 1!important; }
.haberResim >.haberResimAciklama{
    position: relative;
    z-index:  3!important;
    background:  url("../img/siyahArkaPlan.png");
    height: 50px;
    margin-top:-50px;
    color: #ffffff;
}

.haberAciklama{
    padding: 5px;
    overflow:  hidden;;
    width: auto;
    margin-left: 15px !important;
    height: 58px;
    background-color: #e4e0df;
    margin-bottom: 5px;

}
.haberAciklama > img{  float: left; z-index: 2 !important;  position: relative; width: 70px;}
.haberAciklama >div {float: left; margin-left: 10px;  }
.miniKare{
    width: 20px;
    height: 20px;
    background-color:#e4e0df;
    position: absolute;
    margin-left: -13px!important;
    margin-top: 16px;
    z-index:  1!important;
    -moz-transform: scale(1) rotate(45deg);
    -webkit-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);

}
.miniKareNon{
    display: none;
}
.myBlokNot{
    border-left-color: #939191;
    text-align: left;
    height: 58px;
    padding: 1px;
    padding-left: 5px;
    margin: 0;
    margin-bottom: 5px;

}
.myBlokNotGri{
    border-left-color: #c79a4c;
    text-align: left;
    height: 58px;
    padding: 1px;
    padding-left: 5px;
    margin: 0;
    margin-bottom: 5px;

}
.mybloknotgri >span{ float: left; }
.mybloknot >span{ float: left; }



.hr{
    border-bottom: 2px solid #d3d3d3;
    width: 100%!important;
    height: 10px;
    position: relative;
    clear: both;
    z-index: 1;
}
.tamami{
    margin-bottom: -15px !important;
    background-color: #ffffff;
    width: 90px;
    text-align: right !important;
    float: right;
    position: relative;
    z-index: 2;
    margin-top: 15px !important;

}



.myMain{

    margin: 0 auto;
   max-width:  1000px;
    width: auto;
    min-height:  200px;
    /*background-color: #ff0000;*/
    padding-top: 20px;
    overflow: hidden;
    clear: both;
}







.bolder{font-weight: bolder;}

/***********************************************************/
                        /*MAKALE Duyurularr   reklamalani* /
/***********************************************************/
.reklamalani{min-width:728px; min-height: 90px; height:  auto;

    clear:  both ; display: block; margin-top: 50px; overflow:  hidden;}
.duyurular{ height: auto; margin-left: 15px;}
.makale{
    width: auto;;
    height: 250px;
}
.makale > .makaleResim{
   max-width: 350px;
    width: auto;
    height:  250px;
    float: left;

}
.makaleResim >img{
    width: auto !important;
    height: auto;
    float: left;
}
.makaleAciklamasi
{
    float: left;
    padding-left: 10px;
    right: 0;

}
.makaleDetay{
     width: 100%;
    min-height:  10px;
    max-width: 275px;



}
.ucBolum{
    height: 300px;
    width: 100%;
    /*background-color: #808080;*/
}





/***********************************************************/
                        /*MAKALE*/
/***********************************************************/





/*************************    FOOTER*********************/
/*************************    FOOTER*********************/


.footer
{


    width:  100%;
    height: auto;
    min-height: 300px;
    float: left;
    position: relative;
    z-index: 1;
    margin: 0 auto;

}
.altKapsa{
    width: auto;
    margin-top: 100px;
    position: relative;
    height: 380px !important;

    background-color: #e3e3e3;;
    border-top: 1px solid #000000;


}
.altLogo{
    position: relative;;
    height: auto;
    width: 130px;
    margin: 0 auto;
}
.altLogo >img{
    padding: 5px;
    width: 130px;
    position: relative;
    margin-top:  -70px;
    background-color:  #ffffff;

    -webkit-border-radius: 100px 100px 100px 100px;
    border-radius: 100px 100px 100px 100px;


    -webkit-box-shadow: 0 3px 1px 2px #000000;
    box-shadow: 0 3px 1px 2px #000000;

}

.altMenu{margin: 0 auto; max-width: 1000px; width:  auto; height: 100px; text-align: left;}


.kisaAltLinkSol{
    float: left;
    text-align:  left;
    min-width: 200px;
    margin-top: -50px;
    max-width:400px;
    padding-left: 50px;

    }
.kisaAltLinkSol >li { margin-bottom: 5px;}
.kisaAltLinkSag{
    text-align:  left;
    right: 0;
    min-width: 200px;
   float: right;
    margin-top: -90px;
}
li {list-style-type: none !important; }


a:link{color: #000000; }
a:hover{color: #000000;}
/*************************    FOOTER*********************/


.nevsehirYazilim{margin:  0 auto;  overflow:  hidden; width: 100px;}
.nevsehirYazilim > img{ width: 100px; }

.fullalt{width: 100%;  margin-top: -30px;  }

.altMenuAs{text-align: center; padding: 10px;   }





.duvarReklam{
    width: 120px;
    height: 600px;
    z-index: 10;
    /*background-color: #e3e3e3; */
    position: fixed;  top: 0;
    display: block;

margin: 0 auto;}
.sag{right: 0;}





.myBrand{margin-left: 90px;}

.ovalYap{
    /*overflow:  hidden;*/
    -webkit-border-radius: 350px;
    border-radius: 350px;
}
/*#myModal{z-index:9999 !important; }*/
.radions{
    -webkit-box-shadow: 1px 1px 10px 0 #190000;
    box-shadow: 1px 1px 10px 0 #190000;
}

/*yukarı çıkartma butonu*/

.yukarikaydir{
    display:none;
    background-color:#d3d3d3;
    z-index: 9999;
    padding:20px;
    position:fixed;
    bottom:50px;
    right:10px;
    text-decoration:none;
    color:#000;
}
/*yukarı çıkartma butonu*/

.alink{
    color: #000000;
}
.alink:link{color:  #000000;}
.alink:visited{color:  #000000;}
.alink:hover{color:  #000000;}

.disCizgi{

    /*border-bottom:  1px solid #e3e3e3;*/
    /*border-bottom:  1px solid #e3e3e3;*/
    border-left:  3px solid #e3e3e3;
    border-right:  2px solid #e3e3e3;
    padding: 10px 10px 10px 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    /*-webkit-border-radius: 10px 10px 10px 10px;*/
    /*border-radius: 10px 10px 10px 10px;*/
    /*background-color:  #ff0000;*/
}
.ziyaretciDefteri{
    margin-top: 50px;
}
.detayAciklama{
    right: 0;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    /*background-color:  #ff0000;;*/
    text-align: right!important;
    padding-right: 10px;
    border-right: 1px solid #d3d3d3;
}

.disAltCizgi{
    border-bottom:  2px solid #e3e3e3;
    padding: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
 .resimGoruntuleyici{  max-width: 100%;
     height:auto;
     box-sizing:border-box;
     display:block;}
 .img {
     max-width: 100%;
     height:auto;
     box-sizing:border-box;
     display:block;
 }
/*.caption{ right: 0; float: left;}*/

/*Yardımcı */
.px15{font-size: 15px;}
.px14{font-size: 14px;}
.px13{font-size: 13px;}
.px12{font-size: 12px;}
.px11{font-size: 11px;}
.px10{font-size: 10px;}


.josefinSans{font-family: 'Josefin Sans', sans-serif !important;}
.oswald{font-family: 'Oswald', sans-serif !important;}
.openSans{font-family: 'Open Sans', sans-serif !important;}
.anton{font-family: 'Anton', sans-serif !important; }
.dosis{font-family: 'Dosis', sans-serif !important;}
.openSansCondensedlight{font-family: 'Open Sans Condensed', sans-serif}


.buyukHarf{text-transform: uppercase;}
.kucukHard{text-transform: lowercase;}
.buyukBaslaHarf{text-transform: capitalize;}


.responsiveResim{ width: 100% !important; height: auto !important;}
.detayYatayReklam{ width: 100%; height: 300px; background-color: #e3e3e3;}


.renkGri{color: #d3d3d3;}
.renkGriKoyu{color: #939191;}
.renkSiyah{color: #000000;}
.renkAcikKahve{color: #c79a4c;}

.backGrondGri{background-color: #d3d3d3;}
.backGrondGriKoyu{background-color: #939191;}
.backGrondSiyah{background-color: #000000;}
.backGrondAcikKahve{background-color: #c79a4c;}




.marginleft5 {margin-left: 5px;}
.marginleft10 {margin-left: 10px;}
.marginleft15 {margin-left: 15px;}
.marginleft20 {margin-left: 20px;}
.marginleft25 {margin-left: 25px;}
.marginleft30 {margin-left: 30px;}
.marginleft35 {margin-left: 35px;}


.margin {margin: 5px;}
.margin {margin: 10px;}
.margin {margin: 15px;}
.margin {margin: 20px;}

.marginTop5 {margin-top: 5px;}
.marginTop10 {margin-top: 10px;}
.marginTop15 {margin-top: 15px;}
.marginTop20 {margin-top: 20px;}

.marginTop-5 {margin-top: -5px;}
.marginTop-10 {margin-top: -10px;}
.marginTop-15 {margin-top: -15px;}
.marginTop-20 {margin-top: -20px;}



.marginBottom5 {margin-Bottom: 5px;}
.marginBottom10 {margin-Bottom: 10px;}
.marginBottom15 {margin-Bottom: 15px;}
.marginBottom20 {margin-Bottom: 20px;}

.marginBottom-5 {margin-Bottom: -5px;}
.marginBottom-10 {margin-Bottom: -10px;}
.marginBottom-15 {margin-Bottom: -15px;}
.marginBottom-20 {margin-top: -20px;}

.paddingLeft2{padding-left: 2px;}
.paddingLeft3{padding-left: 3px;}
.paddingLeft4{padding-left: 4px;}
.paddingLeft5{padding-left: 5px;}
.paddingLeft6{padding-left: 6px;}
.paddingLeft8{padding-left: 8px;}
.paddingLeft10{padding-left: 10px;}
.paddingLeft12{padding-left: 12px;}
.paddingLeft15{padding-left: 15px;}
.paddingLeft20{padding-left: 20px;}
.paddingLeft25{padding-left: 25px;}


.padd5 {padding: 5px;}
.padd10 {padding: 10px;}
.padd15 {padding: 15px;}
.padd20 {padding: 20px;}
.padd25 {padding: 25px;}


.fontLight{font-weight: lighter;}
.fontBolder{font-weight: bolder;}


.fontGenel{font-size: 15px;}
.font5{font-size: 5px;}
.font9{font-size: 9px;}
.font10{font-size: 10px;}
.font11{font-size: 11px;}
.font13{font-size: 13px;}
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16;}
.font18{font-size: 18;}
.font20{font-size: 20;}
.font22{font-size: 22;}
.font23{font-size: 23;}
.font24{font-size: 24;}
.font25{font-size: 25;}
.font26{font-size: 26;}
.font26{font-size: 26!important;}