/* Istanbul Web Tasarım */ 


#iletisimform{
color:#666;
font-size:13px;
}

img{border:0;}
label.error{position:absolute;color:red;background:none;width:250px}
body { margin:0; padding:0; width:100%; height:100%; background:#f3f3f3; }
#arka { 
width:100%;
min-height:950px;
background-image:url(../images/arkaplan.jpg);
background-repeat:repeat-x;
}
#genel { 
width:990px;
min-height:1000px;
margin:0 auto;
position:relative;
}
#sol-golge {
position:absolute;
width:15px;
height:950px;
top:0;
left:0;
background-image:url(../images/sol-golge.png);
}
#sag-golge {
position:absolute;
width:15px;
height:950px;
top:0;
right:0;
background-image:url(../images/sag-golge.png);
}
#orta {
	position: relative;
	width: 960px;
	height:auto;
	background: #FFF;
	margin: 0 auto;
}
#ust { 
width:960px;
height:115px;
position:relative;
margin:0 auto;
}
#ust-logo {
	width: 273px;
	height: 63px;
	position: absolute;
	left: 25px;
	top: 25px;
}
#ust-slogan {
	position: absolute;
	width: 391px;
	height: 42px;
	top: 45px;
	left: 350px;
}
.dil-arka { 
width:32px;
height:20px;
background-image:url(../images/ui.png);
background-position:0 0;
text-align:center;
padding-top:6px;
}
#menu { 
width:960px;
height:45px;
}
#menu .kolon { 
display:block;
position:relative;
float:left;
text-align:center;
}
#menu .kolon a {
display:block;
height:30px;
min-width:130px;
color:#000;
padding:15px 15px 0 15px;
background-image:url(../images/ui.png);
background-position:0 -74px;
}
#menu .kolon a:hover {
background-image:url(../images/ui.png);
background-position:0 -29px;
color:#666;
}
.oka {
display:inline-block;
width:19px;
height:15px;
background:url(../images/ui.png) no-repeat scroll -39px -10px;
}
.oky {
display:inline-block;
width:10px;
height:14px;
background:url(../images/ui.png) no-repeat scroll -70px -1px;
}
#menu .sec a { 
color:#da0812;
position:relative;
float:left;
min-width:130px;
text-align:center;
height:30px;
background-image:url(../images/ui.png);
background-position:0 -29px;
}
#icerik {
	background: #f7f7f7;
	width: 100%;
	height: auto;
	padding: 10px 0 20px 0;
}
#slideshow {
	width: 940px;
	height: 236px;
	background-image: url(../images/slideback.png);
	margin: 0 auto 10px auto;
}
#sol {
	position: relative;
	float: left;
	width: 282px;
	height: auto;
	margin-left: 15px;
}
#sol-haber {
	width: 252px;
	height: 310px;
	background-image: url(../images/sol-haber.png);
	position: relative;
	float: left;
	padding:15px;
	overflow:hidden;
}
.sol-sutun {
	width: 252px;
	/* height: 120px; */
	position: relative;
	float: left;
}
.sol-sutun .tarih { 
position:relative;
font-size:30px;
text-align:center;
float:left;
width:74px;
height:66px;
overflow:hidden;
color:white;
background-image:url(../images/tarih-arka.png);
margin:10px 10px 10px 0;
}

#sag-icerik {
	width: 630px;
	height: 444px;
	background-image: url(../images/sag-icerik.png);
	position: relative;
	float: left;
	margin-left: 17px;
}
#sol-referans {
	width: 282px;
	height: 93px;
	position: relative;
	float: left;
	background-image: url(../images/sol-referans.png);
	margin-top: 15px;
}
#sol-referans-fr {
	width: 282px;
	height: 93px;
	position: relative;
	float: left;
	background-image: url(../images/sol-referans_fr.png);
	margin-top: 15px;
}
#alt-bitis {
	width: 900px;
	height: 50px;
	padding-top:20px;
	margin:0 auto;
}
/* Atl Sayfa */ 
#as-govde {
	width: 930px;
	height: auto;
/*	border: 1px solid #333;*/
	margin: 10px auto 0  auto;
}
#hakkimizda { 
	width: 930px;
	height: auto;
	margin: 10px auto 0  auto;
}
#hakkimizda p { 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px; 
}
#hakkimizda li { 
font-size:14px;
line-height:25px;
}
#hakkimizda a { text-decoration:none; color:#333; }
#servisler { 
	width: 930px;
	height: auto;
	margin: 10px auto 0  auto;
}
#servisler p { 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px; 
}
#servisler li { 
font-size:14px;
line-height:25px;
}

.renkli-arka { 
width: 910px;
height: 20px;
background: #f2f1f1;
padding:7px 10px 7px 10px;
font-size:14px; 
color:#C00;
border:1px solid #e3e3e3;
cursor:pointer;
margin-bottom:10px;
}
#servisler .renkli-arka:hover { 
background:url(../images/urun-arti.png) center right;
background-repeat:no-repeat;
}
.renkli-aktif { 
color:#3d3939; 
padding:7px 30px 7px 10px;
font-size:14px; 
font-weight:bold;
border:1px solid #CCC;
border-right:0;
cursor:pointer;
margin-bottom:10px;
background:url(../images/urunler-ok.png) #f9f9f9 center right;
background-repeat:no-repeat;
}
.mini-detay{display:none;}
.renkli-genis { 
position:relative;
float:left;
width: 430px;
height:auto;
background: #f2f1f1;
border:1px solid #e3e3e3;
padding:9px;
}
.renkli-genis .ust { 
font-size:14px; 
font-weight:bold;
color:#C00;
}
.renkli-genis .alt { 
font-size:12px;
color:#333;
}
.renkli-alt { 
position:relative;
float:left;
width:430px;
height:auto;
background: #f9f9f9;
padding:9px;
border:1px solid #e9e9e9;
border-top:none;
font-size:13px;
}
.urun-sol { 
position:relative;
float:left;
width:450px;
}
.urun-resim-list { 
width:420px;
height:auto;
padding:5px;
}
.urun-resim-list .kucuk_resim { 
position:relative;
float:left;
width:133px;
height:100px;
margin-left:5px;
z-index:9999;
}
.urun-resim-list img { 
position:relative;
width:133px;
height:100px;
z-index:1;
}