/* 
    Created on : 14.Şub.2015, 10:49:26
    Author     : Dr.Recep ATALAR
*/
/* Reset 
------------------------------------------------------------ */

@import "reset.css";
@import "grid.css";
@import"perfect-scrollbar.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Exo+2:400,700italic,200,300,600italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);

@font-face {
    font-family: 'atatrkregular';
    src: url('trcenturionolditalik-webfont.eot');
    src: url('trcenturionolditalik-webfont.eot?#iefix') format('embedded-opentype'),
        url('trcenturionolditalik-webfont.woff') format('woff'),
        url('trcenturionolditalik-webfont.ttf') format('truetype'),
        url('trcenturionolditalik-webfont.svg#atatrkregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ata1font';
    src: url('ata1-webfont.eot');
    src: url('ata1-webfont.eot?#iefix') format('embedded-opentype'),
        url('ata1-webfont.woff') format('woff'),
        url('ata1-webfont.ttf') format('truetype'),
        url('ata1-webfont.svg#atatrkregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------------------------------
:: Ana gövde
-------------------------------------------------- */
body {background-image: url(../images/header.png);position: relative; background-repeat: repeat-x;font:12px Arial, helvetica, sans-serif;word-wrap:break-word;}

h1 {}   

p {}

.yukari{margin-top:  -55px;}
article{}
aside {
    width: 35%;
    float: right;
}

#h_sepet {
    margin:0px auto; 
}

#header{margin : 0;padding: 0;
    }
.header{
 color: white;
    font-family: Droid Sans;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: bold;
    height: 135px;
    text-shadow: 0 1px 1px rgba(10,40,40,0.3);
width: 98%;
  margin: 0  auto;
}
.head_banner{
  
   }
.logo img{
        padding:0px;width:  60%;
       
    }
#container{padding-bottom: 20px; box-shadow: 0px -1px 10px 0.3px  rgba(0,0,0,0.1); border-radius:5px;}
footer{background-color:#000; background-image: url(../images/alt-bg.png);background-repeat: repeat-x;  height: 120px;}

/*--------------------------------------------------
:: header sticky
-------------------------------------------------- */

.sticky .header {
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    background: rgba(65, 57, 50, 0.8);
       box-shadow: -5px 3px 12px 0px  rgba(39, 42, 111, 0.6); border-radius:3px;
    width: 1550px; height: 90px;
    z-index: 9999;
    margin: 0  auto;
}


.slogan{font:20px/2 'Exo 2', Exo 2 ;text-decoration:none;color: #0080C0;}
/* Ana Kodlar */
img{max-width:100%;}
a{text-decoration:none;color:#0080C0;font:14px helvetica;}
a:hover{text-decoration:none;color:#51c0d4; text-shadow: 0 1px 1px rgba(0,0,0,0.3);}

/* Demo için kodlar */


.temizle{clear:both;padding-top: 10px}


/*--------------------------------------------------
:: footer
-------------------------------------------------- */
 .f_baslik{text-align: center;padding-top: 5px;color: #0080C0;text-shadow: 1px 0.5px 0.5px rgba(250,240,250,0.8);font-size: 15px;font-family:Exo 2; padding-bottom: 10px; }

footer ul {list-style: none none outside;}
.footer-box { margin-top: 5px; padding-left:  10px; width:20%;  margin-left:  5px; }

footer a {color: #fff; font-size: 12px; font-weight:  normal; text-decoration: none;}

.link {text-decoration:none; font-weight:normal;color :burlywood !important; }
.link:hover {text-decoration:none;color :#E2F6C5; }

#social {
    float:left;
    list-style:none outside none;
    margin:3px;
    padding:0px;
}
#sosyal_resim{
    margin: 0;
    padding: 0;
    height: 26px;
    width: 26px; 
    /*/border:1px solid red;*/
}
#social li {
    float:left; margin:5px;
    padding:0 0 0 3px;
}
#social li a:hover img {
    margin-top:1px;
}

/*	--------------------------------------------------
:: footer son beş makale
-------------------------------------------------- */
#area_product{
position:relative;
/*border:1px dashed #ff0000;*/
width:100%;
height:100px;
clear:both;
}
#overflow_img{
position:relative;
width:90%;
height:80px;
float:left;
clear:both;
overflow:hidden;
}
#slider_dir{
float:left;
width:10%;
margin:0;
padding:0;
margin-left:0px;
margin-top:8px;
}
#slider_dir li{
display:inline;
list-style:none;
cursor:pointer;
}
#slider_dir img{width: 20px;height: 20px;}

#img_info{
float:left;
width:100%;
}
.img_list{
width:1600px;
height:84px;
padding:0;
margin:0;
float:left;
position:absolute;
left:0;
}
.img_list li{
float:left;
display:inline;
list-style:none;
padding:5px;
}
.img_list li img{
border:1px solid #ccc;
oveflow:hidden;
width: 70px;height: 70px;
}
.shadow_box{
transition: width 0.5s, height 0.5s, transform 0.5s;
-moz-transition: width 0.5s, height 0.5s, -moz-transform 0.5s;
-webkit-transition: width 0.5s, height 0.5s, -webkit-transform 0.5s;
-o-transition: width 0.5s, height 0.5s,-o-transform 0.5s;
-moz-box-shadow:	0px 0px 3px 1px #ccc;
-webkit-box-shadow:	0px 0px 3px 1px #ccc;
box-shadow:			0px 0px 3px 1px #ccc;
border:1px solid #6cdde4 !important;
}

/*Section sola  ve aside sağa yaslanacağından düzgün görünmesi için temizliyoruz. */
.clear{ clear:both;padding-bottom: 10px;}
/**   Anasayfa üst*/
 
    
@media only screen and (min-width: 1200px) and (max-width: 1920px) {

}

/*Yatay tabletler*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  
}
/* Eski cepler icin css */

/*Mobil ekranlar için*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .sticky, .footer-box, .ortala,.head_banner,.head_iletisim{display: none}
    #container{width:310px;padding-top: 5px;margin:0 auto;}
    #header,.logo{
        padding:0px;height: 150px;width:310px;
        background-image: url(../images/btpheader_4.png);background-repeat: repeat-x;
        margin:00px auto 10px auto; 
        box-shadow: 1px -2px 15px 1px  #8c8c8c;border-radius:2px;
    }
    #content{margin:10px 0 10px 0; }
    .sag{padding:15px;}
    .icerik,.sag{width:100%;float:left;}
    .icerik .slogan {display: none}
    footer{
        padding:15px 20px 15px 15px;background:#f5f5f5;
        text-align:center;
    }
    footer{background-color:#000; background-image: url(../images/alt-bg.png);background-repeat: repeat-x;  height: 150px;}
    .footer_icerik{width:95%;float:right;height:125px;margin-top: 5px; text-align: center;}
} 

/*Yatay mobil telefonlar ve tabletler*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.sticky,.footer-box,.ortala,.head_banner,.head_iletisim{display: none}
    #container{width:450px;padding-top: 5px;margin:0 auto;}

    #content{margin:10px 0 10px 0; background:#FFF;}
    .sag{padding:15px;}
    .icerik,.sag{width:100%;float:left;}
    .icerik .slogan {display: none}

    footer{background-color:#000; background-image: url(../images/alt-bg.png);background-repeat: repeat-x;  height: 150px;}
    .footer_icerik{width:95%;float:right;height:125px;margin-top: 5px; text-align: center;}
}



/*Büyük ekranlar*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    #container{width:99%;padding-top: 5px;margin:0 auto;}
    #header{
        padding:0px;height: 150px;width: 1024px;
        background-image: url(../images/btpheader_2.png);background-repeat: repeat-x;
        margin:00px auto 10px auto; 
        box-shadow: 1px -2px 15px 1px  #8c8c8c;border-radius:2px;
    }
    #content{margin:10px 0 10px 0; }
    .sag{padding:15px;}
    .icerik,.sag{width:100%;float:left;}
    .icerik .slogan {display: none}

    footer{background-color:#000; background-image: url(../images/alt-bg.png);background-repeat: repeat-x;  height: 150px;}
    
}

@media only screen and (min-width: 1200px) and (max-width: 1920px) {
    /*
    #container{width:100%;padding-top: 5px;margin:0 auto;}
    #header{
        padding:0px;height: 150px; width:97%;
        background-image: url(../images/btpheader_2.png);background-repeat: repeat-x;
        margin:00px auto 10px auto;
      
    }
    #content{margin:10px 0 10px 0; }
    .sag{padding:15px;}
    .icerik,.sag{width:100%;float:left;}
    .icerik .slogan {display: none}

    footer{background-color:#000; background-image: url(../images/alt-bg.png);background-repeat: repeat-x;  height: 150px;}
    
    */
}