@charset "UTF-8"; /* PIE */ *{behavior: url(PIE.htc);} /* Less */ .border-radius (@radius) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .border-radius (@radius, bottom) { -moz-border-top-right-radius: 0; -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .border-radius (@radius, right) { -moz-border-bottom-left-radius: 0; -moz-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .hoverEfekt { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } /* Font Face */ /* source_sans_pro */ @font-face { font-family: 'source_sans_probold'; src: url('../font/source_sans_pro/source-sans-pro.bold-webfont.eot'); src: url('../font/source_sans_pro/source-sans-pro.bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/source_sans_pro/source-sans-pro.bold-webfont.woff') format('woff'), url('../font/source_sans_pro/source-sans-pro.bold-webfont.ttf') format('truetype'), url('../font/source_sans_pro/source-sans-pro.bold-webfont.svg#source_sans_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_prolight'; src: url('../font/source_sans_pro/source-sans-pro.light-webfont.eot'); src: url('../font/source_sans_pro/source-sans-pro.light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/source_sans_pro/source-sans-pro.light-webfont.woff') format('woff'), url('../font/source_sans_pro/source-sans-pro.light-webfont.ttf') format('truetype'), url('../font/source_sans_pro/source-sans-pro.light-webfont.svg#source_sans_prolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_proregular'; src: url('../font/source_sans_pro/source-sans-pro.regular-webfont.eot'); src: url('../font/source_sans_pro/source-sans-pro.regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/source_sans_pro/source-sans-pro.regular-webfont.woff') format('woff'), url('../font/source_sans_pro/source-sans-pro.regular-webfont.ttf') format('truetype'), url('../font/source_sans_pro/source-sans-pro.regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_prosemibold'; src: url('../font/source_sans_pro/source-sans-pro.semibold-webfont.eot'); src: url('../font/source_sans_pro/source-sans-pro.semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/source_sans_pro/source-sans-pro.semibold-webfont.woff') format('woff'), url('../font/source_sans_pro/source-sans-pro.semibold-webfont.ttf') format('truetype'), url('../font/source_sans_pro/source-sans-pro.semibold-webfont.svg#source_sans_prosemibold') format('svg'); font-weight: normal; font-style: normal; } /* Css Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} * {outline: 0;} a {text-decoration: none;color: #285887;} a:hover {text-decoration:none;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;width:100%;overflow-x:hidden;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} h1 {font-family: Arial, Helvetica, sans-serif; font-size:18px;color:#29607c;} h2 {font-family: Arial, Helvetica, sans-serif;font-size:15px;color:#3d3d3d;} small {font-family: Arial, Helvetica, sans-serif;font-size:11px;} p {color:#4e4e4e;} strong, b {font-weight:bold;} /* Body Selection */ ::-ms-selection {background: #20babb;color: #ffffff;} ::-webkit-selection {background: #20babb;color: #ffffff;} ::-moz-selection {background: #20babb;color: #ffffff;} ::selection {background: #20babb;color: #ffffff;} a::-ms-selection {background: #20babb;color: #ffffff;} a::-webkit-selection {background: #20babb;color: #ffffff;} a::-moz-selection {background: #20babb;color: #ffffff;} a::selection {background: #20babb;color: #ffffff;} /* Body Scroll Bar */ ::-webkit-scrollbar {-webkit-appearance:none;width:10px; background-color:none;} ::-webkit-scrollbar-thumb {border:2px solid rgba(255,255,255,0);background-clip:content-box;background-color:#a5d4d4;} ::-webkit-scrollbar-thumb:hover { border:2px solid rgba(255,255,255,0);background-clip:content-box;background-color:#00b9bb;} ::-webkit-scrollbar-corner {background-color:#f0f0f0;} /* Regex */ .floatLeft {float:left!important;} .floatRight {float:right !important;} .clear {clear:both;} .displayNone {display:none;} /* Genel */ body {font-family:Arial, Helvetica, sans-serif;font-size:12px;background:url("../img/bg.jpg") #e3e3e3;} #site {width:100%;display:block;} #solEfektSol {width:100%;position:absolute;z-index:-1;height:740px;background:url("../img/solEfektSol.png") top center no-repeat;top:132px;} #solEfektSag {width:228px;position:absolute;z-index:998;height:241px;background:url("../img/solEfektSag.png") top center no-repeat;top:132px;} /* Header */ #site #headerOut {width:100%;height:132px;background:url("../img/headerBG.png") top center no-repeat;} #site #headerOut #header {width:980px;margin:0 auto;} /* Logo */ #headerOut #header #logo {margin-top:50px;display:inline-block;float:left;margin-left:-30px;} /* Navbar */ #header #navbar {width:673px;float:right;height:30px;height:42px;line-height:42px;} #header #navbar a#anasayfa {padding-left:21px;float:left;background:url("../img/home.png") left 14px no-repeat;display:inline-block;font-size:11px;color:#adadad;font-family:Arial, Helvetica, sans-serif;.hoverEfekt;} #header #navbar a#anasayfa:hover {background:url("../img/homeHover.png") left 14px no-repeat;color:#218d8e;} #header #navbar ul#sosyalMedya {display:inline-block;width:auto;float:right;margin-top:10px;} #header #navbar ul#sosyalMedya li {float:left;text-indent:-999em;width:20px;height:20px;background:url("../img/sosyalMedya.png");.hoverEfekt;margin-left:6px;} #header #navbar ul#sosyalMedya li a {display:block;width:100%;height:100%;} #header #navbar ul#sosyalMedya li#facebook {background-position:0 0;} #header #navbar ul#sosyalMedya li#twitter {background-position:-20px 0;} #header #navbar ul#sosyalMedya li#gplus {background-position:-40px 0;} #header #navbar ul#sosyalMedya li#vimeo {background-position:-60px 0;} #header #navbar ul#sosyalMedya li#facebook:hover {background-position:0 -20px;} #header #navbar ul#sosyalMedya li#twitter:hover {background-position:-20px -20px;} #header #navbar ul#sosyalMedya li#gplus:hover {background-position:-40px -20px;} #header #navbar ul#sosyalMedya li#vimeo:hover {background-position:-60px -20px;} /* Menü */ #header #menu {width:auto;float:right;/*margin-left:75px;*/height:87px;line-height:87px;margin-top:1px;} #header #menu > ul > li {float:left;line-height:87px;height:87px;background:url("../img/menuLiCizgi.png") right center no-repeat;margin-left:-35px;} #header #menu > ul > li a {display:block;max-width:100%;height:100%;padding-left:46px;padding-right:50px;background:url("../img/menuLiEfekt.png") right top no-repeat;font-size:15px;color:#636363;font-family:'source_sans_proregular';.hoverEfekt;} #header #menu > ul > li:hover a, #header #menu > ul > li.secili a {color:#009597;background:url("../img/menuLiHover.png") right top no-repeat;} #header #menu > ul > li > ul.sub-menu {position: absolute;z-index:999999;background: url("../img/menuAltBG.png") no-repeat;width:auto;height:62px;margin-left: -49px;margin-top:-1px;padding-left:28px;display:none;padding-right:28px;} #header #menu > ul > li > ul.sub-menu li {width:auto;line-height:59px;float:left;background:url("../img/altMenuLi.png") left 23px no-repeat;margin-left:23px;.hoverEfekt;} #header #menu > ul > li > ul.sub-menu li a {padding-left:23px !important;padding-right:0 !important;background:none !important;font-size:15px;color:#848383 !important;} #header #menu > ul > li > ul.sub-menu li:hover {background:url("../img/altMenuLiHover.png") left 23px no-repeat;} #header #menu > ul > li > ul.sub-menu li:hover a {color:#218d8e !important;} /* Kaplayıcı */ #site #icerikOut {width:980px;margin:0 auto;} /* Slayt */ #icerikOut #slaytOut {width:100%;height:367px;} #icerikOut #slaytOut #slayt {width:100%;height:350px;} #icerikOut #slaytOut #border {width:100%;height:17px;background:url("../img/slaytBorder.png") repeat-x;} .slides-navigation {margin: 0 auto;position: absolute;z-index: 3;bottom: 0;right:0;width: 221px;height:239px;background:url("../img/slaytNaviBG.png") no-repeat;} .slides-navigation a {float:left;display: block;width:23px;height:43px;text-indent:-999em;margin-top:158px;.hoverEfekt;} .slides-navigation a.prev {background:url("../img/slaytGeri.png") no-repeat;margin-left:119px;} .slides-navigation a.prev:hover {background:url("../img/slaytGeriHover.png") no-repeat;} .slides-navigation a.next {background:url("../img/slaytIleri.png") no-repeat;margin-left:28px;} .slides-navigation a.next:hover {background:url("../img/slaytIleriHover.png") no-repeat;} /* İçerik */ #icerikOut #anasayfa {max-width:100%;background:white;border-bottom:2px solid #d1d1d1;padding:30px} /* Ürünler Blok */ #icerikOut #anasayfa #urunlerBlok {width:531px;height:246px;float:left;background:url("../img/urunlerBlok.png") no-repeat;} #icerikOut #anasayfa #urunlerBlok .frame {width:100%;overflow:hidden;margin-top:62px;} #icerikOut #anasayfa #urunlerBlok .frame ul li {width:244px;height:166px;float:left;margin:0 9px;} #icerikOut #anasayfa #urunlerBlok .frame ul li .resim {width:240px;height:130px;border:2px solid #cde6e6;.hoverEfekt;} #icerikOut #anasayfa #urunlerBlok .frame ul li:hover .resim {border-color:#a2d0d0;} #icerikOut #anasayfa #urunlerBlok .frame ul li .baslik {width:100%;height:22px;overflow:hidden;margin-top:10px;line-height:22px;background:url("../img/urunlerBlokDevami.png") right center no-repeat;.hoverEfekt;} #icerikOut #anasayfa #urunlerBlok .frame ul li:hover .baslik {background:url("../img/urunlerBlokDevamiHover.png") right center no-repeat;} #icerikOut #anasayfa #urunlerBlok .frame ul li .baslik a {display:block;width:216px;height:22px;font-size:15px;color:#424242;font-family:'source_sans_proregular';line-height:22px;.hoverEfekt;} #icerikOut #anasayfa #urunlerBlok .frame ul li:hover .baslik a {color:#218d8e;} #icerikOut #anasayfa #urunlerBlok .frame ul li .resim .hover {width:240px;height:130px;background:url("../img/urunlerBlokResimHover.png") no-repeat;position:absolute;opacity:0;.hoverEfekt;} #icerikOut #anasayfa #urunlerBlok .frame ul li .resim .hover a {display:block;width:100%;height:100%;} #icerikOut #anasayfa #urunlerBlok .frame ul li:hover .resim .hover {opacity:1;} #icerikOut #anasayfa #urunlerBlok #navi {float:right;margin-top:25px;margin-right:20px;} #icerikOut #anasayfa #urunlerBlok #navi a {display:block;width:9px;height:17px;float:left;text-indent:-999em;.hoverEfekt;} #icerikOut #anasayfa #urunlerBlok #navi a#geri {background:url("../img/urunlerBlokNavGeri.png");margin-right:20px;} #icerikOut #anasayfa #urunlerBlok #navi a#geri:hover {background:url("../img/urunlerBlokNavGeriHover.png");} #icerikOut #anasayfa #urunlerBlok #navi a#ileri {background:url("../img/urunlerBlokNavIleri.png");} #icerikOut #anasayfa #urunlerBlok #navi a#ileri:hover {background:url("../img/urunlerBlokNavIleriHover.png");} /* Blok Ayirac */ #icerikOut #anasayfa #blokAyirac {width:5px;height:234px;background:url("../img/blokAyirac.png");float:left;margin-top:12px;margin-left:12px;} #icerikOut #anasayfa #blokAyirac2 {width:100%;height:9px;background:url("../img/blokAyirac2.png");float:left;margin-top:25px;margin-bottom:35px;} /* Haberler Blok */ #icerikOut #anasayfa #haberlerBlok {width:360px;height:246px;float:right;background:url("../img/haberlerBlok.png") no-repeat;} #icerikOut #anasayfa #haberlerBlok .frame {width:335px;float:right;overflow:hidden;margin-top:23px;height: 178px;} #icerikOut #anasayfa #haberlerBlok .frame ul li {width:335px;height:78px;margin-top:11px;} #icerikOut #anasayfa #haberlerBlok .frame ul li .resim {width:78px;height:78px;float:left;} #icerikOut #anasayfa #haberlerBlok .frame ul li .resim .mask {width:78px;height:78px;position:absolute;background:url("../img/haberlerBlokResimMask.png") no-repeat;.hoverEfekt;} #icerikOut #anasayfa #haberlerBlok .frame ul li .resim .mask .tarih {text-align:center;color:white;font-size:18px;font-family:'source_sans_proregular';text-shadow: 1px 1px 1px rgba(0,0,0,.45);margin-top:17px;cursor:default;opacity:0;.hoverEfekt;} #icerikOut #anasayfa #haberlerBlok .frame ul li:hover .resim .mask .tarih {opacity:1;} #icerikOut #anasayfa #haberlerBlok .frame ul li .resim .mask .tarih strong {display:block;font-weight:normal;font-size:16px;margin-top:7px;} #icerikOut #anasayfa #haberlerBlok .frame ul li:hover .resim .mask {background:url("../img/haberlerBlokResimMaskHover.png") no-repeat;} #icerikOut #anasayfa #haberlerBlok .frame ul li .bilgiler {width:236px;float:right;background:url("../img/haberlerBlokHaberDevam.png") right center no-repeat;height:78px;overflow:hidden;.hoverEfekt;} #icerikOut #anasayfa #haberlerBlok .frame ul li .bilgiler h5 {width:209px;font-size:15px;height:20px;overflow:hidden;margin-top:5px;margin-bottom:-3px;} #icerikOut #anasayfa #haberlerBlok .frame ul li .bilgiler h5 a {font-size:15px;color:#4e4e4e;font-family:'source_sans_prosemibold';.hoverEfekt;} #icerikOut #anasayfa #haberlerBlok .frame ul li:hover .bilgiler h5 a {color:#218d8e;} #icerikOut #anasayfa #haberlerBlok .frame ul li .bilgiler p {width:209px;font-size:12px;overflow:hidden;margin-top:5px;color:#4e4e4e;font-family:'source_sans_proregular';line-height:16px;} #icerikOut #anasayfa #haberlerBlok .frame ul li .bilgiler p a {color:#4e4e4e;.hoverEfekt;} #icerikOut #anasayfa #haberlerBlok .frame ul li:hover .bilgiler p a {color:#218d8e;} #icerikOut #anasayfa #haberlerBlok .frame ul li:hover .bilgiler {background:url("../img/haberlerBlokHaberDevamHover.png") right center no-repeat;} #icerikOut #anasayfa #haberlerBlok .pages {width:auto;float:left;margin-top:26px;margin-left:25px;} #icerikOut #anasayfa #haberlerBlok .pages li {width:17px;height:9px;background:url("../img/haberlerBlokNavi.png");text-indent:-999em;float:left;cursor:pointer;} #icerikOut #anasayfa #haberlerBlok .pages li:hover, #icerikOut #anasayfa #haberlerBlok .pages li.active {background:url("../img/haberlerBlokNaviHover.png");} /* Ebülten */ #icerikOut #anasayfa #ebulten {width:320px;float:left;} #icerikOut #anasayfa #ebulten h3 {width:100%;font-size:18px;font-family:'source_sans_proregular';color:#218d8e;margin-bottom:18px;cursor:default;} #icerikOut #anasayfa #ebulten p {width:100%;font-size:14px;font-family:'source_sans_proregular';color:#b6b6b6;margin-bottom:18px;cursor:default;} #icerikOut #anasayfa #ebulten input[type="text"] {width:217px;height:41px;padding-left:53px;background:url("../img/ebulten.png") 12px center no-repeat #f7f7f7;border: solid 1px #dfdfdf;.hoverEfekt;color:#8e8e8e;float:left;} #icerikOut #anasayfa #ebulten input[type="text"]:hover, #icerikOut #anasayfa #ebulten input[type="text"]:focus {border-color:#5fc6c7;background:url("../img/ebultenHover.png") 12px center no-repeat #f7f7f7;} #icerikOut #anasayfa #ebulten input[type="submit"] {width:40px;height:45px;background:url("../img/ebultenGonder.png") no-repeat;border:0;.hoverEfekt;cursor:pointer;float:right;} #icerikOut #anasayfa #ebulten input[type="submit"]:hover {background:url("../img/ebultenGonderHover.png") no-repeat;} /* 7/24 Bize Ulaşın */ #icerikOut #anasayfa #bizeUlasin {float:left;background:url("../img/bizeUlasin.png") top center no-repeat;padding-top:76px;text-align:center;cursor:default;margin-left:57px;} #icerikOut #anasayfa #bizeUlasin span {display:block;font-size:15px;color:#3c3c3c;font-family:'source_sans_proregular';} #icerikOut #anasayfa #bizeUlasin strong {display:block;font-size:40px;color:#218d8e;font-family:'source_sans_prolight';font-style:;margin-top:10px;} /* Müşteriler */ #icerikOut #anasayfa #musterilerBlok {width:329px;height:165px;float:right;background:url("../img/musterilerBlok.png") no-repeat;} #icerikOut #anasayfa #musterilerBlok .frame {width:100%;float:left;overflow:hidden;margin-top:37px;margin-left:12px;} #icerikOut #anasayfa #musterilerBlok .frame ul li {width:150px;height:90px;margin-right:12px;float:left;border:1px solid #f2f2f2;background:white;.hoverEfekt;} #icerikOut #anasayfa #musterilerBlok .frame ul li:hover {border-color:#29a6a7;} #icerikOut #anasayfa #musterilerBlok #navi {float:left;margin-top:3px;margin-left:20px;} #icerikOut #anasayfa #musterilerBlok #navi a {display:block;width:20px;height:20px;float:left;text-indent:-999em;.hoverEfekt;} #icerikOut #anasayfa #musterilerBlok #navi a#geri2 {background:url("../img/musteriBlokNaviGeri.png");margin-right:7px;} #icerikOut #anasayfa #musterilerBlok #navi a#geri2:hover {background:url("../img/musteriBlokNaviGeriHover.png");} #icerikOut #anasayfa #musterilerBlok #navi a#ileri2 {background:url("../img/musteriBlokNaviIleri.png");} #icerikOut #anasayfa #musterilerBlok #navi a#ileri2:hover {background:url("../img/musteriBlokNaviIleriHover.png");} #icerikOut #sayfaBaslikOut {width:100%;height:240px;} #icerikOut #sayfaBaslikOut #sayfaBaslik {width:100%;height:230px;} #icerikOut #sayfaBaslikOut #sayfaBaslik img {width:100%;height:100%;} #icerikOut #sayfaBaslikOut #sayfaBaslik h1 {position:absolute;height:66px;line-height:66px;display:block;background:url("../img/sayfaBaslikBG.png") right center no-repeat;padding-left:173px;padding-right:93px;color:white;font-size:30px;font-family:'source_sans_probold';text-shadow: 1px 1px 1px rgba(0,0,0,.5);margin-top:93px;cursor:default;} #icerikOut #sayfaBaslikOut #sayfaBaslikBorder {width:100%;height:10px;background:url("../img/sayfaBaslikBorder.png") repeat-x;} /* Sayfa Menü */ #icerikOut #sayfaMenu {width:100%;height:50px;background:url("../img/sayfaMenuBG.png") repeat-x;border-bottom:1px solid #b3d8d8;} #icerikOut #sayfaMenu ul {margin-left:60px;} #icerikOut #sayfaMenu ul li {float:left;line-height:50px;background:url("../img/sayfaMenuLi.png") right center no-repeat;.hoverEfekt;} #icerikOut #sayfaMenu ul li a {display:block;width:100%;height:100%;padding:0 17px;font-size:14px;color:#666666;font-family:'source_sans_proregular';.hoverEfekt;} #icerikOut #sayfaMenu ul li:hover a, #icerikOut #sayfaMenu ul li.current-menu-item a {color:white;text-shadow: 1px 1px 1px rgba(0,0,0,.37);} #icerikOut #sayfaMenu ul li:hover, #icerikOut #sayfaMenu ul li.current-menu-item {background:url("../img/sayfaMenuLiHover.png") center no-repeat;} /* İçerik */ #icerikOut #icerik {max-width:100%;background:white;border-bottom:2px solid #d1d1d1;padding:30px} /* Kurumsal */ #icerikOut #icerik #kurumsal p {line-height:20px;color:#545454;font-size:13px;font-family:'source_sans_proregular';margin-bottom:28px;} #icerikOut #icerik #kurumsal p:last-child {margin-bottom:0;} #icerikOut #icerik #kurumsal .alignleft{float:left;margin:4px;} #icerikOut #icerik #kurumsal .alignright{float:right;margin:4px;} /* İletişim */ #icerikOut #icerik #iletisim #harita {width:429px;height:407px;border:1px solid #8de1e2;float:left;} #icerikOut #icerik #iletisim .iletisimBaslik {width:100%;font-size:19px;color:#218d8e;font-family:'source_sans_proregular';border-bottom:1px dashed #4dc0c1;padding-bottom:10px;margin-bottom:17px;cursor:default;} #icerikOut #icerik #iletisim #iletisimBilgileri {width:420px;float:right;} #icerikOut #icerik #iletisim #iletisimBilgileri ul li {width:100%;line-height:22px;font-size:13px;color:#454545;font-family:Arial, Helvetica, sans-serif;margin-bottom:5px;} #icerikOut #icerik #iletisim #iletisimAyirac {width:10px;height:355px;background:url("../img/blokAyirac.png");float:left;margin-left:27px;} #icerikOut #icerik #iletisim #iletisimFormu {width:420px;float:right;margin-top:15px;} #icerikOut #icerik #iletisim #iletisimFormu #formSol {width:200px;float:left;} #icerikOut #icerik #iletisim #iletisimFormu #formSag {width:200px;float:right;} #icerikOut #icerik #iletisim #iletisimFormu .sutun {width:100%;margin-bottom:17px;} #icerikOut #icerik #iletisim #iletisimFormu input[type="text"], #icerikOut #icerik #iletisim #iletisimFormu textarea {width:92%;height: 32px;background-color:#fff;-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.08);-moz-box-shadow: 1px 2px 1px rgba(0,0,0,.08);box-shadow: 1px 2px 1px rgba(0,0,0,.08);border: solid 1px #ebebeb;color:#cfcfcf;padding-left:10px;.hoverEfekt;} #icerikOut #icerik #iletisim #iletisimFormu textarea {height:71px;font-family:Arial, Helvetica, sans-serif;padding-top:5px;} #icerikOut #icerik #iletisim #iletisimFormu input[type="submit"] {width:auto;padding:6px 15px;background:#218d8e;color:white;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:0;float:right;.hoverEfekt;} #icerikOut #icerik #iletisim #iletisimFormu input[type="submit"]:hover {background:#626262;cursor:pointer;} #icerikOut #icerik #iletisim #iletisimFormu input[type="text"]:hover, #icerikOut #icerik #iletisim #iletisimFormu textarea:hover {border-color:#8ed5d6;} /* Ürünler */ #icerikOut #icerik #urunler ul li {width:244px;height:166px;float:left;margin:0 30px;border-bottom:1px solid rgb(240, 240, 240);padding-bottom:10px;margin-bottom:20px;} #icerikOut #icerik #urunler ul li .resim {width:240px;height:130px;border:2px solid #cde6e6;.hoverEfekt;} #icerikOut #icerik #urunler ul li:hover .resim {border-color:#a2d0d0;} #icerikOut #icerik #urunler ul li .baslik {width:100%;height:22px;overflow:hidden;margin-top:10px;line-height:22px;background:url("../img/urunlerBlokDevami.png") right center no-repeat;.hoverEfekt;} #icerikOut #icerik #urunler ul li:hover .baslik {background:url("../img/urunlerBlokDevamiHover.png") right center no-repeat;} #icerikOut #icerik #urunler ul li .baslik a {display:block;width:216px;height:22px;font-size:15px;color:#424242;font-family:'source_sans_proregular';line-height:22px;.hoverEfekt;} #icerikOut #icerik #urunler ul li:hover .baslik a {color:#218d8e;} #icerikOut #icerik #urunler ul li .resim .hover {width:240px;height:130px;background:url("../img/urunlerBlokResimHover.png") no-repeat;position:absolute;opacity:0;.hoverEfekt;} #icerikOut #icerik #urunler ul li .resim .hover a {display:block;width:100%;height:100%;} #icerikOut #icerik #urunler ul li:hover .resim .hover {opacity:1;} /* Footer */ #site #footer {width:980px;height:67px;margin:0 auto;margin-top:21px;margin-bottom:18px;background:url("../img/footer.png");} #footer #copyright {width:500px;float:left;font-size:13px;color:#666666;font-family:'source_sans_proregular';line-height:28px;cursor:default;margin-left:12px;margin-top:8px;} #footer #copyright strong {font-weight:normal;font-family:'source_sans_prosemibold';color:#404040;} #footer #menu {float:right;margin-top:33px;margin-right: 10px;} #footer #menu ul li {float:left;line-height:20px;border-right:1px solid #d4d4d4;margin-left:9px;padding-right:9px;} #footer #menu ul li a {color:#6b6b6b;font-size:13px;font-family:'source_sans_proregular';.hoverEfekt;} #footer #menu ul li:last-child {border:none;} #footer #menu ul li:hover a {color:#128c8d;} #pagenavi{float:right;margin-top:6px;} #pagenavi .mTop20{margin-top:0px;} #pagenavi .mBottom20 {margin-bottom:10px;} #pagenavi .navigation {float:right;overflow:hidden;} #pagenavi .navigation ul{list-style:none;overflow:hidden;} #pagenavi .navigation ul li{float:left;margin:2px;height:33px;} #pagenavi .navigation ul li a{ height: 23px; float: left; cursor: pointer; margin-left: 5px; padding: 9px 15px 0; border: 1px solid #e8e8e8; border-top: 2px solid #5B9387; font: 11px "Source Sans Pro"; color: #616161; transition: all 0.2s linear; } #pagenavi .navigation ul li a:hover{ height: 24px; background: #5B9387; color: #fff; } #pagenavi .navigation ul li a.active{ height: 24px; background: #5B9387; color: #fff; } #slaytOut #slayt #slides h1 {position:absolute;height:66px;line-height:66px;display:block;background:url("../img/sayfaBaslikBG.png") right center no-repeat;padding-left:23px;padding-right:93px;color:white;font-size:30px;font-family:'source_sans_probold';text-shadow: 1px 1px 1px rgba(0,0,0,.5);margin-top:233px;cursor:default;} .mailsendinfo{margin:4px 0px;font-weight:bold;}