mcharset "utf-8"; /* CSS Document */ ul, a { list-style:none; text-decoration:none; } @font-face {font-family:"Ariston"; src:url("ARISTON1.eot?") format("eot"),url("ARISTON1.woff") format("woff"),url("ARISTON1.ttf") format("truetype"); font-weight:normal; font-style:normal; } @font-face {font-family:"BiffoMT"; src:url("BiffoMT.eot?") format("eot"),url("BiffoMT.woff") format("woff"),url("BiffoMT.ttf") format("truetype"); font-weight:normal; font-style:normal; } html { margin: 0;} body { margin: auto; width: 100%; height: 100%; background:#dddddd url(../images/bg.jpg) no-repeat center top; } #kapsul { } .header { float:left; width:100%; height:201px; position:relative; top: 0px; left:0px; } .head { width:1000px; height:201px; position:relative; margin:0px auto 0 auto; padding:0 150px; background:url(../images/header.png) no-repeat center top; } .head .telefon { float: right;right: 0px;top: 10px;position: relative;margin: 0;padding: 0; width: 221px;height: 43px;background: url(../images/telefon.png) no-repeat; } .menu { width: 860px;position: relative;margin: 10px auto;left: 110px;z-index: 99;float: left; padding: 0 0 0 0px; } .menu li a { float:left; line-height: 6px; position:relative; color:#fff; font-size:15px; font-weight: bold; font-family:segoe ui; padding:0 22px;background: url(../images/menu_li.png) no-repeat left center; text-decoration:none; } .menu li a:hover em { color:#fff; } .menu li a:hover span { color:#fff; } .menu li {display: inline-block;height: 45px; float: left; } .menu li a#first { background: none; } .menu li:hover ul { display: block; } .menu ul { display: none; position: absolute; left: 267px;margin: 20px 0 0 0;padding: 10px;background: url(../images/footer.png) repeat; } .menu li a em { float:left; line-height: 25px; position:relative; color:#fff; font-size:15px; font-weight: bold; font-family:segoe ui; font-style: normal; padding:0;text-decoration:none; } .menu li a span { display: none; font-weight: normal; font-size: 11px;color: #fff;font-style: normal; } .logo { float:left; position:relative; margin:5px 0 0 0; z-index: 99;} .main { float: left; position:relative; width:100%; margin:0px auto 0 auto;padding:0px 0px; } .main .detail_center { position: relative; width: 1000px; margin:14px auto 0 auto; padding: 0; } /* Duyurular başlangıcı */ .duyurular { float: left;position: relative;width: 275px; height:395px; margin: 0px 0px 0px 0; } .duyurular marquee { float: left; margin: 10px 0 0 0; } .duyurular h1 { float: left; background: url(../images/duyuru.png) no-repeat left center; color:#0060ad; font-family: segoe ui; font-size: 14px; font-weight: bold; padding: 7px 0 0 20px; margin: 0; } .duyurular span { float: left;position: relative;width:265px;color: #333; padding:3px 0 3px 0px; margin:0px 0 0px 0; font-family: segoe ui; font-size: 13px; font-weight: bold; text-align: left; } .duyurular p { float: left;position: relative;width: 253px;font-size: 12px;color: #4d4d4d;font-family: segoe ui;line-height: 18px;margin: 0px 0 6px 0px;padding: 0px;text-align: justify; } .duyurular a { float: left;border-bottom: 1px dashed#333;padding: 0 0 12px 0;position: relative;width: 265px;font-size: 11px;color: #333;font-family: segoe ui;line-height: 11px;margin: 0px 0 5px 0px;text-align: justify;font-weight: bold; } .duyurular a:hover { text-decoration:none; } /* Duyurular Bitiş */ .smenu { float: left;position: absolute;top: 370px;left: 360px;z-index: 99; } .smenu a#ik { float: left; color: #0060ad;font-family: segoe ui;font-size: 12px;font-weight: bold;text-decoration: none;margin: 5px 0 0 17px; } .smenu a#foto { float: left; color: #0060ad;font-family: segoe ui;font-size: 12px;font-weight: bold;text-decoration: none;margin: 108px 0 0 37px; } .smenu a#ik:hover { text-decoration: underline; } .smenu a#foto:hover { text-decoration: underline; } .terazi { float: left;position: absolute;top: 380px;left: 88px;z-index: 10; } .banner { float: left;position: relative;width: 990px;height: 305px; background: url(../images/bannerbg.png) no-repeat; margin-top: 20px; } #slideshow { position:relative; height:275px; float: left; margin:15px 0 0 4px; } .sections { float:left; position:relative; width:1100px; height: 240px; margin-top:0px; padding-top:30px; } .sectionleft { float: left;position: relative;width:305px;height: 230px;margin: 0 5px 0 0px;padding: 0px; } .sectionleft h1 { float: left;width: 235px;padding: 1px 0 5px 28px; font-size: 14px;color: #0060ad;font-family: segoe ui;margin:0px 0 10px 0px;font-weight: bold;background: url(../images/kurumsal.png) no-repeat left center; } .sectionleftalan { float:left; position:relative; width: 354px; height: 146px; } .sectionleft img { float:left; position:relative; left; margin:10px 0 0 10px; left:0px; top:0px; } .sectionleft a { float: right; border-radius:6px; background: #96c11f; right:12px; margin-top: 10px; text-decoration:none; cursor:pointer; position: absolute; bottom: 12px; color: #0060ad;font-family: segoe ui; font-weight: bold; font-size: 12px; padding: 7px 20px; } .sectionleft a:hover { background:#057eb7;} .sectionleft p { float: left;width: 305px;margin: 5px 0 0 0px; line-height: 19px;color: #4d4d4d;font-size: 12px;font-family: "segoe ui"; } .sectioncenter { float: left;position: relative;width: 305px;height: 272px;margin: 0 5px 0 58px;padding: 0px; } .sectioncenter h1 { float: left;width: 235px; background: url(../images/center.png) no-repeat left center; padding:3px 0 3px 34px;font-size: 14px;color: #0060ad;font-family: segoe ui;margin:0px 0 10px 0px;font-weight: bold; } .sectioncenter img { float:left; position:relative; left; margin:10px 0 0 10px; left:0px; top: -2px; } .sectioncenter a { float: right; border-radius:6px; background: #194c16; right:12px; margin-top: 10px; text-decoration:none; cursor:pointer; position: absolute; bottom: 12px; color: #fff;font-family: Arial;font-size: 12px; padding: 7px 20px; } .sectioncenter a:hover { background:#1c5c18;} .sectioncenter p { float: left;width: 278px;margin: 10px 0 0 0px;line-height: 19px;color: #313131;font-size: 12px;font-family: segoe ui; } .sectioncenter .sectionmask { float:left; position:absolute; background:url(../images/sectionmask.png) no-repeat center top; width:327px; height:200px; top: 35px;left: -51px; z-index:9; } .sectionright { float: left;position: relative;width: 305px;height: 272px;margin: 0 5px 0 58px;padding: 0px; } .sectionright h1 { float: left;width: 235px; background: url(../images/right.png) no-repeat left center;padding:5px 0 2px 24px;font-size: 14px;color: #0060ad;font-family: segoe ui;margin:0px 0 10px 0px;font-weight: bold; } .sectionleftalan { float:left; position:relative; width: 354px; height: 146px; } .sectionright a {float: right; border-radius:6px; background: #96c11f; right:12px; margin-top: 10px; text-decoration:none; cursor:pointer; position: absolute; bottom: 12px; color: #0060ad;font-family: segoe ui; font-weight: bold; font-size: 12px; padding: 7px 20px; } .sectionright a:hover { background:#057eb7;} .sectionright p { float: left;width: 305px;margin: 5px 0 0 10px; line-height: 19px;color: #313131;font-size: 13px;font-family: "segoe ui"; } .sectionright .sectionmask { float:left; position:absolute; background:url(../images/sectionmask2.png) no-repeat center top; width:327px; height:200px; top: 35px;left: -51px; z-index:9; } .sectionright img { float:left; position:relative; left; margin:10px 0 0 10px; left:0px; top: -2px; } #footer { float:left; width:100%; height:100px; position:relative; margin:0px 0 0 0; bottom:0px; } .footer { position: relative;width: 1000px;background: url(../images/footer.png) no-repeat top center;height: 80px;margin: 0px auto 0 auto;padding: 20px 0 0 0;} .footer .linkler { float:left; width: 200px; } .footer h1 { font-family:Arial; font-size:15px; color:#CCC; margin:0; padding:0; border-bottom: 2px solid#212121; padding-bottom: 5px; margin-bottom: 8px; } .footer .linkler li a { float:left; font-family:Arial; font-size:11px; color:#ddd; text-decoration:none; line-height:18px; font-weight:normal; margin:0; padding:0; } .footer .linkler li a:hover{ text-decoration:underline; } .linkler ul { list-style:none; margin: 0; padding: 0;} .linkler ul li { float: left; background:url(../images/footer_li.png) no-repeat left center; width: 190px;font-family: Arial;font-size: 11px;color: #ddd;text-decoration: none;line-height: 18px;font-weight: normal;margin: 0;padding:0 0 0 10px; } .linkler h2 { width: 200px; font-family: arial;font-size: 12px;color: #616161; border-bottom: 2px solid#909090; padding: 0 0 5px 0; margin-bottom: 5px; } .footer .linkler span { float:left; width:200px; font-family:Arial; font-size:11px; color:#ddd; text-decoration:none; line-height:18px; font-weight:normal; margin:0; padding:0; } .copyright { position: relative;font-family: segoe Ui;color: #6a6a6a;font-size: 11px;width: 210px;margin: 0 auto; } .sosyal { float:right; right:0px; position:relative; width:180px; margin:0px; } .sosyal a { float:right; padding:0 0px 0 10px; } .sosyal a:hover { filter:alpha(opacity=60); /* CSS-3 standart kodu */ opacity:0.6; } .weblogo { position: relative;width: 85px;margin: 10px auto; } .sosyal_alt { position: relative;width: 62px;margin: 0px auto; left: -6px; } .sosyal_alt a { float:right; padding:0 0px 0 3px; } .sosyal_alt a:hover { filter:alpha(opacity=60); /* CSS-3 standart kodu */ opacity:0.6; } /* Standart Sayfası Start */ .sag { float: right; position: absolute;width:310px;top: 0px;right: 0px;padding:0px;min-height: 470px;margin-bottom: 30px;} .sag h2 { z-index: 9; float: left; position: relative;font-family: segoe ui;font-size: 14px;background: url(../images/sag_h2.png) no-repeat left top;margin:0px 0 0px 25px; top: -90px; padding: 15px 0px 0 16px;width: 268px;height: 35px;color: #fff;text-align: left;font-weight: bold; } .sag ul { float: left;list-style: none; position: relative; top: -90px; margin:-9px 0 30px 24px;padding: 7px 0 20px 10px;background: #fff; border-radius: 10px; } .sag ul li { float: left;background: url(../images/sag_li.png) no-repeat left;padding: 6px 0 6px 10px;width: 260px; } .sag ul li span { float: left; margin: 0;color: #333;font-family: "segoe ui";font-weight: bold;font-size: 13px; text-decoration: none; } .sag .sag_mask { float: right;position: absolute;background: url(../images/sag_mask.png) no-repeat center top;width: 350px; height: 319px;top: -105px;right: -29px;z-index: 9; } .sag img { z-index: 3; margin: 0 0 23px 0;padding: 0;float: left;position: relative;top: -100px;left: -5px; } .main_standart { position:relative; width:1000px; margin:0px auto; height: auto; } .detail_center2 { float: left;margin: 0px 0 35px 0;width: 1000px; } .detail_content2 h2 { float:left; position:relative; width:1000px; font-size:15px; color:#FFF; font-family:segoe ui; font-weight:normal; padding:4px 0; margin: 0px;} .detail_content2 p { float:left; font-size:13px; color:#FFF; font-family:segoe ui; font-weight:normal; padding:10px 0 0px 0px; margin:0 0 0px 0; } /* Galeri Başlangıç */ #foo2 { float:left; position:relative; width: 655px; padding: 0px 0 60px 0; list-style:none; margin:0px; } #foo2 li { float: left;position: relative;margin: 0 3px 0 0;width: 215px;height: 177px; } #foo2 li a { float:left; position:relative; margin:0 15px 15px 0; } .galerimask { float: left;position: absolute;background: url(../images/galeri_maske.png) no-repeat center top;width: 219px;height: 144px;top: 0px;left: 0px;z-index: 9; } #foo2 li a h3 { float: left; font-family: segoe ui; font-weight: bold; color: #333;font-size: 14px;width:220px;text-align: center;margin: 3px 0 10px 0; } #foo2 li a img { float:left; } /* Galeri Bitiş */ /* iletişim başlangıcı */ #bayi_resim { float:left; width: 655px; height: 290px; margin:10px 0 10px 0px;} #bayi_resim iframe { float:left; width: 655px; height: 290px;} .rehber { float: left;width: 310px;margin: 10px 0 0 10px;right: 0px;position: relative;} table.AdresTable { width:200px; height:160px; float:left; position:relative; top:0px; left:0px; } table.AdresTable td { float:left; color:#363636; font-size:12px; font-family:Segoe ui; min-width:30px;} table.AdresTable td b { color:#363636; font-size:13px; font-family:Segoe ui; height:21px; float:left;margin-left: 0px} .adres { float:left; width:580px; margin-bottom:10px;} .adres p { float:left; color:#8a8a8a; font-family:Segoe ui; font-size:12px; font-weight:bold; margin:0px; padding:0px; line-height:19px; } .adres #ss { float:left; width:530px; color:#363636; font-family:Segoe ui; font-size:12px; margin:0px; padding:0px; line-height:19px; } table.formalani { width:325px; float:left; margin-top:10px; margin-left:0px; position:relative; z-index:999; } table.formalani tr td { width:240px; padding-bottom: 5px; float: left; } table.formalani tr td #sifre { width:440px; height:28px; } div.fx_identifier { font-family:"Segoe ui"; width:100%; float:left; margin:4px 0 4px 0; font-size:13px; color:#363636; position:relative; } div.fx_identifier span { font-family: "Segoe ui"; font-size: 13px;float: left;margin-right: 3px;font-weight: normal;} div.fx_input { width:320px; height:37px; float:left;} div.fx_input input[type="text"] { width:305px; height:33px; float:left; padding:0px 6px; font-size:12px; color:#5e5e5e; } div.fx_area_short textarea { max-width:307px; min-width:307px; min-height:75px; max-height:250px; padding:6px; float:left; border: 1px solid#gray; font-family:"Segoe ui"; color:#5e5e5e; font-size:13px; } div.fx_area_short { width:320px; height:96px;float:left;} table.formalani a { font-family:"Segoe ui"; font-size:12px; margin-right:3px; font-weight:bold; color:#363636; } .errormessage { font-family:"Segoe ui"; font-size:12px; font-weight:bold; color:#F00; } .basarilimessage { font-family:"Segoe ui"; font-size:12px; font-weight:bold; color:#fff; } input.buton { float: left;border: 0px;cursor: pointer;height: 36px;width: 88px;background: transparent url(../resimler/buton.jpg) left top no-repeat;font-family: Segoe ui, Helvetica, sans-serif;font-size: 13px;color: #fff;margin-right: 10px;padding: 0; } input.buton:hover { opacity:0.7;filter:alpha(opacity=70); } .iletisimalanii h2 { float:left; font-family:Segoe ui; font-weight:normal; font-size:20px; color:#363636; width:385px; margin:0px; padding:0px; } .rehber h2 { float:left; font-family:Segoe ui; font-weight:normal; font-size:20px; color:#363636; width:385px; margin:0px; padding:0px; } .hakkimizda .sosyalile h1 { float:left; font-family:Segoe ui; font-weight:normal; font-size:20px; color:#363636; width:385px; margin:0 0 5px 0; padding:0px; } /* İletişim Bitiş */ table.fx_table tr td span { font-size:12px; color:#000; width: auto; } div.fx_identifier { width:100%; float:left; margin-bottom:4px; font-size:11px; color:#d12828;} div.fx_input { width:254px; height:32px; float:left; background:url(../images/Txt.png) left top no-repeat;} div.fx_input input[type="text"] { width:237px; height:38px; float:left; background:transparent; padding:0px 6px; font-size:11px; color:#000; } div.fx_area { width:536px; height:91px; float:left; background:url(../images/Area.png) left top no-repeat; } div.fx_area textarea { width:505px; height:74px; padding:6px; float:left; margin-left:5px; background:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5E5E5E;} div.fx_input { width:315px; height:40px; float:left; background:url(../images/Txt.png) left top no-repeat;} div.fx_input input[type="text"] { border: 0; width:293px; line-height:29px; float:left; background:transparent; padding:0px 6px; font-size:12px; color:#5e5e5e; } input.buton2 { float: left; border: 0px; border-radius:6px; cursor: pointer;height: 30px;width: 70px; background: url(../images/buton.jpg) repeat-x; color: #FFF;font-family: segoe ui;font-size: 12px; padding: 7px 20px; margin: 5px 0 5px 10px; } input.buton2:hover { opacity:0.7; } div.fx_select { width:237px; float:left; } div.fx_select select { width:303px; height:39px; color:#525252; padding:3px 4px; border: 1px solid #838383; } .hakkimizda { z-index: 2; position: relative; float: left;width: 649px; min-height: 450px; margin: 0px 0 0 0;padding: 15px 50px 30px 15px;text-align: justify;background: #fff;border-radius: 10px; -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);} .hakkimizda h1 { float:left; font-family:"segoe ui"; font-weight:bold; font-size:15px; color:#282828; width: 650px;margin: 0 0 5px 0;padding: 0 0 5px 0;border-bottom: 1px solid#b0b0b0; } .hakkimizda p { float:left; text-align: justify; font-size:13px; color:#444; font-family:segoe ui; font-weight:normal; padding:0px 0 0px 0px; margin:0 0 0px 0; line-height:19px; } .hakkimizda span { font-size:13px; text-align: justify; color:#444; font-family:segoe ui; font-weight:normal; padding:0px 0 0px 0px; margin:0 0 0px 0; line-height:19px; } ul.menumuz { float:left; width:235px; min-height:500px; background:url(../images/menu_list.png) no-repeat right top; margin:0px; padding:0px; } ul.menumuz li { float:left; width:200px; border-bottom:1px dashed#fff; margin:0px; padding:0px; } ul.menumuz li a { color:#fff; font-family:segoe ui; font-size:13px; font-weight:normal; line-height:37px; padding:0px; text-decoration:none; } ul.menumuz li a:hover { color:#000; } .menumuz_right { float:left; position:relative; width: 692px; margin-left: 13px; } .menumask { float:left; position:absolute; background:url(../images/menu_maske.png) no-repeat; width:214px; height:140px; left:0px; top:0px; } .listeleme { float:left; position:relative; width:220px; height:170px; margin-right: 10px; } .listeleme a h1 { float:left; color:#fff; font-family:"segoe ui"; font-size:15px; font-weight:normal; text-align:center; width:220px; margin:-6px 0 2px 0; } .listeleme a { text-decoration:none; } /* Referanslar başlangıcı */ .referansces { float:left; position:relative; width:689px; margin:0 0 0 -5px; } .referans { float:left; position:relative; width: 212px; height: 175px; margin: 0 10px 0 0; } .referans h2 { float:left; position:relative; width:210px; background:none; font-family:"segoe ui"; font-size:13px; font-weight:bold; color:#2d2d2d; text-align:center; padding: 0px; margin: 5px 0 10px 0;} .referansmask { float:left; position:absolute; background:url(../images/referans_maske.png) no-repeat center top; width:211px; height:123px; left:0; top: 0; z-index:9; } /* Referanslar Bitiş */ /* Hizmetlerimiz başlangıcı */ .hizmetlerimiz { float:left; position:relative; width: 675px;margin: 10px 0px 0px 0 } .hizmetlerimiz .hizmet { float:left; position:relative; width: 312px; height: 280px; margin:0px 24px 24px 0; } .hizmetlerimiz a img { float: left;position: relative; margin:0;} .hizmetlerimiz a h2 {float: left;font-size: 14px;width: 314px;color: #fff;font-family: segoe ui;font-weight: bold;padding: 17px 0px;margin: 0px 0 0 0;text-align: center;background: #2f2f2f; } .hizmetlerimiz p { float:none; width:auto; position: relative;font-size: 13px;color: #4d4d4d;font-family: segoe ui;line-height:21px;margin: 0px;padding: 0px;display: inline;} .hizmet_mask { float:left; position:absolute; background:url(../images/hizmeti_maske.png) no-repeat center top; width:302px; height:252px; left: 0px;top: 10px; z-index:9; } .hizmetlerimiz a { float: left;width: 312px;padding: 0;margin: 0px 0 0 0; } /* Hizmetlerimiz Bitiş */ /* Haberler başlangıcı */ .announs { float:left; position:relative; width:655px;; margin:0px 0px 0px 0; } .announ { float:left; position:relative; width:655px; padding: 0 0 7px 0; margin:0px 0px 10px 0; border-bottom:1px solid#b0b0b0; } .announs p { float:left; width:655px; position: relative;font-size: 13px;color: #4d4d4d;font-family: segoe ui; font-weight: normal; line-height:21px;margin: 0px;padding: 0px;display: inline;} .announs span { float:left; width:655px; position: relative;font-size: 13px;color: #444;font-family: segoe ui; font-weight: bold; line-height:21px;margin: 0px;padding: 0px;display: inline;} .announs a { float:left; width:655px; position: relative;font-size: 12px;color: #0060ad;font-family: segoe ui;font-weight: bold; line-height:21px;margin: 0 0 0px 0;padding: 0px;display: inline;} .announs a:hover { color:#2b84cc; text-decoration: none; } /* Haberler Bitiş */ .blogdetay { float: left;margin: 10px 0; padding: 0 0 10PX 0; border-bottom: 1PX SOLID#FFF; } .blogdetay h3 { float: left;margin: 0;padding: 0;color: #ff7a29;font-family: segoe ui;font-size: 14px;font-weight: bold; } .blogdetay p { float: left; width: 870px; text-align: justify;font-size: 13px;color: #FFF;font-family: segoe ui;font-weight: normal;padding: 0px 0 0px 0px;margin: 10px 0 0px 0;line-height: 19px; } .blogdetay div { float: left;text-align: justify;font-size: 13px;color: #FFF;font-family: segoe ui;font-weight: normal;padding: 0px 0 0px 0px;margin: 10px 0 0px 0;line-height: 19px; } .blogdetay a { float: left;left: 0px;margin-top: 10px;background: url(../images/devam.jpg) no-repeat;text-decoration: none;cursor: pointer;position: relative;color: #FFF;font-family: Arial;font-size: 14px;padding: 0;width: 103px;height: 23px; } .blogdetay a:hover { background:url(../images/devamh.jpg) no-repeat; color:#ff1616; } .sayfaeleman a { float: left;background: #fff;padding: 2px 7px;border-radius: 4px;margin-right: 3px; color: #ff6000; } .videolar { float: left; width: 900px; margin: 10px 0 0 27px; } .model_video { float:left; position:relative; width:239px; height:279px; background:#1c1a19; margin: 0 48px 40px 0;} .model_video h2 { float:left; margin: 0; width:239px; padding:12px 0px; text-align:center; font-size:15px;font-family:'segoe ui'; font-weight: normal; color:#fff; } .model_video p { float:left; width:346px; font-size:12px; font-family:'segoe ui'; color:#ff6000; padding:5px 10px 5px 10px; } .model_video .jwplayer { width: 365px;height: 250px;margin-top: 42px;background-color: rgb(0, 0, 0); } .model_video a.buton { width: auto;height: auto; font-family: segoe ui; cursor: pointer;padding: 4px 13px;float: left;background: #ff6000;border: 0px;color: #fff;margin: 5px 0 0 69px;text-decoration: none;border-radius: 5px;font-size: 12px; } .model_video a.buton:hover { opacity:0.8; } .othervideos { float:right; background:#8d8d8d; width:238px; margin:0 0 15px 0px; } .othervideos img { float: left;margin: 10px;border-radius: 5px; } .othervideos h1 { float:left; color:#FFF; padding:21px 0 19px 20px; width:727px; background:url(../images/baslik_bg.png) repeat-x; font-family:segoe ui; font-size:21px; font-weight:normal; margin-bottom:15px; } .model_video_small { float:left; width:220px; height:100px; padding:0px; } .model_video_small h2 { float: left;font-size: 13px;margin: 8px 0 3px 0;font-family: segoe ui;font-weight: normal;width: 120px;} .model_video_small a.buton { width: auto;height: auto;cursor: pointer;padding: 4px 13px;float: left;background: #ff6000;border: 0px;color: #fff;margin: 10px 0 0 0;text-decoration: none;border-radius: 5px;font-size: 12px; } .video { float: left;position: relative;margin: 0px;padding: 0px 0px 10px 0px;width: 815px; } .video h2 { float:left; width:737px; font-size:14px; font-family:segoe ui; color:#fff; padding: 4px 0 15px 0; } .video .jwplayer { float:left; background-color: rgb(0, 0, 0); } .izlenme { float:right; position:absolute; color:#fff; font-family:segoe ui; font-size:13px; right: 120px; top: 45px; padding: 0 10px; } .begen { float:right; position:absolute; color:#fff; font-family:segoe ui; font-size:13px; right: 120px; top: 65px; padding: 0 10px; } .no { float:right; position:absolute; color:#f00; font-family:segoe ui; font-size:13px; right: 10px; top: 25px; padding: 0 10px;} .thanks { float:right; position:absolute; color:#0C8; font-family:segoe ui; font-size:13px; right:68px; top: 25px; padding: 0 10px;} .begen_buton { float:right; right: 105px; top:90px; cursor:pointer; background:url(../images/begen.png) no-repeat left; padding:0 0 0 20px; position:absolute; border:none; font-size:13px; font-family:Arial; color:#fff; } .begen_buton:hover { background:url(../images/begenhover.png) no-repeat left; } object#myElement { height:320px; float: left; } #urunler { float:left; position:relative; width: 700px; padding: 0px 0 60px 0; list-style:none; margin:0px; } #urunler li { float:left; position: relative;margin: 0 10px 0 0;width: 153px;height: 220px;} #urunler li a { float:left; position:relative; margin:0; width: 153px;height: 190px; } .urunmask { float:left; position: absolute;background: url(../images/urunmask.png) no-repeat center top; width: 153px; height: 153px; top: 0px;left: 0px;z-index: 9; } #urunler li a h2 { float:left; font-family: segoe ui;font-weight: normal;color: #fff;background: #2f2f2f;font-size: 13px;width: 126px;padding: 12px;line-height: 18px;border-radius: 10px;text-align: center;margin: -10px 0 0px 0;z-index: 10;position: relative; } #urunler li a img { float:left; }