/* Oyos Yazılım 12 Ocak 2014 - ismail ihsan bülbül - e-ben@msn.com */ body {font-family: 'PT Sans', sans-serif; font-size:14px; color:#121212; background:url('../images/bg.png') #fff;} a {color:#191919;} a:hover {color:#6c4916;} p {margin-bottom:10px;} strong {font-weight:700;} img {display:block;} #header {width:960px; margin:15px auto;} #header h1 {float:left; margin-top:0px;} #header h1 a {width:120px; height:120px; display:block; text-indent:-9999px; background:url('../images/logo.png') top left no-repeat;} #header #header_menu {width:710px; float:right;} #header #header_menu ul#h_diller {list-style:none; float:right; margin-bottom:10px} #header #header_menu ul#h_diller li {margin-left:20px; float:left;} #header #header_menu ul#h_diller li a {float:left; font-size:13px; color:#5c5c5c;} #header #header_menu ul#h_diller li a i {width:20px; height:21px; display:block; float:left; margin-right:10px;} #header #header_menu ul#h_diller li a i#tr_icon {background:url('../images/tr_bg.png') top left no-repeat;} #header #header_menu ul#h_diller li a i#en_icon {background:url('../images/en_bg.png') top left no-repeat;} #header #header_menu ul#h_menu {list-style:none; float:right;} #header #header_menu ul#h_menu li {float:left; border-right:1px solid #050505; border-left:1px solid #4b4b4b;} #header #header_menu ul#h_menu li a {padding:0 17px; height:50px; line-height:50px; font-size:16px; font-weight:700; color:#fff; background:#1d1d1d; border-bottom:3px solid #000; display:block;} #header #header_menu ul#h_menu li:first-child {border-left:none; border-radius:3px 0 0 3px;} #header #header_menu ul#h_menu li:first-child a {background:#d90000; border-bottom:3px solid #a70303; border-left:none; border-radius:3px 0 0 3px;} #header #header_menu ul#h_menu li:last-child a {border-right:none; border-radius:0 3px 3px 0;} #header #header_menu ul#h_menu li:last-child {border-right:none; border-radius:0 3px 3px 0;} #slider {width:940px; padding:10px; background:#fff; border-radius:3px; margin:auto; margin-bottom:15px; position:relative;} #slider ul {list-style:none; width:940px; float:left; height:310px; overflow:hidden; display:block; float:left;} #slider ul li {float:left;} #slider ul li a {float:left; width:940px; height:310px; display:block; position:relative; overflow:hidden;} #slider ul li a img {width:940px; height:310px; display:block; top:0px; left:0px; position:absolute; z-index:1;} #slider ul li a div.slide_text {width:340px; padding:15px 20px; bottom:40px; left:0px; position:absolute; z-index:2; background:#000; color:#fff; border-radius:0 3px 3px 0; opacity:0.7;} #slider ul li a div.slide_text h3 {font-size:16px; margin-bottom:5px; width:340px; float:left; font-weight:700;} #slider ul li a div.slide_text span {width:340px; float:left; color:#bcbcbc;} #slider #sayfalar {position:absolute; z-index:99; right:20px; bottom:20px;} #slider #sayfalar a {width:10px; height:10px; border-radius:13px; border:3px solid #054ca1; background:#fff; text-indent:-9999px; display:block; float:left; margin-left:5px;} #slider #sayfalar a:hover, #slider #sayfalar a.activeSlide {border:3px solid #78991f;} #ana_urunler {width:960px; margin:auto; margin-bottom:15px;} #ana_urunler .ana_urun {padding:10px; background:#fff; float:left; margin-right:15px; width:290px; border-radius:3px;} #ana_urunler .au_son {margin-right:0; float:right;} #ana_urunler .ana_urun a {float:left;} #ana_urunler .ana_urun a img {width:290px; height:150px; float:left; display:block; border-radius:3px; margin-bottom:10px;} #ana_urunler .ana_urun h2 {width:290px; float:left; margin-bottom:7px; font-size:16px;} #ana_urunler .ana_urun h2 a {color:#1c1c1c; font-weight:700;} #ana_urunler .ana_urun span {width:290px; float:left; margin-bottom:7px;} #ana_urunler .ana_urun a.urun_detayi {float:right; padding:5px 15px; color:#fff; font-size:12px; border-radius:3px; display:block; background:#1d1d1d; border-bottom:3px solid #000000;} #ana_haberler {width:960px; margin:auto; margin-bottom:15px;} #ana_haberler .haber {padding:10px; background:#fff; float:left; margin-right:15px; width:452px; border-radius:3px;} #ana_haberler .ah_son {margin-right:0; float:right;} #ana_haberler .haber a {float:left;} #ana_haberler .haber a img {width:452px; height:150px; float:left; display:block; border-radius:3px; margin-bottom:10px;} #ana_haberler .haber h2 {width:452px; float:left; margin-bottom:7px; font-size:13px;} #ana_haberler .haber h2 a {color:#1c1c1c; font-weight:700;} #ana_haberler .haber span {width:452px; float:left; margin-bottom:7px;} #ana_haberler .haber a.haber_detayi {float:right; padding:5px 15px; color:#fff; font-size:12px; border-radius:3px; display:block; background:#1d1d1d; border-bottom:3px solid #000000;} #footer {width:960px; margin:auto; margin-bottom:20px;} #footer #footer_ust {width:880px; float:left; padding:25px 40px; background:#1d1d1d; color:#fff; border-radius:3px 3px 0 0;} #footer #footer_ust .fmenu {float:left;} #footer #footer_ust .fmenu h3 {font-size:18px; margin-bottom:20px;} #footer #footer_ust .fmenu ul {float:left; width:150px; margin-left:25px;} #footer #footer_ust .fmenu ul li {margin-bottom:10px;} #footer #footer_ust .fmenu ul li a {color:#fff;} #footer #footer_ust #fmenu_1 {width:165px;} #footer #footer_ust #fmenu_2 {width:200px;} #footer #footer_ust #fmenu_2 ul {width:300px;} #footer #footer_ust #fmenu_2 ul li {float:left; width:150px; } #footer #footer_ust #fmenu_3 {width:395px; float:right;} #footer #footer_ust #fmenu_3 ul li {width:400px;} #footer #footer_alt {width:880px; padding:18px 40px; background:#000000; color:#afafaf; font-size:11px; float:left; border-radius:0 0 3px 3px;} #footer #footer_alt #footer_cop {width:400px; float:left;} #footer #footer_alt #footer_cop p {margin-bottom:0px;} #footer #footer_alt #footer_sosyal {width:160px; float:right; margin-top:10px;} #footer #footer_alt #footer_sosyal span {float:left;} #footer #footer_alt #footer_sosyal ul {float:right; list-style:none;} #footer #footer_alt #footer_sosyal ul li {margin-left:10px; float:left;} #footer #footer_alt #footer_sosyal ul li a {float:left;} #footer #footer_alt #footer_sosyal ul li a i {font-size:16px; color:#fff;} #sayfa {border-radius:3px; width:918px; padding:20px; border:1px solid #fff; margin:auto; background:#fff; position:relative; z-index:2; margin-bottom:20px;} #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:710px; 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:710px; float:left; font-size:22px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e2e2e2; color:#001c4b;} #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:720px; float:left;} #sayfa #sayfa_orta #haberler .haber {width:710px; float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #eadfc9;} #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:170px; height:170px; float:left; margin-bottom:10px; margin-right:10px; position:relative;} #sayfa #sayfa_orta #haberler .urun a.resim {float:left;} #sayfa #sayfa_orta #haberler .urun a.resim img {width:170px; height:170px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px;} #sayfa #sayfa_orta #haberler .urun h2 {margin-bottom:5px; font-size:14px; margin-top:9px; font-weight:700; position:absolute; bottom:10px; background:#fff; padding:5px 10px; right:0px; border-radius:2px 0 0 2px;} #sayfa #sayfa_orta #haberler .urun h2 a {float:left;} #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 #e2e2e2; color:#001c4b;} #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_2 {width:710px; float:left;} .form #malzeme {width:710px; float:left; margin-bottom:5px;} .form #malzeme span {float:left; width:335px; margin-right:10px; font-weight:700;} .form .text_2 .text_bir {width:335px; float:left; margin-right:10px;} .form .text_2 .text_iki {width:335px; float:left;} .form .text_2 a {font-size:20px; float:right; margin-top:10px;} .form .text_2 a.fa-plus {color:#126c96;} .form .text_2 a.fa-close {color:#8b0e0e;} .form .text_2 input {padding:10px; width:688px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:1px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .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:345px; float:right;} #sayfa #sayfa_orta #iletisim1 h1 {width:345px; 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; } #sosyal {float:right; width:170px; margin-bottom:10px;} #sosyal span {font-size:12px; float:left; margin-top:2px; color:#576e7d;} #sosyal ul {float:right; list-style:none;} #sosyal ul li {float:left; margin-left:6px;} #sosyal ul li a {font-size:20px; color:#ccc;} #sosyal ul li a.fa-facebook-square {color:#135d90;} #sosyal ul li a.fa-twitter-square {color:#1f8dbb;} #sosyal ul li a.fa-google-plus-square {color:#db2828;}