@charset "utf-8";
/* CSS Document */
@font-face {
font-family: Roboto Condensed;
src: url(fonts/RobotoCondensed-Bold.ttf);

font-family: Roboto Regular;
src: url(fonts/Roboto-Regular.ttf);

font-family: Roboto Light;
src: url(fonts/Roboto-Light.ttf);


}

B{ color:#000;}
IMG a{ border:0; padding:0; margin:0}

BODY{ background:url(img/bg.jpg) top center fixed #777; margin:0px 0px 10px 0px ; font:12px Arial, Helvetica, sans-serif; color:#555}
A{ text-decoration:none; font-weight:bold; color:#046;}
A:Hover{ color:#f33}

.clear-l{ clear:left}
.clear-r{ clear:right}
.clear-b{ clear:both}

#tepe-cntnr{ margin-left:auto; margin-right:auto; width:980px; height:120px;}
#logo{ float:left}
#home-lang{ float:left}

.logo-img{-webkit-filter: opacity(100%);}
.logo-img:hover{-webkit-filter: opacity(50%);}

#menu{ float:right; width:514px; height:120px}
#menu ul{ margin:0; padding:0; list-style-type:none}
#menu ul li{ float:left}

#manset-cntnr{ margin-left:auto; margin-right:auto; width:920px; height:350px; padding:30px; background:#fff; z-index:1}

#icerik-cntnr{ margin-left:auto; margin-right:auto; width:890px; padding:45px 45px 75px 45px ; background: url(img/bg-icerik.gif) bottom center no-repeat #fff; color:#555; font-size:1.1em; z-index:1}
#icerik-cntnr h1{font-family:Roboto Light; font-size:50px; color:#000; letter-spacing:-3px; margin:0px 0px 10px 0px;}
#icerik-cntnr h2{font-family:Roboto Light; font-size:24px; color:#099; letter-spacing:-2px; margin:0px 0px 0px 0px;}
#icerik-cntnr h3{font-family:Roboto Light; font-size:24px; color:#000; letter-spacing:-2px; margin:0px 0px 0px 0px; text-shadow:1px 1px #fff}
#icerik-cntnr h4{font-family:Roboto Light; font-size:17px; color:#000; letter-spacing:-1px; margin:0px 0px 0px 0px; text-shadow:1px 1px #fff}
#icerik-cntnr input[type=text]{ font:12px Arial, Helvetica, sans-serif; color:#fff; padding:5px 8px; background:#666; margin:0px 0px 0px 0px; text-shadow:1px 1px #222}
#icerik-cntnr input[type=text]:HOVER{ background:#888;}
#icerik-cntnr textarea{ font:12px Arial, Helvetica, sans-serif; color:#fff; padding:5px 8px; background:#666; margin:0px 0px 0px 0px; text-shadow:1px 1px #222}
#icerik-cntnr input[type=submit]{ font:bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:5px 8px; background:#f60; margin:0px 0px 0px 0px; text-shadow:1px 1px #222; border:1px outset #f00; cursor:pointer}
#icerik-cntnr input[type=submit]:HOVER{ background:#f90; border:1px inset #f00}
#icerik-cntnr sup{ font:bold 12px Arial, Helvetica, sans-serif; color:#f00}

/*
#icerik-cntnr a{ color:#f30; padding-left:5px; padding-right:5px;}
#icerik-cntnr a:HOVER{ color:#fff; background:#000}
*/
#icerik-cntnr hr{ border-bottom:0; border-top:1px solid #ccc}

.img-icerik-sol{ float:left; margin-right:10px; margin-bottom:10px; padding:10px; background:#fff; border:1px solid #ccc}
.img-icerik-sag{ float:right; margin-left:10px; margin-bottom:10px; padding:10px; background:#fff; border:1px solid #ccc}

.urunlerimiz-div{width:190px; height:175px; text-align:center; padding:10px; border:1px solid #ddd; float:left; margin-right:10px; margin-bottom:10px;}
.urunlerimiz-div:HOVER{border:1px solid #555;;
-webkit-box-shadow: 0 0 0 0, 0 4px 4px #777;
    -moz-box-shadow: 0 0 0 0, 0 4px 4px #777;
    box-shadow: 0 0 0 0, 0 4px 4px #777;
}
.urunlerimiz-img{width:190px; height:120px; margin-bottom:5px; -webkit-filter: grayscale(100%);}
.urunlerimiz-img:HOVER{width:190px; height:120px; background-size: 350px; margin-bottom:5px;-webkit-filter: grayscale(0%);}

.urunlerimiz-img-k{width:60px; height:50px;  -webkit-filter: grayscale(100%);}
.urunlerimiz-img-k:HOVER{-webkit-filter: grayscale(0%);}



#ky-cntnr{ margin-left:auto; margin-right:auto; width:920px; height:auto; background:#fff; padding:0px 30px 30px 30px;}
#ky-01{ float:left; width:161px}

#ky-02, #ky-03{ float:left; width:180px; padding-left:15px; padding-right:15px; text-align:left; font-family:Roboto Regular; font-size:12px; color:#999; line-height:1}

#ky-03 img, #ky-02 img{ width:180px; height:125px; margin-bottom:10px}
#ky-03 h1, #ky-02 h1{ font-family:Roboto Condensed; font-size:26px; color:#068; margin:0px 0px 5px 0px;}
#ky-03 h1 a, #ky-02 h1 a{ color:#068;}
#ky-03 h1 a:hover, #ky-02 h1 a:HOVER{ color:#034;}


#ky-03 a, #ky-02 a{ font-weight:bold; color:#046; background:none; text-decoration:none}
#ky-03 a:hover, #ky-02 a:hover{ font-weight:bold; color:#F33; text-decoration:none}

#ky-ara{ float:left; width:1px; height:240px; background:#eee}
#ky-04{ float:right; width:337px}
.ky-img{ -webkit-filter: contrast(100%);}
.ky-img:hover{ -webkit-filter: contrast(120%);}

#footer-adres-cntnr{ width:920px; height:75px;  background:url(img/bg-footer-adres.gif); }
#footer-adres{ width:500px; height:60px; padding-top:15px; padding-right:75px; float:right; font-family: Arial, Helvetica, sans-serif;  font-size:11px; text-align:right; vertical-align:middle; background:url(img/bg-footer-adres-zarf.gif) right no-repeat;}
#footer-adres-logolar{  width:330px; height:50px; padding-top:25px; padding-left:15px; float:left;vertical-align:middle;}
#footer-adres-logolar img{ -webkit-filter:opacity(50%);}
#footer-adres-logolar img:hover{ -webkit-filter:opacity(100%);}

#footer-cntnr{ margin-left:auto; margin-right:auto; width:980px; height:70px; background:url(img/footer-golge.png) top center no-repeat; position:relative}