@charset "utf-8";
/******************************** CSS STYLE CODE ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;list-style-type: none;}
html {-webkit-font-smoothing: antialiased; font:12px 'Helvetica Neue', Arial, Helvetica, sans-serif;}
html,body{ width:100%; height:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
header,section,footer{ display:block;}
a{ text-decoration:none;}
#header,#section,#footer{ width:980px; margin:0 auto;}
section{ height:709px;}
/******************************** BACKGROUND IMG  ********************************/
body{ font: 12px Arial, Helvetica, sans-serif; overflow:hidden;}
footer{background:url(../../img/background/footer.jpg) 0 0 repeat-x; height:67px; width:100%; position:fixed; bottom:0;}
/********************************  NAV MENÜ ********************************/
.nav-menu {padding-top:32px;}
.nav-menu ul{ display:table;text-align:center;}
.nav-menu ul li{ float:left;border-bottom:solid 1px #b3b3b3; border-top:solid 1px #b3b3b3;position: relative;height:50px;}
.nav-menu ul li a{z-index:100;position:relative; padding:0 32px; font-size:12px; color:#dbdbdb; font-weight:bold; text-decoration:none;margin:0;display:block !important;}
.nav-menu ul li.logo{ border:none;position: absolute;
top: -20px;
left: 50%;
margin-left: -100px; }
.nav-menu ul li.logo img{ display:block; }
.nav-menu ul li.logo a{ padding:25px 25px; display:block;}
.nav-menu ul li>ul {position:absolute;z-index:99;background:rgba(256,256,256,0.6);display:none;width:140px;}
.nav-menu ul li>ul li { height:30px;line-height:30px;border:none;width:140px;}
.nav-menu ul li>ul a{ text-align:center;padding:0 10px; font-size:11px; color:rgba(0,0,0,0.6); font-weight:bold; text-decoration:none;}
.nav-menu ul li:hover ul{display:block;}
/********************************  SAYFALAMA LİST ********************************/
#sayfalama{ display:block; width:100%; font-size:12px; padding:0 11px;margin-top:10px;}
#sayfalama span{ font-weight:bold; color:#545454;}
#sayfalama a{ font-weight:normal; color:#545454;}
#sayfalama a:hover{ font-weight:bold; color:#545454;}
.all-post{ text-align:right; margin:15px 0;position: absolute;top: 0;right: 20px;}
.all-post a{ font-weight: bold; color: #545454;}
/********************************  PROJELER LİST ********************************/
.home-proje-list{ background:rgba(182,182,182,0.9); box-shadow:0 0 8px rgba(0,0,0,0.5); padding:25px; margin:0;height:400px;position:absolute;top:20%;width:930px;}
.home-proje-list-title{ padding:0 11px; color:#545454; font-size:16px; font-weight:bold;}
.proje-list{ display:table; width:100%;}
.proje-list .title{background:#686868; padding:0 5px 5px 5px; color:#c3c3c3; overflow:hidden;}
.proje-list li{ float:left; padding:15px 9.5px;width:136px;height:143px !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.proje-list li a{ display:block; background:#686868; padding:5px;}
.proje-list li a img{ width:126px; height:126px;}
#footer{ color:#939292; text-align:center; line-height:50px;}
#footer a{ color:#939292;}
#footer a:hover{ text-decoration:underline; color:#939292;}
.widget-commend{ display:table; width:100%; padding:11px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.home-news-list{ position:fixed; width:100%; height:59px;background-color:rgba(0,0,0,0.5); left:50%; bottom:100px; padding:15px;}
.home-news-list .news-list-bg{ display:table;position:relative;width:480px;height:59px;}
.news-list{ display:table;} 
.news-list li{ float:left; width:400px; color:#dbdbdb;
;}
.news-list li a{ color:#dbdbdb;
; font-weight:bold;}
#news-prev{ position:absolute; right:0; top:-15px; width:75px; height:44px; background: #b9b9b9 url(../../img/prev.png) center center no-repeat;}
#news-next{ position:absolute; right:0; bottom:-15px; width:75px; height:44px; background: #b9b9b9 url(../../img/next.png) center center no-repeat;}
.img{ background: #686868; padding: 5px;}
.widget-commend{ width:100%; cursor:auto; height:400px;display:block !important;}
.maps{ background: #686868; padding: 5px;height:170px;} .maps iframe {height:170px !important}
small a{ display:none;font-size:11px; color:#545454 !important;}small a:hover{ font-size:11px; color:#000 !important;}
/******************************** FORM LİST CSS CODE ********************************/
.form-list{ padding:2px 0;}
.form-button{ padding:0;}
.form-list label{ padding:0 15px 0 0;width:100px; color:#656565; font-weight:bold; font-size:12px; display:block;}
.form-list em{ font-size:11px; color:#666; padding:0 0 0 10px; text-shadow:1px 1px 0 rgba(255,255,255,1);}
.form-list input[type=text],.form-list textarea{ outline:none; border:solid 1px #ccc; padding:3px 5px; margin:0; font-size:11px;}
.form-list input[type=text]:focus,.form-list textarea:focus{ border-color: rgba(0, 0, 0, 0.3);outline: 0;outline: none;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2);}
.contact{ padding:10px 0;}
/******************************** CONTACT LİST CSS CODE ********************************/
ul.contact-list{ width:400px; padding:5px 0;}
ul.contact-list li{ padding:3px 0;border-bottom: dotted 1px #ccc;-webkit-box-shadow: 0px 1px 2px -1px rgba(229, 229, 229, 1);box-shadow: 0px 1px 2px -1px rgba(229, 229, 229, 1); color: #656565; }
/******************************** FORM HATA  | VALIDATE  CSS KODLARI ********************************/
.form-list em{ font-size:10px; color: #900; display:block; font-family:Thoma, Helvetica, sans-serif;}
.form-list label.error{ padding:0 !important; display:block; font-weight:normal !important; width:auto !important; float:none !important; font-size:11px; color:rgba(153,0,0,1); line-height:18px; border:none !important; margin:0 !important;}
input.error,select.error,textarea.error{ border: solid 1px rgba(153,0,0,0.3) !important;box-shadow:0 0 2px 1px rgba(153,0,0,1) !important;}
input.valid,textarea.valid,select.valid{ border: solid 1px #C1D779 !important;box-shadow:0 0 4px #C1D779 !important;}
.sol{ float:left;}
.sag{ float:right;}

.basvuru {outline:none; border:solid 1px #ccc; padding:3px 5px; margin:0; font-size:11px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.basvur {outline:none; border:solid 1px #ccc; padding:3px 5px; margin:0; font-size:11px;width:100%;height:70px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;margin-top:8px;}
.il {outline:none; border:solid 1px #ccc; padding:3px 5px; margin:0; font-size:11px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
.tt {outline:none; border:solid 1px #ccc; padding:3px 5px; margin:0; font-size:11px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
#basvuru tr {height:30px;}