/* Oyos Yazılım 13 Ekim 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 #e7f5ff no-repeat;} a {color:#101010;} a:hover {color:#2d237d;} p {margin-bottom:10px;} strong {font-weight:700;} #header {width:100%; float:left; margin-bottom:30px;} #header #hust {width:100%; float:left; height:40px; background:#a5c0cf; color:#3e4f58;} #header #hust #hu_ort {width:1100px; margin:auto;} #header #hust #hu_ort ul#umenu {float:left; list-style:none;} #header #hust #hu_ort ul#umenu li {float:left; margin-right:25px;} #header #hust #hu_ort ul#umenu li a {float:left; font-size:13px; line-height:40px; color:#3e4f58;} #header #hust #hu_ort ul#umenu li a i {float:left; line-height:40px; margin-right:10px;} #header #hust #hu_ort #sosyal {float:right; width:190px;} #header #hust #hu_ort #sosyal span {float:left; line-height:40px;} #header #hust #hu_ort #sosyal ul {list-style:none; float:right;} #header #hust #hu_ort #sosyal ul li {float:left; margin-left:10px;} #header #hust #hu_ort #sosyal ul li a {color:#3e4f58; font-size:16px; float:left; line-height:40px;} #header #hust #hu_ort ul#diller {float:right; list-style:none; margin-top:7px;} #header #hust #hu_ort ul#diller li {float:left; margin-left:15px;} #header #hust #hu_ort ul#diller li a {float:left; height:25px; padding:0 10px; color:#fff; background:#646f75; line-height:25px; border-radius:3px;} #header #hust #hu_ort ul#diller li a.aktif {background:#ffc225; color:#5f4911;} #header #halt {width:100%; float:left; background:url('../images/bbg.png'); height:130px;} #header #halt #ha_ort {width:1100px; margin:auto;} #header #halt #ha_ort h1 {float:left; margin-top:0px;} #header #halt #ha_ort h1 a {width:229px; height:131px; background:url('../images/logo.png') top left no-repeat; float:left; text-indent:-99999px;} #header #halt #ha_ort ul {list-style:none; float:right; margin-top:30px;} #header #halt #ha_ort ul li {float:left; margin-left:12px;} #header #halt #ha_ort ul li a {padding:15px 20px; float:left; font-size:17px; color:#2a2a2a; font-weight:700; border-radius:3px; position:relative; transition:all 0.5s;} #header #halt #ha_ort ul li a span {font-size:13px; color:#2a2a2a; font-weight:400; display:block;} #header #halt #ha_ort ul li a i {opacity:0; width:23px; height:17px; background:url('../images/ypr_bg.png') top left no-repeat; position:absolute; left:-10px; top:-12px; transition:all 0.5s;} #header #halt #ha_ort ul li a:hover { background:#ffc024; color:#4b230f; box-shadow: 0px 0px 3px #949292; background: -moz-linear-gradient(top, #ffc324 0%, #fb6c33 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffc324 0%,#fb6c33 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffc324 0%,#fb6c33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc324', endColorstr='#fb6c33',GradientType=0 ); /* IE6-9 */ } #header #halt #ha_ort ul li a:hover span {color:#854c23;} #header #halt #ha_ort ul li a:hover i {opacity:1;} #manset {width:1100px; height:460px; margin:auto; overflow:hidden; position:relative;} #manset #slider {width:100%; float:left; height:460px;} #manset #slider ul {width:100%; float:left; height:460px; list-style:none;} #manset #slider ul li {float:left; width:100%; height:460px; position:relative;} #manset #slider ul li img {width:770px; height:460px; background:#ccc; display:block; border-radius:3px;} #manset #slider ul li .syazi {width:500px; height:190px; padding:30px; box-sizing:border-box; background:#fff; position:absolute; border-radius:3px; right:0px; bottom:20px;} #manset #slider ul li .syazi h3 {width:100%; float:left; margin-bottom:10px;} #manset #slider ul li .syazi h3 a {width:100%; font-size:18px; color:#2c2c2c; font-weight:700;} #manset #slider ul li .syazi span {width:100%; float:left;} #manset #slider ul li .syazi a.detaylar {width:110px; height:35px; line-height:35px; text-align:center; border:1px solid #ff6b33; border-radius:3px; position:absolute; right:30px; bottom:30px; transition:all 0.5s; display:block; color:#ff6b33; font-size:15px; font-weight:700; letter-spacing:2px;} #manset #slider ul li .syazi a.detaylar i {opacity:0; width:23px; height:17px; background:url('../images/ypr_bg.png') top left no-repeat; position:absolute; left:-11px; top:-13px; transition:all 0.5s;} #manset #slider ul li .syazi a.detaylar:hover {background:#ff6b33; color:#fff;} #manset #slider ul li .syazi a.detaylar:hover i {opacity:1;} #manset #slider #sayfalar {position:absolute; bottom:50px; left:630px; z-index:999;} #manset #slider #sayfalar a {width:10px; height:10px; border:2px solid #fd6b35; border-radius:100%; float:left; text-indent:-9999px; margin-right:10px;} #manset #slider #sayfalar a:hover, #manset #slider #sayfalar a.activeSlide {background:#fd6b35;} #manset #mhaberler {width:315px; position:absolute; right:0px; top:0px; z-index:99;} #manset #mhaberler .mhaber {width:100%; float:left; margin-bottom:19px;} #manset #mhaberler .mhaber a {float:left;} #manset #mhaberler .mhaber a img {width:65px; height:65px; border-radius:3px; background:#ccc; float:left; display:block;} #manset #mhaberler .mhaber h4 {width:240px; float:right;} #manset #mhaberler .mhaber h4 a {font-size:15px; font-weight:700; color:#2c2c2c;} #manset #mhaberler .mhaber span {width:240px; float:right;} #urunler {width:100%; float:left; margin-top:30px; margin-bottom:30px; background:#cdcdcd; padding:50px 0;} #urunler #uort {width:1100px; margin:auto; position:relative;} #urunler #uort #uo_cerceve {width:1100px; height:245px; float:left; position:relative; overflow:hidden;} #urunler #uort #uo_cerceve ul {list-style:none; width:999999px; float:left;} #urunler #uort #uo_cerceve ul li {float:left; margin-right:25px;} #urunler #uort #uo_cerceve ul li a {width:350px; height:245px; display:block; position:relative; padding:30px; box-sizing:border-box; background:#fff;} #urunler #uort #uo_cerceve ul li a .uoc_text {opacity:0; width:290px; height:180px; padding:30px; box-sizing:border-box; background:#000; position:absolute; text-align:center; color:#ffffff; transition:all 0.5s;} #urunler #uort #uo_cerceve ul li a .uoc_text:hover {opacity:0.8;} #urunler #uort #uo_cerceve ul li a .uoc_text h4 {width:100%; float:left; text-align:center; font-size:15px; font-weight:700; margin-bottom:10px;} #urunler #uort #uo_cerceve ul li a .uoc_text span {width:100%; float:left; margin-bottom:10px;} #urunler #uort #uo_cerceve ul li a .uoc_text div.detaylar {width:110px; height:35px; line-height:35px; text-align:center; border:1px solid #ff6b33; border-radius:3px; transition:all 0.5s; display:inline-block; color:#ff6b33; font-size:15px; font-weight:700; letter-spacing:2px;} #urunler #uort #uo_cerceve ul li a .uoc_text div.detaylar i {opacity:0; width:23px; height:17px; background:url('../images/ypr_bg.png') top left no-repeat; position:absolute; left:-11px; top:-13px; transition:all 0.5s;} #urunler #uort #uo_cerceve ul li a .uoc_text div.detaylar:hover {background:#ff6b33; color:#fff;} #urunler #uort #uo_cerceve ul li a .uoc_text div.detaylar:hover i {opacity:1;} #urunler #uort a.fa {position:absolute; top:100px; font-size:45px; color:#fff; transition:all 0.5s; opacity:0.7;} #urunler #uort a.fa:hover {opacity:1;} #urunler #uort a.fa-angle-left {left:-30px;} #urunler #uort a.fa-angle-right {right:-30px;} #abhaberler {width:1100px; margin:auto;} #abhaberler #bhaberler {width:650px; float:left; padding:20px; background:#fff; box-sizing:border-box; border-radius:3px;} #abhaberler #bhaberler>h3 {width:100%; line-height:30px; float:left; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #d5d5d5; font-size:18px; font-weight:700; color:#363636;} #abhaberler #bhaberler>h3>a {float:right; height:25px; line-height:25px; padding:0 10px; border:1px solid #ff6b33; font-size:12px; border-radius:2px; color:#ff6b33; font-weight:700; letter-spacing:2px; transition:all 0.5s;} #abhaberler #bhaberler>h3>a:hover {background:#ff6b33; color:#fff;} #abhaberler #bhaberler .bhaber {width:100%; float:left; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #d5d5d5;} #abhaberler #bhaberler .bhaber:nth-child(3) {margin-bottom:0px; padding-bottom:0px; border-bottom:none;} #abhaberler #bhaberler .bhaber a {float:left;} #abhaberler #bhaberler .bhaber a img {width:213px; height:213px; float:left; background:#ccc; border-radius:3px; display:block;} #abhaberler #bhaberler .bhaber h3 {width:380px; float:right; margin-bottom:10px; font-size:15px; font-weight:700;} #abhaberler #bhaberler .bhaber h3 a {float:left;} #abhaberler #bhaberler .bhaber span {width:380px; float:right;} #abhaberler #belgelerimiz {width:430px; height:345px; float:right; padding:20px; border-radius:3px; background:url('../images/belge_bg.jpg') #242424; box-sizing:border-box; position:relative;} #abhaberler #belgelerimiz>h3 {width:100%; line-height:30px; float:left; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #d5d5d5; font-size:18px; font-weight:700; color:#fff;} #abhaberler #belgelerimiz>h3>a {float:right; height:25px; line-height:25px; padding:0 10px; border:1px solid #fff; font-size:12px; border-radius:2px; color:#fff; font-weight:700; letter-spacing:2px; transition:all 0.5s;} #abhaberler #belgelerimiz>h3>a:hover {background:#fff; color:#3c1206;} #abhaberler #belgelerimiz ul {list-style:none; width:150px; height:235px; overflow:hidden; margin-left:125px;} #abhaberler #belgelerimiz ul li {float:left;} #abhaberler #belgelerimiz a.fa {font-size:70px; position:absolute; top:150px; transition:all 0.5s; opacity:0.4; color:#fff;} #abhaberler #belgelerimiz a.fa:hover {opacity:1;} #abhaberler #belgelerimiz a.fa-angle-left {left:80px;} #abhaberler #belgelerimiz a.fa-angle-right {right:80px;} #footer {width:100%; float:left; background:#2a2a2a; color:#fff; margin-top:30px;} #footer #fust {float:left; width:100%; padding:50px 0;} #footer #fust #fu_ort {width:1100px; margin:auto;} #footer #fust #fu_ort #fhakki {width:665px; float:left;} #footer #fust #fu_ort #fhakki h2 {width:100%; float:left; margin-bottom:10px; font-size:30px; font-weight:700;} #footer #fust #fu_ort #fhakki a {color:#fff;} #footer #fust #fu_ort #filetisim {width:370px; float:right;} #footer #fust #fu_ort #filetisim h3 {width:100%; float:left; font-size:16px; font-weight:700; margin-bottom:10px;} #footer #fust #fu_ort #filetisim ul#fi {list-style:none; float:left;} #footer #fust #fu_ort #filetisim ul#fi li {margin-bottom:15px; width:100%; float:left;} #footer #fust #fu_ort #filetisim ul#fi li i {float:left; margin-right:5px;} #footer #fust #fu_ort #filetisim ul#fs {list-style:none; float:left;} #footer #fust #fu_ort #filetisim ul#fs li {float:left; margin-right:15px;} #footer #fust #fu_ort #filetisim ul#fs li a {width:45px; height:45px; display:block; float:left; line-height:45px; text-align:center; background:#1f1f1f; color:#fff; font-size:16px;} #footer #fust #fu_ort #filetisim ul#fs li a.fa-facebook {background:#2077a9;} #footer #fust #fu_ort #filetisim ul#fs li a.fa-twitter {background:#1dabca;} #footer #fust #fu_ort #filetisim ul#fs li a.fa-instagram {background:#7135cc;} #footer #falt {width:100%; float:left; padding:30px 0; border-top:1px solid #434343;} #footer #falt #fa_ort {width:1100px; margin:auto;} #footer #falt #fa_ort h3 {float:left; margin-right:15px; margin-top:-30px;} #footer #falt #fa_ort h3 a {width:160px; height:86px; display:block; text-indent:-99999px; background:url('../images/flogo.png') top left no-repeat;} #footer #falt #fa_ort p {float:left; width:600px; font-size:13px; color:#c1c1c1; margin-top:0px;} #footer #falt #fa_ort>a {width:51px; height:29px; display:inline-block; background:url('../images/oyos.png') top left no-repeat; text-indent:-99999px; float:right;} #sayfa_cerceve {width:100%; float:left;} #sayfa {width:1010px; padding:40px; margin:auto; position:relative; z-index:1; background:#fff;} #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:#eaeaea; 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: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} #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;} #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:243px; height:200px; float:left; margin-bottom:10px; margin-right:10px; position:relative;} #sayfa #sayfa_orta #haberler .urun a.resim {float:left; width:100%; height:200px; border:1px solid #ccc; border-radius:3px; overflow:hidden;} #sayfa #sayfa_orta #haberler .urun a.resim img {width:170px; height:170px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px; box-shadow:0 0 5px #e6e6e6;} #sayfa #sayfa_orta #haberler .urun h2 {font-size:14px; margin-top:9px; font-weight:700; position:absolute; background:#000; padding:5px 10px; right:0px; opacity:0.9; bottom:0px; width:100%; box-sizing:border-box;} #sayfa #sayfa_orta #haberler .urun h2 a {float:left; color:#fff; width:100%; text-align:center;} #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;} #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.belge {height:220px;} #sayfa #sayfa_orta .gallery li a img:hover {border:1px solid #c98f3b;} #sayfa #sayfa_sidebar {width:230px; 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-bottom:1px; float:left;} #sayfa #sayfa_sidebar ul li a {width:100%; color:#404040; background:#ececec; padding:10px; box-sizing:border-box; float:left; font-weight:700; transition:all 0.5s;} #sayfa #sayfa_sidebar ul li a:hover { background:#ffc024; color:#fff; background: -moz-linear-gradient(top, #ffc324 0%, #fb6c33 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffc324 0%,#fb6c33 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffc324 0%,#fb6c33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc324', endColorstr='#fb6c33',GradientType=0 ); /* IE6-9 */ } #sayfa #sayfa_sidebar ul li a 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 a i {margin-right:5px; color:#ffffff; float:right;} #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; } #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;}