@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

body {
    margin:0 auto;
    background:url(../img/bg.jpg);
    font-family:calibri;
}
/*
aeca06
*/
#container {
    width:100%;
    height:auto;
    position:relative;
}

#topline {
    font-size:1px;
    background:#333;
    height:6px;
    width:100%;
}

.cizgi {
    border-top:1px solid #ebebeb;
    margin-top:35px;
    margin-bottom:35px;
}

#footer {
    font-family:Calibri;
    font-size:16px;
    background:#333;
    height:auto;
    min-height:80px;
    width:100%;
    clear:both;
    padding:20px 0px 12px 0px;
    margin-top:20px;
    text-align:center;
        color:#ebebeb;
        font-size:14px;
}
    #footer a {
        font-size:16px;
        color:#ebebeb;
        text-decoration:none;
         -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
    }
    #footer a:hover {
        color:#aeca06;
    }
    #footer #copyright {
        padding-top:16px;
    }

#content {
    clear:both;
    width:1000px;
	min-width:1000px;
    height:auto;
    min-height:600px;
    margin-left:auto;
    margin-right:auto;
}

#header {
    width:100%;
    min-height:140px;
    margin-top:8px;
    position:relative;
    z-index:10000;
}
#header #logo {
    float: left;
    position: relative;
    margin-left: 0px;
}
    #logo img {
		margin-top:35px;
        width:180px;
    }

#header #menucontainer {
	position:absolute;
	right:0;
    float:right;
    /*margin-left:15px;*/
    top:28px;
    border-right:solid 1px #ebebeb;
    font-family:Calibri;
    /*font-family: 'Open Sans', sans-serif;*/
}
    #header #menucontainer .menuitem {
        display:block;
        float:left;
        padding:36px 21px 36px 21px;
        border:solid 1px #ebebeb;
        border-right:none;
        background:#fff;
        color:#000;
        font-size:18px;
        text-decoration:none;

        -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
    }
    #header #menucontainer .menuitem:hover ,  #header #menucontainer #menuitemhvr {
        background:#aeca06;
        color:#fff;
        text-decoration:none;
    }


#slidercontainer {
    clear:both;
    margin-top:0px;
    width:100%;
    position:relative;
}

#slider,
#banner-slide{
	margin-bottom: 30px;
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
    background:transparent;
	color:#888;
	text-decoration: none;

}

ul.bjqs-controls.v-centered li a:hover{
	background:#aeca06;
	color:#fff;
}

ol.bjqs-markers li a{
	padding:5px 10px;
	background:#ebebeb;
	margin:5px;
	text-decoration: none;
	color:#888;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #aeca06;
	color:#fff;
}

p.bjqs-caption{
	background: rgba(255,255,255,0.5);
}


#icerikcontent {
    clear:both;
    padding-top:25px;
    padding-bottom:20px;
    width:100%;
}
#kutularcontainer {
    border-right:1px solid #ebebeb;
    width:100%;
    clear:both;
    padding-top:40px;
}
#kutularcontainer .kutu {
    display:block;
    width:249px;
    min-height:310px;
    height:auto;
    background:#fff;
    color:#000;
    border:1px solid #ebebeb;
    border-right:none;
    float:left;
    -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}
    #kutularcontainer .kutu:hover {
        background:#fcfcfc;
        -o-transition:.4s;
    }
#kutularcontainer .kutu .baslik {
    font-size:32px;
    padding:20px 0px 20px 0px;
    text-align:center;
    font-family:Oswald;
}
#kutularcontainer .kutu .icerik {
    font-size:14px;
    padding:20px 10px 20px 10px;
    text-align:left;
    font-family:arial;
    height:auto;
    min-height:100px;
}
#kutularcontainer .kutu .kutubutton {
    color:#000;
    text-decoration:none;
    display:block;
    font-size:14px;
    margin:20px 10px 20px 10px;
    text-align:center;
    font-family:calibri;
    font-weight:bold;
    padding:10px;
    background:#efefef;
     margin-left:auto;
    margin-right:auto;
    width:56px;
    -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}
    #kutularcontainer .kutu .kutubutton:hover {
    background:#aeca06;
    color:#fff;
    cursor:pointer;
    }

#urunkutucontainer {
    padding-top:35px;
    clear:both;
    width:100%;
}
#urunkutucontainer .kutu {
    display:block;
    height:auto;
    color:#000;
    float:left;
    margin-right:15px;

        -o-transition:.4s;
    -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

#urunkutucontainer .kutu .resim img {
    width:154px;
    height:100px;
}
#urunkutucontainer .kutu .icerik {
    font-size:16px;
    padding:6px 4px 6px 4px;
    text-align:left;
    font-family:calibri;
    height:auto;
    background:#fff;
}
#urunkutucontainer .kutu .kutubutton {
    color:#444;
    text-decoration:none;
    display:block;
    float:right;
    -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}
    #urunkutucontainer .kutu .kutubutton:hover {
    color:#aeca06;
    cursor:pointer;
    }

.icerik {
    padding-top:30px;
}
.icerik .baslik {
    color:#000;
    font-size:22px;
}

.icerik .yazi {
    padding-top:12px;
}
.anasayfaclass a{
    font-size:22px;
    color:#000;
    text-decoration:none;
    line-height:30px;
}

.icsayfacnt {
    background:#fff;
    box-shadow: 4px 4px 2px #ccc;
    margin-top:40px;
}

#solmenucontainer {
    margin:20px;
    padding:16px;
    border-right:1px solid #ebebeb;
    width:200px;
    height:auto;
    min-height:700px;
    float:left;

}
#solmenubaslik {
    font-size:26px;
    font-family:Oswald;
    padding-bottom:20px;
}
#solmenucontent {
  
}
#solmenucontent .urun{
    padding:16px 0 2px 0;
}
    #solmenucontent .urun a{
        color:#444;
        text-decoration:none;
        font-size:24px;
    }
    #solmenucontent .urun a:hover {
        text-decoration:underline;
        color:#aeca06;
    }
    #solmenucontent .urun .urunalt {
        padding:1px 0px 0 5px;
    }
    #solmenucontent .urun .urunalt a {
        font-size:18px;
        color:#000;
    }

#solmenucontent .calisma{
    padding:10px 0 2px 0;
    font-size:24px;
}
#solmenucontent .calismaalt{
    padding:10px 0 2px 0px;
    font-size:18px;
}
#solmenucontent .calismagaleri{
    padding:0px 0 2px 10px;
    font-size:16px;
    color:#aeca06;
}
#solmenucontent .calismagaleri a{
    font-size:16px;
    color:#cb0a0a;
        text-decoration:none;
}
    #solmenucontent .calismagaleri a:hover {
        text-decoration:underline;
    }


   

#sagbolumcontainer {
    height:auto;
    width:724px;
    min-height:500px;
    float:left;
    margin-top:20px;

}
    #sagbolumcontainer a {
        text-decoration: none;
        color:#444;
    }
        #sagbolumcontainer a:hover {
            text-decoration:underline;
        }

.katalogitem {
    float:left;
    box-shadow: 2px 2px 1px #ccc;
    border:1px solid #ebebeb;
    padding:4px 4px 1px 4px;
    margin:6px;
    margin-bottom:20px;
}
    .katalogitem a , .katalogitem img , .katalogitem a:hover{
        border: none;
        text-decoration: none;
        color:#444;
    }
    .katalogitem .katalogresim {
        width:120px;
        height:160px;
    }


#iletisimsol {
    float:left;
    padding-top:20px;
    padding-left:20px;
    font-size:18px;
}
    #iletisimsol .iletisimbaslik {
        padding:5px 0 5px;
    }
     #iletisimsol .iletisimtxt {
        float:right;
        width:200px;
    }
      #iletisimsol .iletisimmsj {
        float:right;
        width:200px;
        height:100px;
    }
       #iletisimsol .iletisimbtn {
           font-size:16px;
           clear:both;
        float:right;
        width:100px;
        margin-right:105px;
        background:#ebebeb;
        padding:5px 0 5px;
        color:#000;
        font-weight:bold;
        font-family:Calibri;
        border:none;
         -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
    }
       #iletisimsol .iletisimbtn:hover {
           clear:both;
        float:right;
        width:100px;
        margin-right:105px;
        background:#aeca06;
        padding:5px 0 5px;
        color:#444;
    }
#iletisimsag {
    padding-top:20px;
    float:right;
    margin-right:30px;
}

#sayac {
    position:absolute; right:10px;bottom:10px; font-size:9px; overflow:hidden; font-family:Arial;
}
    #sayac a {
        font-size:12px;
    }