/* Oyos Yazılım 16 Şubat 2017 - ismail ihsan bülbül - e-ben@msn.com */ body {font-family: 'PT Sans', sans-serif; font-size:14px; background:url('../images/bg.jpg') top center no-repeat #fdfdfd;} a {color:#af4142;} a:hover {color:#6f2526;} p {margin-bottom:10px;} strong {font-weight:700;} #header {width:100%; float:left; margin-bottom:20px;} #header #hust {width:100%; float:left; height:40px; background:#3a3c46; color:#fff;} #header #hust #hu_ort {width:1000px; margin:auto;} #header #hust #hu_ort ul#hu_menu {list-style:none; float:left;} #header #hust #hu_ort ul#hu_menu li {margin-right:25px; float:left;} #header #hust #hu_ort ul#hu_menu li a {float:left; height:40px; line-height:40px; color:#fff;} #header #hust #hu_ort ul#hu_menu li a i {float:left; margin-right:8px; line-height:40px;} #header #hust #hu_ort ul#hu_diller {list-style:none; float:right;} #header #hust #hu_ort ul#hu_diller li {float:left; margin-left:30px;} #header #hust #hu_ort ul#hu_diller li a {float:left; height:40px; line-height:40px; color:#fff;} #header #hust #hu_ort ul#hu_diller li a i {width:25px; height:25px; float:left; margin-top:7px; margin-right:5px; border-radius:100%; background-size:contain !important;} #header #hust #hu_ort ul#hu_diller li a i.tr_icon {background:url('../images/tr_icon.png');} #header #hust #hu_ort ul#hu_diller li a i.en_icon {background:url('../images/en_icon.png');} #header #halt {width:100%; float:left; margin-top:10px;} #header #halt #ha_ort {width:1000px; margin:auto; position:relative;} #header #halt #ha_ort h1 {position:absolute; left:0px; top:0px;} #header #halt #ha_ort h1 a {width:247px; height:63px; display:block; background:url('../images/logo.png') top left no-repeat; background-size:contain !important;} #header #halt #ha_ort a#asayfa {position:absolute; top:22px; left:287px; width:45px; height:45px; line-height:45px; text-align:center; display:block; border-radius:100%; background:#af4142; color:#fff; font-size:18px;} #header #halt #ha_ort ul {list-style:none; float:right; border-radius:30px 0 0 30px; height:45px; display:block; background:#af4142; margin-top:21px;} #header #halt #ha_ort ul li {float:left;} #header #halt #ha_ort ul li a {float:left; height:45px; display:block; line-height:45px; padding:0 17px; color:#fff; font-size:16px; color:#fff; font-weight:700; border-left:1px solid #9e3d3e; border-right:1px solid #d44f50;} #header #halt #ha_ort ul li:first-child a {border-left:none;} #header #halt #ha_ort ul li:last-child a {border-right:none;} #aurunler {width:1000px; margin:auto;} #aurunler #aucerceve {width:1050px; float:left;} #aurunler #aucerceve .aurun {width:319px; float:left; height:150px; border-radius:10px; border:1px solid #f0efef; background:#fff; padding:15px; box-sizing:border-box; margin-right:21px; margin-bottom:21px;} #aurunler #aucerceve .aurun a.aures {width:110px; height:120px; float:left; position:relative; border-radius:5px; border:1px solid #f0efef;} #aurunler #aucerceve .aurun a.aures img {width:110px; height:120px; float:left; border-radius:5px; background:#ccc;} #aurunler #aucerceve .aurun a.aures i {width:25px; height:25px; border-radius:100%; line-height:25px; text-align:center; background:#af4142; color:#fff; position:absolute; right:-13px; bottom:15px;} #aurunler #aucerceve .aurun h3 {width:160px; float:right; margin-bottom:5px;} #aurunler #aucerceve .aurun h3 a {float:left; font-size:16px; color:#af4142; font-weight:700;} #aurunler #aucerceve .aurun span {width:160px; float:right; color:#686868;} #akutular {width:1000px; margin:auto; margin-bottom:20px;} #akutular .akutu {width:490px; background:#000; color:#fff; height:115px; padding:25px; box-sizing:border-box; border-radius:5px;} #akutular .akutu:nth-child(1) {float:left; background:url('../images/vbg_1.jpg') top left no-repeat #000;} #akutular .akutu:nth-child(2) {float:right; background:url('../images/vbg_2.jpg') top left no-repeat #000;} #akutular .akutu i {float:left; width:70px; height:70px; text-align:center; line-height:70px; font-size:75px;} #akutular .akutu h4 {width:350px; float:right;} #akutular .akutu h4 a {width:100%; float:left; font-size:16px; font-weight:700; color:#fff;} #akutular .akutu span {width:350px; float:right;} #aicerikler {width:1000px; margin:auto; margin-bottom:20px;} #aicerikler #ahaberler {width:615px; float:left; background:#fff; border:1px solid #f0efef; border-radius:10px;} #aicerikler #ahaberler>h3 {float:left; padding:0 20px; width:100%; color:#af4142; font-size:16px; font-weight:700; line-height:45px; height:45px; border-bottom:1px solid #f0efef; box-sizing:border-box;} #aicerikler #ahaberler>h3>a {float:right; border-radius:3px; color:#fff; background:#af4142; height:25px; line-height:25px; padding:0 15px; font-size:12px; font-weight:400; margin-top:10px;} #aicerikler #ahaberler .ahaber {width:100%; border-bottom:1px solid #f0efef; height:135px; padding:20px; box-sizing:border-box; float:left;} #aicerikler #ahaberler .ahaber a.ahimg {width:120px; height:100px; position:relative; float:left;} #aicerikler #ahaberler .ahaber a.ahimg img {width:120px; height:100px; float:left; border-radius:5px; background:#ccc;} #aicerikler #ahaberler .ahaber a.ahimg i {width:25px; height:25px; position:absolute; border-radius:100%; right:-13px; bottom:20px; text-align:center; line-height:25px; background:#fff;} #aicerikler #ahaberler .ahaber h3 {width:435px; float:right;} #aicerikler #ahaberler .ahaber h3 a {width:100%; float:left; font-size:16px; font-weight:700;} #aicerikler #ahaberler .ahaber span {width:435px; float:right; color:#646464; margin-top:5px;} #aicerikler #aduyurular {width:360px; height:320px; float:right; border-radius:10px; overflow:hidden; background:#af4142; position:relative;} #aicerikler #aduyurular ul {list-style:none; float:left; width:100%;} #aicerikler #aduyurular ul li {width:100%; float:left; height:320px;} #aicerikler #aduyurular ul li img {width:360px; height:210px; float:left; display:block; background:#ccc;} #aicerikler #aduyurular ul li .adtext {width:100%; padding:20px; box-sizing:border-box; float:left;} #aicerikler #aduyurular ul li .adtext h3 {width:100%; float:left; margin-bottom:3px;} #aicerikler #aduyurular ul li .adtext h3 a {width:100%; float:left; color:#fff; font-weight:700;} #aicerikler #aduyurular ul li .adtext span {width:100%; float:left; color:#fff;} #aicerikler #aduyurular #ad_sayfalar {width:100%; position:absolute; bottom:7px; text-align:center; z-index:99;} #aicerikler #aduyurular #ad_sayfalar a {width:8px; height:8px; border:3px solid #fff; border-radius:100%; display:inline-block; text-indent:-9999px; margin:4px;} #aicerikler #aduyurular #ad_sayfalar a:hover, #aicerikler #aduyurular #ad_sayfalar a.activeSlide {background:#fff;} #footer {width:100%; float:left; background:#404040; padding:40px 0; color:#fff;} #footer #fort {width:1000px; margin:auto;} #footer #fort #fcop {width:670px; float:left;} #footer #fort #fcop i#flogo {width:200px; height:50px; display:block; background:url('../images/flogo.png') top left no-repeat; margin-right:20px; float:left;} #footer #fort #fcop span {font-size:14px; float:left; width:440px;} #footer #fort ul#fsosyal {list-style:none; float:right;} #footer #fort ul#fsosyal li {float:left; margin-left:10px;} #footer #fort ul#fsosyal li a {width:30px; height:30px; line-height:30px; text-align:center; display:block; float:left; border-radius:100%; background:#fff;} #footer #fort ul#fsosyal li a.fa-facebook {color:#495876;} #footer #fort ul#fsosyal li a.fa-twitter {color:#32c6d7;} #footer #fort ul#fsosyal li a.fa-instagram {color:#8a5890;} #footer #fort ul#fsosyal li a.fa-google-plus {color:#e42040;} #sayfa_cerceve {width:100%; float:left; margin-bottom:15px;} #sayfa {width:960px; padding:20px; margin:auto; position:relative; z-index:1; background:#fff; border-radius:10px;} #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:710px; padding:25px; height:360px; float:left; background:#f5f5f5; position:relative; margin-bottom:10px; border-radius:5px;} #sayfa #sayfa_orta #urun_slide a#sol_ok{font-size:40px; position:absolute; top:180px; left:6px; z-index:99;} #sayfa #sayfa_orta #urun_slide a#sol_ok:hover{} #sayfa #sayfa_orta #urun_slide a#sag_ok{font-size:40px; position:absolute; top:180px; right:6px; z-index:99;} #sayfa #sayfa_orta #urun_slide a#sag_ok:hover{} #sayfa #sayfa_orta #urun_slide ul {list-style:none; width:710px; 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; width:710px; height:360px;} #sayfa #sayfa_orta #urun_slide ul li a img {width:710px; 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 #BDB9B9;} #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 .kadro {width:160px; height:250px; float:left; margin-right:10px; margin-bottom:10px;} #sayfa #sayfa_orta #haberler .kadro img {width:160px; height:200px; float:left;} #sayfa #sayfa_orta #haberler .kadro h3 {width:100%; float:left; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:700; background:#0082c5; text-align:center; font-weight:700;} #sayfa #sayfa_orta #haberler .kadro span {width:100%; height:20px; line-height:20px; float:left; color:#fff; background:#066a9d; text-align:center; font-size:12px;} #sayfa #sayfa_orta #haberler .urun {width:233px; height:220px; float:left; margin-bottom:10px; margin-right:20px; position:relative;} #sayfa #sayfa_orta #haberler .urun a.resim {float:left; width:233px; height:220px; border-radius:5px; border:1px solid #ccc;} #sayfa #sayfa_orta #haberler .urun a.resim img {width:233px; height:233px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px; box-shadow:0 0 5px #e6e6e6;} #sayfa #sayfa_orta #haberler .urun h2 {margin-bottom:5px; font-size:14px; margin-top:9px; font-weight:700; position:absolute; bottom:10px; background:#000; padding:5px 10px; 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 h4 {font-size:18px; font-weight:700; position:absolute; top:10px; background:#000; padding:5px 10px; left:0px; border-radius:0 2px 2px 0; opacity:0.9; background:#AD0A13; display:none;} #sayfa #sayfa_orta #haberler .urun h4 a {float:left; color:#fff;} #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:180px; float:right;} #sayfa #sayfa_sidebar h2 {width:100%; float:left; font-size:22px; padding-bottom:5px; margin-bottom:10px; border-bottom: 1px solid #BDB9B9; color:#122307; font-weight:700;} #sayfa #sayfa_sidebar ul {list-style:none; float:left; margin-bottom:10px;} #sayfa #sayfa_sidebar ul li {width:100%; 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 ul li i {margin-right:5px; color:#eca112;} #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:14px; font-weight:700; font-weight:700; padding:5px 11px; display:block; background:#292929; color:#fff; float:left; margin-left:3px; border-radius:3px;} #sayfala a:hover {background:#00a4a7;} #sayfala .aktif {background:#00a4a7;} .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; } #yorumlar {width:690px; float:left; margin-bottom:10px; margin-top:40px;} #yorumlar h3 {width:690px; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e3e3e3; font-weight:700; font-size:18px;} #yorumlar #yorum_yaz {width:690px; float:left;} #yorumlar #yorum_yaz form {float:left; margin-bottom:20px;} #yorumlar #yorum_yaz input[type="text"] {padding:10px; border:1px solid #cbcbcb; width:46%; font-size:12px; font-family: 'PT Sans', sans-serif;} #yorumlar #yorum_yaz textarea {font-size:12px; border:1px solid #cbcbcb; width:670px; float:left; margin:15px 0; padding:10px; font-family: 'PT Sans', sans-serif; height:80px;} #yorumlar #yorum_yaz span {float:right; font-size:12px; color:#cbcbcb;} #yorumlar #yorum_yaz input[type="submit"] {float:right; border:none; padding:10px 15px; font-family: 'PT Sans', sans-serif; background:#f9b60a; color:#fff;} #yorumlar #tum_yorumlar {width:690px; float:left;} #yorumlar #tum_yorumlar #yorum_yok {width:660px; float:left; padding:15px; background:#ffeec2; border-bottom:1px solid #d3c39c;} #yorumlar #tum_yorumlar .yorum {width:670px; padding:10px; background:#f0f0f0; border-bottom:1px solid #cdcdcd; margin-bottom:10px; float:left;} #yorumlar #tum_yorumlar .yorum h4 {width:670px; font-size:13px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cdcdcd;} #yorumlar #tum_yorumlar .yorum h4 .tarih {font-size:11px; float:right;} #yorumlar #tum_yorumlar .yorum span.yrm {width:670px; float:left;} .dokuman {width:100%; float:left; height:35px; margin-bottom:1px; padding:0 15px; background:#00a4a7; color:#fff; line-height:35px; box-sizing:border-box; font-weight:700; border-radius:5px;} .dokuman:hover {background:#067375; color:#fff;} .dokuman i {float:left; line-height:35px; margin-right:8px; font-weight:400;}