* {margin:0px; padding:0px;}
ul{list-style-type:none;}
li{list-style-type:none;}
body {background:url("../res/arka.jpg") #000; font-family: Trebuchet MS, Arial, sans-serif, Helvetica; color:white;}
.clear {clear:both;}
a {text-decoration: none;
}
a:link, a:visited, a:hover, a:active, a:focus {
	outline: 0;
}
#ustAlan {height:150px; color:#00aa21; position:relative;}
#logo {padding:30px 50px;}
#anaAlan {width:900px; margin:auto; background-color:#000; border-left:5px solid #ccc; border-right:5px solid #ccc;}
#bglnt {width:900px; height:200px;}
#bglnt ul {margin:0; padding:0; list-style:none;}
#bglnt li {float:left; text-indent:-9999px; padding-left:9%;}
#bglnt li a { background:url("../res/baglanti_elmalar.jpg") no-repeat 0px top; width:200px; height:130px; display:block; overflow:hidden; }

#bglnt a#nor{background-position:right bottom; }
#bglnt a#nor:hover{background-position:left top;}

#bglnt a#omer{background-position:right bottom;}
#bglnt a#omer:hover{background-position:right 0px; }

#bglnt a#tel{background-position:right bottom; }
#bglnt a#tel:hover{background-position:left bottom;}

#kutular {width:900px; height:250px;  margin:0 auto;}
.kutu {width:200px; height:212px; background-color:#000; float:left; margin-left:9%; background-color:#060606;}
.h3 {width:200px; height:40px; background-color:#060606;}
.h3 h3 {text-align:center; padding:10px 0; font-size:13pt;}
.kutu p {background-color:#000; padding:5px; width:175px; margin:0 auto; height:155px; text-indent:15px; font-size:15px; color:#e7601e;}
.kir {color:red;}
.yes {color:green;}
.mor {color:purple;}

#neler {margin:0 auto; width:760px;}

#altAlan {margin:0 auto; width:900px; text-align:center; background-color:#000; padding-top:25px; padding-bottom:20px; border-left:5px solid #ccc; border-right:5px solid #ccc;}
#altlink {margin-bottom:15px;}
#altlink a {padding:3px;}
#altlink a:hover { background-color:#060606; }
#altBilgi {color:#204d4a;}

.a {color:#2b6e6a}
#b {color:#bbb}
#c {color:#0aad30}
#d {color:#62decb}
#e {color:#0cff00}
#f {color:#e65515}
#g {color:#d21010}
#h {color:#f9f110}
#j {color:#7d7d74}
#k {color:#214e14}
#l {color:#bb3bb3}
#m {color:#222}
/*——————————[ 996 ]—————————*/
@media screen and (max-width:996px){
/* Buraya yazacağınız css kodu maksimum 996px genişliği olan cihazlarda çalışacaktır. Tabletler için diyebiliriz */
}
/*——————————[ 480 ]—————————*/
@media screen and (max-width:480px){
/* Buraya yazacağınız css kodu maksimum 480px genişliği olan cihazlarda çalışacaktır. */
}
/*——————————[ 320 ]—————————*/
@media screen and (max-width:320px){
/* Buraya yazacağınız css kodu maksimum 320px genişliği olan cihazlarda çalışacaktır. */
}