/* Oyos Yazılım 18 Şubat 2016 - ismail ihsan bülbül - e-ben@msn.com */ body {font-family: 'PT Sans', sans-serif; font-size:14px; color:#121212; background:#161616;} a {color:#654427;} a:hover {color:#955b28;} p {margin-bottom:10px;} strong {font-weight:700;} #header {background:#010101; max-width:1400px; min-width:1000px; margin:auto; border-top:5px solid #d59a4a;} #header #hort {width:1000px; margin:auto;} #header #hort h1 {float:left; margin-top:13px;} #header #hort h1 a {width:270px; height:90px; background:url('../images/logo.png') top left no-repeat; float:left; display:block; text-indent:-9999px; margin-bottom:25px;} #header #hort>ul {float:right; list-style:none; margin-top:45px;} #header #hort>ul>li {float:left; margin-left:54px; position:relative;} #header #hort>ul>li>a {font-size:16px; font-weight:700; color:#fff; float:left;} #header #hort>ul>li>a:hover,#header #hort>ul li>a.aktif {color:#d59a4a;} #header #hort>ul>li>a>span {font-size:12px; color:#fff; font-weight:400; display:block;} #header #hort>ul>li>a:hover span,#header #hort>ul>li>a.aktif span {color:#e9cda7;} #header #hort>ul>li>#amenu {padding-top:30px; z-index:99; margin-top:18px; position:absolute; display:none;} #header #hort>ul>li>#amenu>ul {width:180px; float:left; padding:15px 15px 5px 15px; background:#fff; border-bottom:5px solid #d59a4a; list-style:none;} #header #hort>ul>li>#amenu>ul>li {width:100%; float:left;} #header #hort>ul>li>#amenu>ul>li>a {float:left; width:100%; padding-bottom:10px; border-bottom:1px solid #dddddd; margin-bottom:10px; color:#181818;} #header #hort>ul>li>#amenu>ul>li>a:hover {color:#6c4a1c;} #header #hort>ul>li>#amenu>ul>li:last-child>a {border-bottom:none; margin-bottom:0px;} #header #hort>ul>li:hover>#amenu {display:block;} #slider {max-width:1400px; min-width:1000px; height:600px; background:#c4d2dc; overflow:hidden; margin:auto; border-bottom:5px solid #d59a4a; position:relative;} #slider a.fa {font-size:76px; color:#000; opacity:0.8; position:absolute; z-index:99; top:270px;} #slider a.fa-angle-left {left:30px;} #slider a.fa-angle-right {right:30px;} #slider ul {list-style:none; float:left; width:100%; height:600px; overflow:hidden;} #slider ul li {float:left; width:100%;} #slider ul li .sort {width:1000px; margin:auto; height:600px; } #slider ul li .sort .text {width:430px; height:70px; padding:30px 20px; background:#000; color:#fff; border-bottom:5px solid #d59a4a; float:left; margin-top:365px; opacity:0.8;} #slider ul li .sort .text h3 {width:100%; font-weight:700; font-size:22px; float:left; margin-bottom:10px; letter-spacing:3px;} #slider ul li .sort .text h3 a {color:#f8a633;} #slider ul li .sort .text span {width:100%; letter-spacing:2px;} #slider #ist_ort {width:1000px; margin:auto; position:relative; top:0px; z-index:99;} #slider #istek {width:245px; padding:20px; color:#fff; background:#000; border-bottom:5px solid #d59a4a; position:absolute; top:145px; right:0px; opacity:0.9;} #slider #istek p {font-size:16px; font-weight:700; margin-bottom:8px; width:100%; float:left;} #slider #istek p.tel {font-size:32px;} #slider #istek p.tel span {color:#f8a633; float:left; margin-right:15px;} #slider #istek form {width:100%; float:left;} #slider #istek .frm_box {width:100%; float:left; margin-bottom:10px; height:45px; position:relative;} #slider #istek .frm_box input[type="text"] {font-family: 'PT Sans', sans-serif; border:none; width:100%; padding:10px 15px; box-sizing:border-box; position:absolute; height:45px; line-height:45px; top:0px; left:0px;} #slider #istek .frm_box i {position:absolute; z-index:99; font-size:16px; color:#444444; right:15px; top:15px;} #slider #istek input[type="submit"] {font-family: 'PT Sans', sans-serif; height:40px; line-height:40px; width:100%; text-align:center; font-size:16px; font-weight:700; letter-spacing:3px; border:none; background:#d49a49; color:#151515;} #projeler {width:1000px; height:160px; background:#010101; margin:auto; border-bottom:5px solid #d59a4a; margin-top:-85px; margin-bottom:20px; z-index:99; position:relative;} #projeler #pcerceve {width:960px; height:130px; float:left; overflow:hidden; position:relative; margin-top:15px; margin-left:20px;} #projeler #pcerceve ul {width:9999px; height:130px; float:left; list-style:none;} #projeler #pcerceve ul li {width:180px; height:130px; float:left; margin-right:15px;} #projeler #pcerceve ul li a{width:180px; height:130px; position:relative; float:left; display:block;} #projeler #pcerceve ul li a img{width:180px; background:#c4d2dc; height:130px; background:#c4d2dc; display:block; position:absolute; top:0px; left:0px; z-index:1;} #projeler #pcerceve ul li a span{width:100%; padding:10px; background:#000; opacity:0.8; box-sizing:border-box; font-size:12px; color:#fff; bottom:0px; left:0px; position:absolute; z-index:2;} #projeler a.fa {width:50px; height:40px; line-height:40px; text-align:center; background:#fff; color:#000000; font-size:20px; position:absolute; z-index:99; top:60px;} #projeler a.fa-chevron-left {left:-25px;} #projeler a.fa-chevron-right {right:-25px;} #aicerik {width:1000px; margin:auto; margin-bottom:20px;} #aicerik .icerik_box {float:left; width:320px; height:290px; border-bottom:5px solid #d59a4a; position:relative;} #aicerik .icerik_box a {width:320px; height:290px; display:block; position:relative; top:0px; left:0px;} #aicerik .icerik_box a img {width:320px; height:290px; background:#c4d2dc; position:absolute; display:block; left:0px; top:0px; z-index:1;} #aicerik .icerik_box a .text {width:100%; position:absolute; bottom:0px; left:0px; background:#000; height:75px; padding:0 20px; box-sizing:border-box; z-index:2; opacity:0.8;} #aicerik .icerik_box a .text h5 {width:180px; float:left; margin-top:20px; margin-bottom:5px; color:#fff; font-weight:700; letter-spacing:3px;} #aicerik .icerik_box a .text span {width:180px; float:left; font-size:12px; color:#fff;} #aicerik .icerik_box a .text .devam {position:absolute; right:15px; bottom:20px; padding:10px 15px; border:1px solid #fff; font-weight:400; margin-top:20px; letter-spacing:2px; color:#fff;} #aicerik #kampanya {margin-right:15px;} #aicerik #proje {} #aicerik #ahaberler {float:right; width:280px; height:250px; padding:20px; background:#000; color:#fff; border-bottom:5px solid #d59a4a;} #aicerik #ahaberler h3 {width:100%; float:left; font-size:18px; font-weight:700; border-bottom:1px solid #0d0d0d; padding-bottom:10px;} #aicerik #ahaberler h3 a {float:right; font-size:18px; font-weight:400; color:#000000; padding:4px 5px; font-size:12px; background:#d49a49;} #aicerik #ahaberler .ahaber {float:left; width:280px; margin-top:13px;} #aicerik #ahaberler .ahaber a.res {width:75px; height:60px; position:relative; display:block; float:left;} #aicerik #ahaberler .ahaber a.res img {width:75px; height:60px; background:#c4d2dc; display:block; position:absolute; z-index:1; left:0px; top:0px;} #aicerik #ahaberler .ahaber a.res i {width:15px; height:15px; background:#d49a49; color:#000; font-size:12px; line-height:15px; text-align:center; position:absolute; z-index:2; bottom:5px; right:-5px;} #aicerik #ahaberler .ahaber a.text {width:190px; float:right; color:#fff; font-weight:700;} #aicerik #ahaberler .ahaber span.maciklama {width:190px; float:right; color:#fff;} #sosyal {max-width:1400px; min-width:1000px; height:264px; border-bottom:5px solid #d59a4a; background:url('../images/sosyal_bg.png') top center #141b1f; margin:auto; color:#fff; margin-bottom:20px;} #sosyal h5 {width:100%; margin-top:65px; letter-spacing:3px; float:left; text-align:center; font-size:25px; font-weight:700; margin-bottom:15px;} #sosyal span {width:100%; letter-spacing:3px; float:left; text-align:center; margin-bottom:40px;} #sosyal ul {list-style:none; margin:auto; display:table;} #sosyal ul li {float:left; margin:0 20px;} #sosyal ul li a {font-size:40px; display:block; float:left; color:#fff;} #alt_projeler {width:1000px; margin:auto; position:relative; margin-bottom:20px; z-index:999; margin-bottom:20px;} #alt_projeler .pbox {margin-right:13px; width:320px; height:250px; display:block; position:relative; float:left; border-bottom:5px solid #d59a4a; } #alt_projeler .pbox:last-child {float:right; margin:0px;} #alt_projeler .pbox img {width:320px; height:250px; background:#c4d2dc; display:block; position:absolute; z-index:1;} #alt_projeler .pbox .text {width:280px; height:210px; display:block; background:#000; margin:20px; z-index:2; position:absolute; opacity:0.9;} #alt_projeler .pbox .text h3 {width:100%; margin-top:50px; float:left; font-size:16px; font-weight:700; letter-spacing:2px;} #alt_projeler .pbox .text h3 a {color:#fff; width:100%; float:left; text-align:center;} #alt_projeler .pbox .text span {padding:10px 20px; color:#fff; width:100%; box-sizing:border-box; text-align:center; float:left; margin-bottom:10px;} #alt_projeler .pbox .text a.detay {padding:10px 20px; display:block; border:1px solid #fff; color:#fff; letter-spacing:2px; float:left; margin-left:75px;} #footer {width:100%; float:left;} #footer #fust {max-width:1400px; min-width:1000px; margin:auto; background:#060606; color:#fff;} #footer #fust #fust_ort {width:1000px; margin:auto; padding:40px 0;} #footer #fust #fust_ort #hakki {width:545px; float:left;} #footer #fust #fust_ort #hakki h4 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:20px;} #footer #fust #fust_ort #hakki p {} #footer #fust #fust_ort #iletisim {width:410px; float:right;} #footer #fust #fust_ort #iletisim h4 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:20px;} #footer #fust #fust_ort #iletisim ul {padding-left:40px; margin-top:15px; list-style:none; width:100%; box-sizing:border-box;} #footer #fust #fust_ort #iletisim ul li{width:100%; float:left; margin-bottom:15px;} #footer #fust #fust_ort #iletisim ul li i {float:left; margin-right:8px; margin-top:3px;} #footer #falt {max-width:1400px; min-width:1000px; margin:auto; background:#010101; border-bottom:5px solid #d59a4a; } #footer #falt #falt_ort {width:1000px; margin:auto; padding:20px 0;} #footer #falt #falt_ort #fcop {width:700px; float:left; font-size:12px;} #footer #falt #falt_ort #fcop p {} #footer #falt #falt_ort #fcop p:first-child {color:#fff;} #footer #falt #falt_ort #fcop p:last-child {color:#7d7d7d;} #footer #falt #falt_ort a {float:right;} #sayfa_cerceve {max-width:1400px; min-width:1000px; margin:auto; border-top:5px solid #d59a4a; border-bottom:5px solid #d59a4a; background: #fff;} #sayfa {width:960px; padding:20px; margin:auto; background:#fff; position:relative; z-index:2;} #sayfa #sayfa_haberler {width:918px; float:left;} #sayfa #sayfa_haberler .haber {width:440px;} #sayfa #sayfa_haberler .haber:first-child {float:left;} #sayfa #sayfa_haberler .haber:last-child {float:right;} #sayfa #sayfa_haberler .haber a.resim {float:left;} #sayfa #sayfa_haberler .haber a.resim img {width:120px; height:120px; border-radius:120px; float:left; margin-right:15px; display:block; background:#ebebeb;} #sayfa #sayfa_haberler .haber h2 {width:305px; float:left; margin-bottom:5px; font-size:18px; margin-top:9px;} #sayfa #sayfa_haberler .haber h2 a {float:left;} #sayfa #sayfa_haberler .haber span {width:305px; float:left;} #sayfa #sayfa_orta {width:760px; float:left;} #sayfa #sayfa_orta .iresim {float:left; max-width:300px; display:block; margin-right:10px; margin-bottom:10px;} #sayfa #sayfa_orta .meta {width:380px; padding:10px; float:left; background:#1c1c1c; border-bottom:1px solid #131313; color:#fff;} #sayfa #sayfa_orta .meta span:first-child {float:left; width:200px; font-weight:700;} #sayfa #sayfa_orta .meta span:last-child {float:left;} #sayfa #sayfa_orta #urun_slide {width:660px; padding:25px; height:360px; float:left; background:#232323; position:relative; margin-bottom:10px;} #sayfa #sayfa_orta #urun_slide a#sol_ok{font-size:40px; position:absolute; color:#c4c4c4; top:180px; left:6px; z-index:99;} #sayfa #sayfa_orta #urun_slide a#sol_ok:hover{color:#c98f3b;} #sayfa #sayfa_orta #urun_slide a#sag_ok{font-size:40px; position:absolute; color:#c4c4c4; top:180px; right:6px; z-index:99;} #sayfa #sayfa_orta #urun_slide a#sag_ok:hover{color:#c98f3b;} #sayfa #sayfa_orta #urun_slide ul {list-style:none; width:660px; height:360px; overflow:hidden; display:block;} #sayfa #sayfa_orta #urun_slide ul li {float:left;} #sayfa #sayfa_orta #urun_slide ul li a {float:left} #sayfa #sayfa_orta #urun_slide ul li a img {width:660px; height:360px; display:block;} #sayfa #sayfa_orta h1 {width:760px; float:left; font-size:22px; padding-bottom:5px; margin-bottom:10px; color:#122307; font-weight:700; border-bottom:1px solid #dadada;} #sayfa #sayfa_orta h1.urun_baslik {width:360px; float:left; font-size:18px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #454545;} #sayfa #sayfa_orta #urun_resim {width:340px; float:left; margin-bottom:10px; margin-right:10px;} #sayfa #sayfa_orta #haberler {width:760px; float:left;} #sayfa #sayfa_orta #haberler .haber {width:710px; float:left; margin-bottom:10px; padding-bottom:10px; background:url(../images/hc_bg.png) bottom left repeat-x;} #sayfa #sayfa_orta #haberler .haber a.resim {float:left;} #sayfa #sayfa_orta #haberler .haber a.resim img {width:120px; height:120px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px;} #sayfa #sayfa_orta #haberler .haber a.resim img.vesika {width:120px; height:160px;} #sayfa #sayfa_orta #haberler .haber h2 {width:575px; float:left; margin-bottom:5px; font-size:22px; margin-top:9px;} #sayfa #sayfa_orta #haberler .haber h2 a {float:left;} #sayfa #sayfa_orta #haberler .haber span {width:575px; float:left;} #sayfa #sayfa_orta #haberler .urun {width:240px; float:left; margin-bottom:10px; margin-right:10px; position:relative; border:1px solid #e7e7e7;} #sayfa #sayfa_orta #haberler .urun a.resim {float:left;} #sayfa #sayfa_orta #haberler .urun a.resim img {width:240px; height:240px; float:left; margin-right:15px; display:block; background:#fff; border-bottom: 3px solid #D59A4A;} #sayfa #sayfa_orta #haberler .urun h2 {margin-bottom:5px; font-size:14px; margin-top:9px; font-weight:700; position:absolute; top:180px; background:#000; padding:10px 15px; right:0px; border-radius:2px 0 0 2px; opacity:0.9;} #sayfa #sayfa_orta #haberler .urun h2 a {float:left; color:#fff;} #sayfa #sayfa_orta #haberler .urun .utext {padding:15px; width:100%; float:left; height:215px; box-sizing:border-box; font-size:12px; position:relative;} #sayfa #sayfa_orta #haberler .urun .utext a.pdetay {width:210px; text-align:center; background:#D59A4A; color:#000; font-weight:700; height:30px; line-height:30px; text-align:center; position:absolute; bottom:15px;} #sayfa #sayfa_orta #haberler .urun span {position:absolute; background:#000; border-radius:0 5px 5px 0; color:#fff; font-size:12px; padding:4px 8px; left:00px; top:10px; opacity:0.5;} #sayfa #sayfa_orta #haberler .kat {width:170px; height:170px; float:left; margin-bottom:10px; margin-right:10px; position:relative;} #sayfa #sayfa_orta #haberler .kat a.resim {float:left;} #sayfa #sayfa_orta #haberler .kat a.resim img {width:170px; height:170px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px;} #sayfa #sayfa_orta #haberler .kat h2 {margin-bottom:5px; font-size:14px; margin-top:9px; font-weight:700; position:absolute; bottom:10px; background:#692008; padding:5px 10px; right:0px; border-radius:5px 0 0 5px;} #sayfa #sayfa_orta #haberler .kat h2 a {float:left;} #sayfa #sayfa_orta .gallery {list-style:none;} #sayfa #sayfa_orta .gallery li {float:left; margin:8px;} #sayfa #sayfa_orta .gallery li a{} #sayfa #sayfa_orta .gallery li a img {width:150px; height:150px; display:block; border:1px solid #a8a8a8; border-radius:1px; padding:2px; border-radius:2px; background:#fff;} #sayfa #sayfa_orta .gallery li a img:hover {border:1px solid #c98f3b;} #sayfa #sayfa_sidebar {width:190px; float:right;} #sayfa #sayfa_sidebar h2 {width:190px; float:left; font-size:22px; padding-bottom:5px; margin-bottom:10px; border-bottom: 1px solid #dadada; color:#122307; font-weight:700;} #sayfa #sayfa_sidebar ul {list-style:none;} #sayfa #sayfa_sidebar ul li {width:170px; margin-left:20px; margin-bottom:6px; font-size:13px;} #sayfa #sayfa_sidebar ul li span {display:block; background: url('../images/nokta.png'); width: 4px; height: 6px; float:left; margin-right:5px; margin-top:6px;} #sayfa #sayfa_sidebar #facebook {float:left; margin-top:15px;} .form {width:710px; float:left;} .form .text {width:710px; float:left;} .form .text .acik {float:left; margin-bottom:5px; font-weight:700;} .form .text .macik {float:right; margin-bottom:5px; font-size:11px; color:#ccc;} .form .text input[type="text"] {padding:10px; width:688px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;} .form .text select {padding:10px; width:710px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;} .form .text input[type="file"] {padding:10px; width:688px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;} .form .text textarea {padding:10px; width:688px; height:100px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;} input.error, textarea.error {border:3px solid #cf2727 !important; width:685px !important;} label.error {display:none !important;} #sayfa #sayfa_orta #iletisim1 {width:390px; float:right;} #sayfa #sayfa_orta #iletisim1 h1 {width:390px; float:left;} #sayfa #sayfa_orta #iletisim2 {width:345px; float:left;} #sayfa #sayfa_orta #iletisim2 h1 {width:345px; float:left;} #sayfa #sayfa_orta #iletisim2 .form {width:345px;} #sayfa #sayfa_orta #iletisim2 .form .text {width:345px;} #sayfa #sayfa_orta #iletisim2 .form .text input {padding:10px 4px; width:335px !important; border:1px solid #cdcdcd; border-radius:5px;} #sayfa #sayfa_orta #iletisim2 .form .text textarea {width:335px !important; padding:10px 4px; border:1px solid #cdcdcd; border-radius:5px;} #sayfa #sayfa_orta #iletisim2 input.error, #sayfa #sayfa_orta #iletisim2 textarea.error {border:1px solid #cf2727 !important;} #sayfala {float:left; margin-top:20px;} #sayfala a{font-size:11px; font-weight:700; padding:3px 8px; display:block; background:#6b2209; color:#fff; float:left; margin-left:3px; border-radius:3px;} #sayfala a:hover {background:#d1a04c; color:#4f3a16;} #sayfala .aktif {background:#d1a04c; color:#4f3a16;} .button1 { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6)); background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0); background-color:#ffffff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:arial; font-size:11px; font-weight:bold; padding:6px 12px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; } .button1:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff)); background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0); background-color:#f6f6f6; } .button1:active { position:relative; top:1px; }