body{
	background:#FFF;
	
	}
.topbg{
	float:left;
	width:100%;
	height:63px;
	background:url(../images/bg.png) center center repeat; 
	
	
	}	
	
.detaybuyuk
{
	width:300px;
	height:459px;
	float:left;
	overflow:hidden;
	border:3px solid #CCC;
}
	
.logo{
	float:left;
	width:369px;
	height:76px;
	background:url(../images/logo.png) no-repeat;
	margin-top:27px;
	
	}
.ortala{
	margin:auto;
	width:980px;
	height:auto;
		}	
.yazi{
		float: left;
		font-size: 23px;
		font-family: 'Calibri';
		color: #FFF;
		padding-right: -10;
		padding-top: 17px;
		padding-left: 68px;
			
	}
.yazi2{
	float:right;
	font-size:23px;
	font-family:'Calibri';
	padding-top: 17px;
	color:#FFF;

	}
.yazi3{ 

        float:left;
        font-family:'Calibri';
		font-size:28px;
		color:#F00;
		padding-left: 90px;
	
	
	
	
	
	}	
.yazi4{
	    float:left;
        font-family:'Calibri';
		font-size:28px;
		color:#258300;
		padding-left:10px;
	

	
	
	}				
.hammadde{
	
	    width: auto;
		height:auto;
	
		padding-left:82px;
		
}
.arama{
	float:left;
	width:441px;
	height:117px;
	background:#FFF;
	border-radius: 30px;
	border: 5px solid #000;
	
	}
.arama1{
		width: 273px;
		height: 32px;
		float: left;
		margin-top: 44px;
		margin-left: 12px;
		border-radius: 13px;
		border: 4px solid #3b1866;
		background-color:#8064a2;
		color:#FFF;
		padding-left:5px;
		
	}
.arama3{
		width: 83px;
		height: 58px;
		background-color: #8064a2;
		color: #FFF;
		border-radius: 14px;
		border: 4px solid #3b1866;
		float: right;
		margin-top: 35px;
		margin-right: 34px;
		font-size:32px;
		font-family:'Calibri';
		cursor:pointer;
	}		
.banner1{
	float:left;
	
	width:980px;
	height:241px;
	
	margin-top:41px;
	
	}		

.genel{
	float:left;
	width:451px;
	height:166px;
	
	margin-top:41px;
	}
	
.genel2{
	float:right;
	width:451px;
	height:166px;

	margin-top:41px;
	}	
.toplama{
	float:left;
	width:451px;
	height:35px;
	
	
	
	
	}	
.ortataraf{
	float:left;
	width:300px;
	height:auto;
	
	}	
.resim1{
	float:left;
	background:url(../images/resim1.png) no-repeat ;
	width:401px;
	height:auto;
	border:#d2d4d4 4px solid;
	}
	
.resimalt{
	float:left;
	width:402px;
	height:84px;
	background:#8064a2;
	border:#d2d4d4 4px solid;
	
	}
.resim1altyazi{
	float:left;
	color:#FFF;
	font-size:33px;
	font-family:'calibri';
	padding-top:28px;
	text-align:center;
	padding-left:17px;
	
	}
.tablo{
	float:left;
	width:526px;
	height:auto;
	margin-left:25px;

	
	}
.ortala_2{
	float:left;
	width:980px;
	height:600px;
	}
	
.sag{
	float:left;
	width:135px;
	height:335px;
	border-right:#7f7f7f 2px solid;
	
	}
.sag ul li{
	float:left;
	width:135px;
	height:46px;
	border-bottom:#7f7f7f 2px solid;
	line-height:46px;
	font-family:'Calibri';
	font-size:16px;
	color:#010101;
	font-weight:bold;
	}	
.kare1{
	line-height:46px;
	float:left;
	width:371px;
	height:46px;
	border-bottom:#7f7f7f 2px solid;
	padding-left:15px;
	

	}
	
.renk{
	float:left;
	width:24px;
	height:24px;
	background-color:#c80000;
	margin-top:11px;
	margin-left:15px;

	}
	
.renk2{
	float: left;
	width: 24px;
	height: 24px;
	background-color: #00b050;
	margin-top:11px;
	margin-left:7px;
	}									
			
.resimm{
	float:left;
	background:url(../images/resimler2.png) no repeat;
	width:300px;
	height:auto;
	margin-top:10px;
	}

.resimm img:hover
{
	cursor:pointer;
}
.alt_taraf{
	float:right;
	width:526px;
	height:226px;
	
	
	}	
.metin{
	line-height:60px;
	float:left;
	width:524px;
	height:45px;
	border-bottom: 2px #818181 solid;
	font-family:'Calibri';
	font-size:20px;
	color:#010101;
	font-weight:bold;
	}
.metinalt{
	float:left;
	width:520px;
	height:auto;
	color:#000;
	font-size:18px;
	font-family:'Calibri';
	margin-top:8px;
	line-height:22px;
	text-align:justify;
	}	
.footer{
	float:left;
	width:100%;
	height:98px;
	background:#5a5a5a;
	margin-top:30px;

	
	
	}	
.sosyal{
	float:left;
	width:184px;
	height:98px;
	}
.yazi5{
	float:left;
	font-family:'Calibri';
	font-size:20px;
	color:#FFF;
	text-align:center;
	line-height:45px;
	
	
	}
.logo1{
	float:left;
	height:40px;
	width:40px;
	
	}
.referanslar{
	width:560px;
	height:63px;
	background:#FFF;
	margin-left: 193px;
	margin-top: -30px;
	}			
.askimyalogo{
	float:right;
	width:166px;
	height:27px;
	margin-top: 10px;
	line-height:16px;
	}	
.logoaskimya{
	float:right;
	height:136px;
	height:27px;
	background:#03C;
	
	
	
	
	}	
.yazi6{
	float:left;
	font-family:'Calibri';
	font-size:11px;
	color:#FFF;
	margin-top: 6px;
    margin-left: 1px;
	text-align:right;
	}	
.sagtaraf{
	float:left;
	width:213px;
	height:auto;
	background:#d8d8d8;
	
	}
.sagtaraf ul li a{
	float:left;
	font-family:'Calibri';
	font-size:15px;
	color:#000;
	font-weight:bold;
	
	
	}	
		
.genelkimya{
	float:left;
	width:200px;
	height:33px;
	line-height:33px;
	background:#8064a2;
	font-family:'Calibri';
	font-size:18px;
	color:#FFF;
	text-align:left;
	padding-left:13px;
	
	}	
.altkatagori{
	float:left;
	font-family:'Calibri';
	font-size:15px;
	padding-left:13px;
	padding-right:23px;
	width:203px;
	height:auto;
	margin-top:8px;
	margin-bottom:8px;

	}	
.ortakatagori{
	float:left;
	width:546px;
	height:325px;
	margin-left:9px;
	border: 2px #000000 solid;
	overflow: hidden;
	
	}	
	.ortakatagori ul {
		float:left;
		width:546px;
		height:auto;}
	.ortakatagori ul li{
		float:left;
		width:546px;
		height:auto;}
.baslik{
	float:left;
	width:344px;
	height:52px;
	line-height:19px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#000;	
	}	
.üsst{
	float:left;
	background:url(../images/1.png) no-repeat;
	width:546px;
	height:30px;
	font-size:20px;
	font-family:'Calibri';
	padding-top:5px;
	padding-left:10px;
	
	}	
.resim{
	margin-left: 10px;
	margin-top: 45px;
	}	
.slider{
	float:left;
	float:left;
	width:549px;
	height:36px;
	margin-left:10px;
	margin-top:-37px;
	}	
.yazi7{
	float:left;
	width:344px;
	height:198px;
	overflow:hidden;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:16px;
	margin-top:22px;
	color:#000;
	margin-left:30px;
	text-align:justify;
	}	
.yeryon{
	float:left;
	background:url(../images/ok.png) no-repeat;
	width:17px;
	height:17px;
	margin-top:9px;
	margin-left:9px;
	cursor:pointer;
	
	}	
.yeryon1{
	float: right;
	background: url(../images/ok1.png) no-repeat;
	width: 17px;
	height: 17px;
	margin-top: 9px;
	margin-right: 7px;
	cursor:pointer;
	}
.yeryon2{
	margin-right:150px;
	width: auto;
	float: right;
	}		
.nokta{
	width: 7px;
	height: 7px;
	float: left;
	margin-top: 10px;
	margin-right: 6px;
	}	
	.noktaimg{
		
	width: 7px;
	height: 7px;
	float: right;
	background: url(../images/nokta.png);
		
		}
	
.nokta ul li a:hover{
	background:url(../images/nokta-2.png) no-repeat;
	width:11px;
	height:11px;
	}	
.solkatagori{
	float:right;
	width:198px;
	height:321px;
	border:2px #000000 solid;
	background:url(../images/2.png) no-repeat;
	}	
	
.yazix{
	float:left;
	
	font-size:36px;
	font-family:'Calibri';
	color:#112047;
	padding-top:50px;
	padding-left:5px;
	
	}	
.yaziY{
	float:left;
	font-size:31px;
	font-family:'Calibri';
	color:#dc0067;
	padding-top:3px;
	padding-left:5px;
	}	
	
.yaziN{
	float:left;
	
	font-size:31px;
	font-family:'Calibri';
	color:#112047;
	padding-top:3px;
	}	
.yaziR{
	float:left;
	
	font-size:31px;
	font-family:'Calibri';
	color:#112047;
	padding-top:3px;
	padding-left:5px;
	}	
.soru{
	float:left;
	
	font-size:31px;
	font-family:'Calibri';
	color:#dc0067;
	padding-top:9px;
	}	
.yazi9{
	float:left;
	
	font-size:16px;
	font-family:'Calibri';
	color:#000;
	padding-top:3px;
	padding-left:8px;
	font-weight:bold;
	
	}	
.yazi22{
	float:left;
	font-size:26px;
	font-family:'Calibri';
	color:#112047;
	padding-top:9px;
	font-weight:bold;
	
	}
.yazi33{
	float:left;
	font-weight:bold;
	font-size:19px;
	font-family:'Calibri';
	color:#dc0067;
	padding-top:9px;
	padding-left:6px;
	}
.urunkatagori{
	float:left;
	width:752px;
	height:auto;
	margin-top:8px;
	margin-left:10px;

	
	}	
.usstt{
	float:left;
	background:url(../images/3.png) no-repeat;
	width:759px;
	height:25px;
	font-size:20px;
	font-family:'Calibri';
	padding-top:9px;
	padding-left:10px;
	
	
	}
.katagoriler{
	float:left;
	width:135px;
	height:187px;
	background:#CCF;
	margin-left:20px;
	margin-top:20px;
}
.katagori_resim{
	float:left;
	background:url(../images/resim3.png);
	width:135px;
	height:135px;
	border:5px #d2d4d4 solid ;
	
	}
.katagoriler ul li a{
	float: left;
	width: 135px;
	height: 33px;
	background: #8064a2;
	border:5px #d2d4d4 solid ;
	color:#FFF;
	font-size:17px;
	font-family:'Calibri';
	text-align:center;
	line-height:33px;
	
	
}
.resim_{
	float:left;
	height:112px;
	width:82px;
	margin-left:10px;
	
	}
	
.urunler{
	float:left;
	width:758px;
	height:auto;
	
		}
	
.urunler ul {
	float:left;
	width:780px;
	height:auto;
	
	}	
.urunler ul li {
	float:left;
	width:129px;
	height:230px;

	border-radius:4px;
	border:#999 5px solid;
	margin-right:14px;
	margin-top:14px;
	
	
	}
 
.resimm2{
	float:left;
	width:129px;
	height:27px;
	background:#8064a2;

	
	color:#FFF;
	font-size:12px;
	font-family:'calibri';
	padding-top:5px;
	text-align:center;
	
	}	
.dd{
	float:left;
	width:129px;
	height:198px;
	
	}
	
	
	


.sercan_hakkimizda
{
	width:752px;
	height:auto;
	float:left;
	margin-left:10px;
}

.sercan_hakkimizda_metin
{
	width:752px;
	height:auto;
	float:left;
	margin-top:7px;
	margin-bottom:73px;
	font-family:Calibri;
	font-size:16px;
	line-height:21px;
	text-align:justify;
}
	 		
.sercan_iletisim_sol
{
	width:300px;
	height:auto;
	float:left;
}

.sercan_iletisim_sag
{
	width:400px;
	height:auto;
	float:left;
	margin-left:52px;
}

.iletiism_formu_textbox
{
	width:260px;
	height:24px;
	float:left;
	margin-bottom:7px;
	border:1px solid #CCC;
	padding-left:6px;
}

.sercan_iletisim_sag table tr td
{
	vertical-align:top;
}

.iletisim_formu_textarea
{
	width:266px;
	height:60px;
	float:left;
	margin-bottom:7px;
	border:1px solid #CCC;
	line-height:16px;
	padding-top:6px;
}

.iletisim_gonder
{
	width:80px;
	height:25px;
	float:right;
	background:#CCC;
	border-radius:3px;
	text-align:center;
	line-height:25px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
	cursor:pointer;
}
.sttrong{
	float: left;
	width: 759px;
	height: auto;
	text-align: center;
	font-family: 'Calibri';
}
.sttrongll{
	float: left;
	width: 759px;
	height: auto;
	text-align: center;
	font-family: 'Calibri';
	font-size: 15px;
	color: #000;
	margin-bottom: 10px;
	margin-top: 10px
}
.bas_tab{
	font-weight: bold;
	font-family: 'Calibri';
}
.for_table{
	float: left;
	width: auto;
	height: auto;
	font-family: 'Calibri';
}

.for_input{
	float: left;
	width: 250px;
	height: 30px;
	background: #fff;
	border: 1px solid #ccc;
	margin-top: 10px;

}
.for_inputb{
	float: left;
	width: 250px;
	height: 80px;
	background: #fff;
	border: 1px solid #ccc;
	margin-top: 10px;
	
}
.form_td{
	height: 30px;
float: left;
line-height: 30px;

}
.form_tdb{
	height: 80px;
float: left;
line-height: 80px;
resize: none;
}
.form_sub{
	float: left;
	width: 150px;
	height: 35px;
	background: #ccc;
	font-family: 'calibri';
	font-size: 12px;
	cursor: pointer;
}
.is_ortaklarimiz{
	font-family: 'calibri';
	font-size: 14px;
	line-height: 18px;
	color: #000;
}
.unnder{
	text-decoration: underline;
}
.ortak_box{
	float: left;
	width: 759px;
	height: auto;
}
.ortak_box ul{
	float: left;
	width: auto;
	height: auto;
	margin-top: 10px;
}
.ortak_box ul li{
	float: left;
	width: 132px;
	height: 77px;
	border: 1px solid #ccc;
	margin-bottom: 8px;
	margin-right: 8px;
	margin-left: 8px;
}
.ortak_box ul li a{
	float: left;
	width: 132px;
	height: 77px;
}