@charset utf-8;
@import "font-awesome.min.css";

#genel{
    width: 960px;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.clear{
    clear: both;
}

#header{
    
}

#dil{

    width: 100%;
    
    

    background: #ddd;

}

#dil-ic{
    max-width: 1200px;    width: 100%;    margin: 0 auto;

}

#dil-ic a{
    display: inline-block;

}


#banner{
    width: 100%;

    background: #FFF;
}

#banner-ic{
    margin: 0 auto;

    max-width: 1200px;
}


#banner-ic #slogan{
    
}

#menu-dis{

    background: rgb(171, 13, 20);
}

#menu{
    margin: 0 auto;

    max-width: 1200px;
}

#menu ul{
    display: -webkit-box;

    width: 700px;
    float: left;
}

#menu ul li{
    float: left;
    
    position: relative;
    display: inline-block;
    padding: 10px 5px;
}

#menu ul li a{
    display: inline-block;
    padding: 0px 5px;
    
    font-family: Tahoma;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    border-right: 1px solid #fff;
}


#formara{
    width: 250px;

    float: left;
    height: 33px;
    line-height: 33px;
    text-align: right;
    padding-right: 10px;
}

#formara input{
    padding: 4px;
    
}

#formara input[type="text"]{
    border: 1px solid #ddd;
    
    background: #fff;
    width: 130px;
}

#formara input[type="submit"]{
    background: linear-gradient(#C5C5C5, #666);
    
    border: 1px solid #FFF;
    padding: 4px;
    color: #fff;
    font-weight: 600;
}


/*resposive menu*/


#menu-r{
    margin: 0 auto;
    max-width: 1200px;
    display: none;
}

#mms{
    padding: 5px;
    background: linear-gradient(rgb(168, 11, 18),rgba(169, 13, 16, 0.66));
    color: #fff;
    font-weight: 900;
    display: none;
}

#mms #search{
      color: #B93D41;
      float: right;
      border-radius: 100%;
      background: #fff;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border: 2px solid #D3CFCF;
}

#mms #bars{
      color: #B93D41;
      float: left;
      border-radius: 100%;
      background: #fff;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border: 2px solid #D3CFCF;
}

#mms i{
    line-height: 30px;
    font-weight: 900;
}

#menu-r #mms a:hover #menu-r ul{
  display: block;

}

#menu-r ul{
    width: 320px;
    background: rgb(171, 13, 20);
}

#menu-r ul li{
    position: relative;
    display: inline-block;
    width: 100%;
}

#menu-r ul li a{
    display: block;
    padding: 10px; 
    font-family: Tahoma;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    border-bottom: 1px solid #ddd;
}


#formara-r{
    display: none;
    height: 33px;
    padding: 5px;
    line-height: 33px;
    background: rgb(185, 61, 65);
    text-align: center;
}

#formara-r input{
    padding: 6px;
    
}

#formara-r input[type="text"]{
    border: 1px solid #ddd;
    
    background: #fff;
    width: 230px;
}

#formara-r input[type="submit"]{
    background: linear-gradient(#C5C5C5, #666);
    
    border: 1px solid #FFF;
    padding: 6px;
    color: #fff;
    font-weight: 600;
}





/*****************************/

#svf{
    width: 240px;
    float: left;
}
#kutular{
    float: left;
    width: 720px;
}


.kutu{        
    padding: 5px;     
    margin-top: 3px;
    width: 240px;
    box-sizing: border-box;
    float: left;
}

.kutu .kutu_ic{   
    box-shadow: 0px 2px 3px 1px #ccc;    
    padding: 5px;
    overflow: hidden;
}

.kutu .kutu_ic .img{
    height: 280px;

    
}


.kutu .kutu_ic .img img{
    max-width: 100%;    
    max-height: 280px;
    
}


.kutu .kutu_ic .bilgi{
    background: #fff;   
    color: #000;
    
}

.kutu .kutu_ic .bilgi span{
    display: block;
    
}

.kutu .kutu_ic .bilgi .as{
    font-size: 12px;    
    color: #000;            
    padding: 5px 0px;
    display: block;        
    text-align: center;            
    font-weight: 600;
}

/*****katalog***/


.katalog{
    text-align: center;    padding: 20px;

}

.katalog iframe{
    width: 265px;

    height: 165px;
}

.katalog span{
    display: block;

    font-weight: 900;
}


#ilet-bilgi{
    padding: 20px;

}

#ilet-bilgi img{
    padding: 10px;
    
}


#ilet-bilgi ul li{
    padding: 10px;
    
}

#ilet-bilgi ul li strong{
    
    display: inline-block;
    margin-right: 20px;
}

#ilet-bilgi ul li span{
    display: inline-block;
    
}

#ilet-form{
    padding: 20px;
}

#ilet-form iframe{
    width: 100%;
    height: 480px;
}




/* sayfalama */
.pagination{
padding: 10px 5px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #900808;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.fotolist {
    margin:0;
    padding:0;
}

.fotolist li
{
    float:left;
    display: block;
    list-style-type: none;
    border: 1px solid #ccc;
    width:90px;
    height:80px;
    /*background-color: #ff0000;*/
    padding:0;
    margin: 10px 10px 0 0;
    text-align:center;
}

.fotolist td {
    text-align:center;
    vertical-align: middle;
    height:80px;
    width:90px;
}

.fotolistdel li
{
    float:left;
    display: block;
    list-style-type: none;
    border: 1px solid #fff;
    width:90px;
    height:18px;
    /*background-color: #0000ff;*/
    padding:0;
    margin: 1px 10px 0 0;
}

.fotolistdel li span {
    display:block;
    text-align:left;
}


#content {
    float: left;
    width: 660px;
    padding: 0px 30px 0px 30px;
}

/* Post */

.post {
    position: relative;
}

.post .title {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 10px solid #EDEDED;
}

.post .entry {
}

.post .meta {
    margin: 0;
    padding: 15px 0 60px 0;
    background: url(en/img/img04.jpg) repeat-x left 30%;
}

.post .meta p {
    margin: 0;
    line-height: normal;
}

.post .meta .byline {
    float: left;
    color: #0000FF;
}

.post .meta .links {
    float: left;
}

.post .meta .more {
    width: 185px;
    height: 35px;
    padding: 5px 0px 5px 0px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
}

.post .meta .comments {
    padding: 5px 0px 5px 0px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
}

.post .meta b {
    display: none;
}

/* Sidebar */

#sidebar {
    float: right;
    width: 230px;
}

#sidebar ul {
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
}

#sidebar li {
    margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
    margin: 0;
    padding: 2px 0;
    border-bottom: 1px dashed #D1D1D1;
}

#sidebar li li a {
    margin: 0;
    padding-left: 0px;
    /*background: url(img/img01.png) no-repeat left 50%;*/
}

#sidebar li li a:hover {
    text-decoration:none;
    color: #fff;
    background: #78CC00;
}

#sidebar h2 {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 10px solid #EDEDED;
    font-size: 18px;
    font-weight: normal;
}

#sidebar a {
    text-decoration: none;
    color: #6D6D6D;
}

.yol{
    padding: 5px;
}

#brsm{
    width: 400px;

    float: left;
}

#brsm img{
    max-width: 400px;

    max-height: 500px;
}

#krsm{
    float: left;
    
    width: 260;
}

.krsm{
    width: 78px;

    text-align: center;
    border: 1px solid #ddd;
    margin: 3px;
    float: left;
    height: 110px;
}
.krsm img {
  max-height: 85px;
  max-width: 66px;
  margin-top: 5px;
}
.krsm span{
    
}

#bilgi{
    width: 400px;

    margin-bottom: 20px;
}

#gosterim{
    margin: 20px 0px;
}

#bilgibs{
    margin-top: 10px;
    
}

#bilgibs a{
    display: block;  
    width: 90px;
    float: left;
    text-align: center;
    margin-right: 10px;
    height: 80px;
    
}

#bilgibs a img{
    
}

#bilgibs a span{
    font-size: 11px;
    
    font-weight: 600;
    text-align: center;
}
#bilgibs a strong{
    display: block;
  height: 30px;
  background: rgb(239, 80, 50);
  line-height: 30px;
  color: #fff;
  font-weight: 900;
  margin-top: 20px;
}

#footer{

}

#footer #cizgi{
    padding: 2px;

    background: rgb(171, 13, 20);
}
#footer #copy{
    padding: 5px;

    background: #ddd;
    font-weight: 900;
    font-size: 12px;
}

@media only screen and (max-width: 760px) {
     #genel{width: 320px !important;}

     #svf{display: none;}

     #menu{
        display: none !important;
     }
     #mms{
        display: block !important;
     }


     #menu-dis{
        background: transparent !important;
     }


     #kutular{
        width: 310px !important;
        margin-left: 10px !important;
    }

    .diladi{
        display: none !important;
    }


    .kutu{
        width: 150px !important;
    }

    #banner-ic #logo img{
      margin: 0 auto;
      width: 200px;
      display: block;
    }

    #content{
        width: 300px !important;
        padding: 5px !important;
    }
    #brsm {
        width: 290px !important;
        height: 500px !important;
    }

    #brsm img {
        width: 290px !important;
    }

    #krsm {
        width: 290px !important;
    }

    .krsm{
        width: 64px !important;
    }

    #bilgi{
        width: 200px !important;
    }

    #kutular > iframe{
        width: 295px;
        height: 250px;
    }

    .casella-adres{
        width: 295px;
        height: 190px;
        margin-bottom: 15px;
    }



}