body,html{ width:100%;height:100%; background:#fff; }
body::after,body::before{content:' '; display:block; position:fixed; left:0; right:0; background:#231F20; height:25px; }
body::after{ top:0; }
body::before{ bottom:0; }

#site{ padding:30px 0; overflow:hidden; height:100%; position:relative;}
#site #ust{ position:relative; height:50%; background:url(renkler.png) no-repeat bottom center; background-size:80% auto; }
#site #ust #logo{ display:table; margin:10px auto; max-width:20%;  }
#site #ust #logo img{ display:block; width:100%; }
#site #ust #slogan { display:block; position:absolute; bottom:-50px; width:200px; left:50%; margin-left:-100px; }

#content{ display:block; min-height:100px; border-top:1px solid #474747; width:100%; max-width:900px; margin:65px auto; }

#menu{ overflow:hidden; list-style:none; margin:15px 0 0 0; padding:0; }
#menu li{height:70px;}
#menu li a{ display:block; text-align:center; font-size:20px; line-height:70px; background:#38B9F5; text-decoration:none; color:#fff; }
#menu li:first-child a{ background:#E21F26; }
#menu li:last-child a{ background:#AEDB0B; }

#icerik{ display:block; font-size:16px; line-height:25px; padding-top:15px; text-align: justify; }

.hizmet{ width:30%; float:left; margin-right:5%; }
.hizmet:last-child{ margin-right:0; }
.hizmet img{ width:100%; }
.hizmet span{ display:block; color:#fff; background:#000; font-size:12px; line-height:30px; text-align: center; }

.iletisim h3{ margin:0; padding:0; font-size:20px; line-height:30px; font-weight:bold; }
.iletisim label{ font-size:15px; font-weight:bold; margin:0; padding:0;}
.iletisim p{ font-size:13px; line-height:18px; }

/*
#site img{ max-width:100%; }

#header{ position:relative; }
#logo{ position:absolute; top:0; left:0; width:100%; height:100%;  }
#logo .logo-sol img{ float:right; width:60%; margin-top:70px; }
#logo .logo-sag p{ color:#2B7DA1; font-size:15px; margin-top:140px; text-indent:50px;}


#content::before{ content:' ';display:block; position:absolute; top:0; left:0; right:0; background:#3a66ad; height:30px; }
#content{ display:block; position:relative; }

#flama{ margin-top:-37px; position:relative; }
#flama p{ display:block; position:absolute; width:100%; padding:40px 30px; font-size:22px; line-height:30px; color:#1A4D6D;}


#navbar{ background:transparent; }

#navbar .navbar-nav>li{ margin-right:15px; }
#navbar .navbar-nav>li>a{ background:#52a9bc; color:#fff; padding:10px 25px; }

#navbar .navbar-nav>li.active>a{background:#194E6D;}

.hizmet p{ display:block; width:100%; height:25px; font-size:11px; line-height:25px; background:#52A9BD; color:#fff; text-indent:10px; margin-top:5px; }
.hizmet p span{ display:block; height:25px; float:right; background:#e4e6e7; }
.hizmet p span img{ display:inline-block; height:22px; }

.iletisim_bilgileri{ padding-top:50px; }
.iletisim_bilgileri label{ display:block; font-weight:bold; margin-top:20px;}
.iletisim_bilgileri p{ margin:0; padding:0; font-size:13px; line-height:20px; }

#footer{ display:block; width:100%; overflow:hidden; text-align:center; color:#42B9C2; padding-top:50px; }
*/