@import url(http://fonts.googleapis.com/css?family=Exo+2&subset=latin,latin-ext);
body{padding:0;margin:0;font-family:'Exo 2',Arial, sans-serif;font-size: 14px;background-color:#E0E0E0;color:#666;line-height:20px;background:url(../images/bgs.jpg) repeat fixed;}
a { border:0 !important;text-decoration:none !important;color:#999999}
a > img { border:0 !important;text-decoration:none !important}
h1 {font-weight:normal;font-size:12px; margin:0;padding:0;}
h2 { font-weight:normal; color:#333; }
.main{width:960px;margin:0 auto;min-height:500px;}
.yukari-cik{bottom:50px;right:50px;padding:5px 10px;color:#37b30b;font-size:14px;position:fixed;display:none;cursor:pointer;background-color:white;font-weight:bold}



/* Header */
.header{ width:100%;height:55px;  }
.header .ust { padding:15px 0 0 0 ;padding:15px 10px 10px 0;margin-top:-13px;}
.header .ust .col1{ float:left;width:300px; }
.header .ust .col2{ float:right;margin:10px 0 0 0; }

.ortabolum{ min-height:400px;}
.ortasutun-1{width:572px;float:left;}
.ortasutun-2{width:378px;float:left;margin-left:10px;}
.ortabolum h2 { font-size:20px;border-bottom:1px solid #555;padding-bottom:7px;margin-top:5px;}

.nedenbiz{min-height:415px;padding:10px;}
.duyurular{ padding:10px; min-height:200px;}
.sosyalmedya{padding:10px;min-height:385px;margin-top:10px;}
.nedenwebsitesi{min-height:170px;padding:10px;margin-top:10px;}

.ustiletisim{font-size:15px }

/* Sosyal Kutu */

.sosyalkutu{min-height:200px}

.sosyalkutu h5{ font-size:12px;margin:0;padding:0 }
#mustericrsl{ list-style-type:none;margin:0;padding:0; }
#mustericrsl li{border-left:10px #777 solid;min-height:60px;padding-left:5px; margin-bottom:10px}
#mustericrsl h6 {margin:0;font-size:10px;padding:0;line-height:12px}
.facebook{display:none;}
.twitter{display:none}

/* Anasayfa - Tab butonlar*/
.tabbuton{ padding:5px 14px;float:left;margin-right:15px;background-color:#e2e2e2;color:#333;border:1px solid #DDD;font-weight:normal;margin-top:0px;cursor:pointer;margin-top:-10px; }
.tabbuton:hover{background:#777;color:white;}
.tabbutonaktif{background:#777;color:white;}
/* Anasayfa Hizmetlerimi */
.anasayfa-hizmetlerimiz{width: 164px;float:left;min-height:205px; overflow: hidden; margin-top: 10px; margin-right: 10px;padding: 10px;cursor:pointer;border-radius:7px;}
.anasayfa-hizmetlerimiz:hover {}
.anasayfa-hizmetlerimiz h2 {font-size: 17px; margin-bottom: 0px;font-family:'Exo 2',Arial, sans-serif;;letter-spacing:-1px;padding-bottom:7px;margin-top:7px;border:none;}
.anasayfa-hizmetlerimiz:hover h2 {color: rgb(55, 179, 11);}
.anasayfa-hizmetlerimiz .ortaalan-resim {text-align: center;border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:5px;}
.anasayfa-hizmetlerimiz .ortaalan-resim img {width: 140px; height: 100px;}
.anasayfa-hizmetlerimiz .ortaalan-aciklama {line-height: 14px; font-size: 11px;}

/* Menu */
.navigasyon{margin-bottom:70px;margin-top:10px;}

.menu{ list-style-type:none; margin:0 0 0 0;padding:0;}
.menu > li{padding:4px;float:left;background: url("../images/menu-spacer.gif") repeat-y 0px 0px;
background-color: rgb(236, 236, 236);
}
.menu > li:first-child{background:none !important; }
.menu > li > a{padding: 9px 20px 9px 15px;text-align: center; display: block; color:#333333;font-weight:bold;}
.menu > li:hover > a{background-color:#37b30b;float:left;color:white;border-radius:7px;}
.menu > li > ul{margin:0;display:none;position:absolute; background-color:#f8f8f8;margin-top:38px;margin-left:-243px;width:960px; z-index:5;border-bottom:5px solid gray;min-height:200px;border-top:5px solid gray;padding:0}
.menu li:hover ul{display:block;}
.active{padding: 9px 0px; width: 178px; text-align: center; display: block; color:#333333}

.hizmetaciklama{width:280px;display:block;min-height:150px;float:left;font-size:13px;padding-left:20px;}
.hizmetaciklama h4{padding:0;margin:0;font-size:16px;font-weight:normal;color:#37b30b;margin-bottom:15px;}
.hizmetlerlist{float:left;margin-left:80px;width:580px;}
.hizmetlerlist ul{margin:0;padding:0;padding-left:20px;background-color:red;width:500px;list-style-type:circle}
.hizmetlerlist ul li{ float:left;height:20px;width:200px; border-bottom:1px solid #ccc;margin-left:40px;margin-bottom:10px;padding-bottom:10px;color:#333; }
.hizmetlerlist ul li a{ color:#333; }
.hizmetlerlist ul li:hover { color:#37b30b;border-color:#37b30b;}
.hizmetlerlist ul li:hover a {color:#37b30b}

/* Duyurular */
.duyuruul{ list-style-type:none;margin:0;padding:0;cursor:pointer; }
.duyuruul li { display:inline-block;height:70px;width:355px;margin-bottom:5px; }
.duyurutarih{ width:75px;float:left;background-color:#777;padding-right:10px; color:white; text-align:center;padding-top:15px;height:55px;font-weight:bold;}
.duyurudetay{ width:260px;float:left;background-color:#f0f0f0;height:100%;padding-left:10px; }

/* Referanslar */
.referanslar { padding: 10px; width: 164px; text-align: center; overflow: hidden; float: left; min-height: 130px;margin-right:10px;margin-bottom:10px;}
.referanslar-last{margin-right:0px !important; }
.referanslar a {color: gray; text-decoration: none;}
.referanslar  a img {height: 90px; max-width: 150px  }
.referanslar h2 {margin: 0px auto !important; padding: 0px !important; text-align: center; font-size: 13px;letter-spacing:-1px}
.refgorsel {border: 1px solid rgb(204, 204, 204); width: 450px; margin-top: -100px; margin-left: 150px;   position: absolute;display:none;  }
.refgorsel-son {border: 1px solid rgb(204, 204, 204); width: 450px; margin-top: -100px; margin-left: -330px;  position: absolute;display:none}


/* Hizmetlerimiz */
.hizmetsol{ float:left;width:245px;margin-right:20px;padding:10px;min-height:400px; position:fixed}
.hizmetsag{ float:left;width:655px;min-height:1500px;padding:10px;margin-left:285px }
.hizmetlerblok{ padding:10px;width:635px;margin-bottom:20px;cursor:pointer;background-color:#fcfcfc;}
.hizmetlerblok p{display:none;cursor:default;}
.ackapa{ padding-left:30px;background:url(../images/plus.png) no-repeat ; cursor:pointer;font-size:13px !important;border:none !important;font-weight:bold}

.hizmetlersolul{margin:0;padding:0 0 5px 20px;}
.hizmetlersolul li { line-height:23px; }
.hizmetlersolul li a { color:#333;font-size:13px;}
.hizmetlersolul li ul {margin:0;padding:0 0 0 20px;}

/* İletişim */
.iletisim-ana-blok {background: rgb(248, 248, 248);  width: 680px; overflow: hidden; margin-right: 10px; float: left;  }
.icerik-mek {padding: 15px; height: 460px;}
.iletisim-sag-blok {background: url("../images/AnaUrunSolOk.png") no-repeat 10px 15px rgb(248, 248, 248) !important; padding: 20px 10px;  width: 250px; overflow: hidden; margin-bottom: 10px; float: left; cursor: pointer;height:50px;}
.iletisim-sag-blok:hover {	background: url("../images/AnaUrunSolOkh.png") no-repeat 10px 15px rgb(248, 248, 248) !important;}
.iletisim-sag-blokaktif {background: url("../images/AnaUrunSolOkh.png") no-repeat 10px 15px rgb(248, 248, 248) !important;}
.iletisim-sag-blok a {	color: gray;}
.iletisim-sag-blok a {	color: gray; text-decoration: none;}
.iletisim-sag-blok h3 {	padding: 0px; margin-top:0;font-weight:normal;font-size:16px;}
.iletisim-sag-blok h5 {	margin: 0px; padding: 0px;}
.iletisim-sag-blok-ok {	width: 50px; height: 47px; float: left;}

.baslikb { width: 180px; height: 125px; text-align: right; color: white; padding-top: 15px; padding-right: 20px; font-weight: bold; float: left; background-color: rgb(102, 102, 102);}
.f-label {width: 200px; font-size: 16px; float: left;font-weight:normal;}

/* Footer Main */
.footer{ background:url(../images/footer-bg1.png ) repeat #333;margin-top:10px;}
.footer-main{width:960px;margin:0 auto;padding:20px 0 70px 0}
.footer-col{ width:160px;margin-left:17px; float:left; min-height:140px; }
.wson{width:185px !important}
.footer-col:first-child{ margin-left:0;}
.footer-col h2 { color:#fff;font-size:15px;}
.footer-col ul { list-style-type:none;padding:0;margin:0 0 0 3px;}
.footer-col ul li  a { font-size:11px;color:#FFFFFF; line-height:15px;}
.footer-col ul li  a img { height:60px;margin-left:15px;}
.footer-col ul li  a span { float:left;width:120px}
.fibaslik{ width:55px !important; }


/* Reset & Sık kullanılan */
.tcenter{text-align:center;}
.mb10 {	margin-bottom: 10px;}
.td{text-decoration:underline !important;}
.clear{clear:both;}
.mr0{margin-right:0;}
.ml0{margin-left:0 }
.hfix{height:13px;}
.fleft{float:left;}
.pfix{padding:10px;}
.mtfix{margin-top:10px;}
.pt25{padding-top:25px}
.bold{font-weight:bold;}
.kutu{	background: rgb(248, 248, 248);border-radius:7px;}
.kutuh{display:block}
.kutuh:hover{ }




#sbt {
    position: fixed;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
background-color: rgb(41, 130, 201);
z-index:1000;
}
#sbt .form {
    width: 800px;
    margin: 0 auto;

}
#sbt .form .send {
    width: 100%;
    height: 40px;
   
    padding-left: 10px;

}
#sbt .form .send p{
    width:480px;
    float:left;
    clear:both;
    position:relative;
    padding-top: 2px;
    padding-left: 10px;
    margin: 0;

}
#sbt .form .send label{
    float:left;

    text-align:right;
    margin:10px 0px 5px 2px;
    padding-right:10px;
    font: bold 14px Tahoma;
color: rgb(253, 250, 250);
}
#sbt .form .send input[type="text"] {
    float:left;
    margin:5px 0px 5px 0px;
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    padding:4px 4px 6px 4px;
    width:140px;
    border:1px solid #ddd;
    color:#e73c00;;
   
   
}
#sbt .form .send input[type="text"]:focus {
    
   
}
#sbt .form .send input[type="button"]{
    background: transparent;

    cursor:pointer;
    color:#FFF;
    float:left;
    border:none;
    font-family: Georgia, serif;
    font-weight:bold;
    font-size:26px;
    padding-top:20px;
	margin-top:20px;
}


#sbt .form .send input[type="button"]:hover{
    color:#e73c00;
}
#sbt .form .send div.submit{
    margin-top : 7px;
    float: left;
    height:30px;
}

.mainb {
    background: url(images/mainb.png) 0 0 no-repeat;
    height: 15px;
    margin-bottom: 110px;
	
}

#contact-area { width:auto; padding: 10px; height:auto !important;text-align:left; }
#contact-area input, #contact-area textarea { padding:2px;width:300px;font-family:Helvetica, sans-serif;font-size:0.8em;margin:0px 0px 10px 0px;border:2px solid #ccc; }
#contact-area select { padding:2px;width:auto;font-family:Helvetica, sans-serif;font-size:0.8em;margin:0px 0px 10px 0px;border:2px solid #ccc; }
#contact-area input { height: 16px; }
#contact-area select { height: 26px; }
#contact-area textarea { height: 90px; }
#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus { border: 2px solid #900; }
#contact-area input.submit-button { width: 100px; float: left; height:20px; cursor: pointer; }
#contact-area input.submit-button:hover { color: #FFF; }