@charset "iso-8859-9";
@import url('reset.css');
@import url('fonts.css');

body{line-height:18px; margin:0px;background-color: #ebebeb;background-image: url(../images/bg2.png);color:#6d6d6d;background-repeat: repeat-x; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:12px;}

#ust_border {float: left;height: 30px;	width: 950px;font-family:"Century Gothic";font-size:14px;margin-top:5px; color:#002655;}

#dilsecimi{float:left; width:150px; height:30px; line-height:30px;}
#banner {background-color: #FFFFFF;	float: left;height: 385px;width: 950px;	margin-top: 10px; box-shadow: 1px 1px 3px 1px #dcdbdb;}
#banner .flash {padding: 10px;float: left;	width: 930px; padding-top:0px;}

#ust_border .ustlink {font-family: "Century Gothic"; font-size: 12px; text-decoration:none;}
#ust_border a.ustlink {color:#002655; text-decoration:none; }
#ust_border a:visited.ustlink { color:#002655; text-decoration:none;}
#ust_border a:hover.ustlink {color:#0828b1;text-decoration:none; }
#ana {margin:0px auto; width:950px;}
#sabitlogo{float: left;
width: 175px;
margin-top: 5px;}

.urun_kutu{
width: 190px;
height: 205px;
float:left;
margin:10px;
}


.urun_resim{
width: 190px;
height: 190px;
border: 1px solid 
#EEE;overflow:hidden;
float:left;
}

.urun_baslik{
float:left;
text-decoration: none;
color: 
#333;

font-weight: bold; width: 190px;}
#orta {float: left; background-image:url(../images/orta_bg.png); background-repeat:repeat-y;width: 950px;box-shadow: 1px 1px 3px 1px #dcdbdb;}
#orta .orta_sol {padding: 10px;float: left;width: 630px;}
#orta .orta_sag {

	padding: 10px;
	float: left;
	width: 280px;

}
#referanslaric {
	float: left;
	width: 600px;
	margin: 10px;
	
}
#orta_welcome {
	float: left;
	height: 35px;
	width: 630px;
}
#orta_welcome span{
	background-image: url(../images/kurumsal_icon.png);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 30px;
	margin-right:5px;
}
#anasayfa_yazi {
font-family: "Trebuchet MS";
font-size: 13px;
float: left;
width: 630px;
color: 
#6D6D6D;
line-height: 17px;
font-weight: bolder;
margin-top: 10px;
}

#anasayfa_yazi p{font-family:"Trebuchet MS",font-size: 14px; padding:3px; line-height:16px;}
#kayan_resimler {

float: left;
height: 85px;
width: 930px;
margin: 10px;
	
}

.cizgi {
	float: left;
	width:100%;
	margin-top: 10px;
	border-bottom:1px dotted #999999;
}
.kutu {
	float: left;
	height: 160px;
	width: 310px;
	margin-top:20px;
}
#ara_cizgi {
	background-image: url(../images/aracizgi.png);
	background-repeat: no-repeat;
	float: left;
	height: 160px;
	width: 10px;
	margin-top:10px;
}
.kutu_resim {
	float: left;
	height: 70px;
	width: 295px;
	margin-top: 5px;
	margin-bottom: 5px;

padding: 2px;

border: 2px solid 
#fff;
overflow:hidden;



}

#altborderbg{
	background-image: url(../images/altborderbg.png);
	background-repeat: no-repeat;
	float: left;
	height: 155px;
	width: 950px;
box-shadow: 1px 1px 3px 1px 
#DCDBDB;
margin-top:10px;
}
#altsol{float: left;
	height: 135px;
	width: 620px;
padding:10px;}

#altsag{float: left;
	height: 135px;
	width: 300px;
padding:10px;padding-left:0px;}

.kutu_yazi {
	font-family: "Trebuchet MS";
font-size: 12px;
float: left;
height: 60px;
width: 310px;
margin-top: 5px;
margin-bottom: 5px;
overflow: hidden;
color: 
#6D6D6D;
line-height: 19px;
}



.kutu span{
	float: left;
	height: 30px;
	width: 30px;
	margin-right:5px;
}
.kutu h4{ font-family:"Century Gothic"; font-size:15px; color:#002655; margin-top:7px;	height: 30px;}

#orta_welcome h4{font-family: "Century Gothic";
font-size: 16px;
color: 
#4D4D4D;
margin: 0px;
margin-bottom: 2px;}
#orta_welcome h2{font-family:"Century Gothic"; font-size:11px; color:#fc7100; margin:0px;}

#alt {float: left;	height: 50px;width: 950px;	margin-top: 10px;	margin-bottom: 10px;}
#alt_yazi {font-family: "Century Gothic";font-size: 11px;color: #666666;float: left;height: 50px;width: 400px;}
#altyazi_sag {float: left;height: 50px;	width: 550px;font-family: "Century Gothic";font-size: 11px;color: #666666;}

.golge {background-image: url(../images/altgolge.png);	background-repeat: no-repeat;float: left;height: 25px;	width: 950px;}

#menualani {background-image: url(../images/ust_bg.png);background-repeat: no-repeat;float: left;height: 86px;width: 950px;margin-top: 5px;
box-shadow: 1px 1px 3px 1px #dcdbdb; }
#menualani .logo {	float: left;	height: 60px;	width: 150px;	padding: 13px;}
#nav {float: left;height: 35px;	width: 650px;	margin-left: 100px;	margin-top: 30px;	margin-bottom: 21px;	margin-right: 24px; font-family:"Century Gothic"; font-size:14px; text-decoration:none;}

.darrow{border-width:4px;border-color:#F9FEFF;border-top-color:#CAE4F7;}
.dd_wrapper:hover .darrow, .dd_wrapper.hover .darrow{border-color:#F0FCFE;border-top-color:#60A8E6;}
.dd_wrapper{display:block;float:left;position:relative; z-index:101;}
.dd_wrapper .dd_link{display:block; text-decoration:none;font-size:14px;font-weight:400;padding:5px 10px 5px;position:relative;z-index:1; color:#5b5b5b; font-family:"Century Gothic", Arial, Helvetica, sans-serif;}
.dd_wrapper span.dd_link{cursor:default;}
.dd .dd_link{padding-right:15px;}
#main_nav .dd_wrapper:hover .dd_link, #main_nav .dd_wrapper.hover a.dd_link{color:#1b6fb6;}
.dd_items{	height:0;	overflow:hidden;	position:absolute;	top:1px;	width:200px;	z-index:101;}
.dd_items_top .dd_link{background:#F0FCFE;float:left;z-index:1;border:0px solid #FFF;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EAFBFF), color-stop(0.4, #F0FCFE), to(#F0FCFE));background: -webkit-linear-gradient(top, #EAFBFF, #F0FCFE 40%, #F0FCFE);background: -ms-linear-gradient(top, #EAFBFF, #F0FCFE 40%, #F0FCFE);background: -o-linear-gradient(top, #EAFBFF, #F0FCFE 40%, #F0FCFE);background: -moz-linear-gradient(top, #EAFBFF, #F0FCFE 40%, #F0FCFE);background: linear-gradient(top, #EAFBFF 0%, #F0FCFE 40%, #F0FCFE);-webkit-box-shadow: 4px 4px 8px -4px #666;-moz-box-shadow: 4px 4px 8px -4px #666;box-shadow: 4px 4px 8px -4px #666;}
.dd .dd_items_bottom{background:#F0FCFE;clear:left;padding:0 0 10px 2px; border:0px solid #FFF;-webkit-border-radius:0 8px 8px 8px;-moz-border-radius:0 8px 8px 8px;border-radius:0 8px 8px 8px;width:184px; padding:10px 0; margin-bottom:10px; position:relative; z-index:2;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0FCFE), color-stop(0.4, #F0FCFE), to(#d6f7ff));background: -webkit-linear-gradient(top, #F0FCFE 0%, #F0FCFE 40%, #d6f7ff);background: -ms-linear-gradient(top, #F0FCFE 0%, #F0FCFE 40%, #d6f7ff);background: -o-linear-gradient(top, #F0FCFE 0%, #F0FCFE 40%, #d6f7ff);background: -moz-linear-gradient(top, #F0FCFE 0%, #F0FCFE 40%, #d6f7ff);background: linear-gradient(top, #F0FCFE 0%, #F0FCFE 40%, #d6f7ff);-webkit-box-shadow: 4px 4px 8px -4px #666;-moz-box-shadow: 4px 4px 8px -4px #666;box-shadow: 4px 4px 8px -4px #666;}
.dd_items .dd_slink{display:block;font-size:12px; text-decoration:none;height:21px;padding:4px 0 0 20px;color:#5b5b5b;}
.dd_items .dd_slink:hover{background:#d4f0fe;}
.dd_wrapper:hover .dd_items,.dd_wrapper.hover .dd_items{display:block;height:auto;}
#client_gallery_frame #main_links .dd_wrapper:hover .dd_items,#client_gallery_frame #main_links .dd_wrapper.hover .dd_items{display:none !important;}
.dd_wrapper.features .dd_link,.pricing .dd_wrapper.pricing .dd_link,.services .dd_wrapper.services .dd_link,.showcase .dd_wrapper.showcase .dd_link,.about_us .dd_wrapper.company .dd_link{color:#fc6003;}
.arrow{vertical-align:middle; height:0; width:2px; line-height:0; font-size:0;border:4px solid transparent; margin-left:6px; text-indent:-9999px;}
.darrow{border-top-color:#002655;}
.menu_resim {width: 170px;margin-right: auto;margin-left: auto;	overflow:hidden;margin-bottom:5px;}



#ftHolder { width: 930px; float: left; text-align: center; height: 260px;  font-family:"Century Gothic"; font-size:14px; }
.ft-title { padding: 10px 10px; width: 910px; text-align: left;margin-bottom: 10px; }
.ft-prev, .ft-next {display: block;  }
.ft-button-ft-active {display: block; }



.jcarousel-skin-tango .jcarousel-container {
  

   
  
	
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   width: 840px;
float: left;
padding: 5px 50px;
height: 75px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  630;
    height: 110px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 175px;
    height: 80px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 22px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 14px;
    right: 5px;
    width: 32px;
    height: 45px;
    cursor: pointer;

    background: transparent url(../images/ileri_pasif.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
	background: transparent url(../images/ileri.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
	background: transparent url(../images/ileri.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 14px;
    left: 5px;
    width: 32px;
    height: 45px;
    cursor: pointer;
    background: transparent url(../images/geri_pasif.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
	 background: transparent url(../images/geri.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
	 background: transparent url(../images/geri.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 65px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
#haberler_kutu {
	float: left;
	height: 230px;
	width: 280px;
}
#haberler_kutu span{
	background-image: url(../images/haber_icon.png);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 30px;
	margin-right:5px;
}
#haberler_kutu h4{ font-family:"Century Gothic"; font-size:15px; color:#4d4d4d; margin:0px;}
#haberler_kutu h2{font-family:"Century Gothic"; font-size:11px; color:#fc7100; margin:0px;}

.icon {
	float: left;
	height: 50px;
	width: 280px;
	margin-bottom:10px;
}
.haberbaslik {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d7161e;
	float: left;
	width: 280px;
	margin-top: 10px;
}
a.haberlink:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5A5354;
	text-decoration:none;
}
a.haberlink:visited {
	color: #5A5354;
	text-decoration:none;
}

a.haberlink:hover{color:#8D8788; text-decoration:underline;}

.haber_ozet {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #79797A;
	float: left;
	width: 262px;
	margin-left:18px;

}
.tumhaberler {
	float: left;
	height: 25px;
	width: 280px;
	margin-top:10px;
}
.form-textarea	{
	background: url(../images/form_textarea.gif) no-repeat;
	border: none;
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 97px;
	overflow: auto;
	padding: 6px 0px 0 6px;
	width: 300px;
	}
	.inputilan{
background-image:url(../images/inputilan.png);
width:184px;
height:25px;
border:none;
padding:2px;
font-family:Tahoma;
font-size:12px;
color:#666666;
background-color:transparent
}


.sayfalar{color:#6d6d6d; font-family:"Trebuchet MS"; line-height:18px; font-size:14px; min-height:355px;}
.sayfalar h3{ font-family:"Trebuchet MS"; font-weight:bold; font-size:16px; padding-bottom:0px;color:#002655;}


.ekatalog{
float:left;
width:100%;
height:40px;
margin-top:5px;
float:left;
margin-bottom:5px;
background-color:#c9e4f2;
font-weight:bold;
color:#ffffff;}

.ekatalog:hover{
float:left;
width:100%;
height:40px;
float:left;
margin-top:5px;
margin-bottom:5px;
background-color:#9ebbd0;
color:#FFFFFF;
font-weight:bold;
}

a.katlink{ color:#002655; text-decoration:none;}
 a.katlink:link{ color:#002655; text-decoration:none;}
 a.katlink:hover{ color:#002655; font-weight:bold; text-decoration:none;}

.sayfalamaalani{width:100%; margin-top:25px;float:left; }
#Tum_Haberler{width:100%;height:130px; float:left; margin-top:10px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#cad2d8;}
#Tum_Haberler .YTSOL{height:115px;width:150px;float:left;background-image:url(http://adulaluminyum.com/images/kresim_bg.png);padding-top:5px;padding-left:5px;}
#Tum_Haberler .YTSAG{float:left;margin-left:10px;width:460px;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori{float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height:20px;font-size:12px;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori .YT_a_Kategori{text-decoration:none;color:#B00;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik .YT_a_Baslik{text-decoration:none;color:#555;}
#Tum_Haberler .YTSAG .YT_Sag_icerik .YT_a_icerik{text-decoration:none;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Yorum .YT_tarih{float:left;height:20px;background-image:url../(images/yaztektarih.png);background-repeat:no-repeat;font-family:Tahoma, Geneva, sans-serif;font-size:11px;line-height:15px;width:400px;color:#777;}
#Tum_Haberler .YTSAG .YT_Sag_Yorum .YT_yorum{float:left;height:20px;background-image:url(../images/yaztekyorum.png);background-repeat:no-repeat;padding-left:20px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;line-height:15px;color:#777;}
#Tum_Haberler .YTSAG .YT_Sag_icerik .YT_a_icerik:hover{text-decoration:underline;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik .YT_a_Baslik:hover{text-decoration:underline;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori .YT_a_Kategori:hover{text-decoration:underline;color:#B00;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;line-height:25px;}
#Tum_Haberler .YTSAG .YT_Sag_icerik{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;height:40px;}

#paylas{ float:left; width:100%; margin-top:10px; height:24px; font-family:"Century Gothic"; font-size:14px; color:#000033;}
#paylas .picon{ float:left; height:24px; width:24px; padding-right:5px;}

.magic{ clear:both;}


.iletisim_kutu{ float:left; width:310px; margin-right:10px; min-height:150px;}
.iletisim_kutu2{ float:left; width:310px; margin-bottom:10px; }
.iletisim_kutu4{ float:left; width:180px; margin-bottom:10px; }
.iletisim_kutu3{ float:left; width:620px; margin-bottom:10px; }
.iletisim_baslik{ float:left; width:100px;}



.proje_kutu {
	background-image: url(../images/proje_bg.png);
	float: left;
	height: 150px;
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	 
}
.proje_kutu1 {
	background-image: url(../images/proje_bg.png);
	float: left;
	height: 150px;
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
	 
}
.proje_alani{
float: left;
	height: 130px;
	width: 130px;
	padding:10px;}
.proje_resim {
	float: left;
	height: 80px;
	width: 128px;
	overflow:hidden;
	border:1px solid #c8e4f2;
}
.proje_border {
	background-color: #002655;
	float: left;
	height: 5px;
	width: 130px;
	
	margin-bottom:5px;
}
.proje_baslik {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	float: left;
	width: 130px;
	font-weight:bold;
}

a.projelink:link{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	
	a.projelink:visited{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	a.projelink:visited{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	a.projelink:hover{font-family: "Trebuchet MS";
	font-size: 14px;
	color:#990000;
	text-decoration:underline;
	}
	
.detayresim {
	margin: 5px;
	float: left;
	height: 200px;
	width: 355px;
}


.detaykucukkutu {
	margin: 5px;
	float: left;
	height: 63px;
	width: 63px;

}

.aciklamaalan{ float:left; width:250px; margin-left:10px;}
.etiketalani{float:left; width:620px; height:28px; padding-left:10px; padding-top:15px; background:url(../images/etiketlerbg.png);background-repeat:no-repeat; margin-top:20px;}

a.etiket:link{text-decoration:none;color:#c41017; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.etiket:visited{text-decoration:none;color:#c41017;}
a.etiket:hover{text-decoration:underline;color:#033e9f;}


.piyasakutu {
	float: left;
	width: 120px;
	margin-right: 15px;
	margin-left: 15px;
	font-family:Calibri;
	font-size:12px;
	color:#6d6d6d;
	margin-top:15px;
}
.piyaseresim {
	float: left;
	height: 35px;
	width: 35px;
}
.bultenbaslik{ width:115px; float:left; height:30px; margin-bottom:5px; line-height:30px; font-size:13px;}
.bulteninput{width:195px; float:left; height:30px;margin-bottom:5px;background-color:transparent}
.bultenaciklama{color:#f68d38; line-height:16px; width:305px; float:left; font-size:11px; text-align:justify;}
.bultenbuton{width:305px; float:left; height:30px; margin-top:5px; text-align:right}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1002; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




.brand-image
{
    width: 151px; 
    height: 80px; 
    margin: 4px 4px 3px 4px;
    border: 1px solid #EFEFEF;
    cursor: pointer;
}

#menu ul li .item-bottom .image
{
    width: 125px; 
    height: 80px; 
    border: 1px solid #EFEFEF; 
    margin: 4px 4px 3px 3px;
    cursor: pointer;
}


#menu ul li .item-bottom .image:hover, .brand-image:hover
{
    border: 1px solid #FAA21B;
}
.kutu1 {
float: left;
height: 75px;
width: 175px;
font-size: 10px;
color: 
#555;
margin-bottom: 10px;
font-weight: bold;
text-align: center;
line-height: 17px;
border: 1px solid 
#BBB;
margin-right: 12px;
padding: 5px;
margin-left: 11px;
background-color: 
white;
}

.altkutu{float: left;
width: 165px;
margin-right: 6px;
margin-left: 35px;}
.altkutu h2{font-size:16px; font-weight:bold;margin-bottom:5px;}
.altkutuyazi{float:left;font-size:12px;margin-top:5px; width:165px;}