html { min-height: 100%; position: relative; width: 100%; }
body { margin: auto auto; padding: 0; font-family: 'Open Sans',Arial,Verdana,Tahoma; font-size: 12px; width: 100%; border-top: 4px solid #31317e; padding-top: 0; background-color: #fff; }
table { border-spacing: 0; }
td { padding: 0; }
img { border: none; }
a { text-decoration: none; outline: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.Header { margin: 0 auto; margin-bottom: 3px; max-width: 1080px; }
.Logo { float: left; color: #3a3f7c; font-size: 20px; font-family: 'Times New Roman'; font-weight: bold; }
.Bayraklar { float: right; }
    .Bayraklar img { border: 1px solid #cecece; }
.Telefon { float: right; margin-right: 0px; clear: right; }
    .Telefon a { color: black; font-size: 18px; font-weight: bold; float: left; line-height: 14px; }
    .Telefon img { float: left; margin-right: 5px; }
.MenuAltAnaSayfa { float: left; text-align: right; margin-left: 20px; }
.Menu { float: right; text-align: right; }
    .Menu a, .MenuAltAnaSayfa a { color: black; font-size: 13px; background-image: url(/images/border_image.png); background-position: right center; background-repeat: no-repeat; padding: 0 5px; line-height: 30px; display: inline-block; font-weight: bold; }
.MenuAltAnaSayfa a { color: black; font-weight: normal; font-size: 13px; border-bottom: 3px solid #cecece; background-image: none; line-height: 24px; padding-left: 10px; padding-right: 10px; }
    .MenuAltAnaSayfa a:hover { border-bottom: 3px solid #ff0000; }
.Menu a:hover { color: red; }
.sp-slide { background-color: black; }
    .sp-slide img { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 5-7 */ filter: alpha(opacity=40); /* Netscape */ -moz-opacity: 0.4; /* Safari 1.x */ -khtml-opacity: 0.4; /* Good browsers */ opacity: 0.4; }
    .sp-slide.sp-selected img { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* IE 5-7 */ filter: alpha(opacity=1); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; }

.SliderYuvarlak { width: 203px; height: 203px; background-image: url(/images/slider-yazi2.png); position: absolute; z-index: 99999; right: 20%; bottom: 0; text-align: center; font-size: 26px; vertical-align: middle; padding: 0 10px; padding-top: 65px; font-weight: bold; color: white; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
.SliderAlt { background-image: url(/images/turkuaz-arka.png); width: 100%; height: 50px; text-align: center; font-size: 24px; color: white; font-weight: bold; line-height: 50px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
.SliderGolge { background-image: url(/images/slider_golge.png); background-position: center center; width: 100%; height: 50px; text-align: center; }
.Footer { background-color: #343447; width: 100%; padding: 10px 0; }
.UrunlerListe { float: left; width: 45%; }
    .UrunlerListe h3 { margin: 0; color: white; margin-bottom: 7px; }
    .UrunlerListe ul { margin: 0; padding: 0; color: white; }
        .UrunlerListe ul li { margin: 0; padding: 0; list-style-position: inside; float: left; width: 33%; font-size: 11px; }

    .UrunlerListe.SosyalMedya { width: 25%; }
        .UrunlerListe.SosyalMedya a { float: left; margin-right: 4px; }
    .UrunlerListe.Iletisim { width: 25%; color: white; }
        .UrunlerListe.Iletisim a { color: white; }
.Copyright { float: left; color: white; }
.divFirma { float: right; text-align: center; }
    .divFirma a { color: white; }
.FooterLinks { float: left; margin-left: 150px; color: white; }
    .FooterLinks a { color: white; }
.KutuAnasayfa { display: table-cell; width: 33%; padding: 5px; margin-top: -20px; }
    .KutuAnasayfa h2 { color: #e24a40; margin: 4px 0; line-height: 38px; padding-left: 44px; font-size: 15px; }
    .KutuAnasayfa p { margin: 4px 0; text-align: justify; }
    .KutuAnasayfa .Hakkimizda {background-image: url(/images/icon-hakkimizda.png); background-position: left center; background-repeat: no-repeat; }
    .KutuAnasayfa .HaberDuyuru { background-image: url(/images/icon-haber.png); background-position: left center; background-repeat: no-repeat; }
    .KutuAnasayfa .TalepFormu { background-image: url(/images/icon-talepformu.png); background-position: left center; background-repeat: no-repeat; line-height: 18px; }

.KutuAnasayfaAlt { display: table-cell; width: 33%; padding: 5px; margin-top: -20px; }
    .KutuAnasayfaAlt h2 { color: #e24a40; margin: 4px 0; line-height: 18px; padding-left: 0; font-size: 15px; }
    .KutuAnasayfaAlt p { margin: 4px 0; text-align: justify; }

.smoothscroll-top { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99; background-color: #4edfd9; color: #fff; width: 47px; height: 44px; line-height: 44px; right: 25px; bottom: -25px; padding-top: 2px; border-radius: 5px; transition: all 0.5s ease-in-out; transition-delay: 0.2s; }
.element:before { content: "\f000"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 18px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; }
.smoothscroll-top:hover { background-color: #65e6de; color: #fff; transition: all 0.2s ease-in-out; transition-delay: 0s; }
.smoothscroll-top.show { visibility: visible; cursor: pointer; opacity: 1; bottom: 25px; }
.smoothscroll-top i.fa { line-height: inherit; }
.smoothscroll-top i.fa { line-height: 40px; }
.ContentOrtala { max-width: 1080px; margin: 0 auto; width: 100%; }
.Content { text-align: left; padding-bottom: 25px; padding-top: 5px; min-height: 440px; display: table-cell; width: 100%; }
    .Content p { text-align: justify; margin: 0; }
.SayfaAyirac { background-image: url(/images/turkuaz-arka.png); width: 100%; height: 40px; text-align: left; font-size: 24px; color: white; font-weight: bold; line-height: 40px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); margin: 0; padding: 0; padding-left: 15px; }
.H1Sayfa { margin: 5px 0; padding: 0; font-size: 16px; border-bottom: 1px solid #c3c3c3; }
.H2Sayfa { margin: 5px 0; padding: 0; font-size: 16px; border-bottom: 1px solid #c3c3c3; }
.SideBar { width: 29%; float: left; padding-bottom: 25px; padding-top: 5px; }
.SideBarMenu { padding: 0; }
    .SideBarMenu li { list-style-type: none; }
        .SideBarMenu li a { display: inline-block; background-color: #eeeeee; width: 90%; height: 34px; line-height: 30px; padding: 2px 10px; font-size: 13px; color: black; border-bottom: 2px solid #e4e4e4; border-left: 4px solid #cecece; border-right: 4px solid #cecece; margin-bottom: 1px; }
            .SideBarMenu li a:hover, .SideBarMenu li a.hover { border-left: 4px solid red; border-right: 4px solid red; background-color: #eeeeee; }
.rmm { display: none; }
.btnGonder { -moz-box-shadow: inset 0px 39px 0px -24px #e67a73; -webkit-box-shadow: inset 0px 39px 0px -24px #e67a73; box-shadow: inset 0px 39px 0px -24px #e67a73; background-color: #e4685d; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #ffffff; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 12px; padding: 6px 15px; text-decoration: none; text-shadow: 0px 1px 0px #b23e35; float: right; }
    .btnGonder:hover { background-color: #eb675e; }
    .btnGonder:active { position: relative; top: 1px; }
.FotoGaleri a { border: 1px solid #cecece; display: inline-block; width: 30%; margin: 1%; line-height: 0; padding: 4px; min-width: 200px; height: 150px; vertical-align: middle; text-align: center; }
.FotoGaleri img { width: auto; max-height: 140px; max-width: 200px; margin: auto auto; display: normal; }

@media screen and (max-width :750px) {
    .FotoGaleri img { width: auto; max-height: 140px; max-width: 190px; }

    .Header { width: 100%; }
    .Content { float: right; text-align: left; padding-bottom: 25px; padding-top: 5px; min-height: 240px; }
    .ContentOrtala { width: 100%; }
    .SliderYuvarlak { display: none; }
    .sp-caption-container { left: 22% !important; }
        .sp-caption-container b { width: 70%; font-size: 12px; height: 25px !important; line-height: 25px !important; }
    .SliderAlt { font-size: 14px; }
    .sp-button { width: 10px !important; height: 10px !important; }
    .Haberler { width: 100% !important; }
        .Haberler ul li { width: 100% !important; }
    .UrunlerListe { clear: both; width: 100%; margin: 15px 0; margin-top: 0px; display: block; text-align: center; }
        .UrunlerListe.SosyalMedya { width: 100%; display: block; clear: both; text-align: center; }
            .UrunlerListe.SosyalMedya a { display: inline-block; float: none; }
        .UrunlerListe.Iletisim { width: 100%; display: block; clear: both; text-align: center; }
        .UrunlerListe ul li { width: 100%; width: 100%; clear: both; }
    .Copyright { width: 100%; clear: both; text-align: center; margin: 2px 0; }
    .divFirma { width: 100%; clear: both; text-align: center; margin: 2px 0; }
    .FooterLinks { width: 100%; clear: both; text-align: center; margin-left: 0; margin: 2px 0; }
    .Logo { float: none; margin: 0 auto; display: inline-block; width: 100%; text-align: center; }
    .MenuAltAnaSayfa { float: none; width: 100%; text-align: center; margin-left: 0; }
    .Menu { float: none; width: 100%; text-align: center; margin-left: 0; }
    .Bayraklar { float: none; width: 100%; text-align: center; margin-left: 0; }
    .Telefon { float: none; width: 100%; text-align: center; margin-left: 0; }
        .Telefon img { display: none; }
        .Telefon a { float: none; }
    .SideBar { width: 100%; clear: both; }
    .SideBarMenu li a { width: 100%; }
    .Menu { display: none; }
    .MenuAltAnaSayfa { display: none; }
    .slider-pro { display: none; }
    .KutuAnasayfa { float: none; display: block; width: 100%; margin: 15px 0; margin-top: 0px; }
        .KutuAnasayfa h2 { background-image: none !important; padding: 0; font-size: 16px; }
    .KutuAnasayfaAlt { float: none; display: block; width: 100%; margin: 15px 0; margin-top: 0px; }
        .KutuAnasayfaAlt h2 { background-image: none !important; padding: 0; font-size: 16px; }
    .SliderGolge { display: none; }
    .rmm.graphite .rmm-toggled { -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; }
    .rmm { display: block; }
}


.DetayUrunDiv { padding: 10px; font-size: 13px; text-align: justify; }
    .DetayUrunDiv .DivKirmizOrtaBaslik { font-size: 20px; color: red; text-decoration: underline; margin: 5px; width: 100%; text-align: center; font-weight: bold; }
    .DetayUrunDiv h2 { color: #0eacd0; font-size: 16px; font-weight: bold; }
    .DetayUrunDiv h3 { color: #0eacd0; font-size: 14px; font-weight: bold; }
    .DetayUrunDiv p { margin-bottom: 10px; margin-top: 10px; }
.DetayUrunDivResimTam { width: 100%; text-align: center; }
    .DetayUrunDivResimTam img { display: block; margin: 10px auto; width: 100%; }
.DetayUrunDivResim { vertical-align: top; display: inline-block; text-align: center; width: 100%; }
    .DetayUrunDivResim img { max-width: 45%; margin: 2% auto; }
.DetayUruntable { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; }
    .DetayUruntable .Baslik, table .BaslikKoyu { color: #fff; background-color: #279499; font-size: 16px; font-weight: bold; }
    .DetayUruntable .Baslik { font-size: 14px; font-weight: normal; }
    .DetayUruntable td { width: 40px; border: 1px solid #dcd9d9; padding: 3px; text-align: center; }