﻿@import url("cssreset-min.css");
@import url("form.css");
@import url("jquery.fancybox.css");
@import url("jquery.bxslider.css");

@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body { font-family: 'pt_sansregular'; font-size:14px; color:#444444;}


@media screen and (min-width:1280px ) {
    #header { width: 100%; height: 65px; border-bottom: 1px solid #dddddd; }
    #header .head980 { width: 980px; margin: auto; }
    #header .head980 .logo { width: 202px; height: 47px; margin: 10px 50px 0 0; float: left; }
    #header .head980 .telefonmail { margin: 20px 0 0 50px; float: left; }
    #header .head980 .telefonmail .icon { float: left; }
    #header .head980 .telefonmail .text { margin: 2px 0 0 5px; float: left; }
    #header .head980 .diller { float: right; }
    #header .head980 .diller .bayrak { float: left; margin: 10px 0 0 5px; }

    #header .head980 .nav { width: 980px; height: 46px; background: #db2134; display: inline-block; margin: 20px 0 0 0; position:relative; z-index:3; }
    #header .head980 .nav ul { float: left; font-weight: bold; height: 46px; line-height: 46px; }
    #header .head980 .nav ul li { height: 46px; float: left; border-right: 1px solid #830e1a; }
    #header .head980 .nav ul li a { color: #fff; display: inline-block; padding: 0px 20px; }
    #header .head980 .nav ul li a:hover { background: #830e1a; }
    #header .head980 .nav .sosyalmedya { float: right; display: inline-block; }
    #header .head980 .nav .sosyalmedya .smicon { float: left; }
    #header .head980 .nav .sosyalmedya .smicon:hover { opacity: 0.5; }

    #container { width: 980px; margin: auto; }
    #container .rot { width: 980px; height: 370px; display: inline-block; margin: 65px 0 0 0; }
    #container .rot img { width: 980px; }

    #container .rot #slider { width: 980px; height: 377px; position: relative; }
    #container .rot #slider ul, #slider li { margin: 0; padding: 0; list-style: none; }
    #container .rot #slider li { width: 980px; overflow: hidden; position: relative; }
    #container .rot #slider li span { padding: 10px 20px; background: #000; opacity: 0.7; font-family: 'pt_sansregular'; font-size: 30px; color: #fff; position: absolute; bottom: 160px; }
    #container .rot #slider #prevBtn, #nextBtn { display: block; width: 17px; height: 27px; position: absolute; z-index: 1000; font-size: 0px; }
    #container .rot #prevBtn a, #nextBtn a { display: block; font-size: 0px; position: relative; width: 45px; height: 77px; left: -45px; top: -226px; background: url(../images/left.jpg) no-repeat 0 0; }
    #container .rot #nextBtn a { background: url(../images/right.jpg) no-repeat 0 0; margin-left: 1024px; margin-top: -76px; }
    #container .rot .shadow { width: 920px; height: 41px; background: url(../images/slider_shadow.png) no-repeat; margin: auto; margin-top: -96px; }

    #container .hakkimizdauretim { width: 980px; display: inline-block; margin: 10px 0 0 0; }
    #container .hakkimizdauretim .box { float: left; width: 475px; }
    #container .hakkimizdauretim .box:last-child { float: right; }
    #container .hakkimizdauretim .box .casaicon { width: 50px; height: 44px; background: url(../images/menubarlogo.png) no-repeat; float: left; position: relative; z-index: 3; }
    #container .hakkimizdauretim .box .barbg { width: 455px; height: 44px; background: #db2134; float: left; color: #fff; font-weight: bold; font-size: 16px; box-sizing: border-box; padding: 10px 0 0 40px; position: absolute; z-index: 1; margin-left: 20px; }
    #container .hakkimizdauretim .box .boxicerik { margin: 10px 0 0 10px; float: left; position: relative; height: 170px; overflow: hidden; }


    #container .makinaparki { width: 980px; margin: 10px 0 0 0; }
    #container .makinaparki .casaicon { width: 50px; height: 44px; background: url(../images/menubarlogo.png) no-repeat; float: left; position: relative; z-index: 3; }
    #container .makinaparki .barbg { width: 960px; height: 44px; background: #db2134; float: left; color: #fff; font-weight: bold; font-size: 16px; box-sizing: border-box; padding: 10px 0 0 40px; position: absolute; z-index: 1; margin-left: 20px; }

    #container .makinaparki .jcarousel-container-horizontal { width: 970px; margin: 20px 0 0 0; }
    #container .makinaparki .jcarousel-clip-horizontal { width: 970px; margin: 10px 0 0 10px; display: inline-block; }
    #container .makinaparki .jcarousel-item { padding: 5px; width: 220px; text-align: center; float: left; margin: 0 13px 0 0px; }
    #container .makinaparki .jcarousel-item img { width: 220px; height: 160px; border: 1px solid #ddd; padding: 5px; }
    #container .makinaparki .jcarousel-item .urunadi { width: 220px; text-align: center; margin: 10px 0 0 0; font-family: 'pt_sansregular'; font-size: 13px; }
    #container .makinaparki .jcarousel-prev-horizontal { position: absolute; z-index: 99; top: 10px; right: 25px; width: 12px; height: 21px; cursor: pointer; background: url(../images/sol.png) no-repeat; }
    #container .makinaparki .jcarousel-next-horizontal { position: absolute; z-index: 99; top: 10px; right: 0; width: 12px; height: 21px; cursor: pointer; background: transparent url(../images/sag.png) no-repeat; }
    .jcarousel-clip { overflow: hidden; }

    #container .master { width: 980px; display: inline-block; margin: 80px 0 0 0; }
    #container .master .mastericerikadi { width: 980px; height: 50px; background: #db2134; text-align: center; color: #fff; font-size: 36px; }
    #container .master .mastericerikaciklama { width: 980px; margin: 10px 0 0 0; }
    #container .master .mastericerikaciklama ul { margin: 0; }
    #container .master .mastericerikaciklama ul li { padding: 5px; width: 220px; text-align: center; float: left; margin: 0 13px 0 0px; }
    #container .master .mastericerikaciklama ul li img { width: 220px; height: 160px; border: 1px solid #ddd; padding: 5px; }
    #container .master .mastericerikaciklama ul li .urunadi { width: 220px; text-align: center; margin: 10px 0 0 0; font-family: 'pt_sansregular'; font-size: 13px; }

    #footer { width: 100%; display: inline-block; background: #db2134; margin: 20px 0 0 0; }
    #footer .foot980 { width: 980px; margin: auto; }
    #footer .foot980 .kurumsal { width: 250px; margin: 10px 0 0 0; display: inline-block; margin: 10px 0 0 0; float: left; }
    #footer .foot980 .kurumsal .baslik { font-weight: bold; color: #fff; border-bottom: 1px solid #7c101b; font-size: 16px; padding-bottom: 10px; }
    #footer .foot980 .kurumsal ul { margin: 5px 0 0 0; }
    #footer .foot980 .kurumsal ul li { margin: 5px 0 0 0; }
    #footer .foot980 .kurumsal ul li a { color: #fff; }
    #footer .foot980 .kurumsal ul li a:Hover { color: #7c101b; }
    #footer .foot980 .iletisimbilgileri { width: 700px; margin: 10px 0 0 20px; float: left; color: #fff !important; }
    #footer .foot980 .iletisimbilgileri .baslik { font-weight: bold; color: #fff; border-bottom: 1px solid #7c101b; font-size: 16px; padding-bottom: 10px; }
    #footer .foot980 .aracizgi { width: 980px; height: 1px; background: #7c101b; display: inline-block; }
    #footer .foot980 .copyrigt { margin: 5px 0 0 0; color: #fff; float: left; }
    #footer .foot980 .pixelma { float: right; margin: 5px 0 0 0; }
}

@media screen and (min-width:640px) and (max-width:1279px) {
    #header { width: 100%; height: 65px; border-bottom: 1px solid #dddddd; }
    #header .head980 { width: 980px; margin: auto; }
    #header .head980 .logo { width: 202px; height: 47px; margin: 10px 50px 0 0; float: left; }
    #header .head980 .telefonmail { margin: 20px 0 0 50px; float: left; }
    #header .head980 .telefonmail .icon { float: left; }
    #header .head980 .telefonmail .text { margin: 2px 0 0 5px; float: left; }
    #header .head980 .diller { float: right; }
    #header .head980 .diller .bayrak { float: left; margin: 10px 0 0 5px; }

    #header .head980 .nav { width: 980px; height: 46px; background: #db2134; display: inline-block; margin: 20px 0 0 0; }
    #header .head980 .nav ul { float: left; font-weight: bold; height: 46px; line-height: 46px; }
    #header .head980 .nav ul li { height: 46px; float: left; border-right: 1px solid #830e1a; }
    #header .head980 .nav ul li a { color: #fff; display: inline-block; padding: 0px 20px; }
    #header .head980 .nav ul li a:hover { background: #830e1a; }
    #header .head980 .nav .sosyalmedya { float: right; display: inline-block; }
    #header .head980 .nav .sosyalmedya .smicon { float: left; }
    #header .head980 .nav .sosyalmedya .smicon:hover { opacity: 0.5; }

    #container { width: 980px; margin: auto; }
    #container .rot { width: 980px; height: 370px; display: inline-block; margin: 65px 0 0 0; }
    #container .rot img { width: 980px; }

    #container .rot #slider { width: 980px; height: 377px; position: relative; }
    #container .rot #slider ul, #slider li { margin: 0; padding: 0; list-style: none; }
    #container .rot #slider li { width: 980px; overflow: hidden; position: relative; }
    #container .rot #slider li span { padding: 10px 20px; background: #000; opacity: 0.7; font-family: 'pt_sansregular'; font-size: 30px; color: #fff; position: absolute; bottom: 160px; }
    #container .rot #slider #prevBtn, #nextBtn { display: block; width: 17px; height: 27px; position: absolute; z-index: 1000; font-size: 0px; }
    #container .rot #prevBtn a, #nextBtn a { display: block; font-size: 0px; position: relative; width: 45px; height: 77px; left: -45px; top: -226px; background: url(../images/left.jpg) no-repeat 0 0; }
    #container .rot #nextBtn a { background: url(../images/right.jpg) no-repeat 0 0; margin-left: 1024px; margin-top: -76px; }
    #container .rot .shadow { width: 920px; height: 41px; background: url(../images/slider_shadow.png) no-repeat; margin: auto; margin-top: -96px; }

    #container .hakkimizdauretim { width: 980px; display: inline-block; margin: 10px 0 0 0; }
    #container .hakkimizdauretim .box { float: left; width: 475px; }
    #container .hakkimizdauretim .box:last-child { float: right; }
    #container .hakkimizdauretim .box .casaicon { width: 50px; height: 44px; background: url(../images/menubarlogo.png) no-repeat; float: left; position: relative; z-index: 3; }
    #container .hakkimizdauretim .box .barbg { width: 455px; height: 44px; background: #db2134; float: left; color: #fff; font-weight: bold; font-size: 16px; box-sizing: border-box; padding: 10px 0 0 40px; position: absolute; z-index: 1; margin-left: 20px; }
    #container .hakkimizdauretim .box .boxicerik { margin: 10px 0 0 10px; float: left; position: relative; height: 170px; overflow: hidden; }


    #container .makinaparki { width: 980px; margin: 10px 0 0 0; }
    #container .makinaparki .casaicon { width: 50px; height: 44px; background: url(../images/menubarlogo.png) no-repeat; float: left; position: relative; z-index: 3; }
    #container .makinaparki .barbg { width: 960px; height: 44px; background: #db2134; float: left; color: #fff; font-weight: bold; font-size: 16px; box-sizing: border-box; padding: 10px 0 0 40px; position: absolute; z-index: 1; margin-left: 20px; }

    #container .makinaparki .jcarousel-container-horizontal { width: 970px; margin: 20px 0 0 0; }
    #container .makinaparki .jcarousel-clip-horizontal { width: 970px; margin: 10px 0 0 10px; display: inline-block; }
    #container .makinaparki .jcarousel-item { padding: 5px; width: 220px; text-align: center; float: left; margin: 0 13px 0 0px; }
    #container .makinaparki .jcarousel-item img { width: 220px; height: 160px; border: 1px solid #ddd; padding: 5px; }
    #container .makinaparki .jcarousel-item .urunadi { width: 220px; text-align: center; margin: 10px 0 0 0; font-family: 'pt_sansregular'; font-size: 13px; }
    #container .makinaparki .jcarousel-prev-horizontal { position: absolute; z-index: 99; top: 10px; right: 25px; width: 12px; height: 21px; cursor: pointer; background: url(../images/sol.png) no-repeat; }
    #container .makinaparki .jcarousel-next-horizontal { position: absolute; z-index: 99; top: 10px; right: 0; width: 12px; height: 21px; cursor: pointer; background: transparent url(../images/sag.png) no-repeat; }
    .jcarousel-clip { overflow: hidden; }

    #container .master { width: 980px; display: inline-block; margin: 80px 0 0 0; }
    #container .master .mastericerikadi { width: 980px; height: 50px; background: #db2134; text-align: center; color: #fff; font-size: 36px; }
    #container .master .mastericerikaciklama { width: 980px; margin: 10px 0 0 0; }
    #container .master .mastericerikaciklama ul { margin: 0; }
    #container .master .mastericerikaciklama ul li { padding: 5px; width: 220px; text-align: center; float: left; margin: 0 13px 0 0px; }
    #container .master .mastericerikaciklama ul li img { width: 220px; height: 160px; border: 1px solid #ddd; padding: 5px; }
    #container .master .mastericerikaciklama ul li .urunadi { width: 220px; text-align: center; margin: 10px 0 0 0; font-family: 'pt_sansregular'; font-size: 13px; }

    #footer { width: 100%; display: inline-block; background: #db2134; margin: 20px 0 0 0; }
    #footer .foot980 { width: 980px; margin: auto; }
    #footer .foot980 .kurumsal { width: 250px; margin: 10px 0 0 0; display: inline-block; margin: 10px 0 0 0; float: left; }
    #footer .foot980 .kurumsal .baslik { font-weight: bold; color: #fff; border-bottom: 1px solid #7c101b; font-size: 16px; padding-bottom: 10px; }
    #footer .foot980 .kurumsal ul { margin: 5px 0 0 0; }
    #footer .foot980 .kurumsal ul li { margin: 5px 0 0 0; }
    #footer .foot980 .kurumsal ul li a { color: #fff; }
    #footer .foot980 .kurumsal ul li a:Hover { color: #7c101b; }
    #footer .foot980 .iletisimbilgileri { width: 700px; margin: 10px 0 0 20px; float: left; color: #fff !important; }
    #footer .foot980 .iletisimbilgileri .baslik { font-weight: bold; color: #fff; border-bottom: 1px solid #7c101b; font-size: 16px; padding-bottom: 10px; }
    #footer .foot980 .aracizgi { width: 980px; height: 1px; background: #7c101b; display: inline-block; }
    #footer .foot980 .copyrigt { margin: 5px 0 0 0; color: #fff; float: left; }
    #footer .foot980 .pixelma { float: right; margin: 5px 0 0 0; }
}

@media screen and (min-width:200px) and (max-width:639px) {
    #header { width: 100%; height: 500px; border-bottom: 1px solid #dddddd; }
    #header .head980 { width: 400px; margin: auto; }
    #header .head980 .logo { width: 202px; height: 47px; margin: 10px 50px 0 0; float: left; }
    #header .head980 .telefonmail { margin: 20px 0 0 50px; float: left; }
    #header .head980 .telefonmail a {color:#444; }
    #header .head980 .telefonmail .icon { float: left; }
    #header .head980 .telefonmail .text { margin: 2px 0 0 5px; float: left; }
    #header .head980 .diller { float: right; }
    #header .head980 .diller .bayrak { float: left; margin: 10px 0 0 5px; }

    #header .head980 .nav { width: 400px; background: #db2134; display: inline-block; margin: 20px 0 0 0; }
    #header .head980 .nav ul { float: left; font-weight: bold;  line-height: 46px; }
    #header .head980 .nav ul li {width:400px; text-align:center; height: 46px; float: left; border-bottom: 1px solid #830e1a; }
    #header .head980 .nav ul li a {width:400px; color: #fff; display: inline-block; }
    #header .head980 .nav ul li a:hover { background: #830e1a; }
    #header .head980 .nav .sosyalmedya { position:absolute; right:0; top:0  }
    #header .head980 .nav .sosyalmedya .smicon { float: left; }
    #header .head980 .nav .sosyalmedya .smicon:hover { opacity: 0.5; }

    #container { width: 400px; margin:auto !important; }
    #container .rot { width: 400px; height: 370px; display:none; margin: 65px 0 0 0; }
    #container .rot img { width: 400px; }

    #container .rot #slider { width: 400px; height: 377px; position: relative; }
    #container .rot #slider ul, #slider li { margin: 0; padding: 0; list-style: none; }
    #container .rot #slider li { width: 400px; overflow: hidden; position: relative; }
    #container .rot #slider li span { padding: 10px 20px; background: #000; opacity: 0.7; font-family: 'pt_sansregular'; font-size: 30px; color: #fff; position: absolute; bottom: 160px; }
    #container .rot #slider #prevBtn, #nextBtn { display: block; width: 17px; height: 27px; position: absolute; z-index: 1000; font-size: 0px; }
    #container .rot #prevBtn a, #nextBtn a { display: block; font-size: 0px; position: relative; width: 45px; height: 77px; left: -45px; top: -226px; background: url(../images/left.jpg) no-repeat 0 0; }
    #container .rot #nextBtn a { background: url(../images/right.jpg) no-repeat 0 0; margin-left: 1024px; margin-top: -76px; }
    #container .rot .shadow { width: 340px; height: 41px; background: url(../images/slider_shadow.png) no-repeat; margin: auto; margin-top: -96px; }

    #container .hakkimizdauretim { width: 400px; display: inline-block; margin: 10px auto; text-align:center; }
    #container .hakkimizdauretim .box { float: left; width: 380px; margin: 10px auto; }
    #container .hakkimizdauretim .box .casaicon { width: 50px; height: 44px; background: url(../images/menubarlogo.png) no-repeat; float: left; position: relative; z-index: 3; }
    #container .hakkimizdauretim .box .barbg { width: 380px; height: 44px; background: #db2134; float: left; color: #fff; font-weight: bold; font-size: 16px; box-sizing: border-box; padding: 10px 0 0 40px; position: absolute; z-index: 1; margin-left: 20px; }
    #container .hakkimizdauretim .box .boxicerik { margin: 10px 0 0 10px; float: left; position: relative; height: 200px; overflow: hidden; }


    #container .makinaparki { width: 400px; margin: 10px 0 0 0; }
    #container .makinaparki .casaicon { width: 50px; height: 44px; background: url(../images/menubarlogo.png) no-repeat; float: left; position: relative; z-index: 3; }
    #container .makinaparki .barbg { width: 380px; height: 44px; background: #db2134; float: left; color: #fff; font-weight: bold; font-size: 16px; box-sizing: border-box; padding: 10px 0 0 40px; position: absolute; z-index: 1; margin-left: 20px; }

    #container .makinaparki .jcarousel-container-horizontal { width: 380px; margin: 20px 0 0 0; }
    #container .makinaparki .jcarousel-clip-horizontal { width: 380px; margin: 10px 0 0 10px; display: inline-block; }
    #container .makinaparki .jcarousel-item { padding: 5px; width: 170px; text-align: center; float: left; margin: 0 13px 0 0px; }
    #container .makinaparki .jcarousel-item img { width: 170px; height: 120px; border: 1px solid #ddd; padding: 5px; }
    #container .makinaparki .jcarousel-item .urunadi { width: 160px; text-align: center; margin: 10px 0 0 0; font-family: 'pt_sansregular'; font-size: 13px; }
    #container .makinaparki .jcarousel-prev-horizontal { position: absolute; z-index: 99; top: 10px; right: 25px; width: 12px; height: 21px; cursor: pointer; background: url(../images/sol.png) no-repeat; }
    #container .makinaparki .jcarousel-next-horizontal { position: absolute; z-index: 99; top: 10px; right: 0; width: 12px; height: 21px; cursor: pointer; background: transparent url(../images/sag.png) no-repeat; }
    .jcarousel-clip { overflow: hidden; }

    #container .master { width: 400px; display: inline-block; margin: 20px 0 0 0; }
    #container .master .mastericerikadi { width: 400px; height: 50px; background: #db2134; text-align: center; color: #fff; font-size: 36px; }
    #container .master .mastericerikaciklama { width: 400px; margin: 10px 0 0 0; }
    #container .master .mastericerikaciklama ul { margin: 0; }
    #container .master .mastericerikaciklama ul li { padding: 5px; width: 220px; text-align: center; float: left; margin: 0 13px 0 0px; }
    #container .master .mastericerikaciklama ul li img { width: 220px; height: 160px; border: 1px solid #ddd; padding: 5px; }
    #container .master .mastericerikaciklama ul li .urunadi { width: 220px; text-align: center; margin: 10px 0 0 0; font-family: 'pt_sansregular'; font-size: 13px; }

    #footer { width: 100%; display: inline-block; background: #db2134; margin: 20px 0 0 0; }
    #footer .foot980 { width: 400px; margin: auto; }
    #footer .foot980 .kurumsal { width: 400px; margin: 10px 0 0 0; display: inline-block; margin: 10px 0 0 0; float: left; }
    #footer .foot980 .kurumsal .baslik { font-weight: bold; color: #fff; border-bottom: 1px solid #7c101b; font-size: 16px; padding-bottom: 10px; }
    #footer .foot980 .kurumsal ul { margin: 5px 0 0 0; }
    #footer .foot980 .kurumsal ul li { margin: 5px 0 0 0; }
    #footer .foot980 .kurumsal ul li a { color: #fff; }
    #footer .foot980 .kurumsal ul li a:Hover { color: #7c101b; }
    #footer .foot980 .iletisimbilgileri { width: 400px; margin: 10px 0 0 0; float: left; color: #fff !important; }
    #footer .foot980 .iletisimbilgileri .baslik { font-weight: bold; color: #fff; border-bottom: 1px solid #7c101b; font-size: 16px; padding-bottom: 10px; }
    #footer .foot980 .aracizgi { width: 400px; height: 1px; background: #7c101b; display: inline-block; }
    #footer .foot980 .copyrigt { margin: 5px 0 0 0; color: #fff; float: left; }
    #footer .foot980 .pixelma { float: right; margin: 5px 0 0 0; }
}

sub {vertical-align:sub; font-size:10px; }
sup {vertical-align:super; font-size:10px; }