﻿@import url(http://fonts.googleapis.com/css?family=Offside);
* { margin:0; padding:0; border:none; outline:none; }


html {overflow-x:hidden;}

body {background:transparent url(../images/arkaplan.jpg) no-repeat left top;}

a {text-decoration:none; color:#000; font-family:Open Sans; font-size:12px; font-weight:400; cursor:pointer;}
.active {color:#f90925 !important;}
h1 {font-family:Oswald; font-size:22px; font-weight:700; color:#000;}
h2{font-size:20px !important;}
p {font-family:Arial; font-size:12px; font-weight:400; color:#000 !important; line-height:normal !important; letter-spacing:-0.5px;}


.topHolder {width:100%; height:auto; position:relative; display:inline-block; float:left; }
.topHolder .top {width:998px; margin:0px auto;}
.topHolder .top .logo {width:350px; height:100px; position:relative; display:inline-block; float:left; margin-top:25px;}
.topHolder .top .logo a {width:350px; height:100px; position:relative; display:inline-block; float:left;}

table
{
    font-family:'Lucida Sans Unicode';font-size:13px;
}
.topHolder .top .topmenu {width:auto; height:20px; position:relative; display:inline-block; float:right; margin-top:60px;}
.topHolder .top .topmenu ul {width:auto; height:40px; position:relative; display:inline-block; float:left; list-style-type:none;}
.topHolder .top .topmenu ul li {width:auto; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; border-right:1px solid #d1d1d1; padding-right:15px; margin-left:15px; padding-top:5px; padding-bottom:5px;}
.topHolder .top .topmenu ul li:last-child {border-right:none;}

.topHolder .top .topmenu ul li a {width:100%; height:auto; position:relative; display:inline-block; float:left;
                                   font-family:Oswald; /*PT Sans*/
                                   font-size:15px; font-weight:700; color:#000;}
.topHolder .top .topmenu ul li a:hover {color:#f90925;}

.topHolder .top .mastermenu {width:998px; height:95px; position:relative; display:inline-block; float:right; background-image:url(../images/golge2.png);background-repeat:no-repeat;}
.topHolder .top .mastermenu ul {width:auto; height:65px; position:relative; display:inline-block; float:left; list-style-type:none; margin-top:30px; padding-left:30px;}
.topHolder .top .mastermenu ul li {width:auto; height:50px; position:relative; display:inline-block; float:left; 
                                   list-style-type:none; border-right:1px solid #d1d1d1; padding-right:49px; margin-right:46px;}
.topHolder .top .mastermenu ul li:last-child {border-right:none;}

.topHolder .top .mastermenu ul li a {width:auto; height:50px; position:relative; display:inline-block; float:left;font-family: Oswald; font-size:13px; color:#525353;}
.topHolder .top .mastermenu ul li a:hover {color:#f90925;}

#a1 {background:transparent url(../images/tarim.png) no-repeat left top; padding-left:80px;}
#a2 {background:transparent url(../images/toptan.png) no-repeat left top; padding-left:110px;}
#a3 {background:transparent url(../images/yakit.png) no-repeat left top; padding-left:80px;}
#a4 {background:transparent url(../images/reklam.png) no-repeat left top; padding-left:80px;}
#sonli {background:none;}
.topHolder .top .mastermenu ul li#sonli {width:80px;}


/*.topHolder .top .mastermenu .menu {width:66px; height:50px; position:relative; display:inline-block; float:left; margin-left:10px; margin-top:30px;}
.topHolder .top .mastermenu .menu .yazi {width:100%; height:auto; position:relative; display:inline-block; float:left;}
.topHolder .top .mastermenu .menu .yazi a {width:100%; height:auto; position:relative; display:inline-block; float:left; font-family:PT Sans; font-size:12px; font-weight:400; color:#d1d1d1; margin-left:80px;}
.topHolder .top .mastermenu .menu .yazi a:hover {color:#f90925;}*/







.icerikHolder {width:100%; height:auto; position:relative; display:inline-block; float:left;}
.icerikHolder .icerik {width:998px; margin:0px auto;}
.icerikHolder .icerik .slayt {width:998px; height:449px; position:relative; display:inline-block; float:left; list-style-type:none;}
.icerikHolder .icerik .slayt ul {width:998px; height:449px; position:relative; display:inline-block; float:left; list-style-type:none; overflow:hidden;}
.icerikHolder .icerik .slayt ul li{width:998px; height:449px; position:relative; display:inline-block; float:left; list-style-type:none;}
.icerikHolder .icerik .slayt ul li img {width:998px; height:449px; position:relative; display:inline-block; float:left;}

.icerikHolder .icerik .slideControl {width:112px; height:28px; position:relative; display:inline-block; float:left; z-index:999; left:450px; top:-40px; background:transparent url(../images/gecis.png) no-repeat center center;}
.icerikHolder .icerik .slideControl a {width:18px; height:18px; position:relative; display:inline-block; float:left; margin-left:7px; text-indent:-999px; background:transparent url(../images/gecis1.png) no-repeat center center; margin-top:5px;} 
.icerikHolder .icerik .slideControl a.activeSlide {background:transparent url(../images/gecis2.png) no-repeat center center;}


.icerikHolder .icerik .devam {width:998px; height:auto; position:relative; display:inline-block; float:left; background-color:#f7f7f7; margin-top:-30px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
.icerikHolder .icerik .devam .devam2 {width:350px; height:auto; position:relative; display:inline-block; float:left; margin:30px;}
.icerikHolder .icerik .devam .devam2 .avantaj {width:350px; height:auto; position:relative; display:inline-block; float:left; margin:30px;}
.icerikHolder .icerik .devam .devam2 .avantaj ul{width:350px; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; overflow:hidden;}
.icerikHolder .icerik .devam .devam2 .avantaj ul li{width:350px; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; overflow:hidden;}
.icerikHolder .icerik .devam .devam2 .avantaj h1 {font-size:18px; font-weight:700; letter-spacing:-1px; color:#ff0000; margin-bottom:15px;}
.icerikHolder .icerik .devam .devam2 .avantaj ul li p {font-family:Arial; font-size:15px; font-weight:400; letter-spacing:0px; color:#7d7c7c; line-height:18px;}
.icerikHolder .icerik .devam .devam2 .avantaj .oklar {width:74px; height:54px; position:relative; display:inline-block; float:left; background:transparent url(../images/slayt.png) no-repeat center center; margin-top:7px;}
.icerikHolder .icerik .devam .devam2 .avantaj .oklar .solok {width:26px; height:26px; position:relative; display:inline-block; float:left; background:transparent url(../images/slaytgeri.png) no-repeat center center; margin-top:20px; margin-left:8px;}
.icerikHolder .icerik .devam .devam2 .avantaj .oklar .solok a{width:100%; height:100%; position:relative; display:inline-block; float:left; cursor:pointer;}
.icerikHolder .icerik .devam .devam2 .avantaj .oklar .sagok {width:26px; height:26px; position:relative; display:inline-block; float:left; background:transparent url(../images/slaytileri.png) no-repeat center center; margin-top:20px; margin-left:6px;}
.icerikHolder .icerik .devam .devam2 .avantaj .oklar .sagok a{width:100%; height:100%; position:relative; display:inline-block; float:left; cursor:pointer;}

.icerikHolder .icerik .devam .devam2 .duyuru {width:350px; height:auto; position:relative; display:inline-block; float:left; margin-right:30px; margin-bottom:30px; margin-left:30px;}
.icerikHolder .icerik .devam .devam2 .duyuru ul{width:350px; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; overflow:hidden;}
.icerikHolder .icerik .devam .devam2 .duyuru ul li{width:350px; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; overflow:hidden;}
.icerikHolder .icerik .devam .devam2 .duyuru h1 {font-size:18px; font-weight:700; letter-spacing:-1px; color:#ff0000; margin-bottom:15px;}
.icerikHolder .icerik .devam .devam2 .duyuru ul li h2 {font-family:Oswald; font-size:16px; font-weight:400; letter-spacing:-1px; color:#627125; margin-bottom:10px;}
.icerikHolder .icerik .devam .devam2 .duyuru ul li p {font-family:Arial; font-size:15px; font-weight:400; letter-spacing:0px; color:#7d7c7c; line-height:18px;}
.icerikHolder .icerik .devam .devam2 .duyuru .oklar {width:74px; height:54px; position:relative; display:inline-block; float:left; background:transparent url(../images/slayt.png) no-repeat center center; margin-top:7px;}
.icerikHolder .icerik .devam .devam2 .duyuru .oklar .solok {width:26px; height:26px; position:relative; display:inline-block; float:left; background:transparent url(../images/slaytgeri.png) no-repeat center center; margin-top:20px; margin-left:8px;}
.icerikHolder .icerik .devam .devam2 .duyuru .oklar .solok a{width:100%; height:100%; position:relative; display:inline-block; float:left; cursor:pointer;}
.icerikHolder .icerik .devam .devam2 .duyuru .oklar .sagok {width:26px; height:26px; position:relative; display:inline-block; float:left; background:transparent url(../images/slaytileri.png) no-repeat center center; margin-top:20px; margin-left:6px;}
.icerikHolder .icerik .devam .devam2 .duyuru .oklar .sagok a{width:100%; height:100%; position:relative; display:inline-block; float:left; cursor:pointer;}

.icerikHolder .icerik .devam .devam2 .positive {width:220px; height:auto; position:relative; display:inline-block; float:left; margin:30px;}
.icerikHolder .icerik .devam .devam2 .positive h1 {font-size:18px; font-weight:700; letter-spacing:-1px; color:#ff0000; margin-bottom:15px;}


.icerikHolder .icerik .devam .devam3 {width:270px; height:auto; position:relative; display:inline-block; float:left; margin:30px;}
.icerikHolder .icerik .devam .devam3 .guncel {width:230px; height:auto; position:relative; display:inline-block; float:left; margin:30px;}
.icerikHolder .icerik .devam .devam3 .guncel h1 {font-size:18px; font-weight:700; color:#ff0000; margin-bottom:15px;}



.icerikHolder .icerik .devam .devam4 {width:230px; height:auto; position:relative; display:inline-block; float:left; margin-top:30px;}
.icerikHolder .icerik .devam .devam4 .hizmet {width:200px; height:auto; position:relative; display:inline-block; float:left; margin-top:30px;}
.icerikHolder .icerik .devam .devam4 .hizmet h1 {font-size:18px; font-weight:700; color:#ff0000; margin-bottom:15px;}
.icerikHolder .icerik .devam .devam4 .hizmet .temizlik {width:213px; height:82px; position:relative; display:inline-block; float:left; background:transparent url(../images/temizlik.png) no-repeat center center; }
.icerikHolder .icerik .devam .devam4 .hizmet .yag {width:213px; height:132px; position:relative; display:inline-block;
                                                    float:left; background:transparent url(../images/yag.png) no-repeat center center;
                                                     margin-top:17px;}
.icerikHolder .icerik .devam .devam4 .hizmet .market {width:213px; height:82px; position:relative; display:inline-block; 
                                                      float:left; background:transparent url(../images/market.png) no-repeat center center; margin-top:17px;}

    .icerikHolder .icerik .devam .devam4 .hizmet .temizlik a
    {
        width:100%;height:100%;position:relative;display:inline-block;
    }
    .icerikHolder .icerik .devam .devam4 .hizmet .yag a
    {
        width:100%;height:100%;position:relative;display:inline-block;
    }
    .icerikHolder .icerik .devam .devam4 .hizmet .market a
    {
        width:100%;height:100%;position:relative;display:inline-block;
    }
/*kurumsal*/
.icerikHolder .icerik .ic {width:998px; height:auto; position:relative; display:inline-block; float:left; background-color:#fff; padding-bottom:50px;}
.icerikHolder .icerik .ic .banner {width:998px; height:120px; position:relative; display:inline-block; float:left; background:transparent url(../images/banner1.png) no-repeat center center;}
.none
{
    background:none;
}
.icerikHolder .icerik .ic .solmenu {width:200px; height:auto; position:relative; display:inline-block; float:left; margin:20px;}
.icerikHolder .icerik .ic .solmenu h1 { background:transparent url(../images/1.png) no-repeat left 50%; font-size:18px; font-weight:700; color:#ff0000; padding-left:10px;}
.icerikHolder .icerik .ic .solmenu .smenu {width:200px; height:auto; position:relative; display:inline-block; float:left; background-color:#e7e7e7; border-radius:3px; margin-left:10px; margin-top:20px;}
.icerikHolder .icerik .ic .solmenu .smenu ul {width:200px; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; overflow:hidden; }
.icerikHolder .icerik .ic .solmenu .smenu ul li {width:200px; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; border-bottom:1px solid #d8d8d8;}
.icerikHolder .icerik .ic .solmenu .smenu ul li:last-child {border-bottom:none;}

.icerikHolder .icerik .ic .solmenu .smenu ul li a {width:auto; height:20px; position:relative; display:inline-block; float:left; font-family: Oswald; font-weight:400; font-size:13px; color:#525353; margin:10px;}
.icerikHolder .icerik .ic .solmenu .smenu ul li a:hover {color:#f90925;}

.icerikHolder .icerik .ic .sagmenu {width:650px; height:auto; position:relative; display:inline-block; float:left; margin-left:80px; }
.icerikHolder .icerik .ic .sagmenu h2 {font-family:Oswald; font-size:18px; font-weight:400; letter-spacing:-1px; color:#627125; margin-bottom:10px; margin-top:40px;}
.icerikHolder .icerik .ic .sagmenu p {font-family:'Lucida Sans Unicode'; font-size:13px; font-weight:400; letter-spacing:0px; color:#717170; 
                                      margin-bottom:10px; line-height:15px;}

.icerikHolder .icerik .ic .sagmenu .hizmet{width:630px; height:auto; position:relative; display:inline-block; float:left; margin-bottom:30px; 
                                           padding-bottom:20px;}
.icerikHolder .icerik .ic .sagmenu .hizmet .hizmetSol{width:200px; height:auto; position:relative; display:inline-block; float:left; margin-right:20px;}
.icerikHolder .icerik .ic .sagmenu .hizmet .hizmetSag{width:410px; height:auto; position:relative; display:inline-block; float:left;
                                                      padding-bottom:20px; border-bottom:1px solid #d8d8d8;margin-bottom:20px;
                                                      min-height:150px;
}
.btn
{
    padding:12px;
}

.icerikHolder .icerik .ic .sagmenu .iletisimform{width:100%; height:auto; position:relative; display:inline-block; float:left; margin-top:20px;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .ilet1{position:relative; float:left; display:inline-block; width:250px;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .ilet2{position:relative; float:left; display:inline-block; width:350px;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement{position:relative;float:left;display:inline-block;width:200px;height:auto;margin-top:5px;margin-right:80px;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement .adsoyad{font-size:13px;font-style:italic;position:relative;float:left;display:inline-block;width:185px;height:auto; margin-bottom:5px;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement .adsoyad small{font-size:10px;font-style:italic; position:relative; display:inline-block; float:right; width:100%; height:auto;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement .kutu{position:relative;float:left;display:inline-block;width:185px;height:auto;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement .kutu2{position:relative;float:left;display:inline-block;width:400px;height:auto;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement .kutu input{border:1px solid #d5d5d5;position:relative;float:left;display:inline-block;width:198px;height:24px;padding:5px;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement .kutu2 textarea{border:1px solid #d5d5d5;position:relative;float:left;display:inline-block;padding:5px; overflow:auto;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement .kutu select{margin-top:5px;border:none;width:284px;height:24px;padding:5px; }

.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement input:hover{border:1px solid #808080;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement input:focus{border:1px solid #89001d;}

.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement textarea{border:1px solid #d5d5d5; padding:5px;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement textarea:hover{border:1px solid #808080;}
.icerikHolder .icerik .ic .sagmenu .iletisimform .formElement textarea:focus{border:1px solid #89001d;}

#ContentPlaceHolder1_mesaj{border:1px solid #d5d5d5; padding:5px;}
#ContentPlaceHolder1_mesaj:hover{border:1px solid #808080;}
#ContentPlaceHolder1_mesaj:focus{border:1px solid #89001d;}


#ContentPlaceHolder1_ImageButton1{width:auto; height:auto; position:relative; display:inline-block; float:left; padding:6px 10px 5px 10px; font-family:Arial; font-size:14px; color:#fff; background-color:#89001d; border:none; outline:none;}
#ContentPlaceHolder1_ImageButton1:hover{background-color:#CC0000; cursor:pointer;}


.icerikHolder .icerik .ic .solmenu .smenu .LmBody{width:200px; height:auto; position:relative; display:inline-block; float:left;}
.icerikHolder .icerik .ic .solmenu .smenu .LmBody p{width:100%; height:auto; position:relative; display:inline-block; float:left; list-style-type:none; padding:20px 20px 0px 25px;}
.adress{background:transparent url(../images/house.png) no-repeat left bottom;}
.tel{background:transparent url(../images/phone.png) no-repeat left bottom;}
.fax{background:transparent url(../images/fax.png) no-repeat left bottom;}
.mail{background:transparent url(../images/mail.png) no-repeat left bottom;}



.icerikHolder .icerik .sagmenu .kurres {width:650px; height:auto; position:relative; display:inline-block; float:left; margin-top:15px; }
.icerikHolder .icerik .sagmenu .kurres .res {width:180px; height:auto; position:relative; display:inline-block; float:left; margin-right:20px; margin-bottom:10px;}
.icerikHolder .icerik .sagmenu .kurres .res a {width:180px; height:auto; position:relative; display:inline-block; float:left;}

.icerikHolder .icerik .sagmenu .kurres .res a img {width:180px; height:auto; position:relative; display:inline-block; float:left; margin-left:15px; margin-top:14px; border:5px solid #d1d1d1;}
.icerikHolder .icerik .sagmenu .kurres .res a img:hover{border:5px solid #ff0000;}

/*.icerikHolder .icerik .sagmenu .kurres .res .rescerceve {width:211px; height:224px; position:absolute; display:inline-block; float:left; z-index:99; background:transparent url(../images/cerceve.png) no-repeat center center;}
.icerikHolder .icerik .sagmenu .kurres .res .rescerceve:hover{background:transparent url(../images/cerceve2.png) no-repeat center center;}*/











.fHolder {width:998px; height:100px;margin:0px auto;padding-bottom:35px;}
.fHolder .footer {width:100%; height:30px; position:relative; display:inline-block; float:right; padding-top:15px;padding-bottom:30px;}
    .fHolder .footer .gett
    {
        position:relative;float:left;display:inline-block;
    }
    
        .fHolder .footer .gett a
        {
            color:#ead2d2; font-size:10px;font-weight:bold;font-family: 'Offside', cursive;
        }
            .fHolder .footer .gett a.fffott
            {
                margin-right:0px;
            }
        
        .fHolder .footer .gett a:hover
        {
            color:#fff;text-decoration:underline;
        }
            .fHolder .footer .gett a.fffottSec
            {
             padding-left:20px;   background: transparent url('../images/nokta.gif') no-repeat left center;
            }
    .fHolder .footer .copyRight
    {
         position:relative;float:right;display:inline-block;
    }
    



    /* ==|== media queries ====================================================== */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}
/* ==|== print styles ======================================================= */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* ==|== IE specific styles ================================================= */
.ie7 img { -ms-interpolation-mode: bicubic; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie7 legend { margin-left: -7px; }
.ie7 .clearfix { zoom: 1; }
.ie6 input { vertical-align: text-bottom; }