@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
body {  font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#CFDFE9; background:url(../images/main_bg.jpg) top center no-repeat #EFEFEF;   }
a { text-decoration:none; transition:all 0.2s ease-in-out; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
.bold { font-weight:bold;}
.bold2 { font-weight:600;}
.bosluk10 { height:10px; }
.bosluk20 { height:20px; }
.page_container { width:1180px; height:auto; margin:0 auto;   }
.clear { clear:both;} 
.floatLeft { float:left;}
.floatRight { float:right;}
.link { color:#CFDFE9; } 
.font14 { font-size:14px; line-height:20px; }
img { display:block; }
p { margin-bottom:15px; }
#map { width:100%; height:300px; }

.header { position:absolute; width:100%; height:75px; background:#385F75;  }
.header .logo { float:left; margin-top:1px; }
.header .menu { float:right; line-height:75px; }
.header .menu ul li { float:left; }
.header .menu ul li a { font-size:16px; font-weight:600; color:#CFDFE9; display:block; padding:0 20px; }
.header .menu ul li a:hover { background:#33576A; color:#FFF; }

.content { width:1180px; height:auto; margin:0 auto; margin-bottom:90px; position:relative; top:80px; padding:25px;  }
.page_left { width:780px; float:left; background:#385F75; min-height:500px;  }
.page_left h1 {  padding:25px 20px; font-size:28px; background:#305365; color:#FFF; }
.page_left h2 { font-size:20px; }
.page_left h3 { font-size:18px; font-weight:600; margin-bottom:5px; color:#FFF; }
.page_left .icerik {  padding:25px 20px;  }

.page_right { width:400px; float:right; margin-top:67px;  background:#305365; }
.page_right .left_menu { padding:25px 20px; }
.page_right .left_menu .menu_baslik { font-size:20px; padding-bottom:20px; border-bottom:1px solid #427088; margin-bottom:15px; }
.page_right .left_menu ul li a { display:block; border-left: 4px solid #427088; margin-bottom:2px; padding:5px; padding-left:15px; color:#659BB6; font-size:14px; }
.page_right .left_menu ul li a:hover {  border-left: 4px solid #CFDFE9; color:#CFDFE9; }

.subImages img { width:100%; height:auto; position:fixed; z-index:-1 }

.footer { position:absolute; width:100%; height:auto; background:#385F75; bottom:0; color:#CFDFE9; font-size:12px; line-height:16px;  }
.footerSub {width:100%; height:auto; background:#385F75; color:#CFDFE9; font-size:12px; line-height:16px; }
.footer a, .footerSub a { color:#CFDFE9; }
.footer a:hover, .footerSub a:hover { text-decoration:underline; color:#FFF; }
.footer_baslik { font-size:16px; font-weight:600; margin-bottom:8px; color:#FFF; }
.footer_top { padding:15px 0; padding-bottom:10px; height:auto; border-bottom:1px solid #427088;  }
.footer_top ul { float:left; margin-right:50px;  }
.footer_top .eBulten { width:400px; position:relative; overflow:hidden; } 
.footer_top .txtBulten { width:100%; height:30px; border:none; background:#EEE; padding:0 10px; }
.footer_top .btnBulten { position:absolute; right:0; margin-top:-30px; z-index:100; background:url(../images/bulten_ekle2.jpg) 0 0 no-repeat; width:38px; height:30px; border:none;   }
.footer_top .btnBulten:hover { cursor:pointer;   }
.footer_top .sosyal { margin-top:10px;}
.footer_top .sosyal ul { float:right;  margin-left:10px; margin-right:0 }
.footer_top .sosyal ul li { float:left; margin-left:5px;  }
.footer_top .sosyal .footer_baslik2 { float:right; font-size:16px; font-weight:600; margin-top:6px; color:#FFF; }
.footer_middle {  border-top:1px solid #427088; border-bottom:1px solid #427088; height:56px; line-height:56px;    }
.footer_middle .musteri { font-size:16px; font-weight:600;   }
.footer_middle .musteri span { color: #81B4C5;   }
.footer_middle .sosyal .footer_baslik2 { float:right; font-size:16px; font-weight:600; }
.footer_middle .sosyal { float:right; }
.footer_middle .sosyal ul { float:right; margin-top:10px; margin-left:5px; }
.footer_middle .sosyal ul li { float:left; margin-left:5px;  }
.footer_bottom { padding:10px 0; font-size:12px;  }

ul.galeri li { float:left; width:23%; margin-right:2%; margin-bottom:2%; }
ul.galeri li.sifir { margin-right:0%; }
ul.galeri li img { width:100%; height:auto; }

table.referans th { font-size:14px; font-weight:600; padding:10px; border-bottom:3px solid #487C99; text-align:left; }
table.referans td {padding:10px; border-bottom:1px solid #487C99;  }
table.referans tr:hover { background:#305365; }

.proje_liste .proje { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #4F87A6;  }
.proje_liste .proje .proje_image { float:right; width:170px; }
.proje_liste .proje .proje_image img { border:3px solid #4F87A6; }
.proje_liste .proje .proje_bilgi { width:70%; float:left; }
.proje_liste .proje .proje_adi { font-size:18px; color:#FFF; margin-bottom:15px; margin-top:10px; }
.proje_liste .proje .proje_link { font-size:12px; color:#FFF; margin-bottom:15px; margin-top:10px; text-decoration:underline; }

.haberler .haber-baslik { font-size:16px; margin-bottom:15px; font-weight:600; color:#659BB6; }
.haberler ul li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #4F87A6; }
.haberler ul li .haber-image { float:left; width:17%; }
.haberler ul li .haber-image img { width:100%; height:auto; }
.haberler ul li .haber-icerik { float:right; width:80%; }
.haberler ul li .haber-icerik .haber-baslik { font-size:14px; font-weight:600; margin-bottom:5px;  }
.haberler ul li .haber-icerik .haber-aciklama { margin-bottom:5px; }
.haberler ul li .haber-icerik .haber-detay a { color:#CFDFE9; }
.haberler ul li .haber-icerik .haber-detay a:hover { text-decoration:underline; }
.haberler ul li .haber-icerik .haber-detay i { margin-right:7px; }

#form1 label { display:block; margin-bottom:5px; }
#form1 fieldset { margin-bottom:10px; } 
#form1 .textbox { padding:5px 10px; border:1px solid #487C99; background:#3E6A82; color:#CFDFE9;   width:300px; font-size:13px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; transition:all 0.2s ease-in-out;  }
#form1 .textarea { padding:5px 10px; border:1px solid #487C99; background:#3E6A82; color:#CFDFE9; width:400px; height:80px; display:block; font-size:13px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; transition:all 0.2s ease-in-out;  }
#form1 .selectbox { padding:5px 10px; border:1px solid #487C99; background:#3E6A82; color:#CFDFE9; width:320px; font-size:13px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; transition:all 0.2s ease-in-out;  }
#form1 .btnGonder { padding:5px 20px; border:none; font-size:14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; transition:all 0.2s ease-in-out; background:#42718A; color:#FFF;   }
#form1 .btnGonder:hover { background:#305365; cursor:pointer; }
#form1 .textbox:hover, #form1 .textarea:hover, #form1 .selectbox:hover, #form1 .textbox:focus, #form1 .textarea:focus, #form1 .selectbox:focus { border:1px solid #518CAC; box-shadow:0px 0px 3px #518CAC;  }


@media screen and (max-width: 1196px) { 
	.page_container { width:980px; height:auto; margin:0 auto;  }
	.page_left { width:680px; float:left;  }
	.page_right { width:300px; float:right; margin-top:67px;  }
	.content { width:980px; height:auto; margin:0 auto; margin-bottom:150px; position:relative; top:130px; padding:25px;  }
 }