﻿/* BİSMİLLAHİRRAHMANİRRAHİM */

body {
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
background:url(images/bg.png) repeat top left;
}

.clear {clear:both}
img {border:none}
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-size:16px; font-weight:bold}

a:link { text-decoration:none; color:#ffffff}
a:active { text-decoration:none; color:#ffffff}
a:visited { text-decoration:none; color:#ffffff}
a:hover { text-decoration:underline; color:#ffffff}


.l { float:left;}
.r {float:right;}


.alt-cizgi {
position:relative;
width:100%;
height:20px;
border-bottom:#000000 2px solid;
}


/*
===============================================
LOGO MENU VE STATIC ALANI
===============================================
*/


#header {
position:fixed;
top:0;
left:0;
width:100%;
height:105px;
background:url(images/header-bg.gif) repeat-x left top;
z-index:9;
}



#header .cont {
position:relative;
width:980px;
height:105px;
margin:auto;
}

	
	#header .cont .logo {
	position:absolute;
	width:240px;
	height:105px;
	left:0px;
	top:0px;
	}

	#header .cont .cozum-ortagi {
	position:absolute;
	width:264px;
	height:26px;
	left:0px;
	bottom:-25px;
	z-index:11;
	background:url(images/lojistik-cozum-ortaginiz.png) no-repeat center center;
	}
	
	#header .cont .supcontact {
	position:absolute;
	width:430px;
	height:20px;
	right:100px;
	top:16px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#5b5b5b;
	}
		#header .cont .supcontact strong {color:#b61d1d; font-weight:normal}


	#header .cont .sosyal {
	position:absolute;
	width:80px;
	height:16px;
	right:0;
	top:16px;
	}
	
	#header .cont .sosyal .dil {float:left; height:16px; margin-left:5px;}


	#header .cont .menu {
	position:absolute;
	width:500px;
	height:36px;
	right:0;
	bottom:0;
	}

		.menu ul {
		margin: 0;
		padding: 0;
		list-style: none;}
		
		
		.menu > ul > li { 
		display: block;
		float: left;
		position: relative;
		 }
		
		
		.menu > ul > li >  a { 
		text-decoration: none;
		color: #131313;
		font-family:"Times New Roman", Times, serif;
		font-size: 17px;
		display: block;
		line-height: 20px;
		height: 25px;
		padding: 7px 25px 4px 25px;
		 }
		 
		 .menu > ul > li a:hover {
		 transition: color .20s ease-in;
		 color: #b61d1d;
		 }



#banner {
position:relative;
width:100%;
height:auto;
margin-top:105px;
}




#subcat {
position:relative;
width:100%;
height:147px;
padding-top:30px;
background:url(images/subcatbg.png) repeat-x left center;
}

#subcat .cont {
position:relative;
width:980px;
margin:auto;
height:115px;
}

	#subcat .cont .althizmet {
	position:relative;
	float:left;
	width:285px;
	height:100px;
	}
		#subcat .cont .althizmet:hover { cursor:pointer}
		
		#subcat .cont .r {margin-right:62px;}
		
	
			#subcat .cont .althizmet .img {
			position:absolute;
			left:0;
			top:5px;
			width:85px;
			height:72px;
			}
			
			#subcat .cont .althizmet .baslik {
			position:absolute;
			left:85px;
			top:0;
			width:200px;
			height:35px;
			}
				#subcat .cont .althizmet .baslik h2 {
				font-family:"Times New Roman", Times, serif;
				padding:0;
				margin:0;
				font-weight:normal;
				color:#302f2f;
				font-size:28px;
				}
				
			#subcat .cont .althizmet .yazi {
			position:absolute;
			left:85px;
			top:40px;
			width:200px;
			height:40px;
			font-size:12px;
			color:#818181;
			line-height:18px;
			}
		 
 
 /*
===============================================
GOVDE ( SAG BAR AND SOL BAR)
===============================================
*/


#govde2 {
position:relative;
width:100%;
min-height:400px;
background:url(images/bg.png) repeat top left;
margin-top:-120px;
}

#govde2 h1 {
		font-family:"Times New Roman", Times, serif;
		padding:0;
		margin:0;
		font-weight:normal;
		color:#434343;
		font-size:24px;
	}

#govde2 h2 {
		font-family:"Times New Roman", Times, serif;
		padding:0;
		margin:0;
		font-weight:normal;
		color:#434343;
		font-size:20px;
	}



	#govde2 .txt {
	position:relative;
	width:950px;
	padding:15px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5b5b5b;
	background:url(images/bg.png) repeat top left;
	line-height:20px;
	}

.haberCont {
position:relative;
width:100%;
padding:10px 0;
margin-bottom:10px;
background:url(images/habercont-bg.png) repeat-x left bottom;
}

	.haberCont .baslik {
	position:relative;
	width:100%;
	margin-bottom:5px;
	}

	.haberCont .tarih{
	float:left;
	padding:0 3px;
	margin:0 5px 0 0;
	position:relative;
	font-size:11px;
	background-color:#5b5b5b;
	color:#ffffff;
	}

#govde {
position:relative;
width:980px;
margin:auto;
margin-top:30px;
margin-bottom:30px;
}

.solbar {
position:relative;
float:left;
width:630px;
}


/* ORTA GOVDE SOL BAR */

.solbar .slogan {
position:relative;
width:630px;
border:#d5d5d5 solid 1px;
border-left:none;
border-right:none;
padding:10px 0;
height:63px;
background:url(images/lojistik-islerinizin-cozum-ortagi.png) no-repeat center center;
}

.solbar .slogan h1 { display:none}



.solbar .orta-alan {
position:relative;
width:630px;
margin-top:40px;
}


.solbar .orta-alan .cont {
position:relative;
width:260px;
height:220px;
margin-bottom:30px;
}

.solbar .orta-alan .cont:hover { cursor:pointer}


.solbar .orta-alan .baslik {
position:relative;
width:630px;
margin-bottom:30px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
color:#5b5b5b;
}


	.solbar .orta-alan .cont .resim {
	position:absolute;
	width:260px;
	height:75px;
	top:0;
	}
	
	.solbar .orta-alan .cont .bas {
	position:absolute;
	width:255px;
	padding-left:5px;
	height:25px;
	top:90px;
	}
	.solbar .orta-alan .cont .bas h2 { font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:20px; color:#5b5b5b;}
	
	.solbar .orta-alan .cont .aciklama {
	position:absolute;
	width:255px;
	padding-left:5px;
	height:90px;
	bottom:0px;
	font-size:12px;
	line-height:20px;
	color:#686868;
	}







.solbar .alt-alan {
position:relative;
width:630px;
}


	.solbar .alt-alan .cont {
	position:relative;
	float:left;
	width:200px;
	height:39px;
	background:url(images/lojistik-hizmetleri-bg.gif) repeat-x;
	}
	
		.solbar .alt-alan .cont:hover { cursor:pointer }
	
	.solbar .alt-alan .l { margin-right:14px;}
	
		.solbar .alt-alan .cont .resim {
		position:absolute;
		width:43px;
		height:39px;
		left:0;
		top:0;
		}
		
		

		.solbar .alt-alan .cont .yazi {
		position:absolute;
		width:154px;
		height:25px;
		left:45px;
		top:10px;
		font-family:"Times New Roman", Times, serif;
		color:#5b5b5b;
		font-size:17px;
		}
		
		
		


.solbar .alt-alan .baslik {
position:relative;
width:630px;
margin-bottom:30px;
font-family:"Times New Roman", Times, serif;
font-size:24px;
color:#5b5b5b;
}









/* ORTA GOVDE SOL BAR SONU */



.sagbar {
position:relative;
float:right;
width:280px;
}

.kargomnerede {
position:relative;
width:280px;
height:63px;
background:url(images/kargom-nerede.png) no-repeat center center;
transition: .24s ease-in;
margin-bottom:30px;
}

.kargomnerede:hover {
position:relative;
width:280px;
height:63px;
background:url(images/kargom-nerede-h.png) no-repeat center center;
transition: .24s ease-in;
}



	.kargomnerede .baslik {
	position:absolute;
	left:65px;
	top:10px;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size:24px;
	}
	
	.kargomnerede .yazi {
	position:absolute;
	left:65px;
	top:40px;
	color:#FFFFFF;
	font-size:11px;
	}




.sidecat {
position:relative;
width:280px;
height:170px;
margin:20px 0;
border-bottom:#d5d5d5 solid 5px;
}

	.sidecat .baslik {
	position:absolute;
	width:235px;
	padding:5px 0 0 45px;
	font-family:"Times New Roman", Times, serif;
	color:#5b5b5b;
	font-size:22px;
	height:30px;
	}

	.sidecat .odul {background:url(images/odul.png) no-repeat left center;}
	.sidecat .destek {background:url(images/kesintisiz-hizmet.png) no-repeat left center;}
	.sidecat .haber {background:url(images/haber-duyuru.png) no-repeat left center;}

	.sidecat .yazi {
	position:absolute;
	width:280px;
	top:40px;
	font-size:12px;
	line-height:20px;
	color:#676767;
	padding:5px 0;
	}

	.sidecat .yazi strong {color:#c62d2d}

a.more:link { font-size:11px; text-decoration:none; color:#c62d2d}
a.more:active { font-size:11px; text-decoration:none; color:#c62d2d}
a.more:visited {font-size:11px;  text-decoration:none; color:#c62d2d}
a.more:hover { font-size:11px; text-decoration:underline; color:#c62d2d}




.social {
position:relative;
width:280px;
margin:15px 0;
}

	.social .scont {
	position:relative;
	width:280px;
	margin-bottom:15px;
	}













 /*
===============================================
FOOTER 
===============================================
*/


#footer {
position:relative;
width:100%;
height:630px;
}

	
	#footer .logo {
	position:relative;
	margin:auto;
	width:171px;
	height:110px;
	background:url(images/footer-logo.png) no-repeat center bottom;
	}
	
	
#footer .footer-cont {
position:relative;
width:100%;
height:520px;
background-color:#e3e3e3;
border-top:#c2c2c2 solid 4px;
background-color:#e3e3e3;
background-image:url(images/footer-alt-bg.png);
background-position:center;
background-repeat:no-repeat;
}


	#footer .footer-cont .logo {
	position:relative;
	margin:auto;
	width:100%;
	height:75px;
	background:url(images/footer-toygar.png) no-repeat center center;
	border-bottom:#c2c2c2 solid 4px;
	}
	
	#footer .footer-cont .cont {
	position:relative;
	margin:30px auto;
	width:980px;
	}


		#footer .footer-cont .cont .baglantilar {
		position:relative;
		float:left;
		width:190px;
		margin-right:140px;
		}
			#footer .footer-cont .cont .baglantilar strong { font-family:"Times New Roman", Times, serif; color:#a0a0a0}
		

				#footer .footer-cont .cont .baglantilar > ul {
				padding:0;
				margin:0;
				margin-top:20px;
				display:inline-block;
				list-style-type:none;
				}


				#footer .footer-cont .cont .baglantilar > ul > li {
				padding-left:10px ;
				margin-bottom:5px;
				background:url(images/footer-list-arr.png) no-repeat left center;
				}
				
				#footer .footer-cont .cont .baglantilar > ul > li > a {
				font-size:12px;
				color:#919191;
				}



		#footer .footer-cont .cont .iletisim {
		position:relative;
		float:left;
		width:650px;
		}


		#footer .footer-cont .cont .iletisim strong { font-family:"Times New Roman", Times, serif; color:#a0a0a0}


		#footer .footer-cont .cont .iletisim .ofis {
		position:relative;
		float:left;
		width:280px;
		padding:5px;
		height:80px;
		margin:20px 0;
		font-size:12px;
		color:#919191;
		line-height:20px;
		}
		#footer .footer-cont .cont .iletisim .l {margin-right:70px;}

		#footer .footer-cont .cont .iletisim .ofis label {
		color:#FFFFFF;
		background-color:#464646;
		padding:3px 6px;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		font-weight:bold;
		}



	#footer .footer-cont .ayak {
	position:absolute;
	bottom:0;
	height:70px;
	width:100%;
	border-top:#aaaaaa solid 4px;
	background-color:#c8c8c8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

		#footer .footer-cont .ayak a {color:#252525;}

		#footer .footer-cont .ayak .cont {
		position:relative;
		width:980px;
		font-family:"Times New Roman", Times, serif;
		height:30px;
		margin:20px auto;
		color:#252525;
		font-size:14px;
		}


