/*-------------------------------------------------------------------------
=TAKIM ÇANTASI
-------------------------------------------------------------------------*/	

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear:both
}
	


html, body {
	width: 100%;
	height: 100%;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
}
body { 
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;
}
input,textarea,select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#dce9ff;
	border:1px solid #83b9eb;
	font-size:14px;
	color:#00347a;
}
a {	text-decoration:none;color:#283a90 }
a:hover {text-decoration:underline; }



#MaviBody {
	position:relative;
	display:block;
	margin:0 auto;
	width:1003px;
	background:url(aslan_bg.png) no-repeat top;
	
}

.satir {
	position:relative;
	float:left;
	width:100%;
	display:block;
}
	

#Sayfaust {
	height:70px;
}

#SayfaustSub {
	height:68px;
}

#slogan {
	position:relative;
	display:block;
	float:left;
}

#slogan img {
	position:relative;
	display:block;
	float:left;
	margin-left:101px;
	margin-top:17px;
}

#Arama {
	position:absolute;
	width:210px;
	height:42px;
	right:0px;
	top:0px;



}
#AramaBaslik {
	position:relative;
	float:left;
	margin:0 auto;

}
#AramaBaslik h4 {
	position:relative;
	float:left;

}
#AramaBaslik form{
	position:relative;
	float:left;

}
.AramaTextBox {
	position:relative;
	float:left;
	height:42px;
	width:128px;
	background:transparent url(arama.png) no-repeat 4px 4px;
	padding:20px 10px 1px 8px;
	border:none;
	color:#FFFFFF;
	

}
.AramaButon {
	position:relative;
	float:left;
	display:block;
	background:#7f9c96;
	border:1px solid #527069;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-top:17px;
	height:25px;


}





#aramasillll {
	position:relative;
	display:block;
	float:right;
	width:137px;
	height:42px;
	overflow:hidden;
	background:url(arama.png);
	margin-top:17px;
	line-height:17px;
	color:#FFFFFF;
	  
	
}

#tobp {
	position:absolute;
	width:150px;
	height:60px;
	right:40px;
	top:50px;

}




#MenuBody {
	heigth:38px;
}

.MenuUst {
	position:relative;
	display:block;
	float:left;
	width:983px;
	background:url(menu_bg.png);
}

#MenuBas, #MenuSon {
	position:relative;
	display:block;
	float:left;
	width:10px;
}

.MenuUst UL {
	position:relative;
	display:block;
	float:left;
	width:983px;
	margin:0px;
	padding:0px;
	height:38px;
}

.MenuUst UL LI {
	position:relative;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:36px;
}




#MenuAlt {
	height:128;
}

#Logo {
	position:relative;
	display:block;
	float:left;
	
}


#FlashSlogan {
	position:relative;
	display:block;
	float:left;
}

#BannerAlani {
	position:relative;
	display:block;
	width:966px;
	height:277px;
	overflow:hidden;
	margin:0 auto;

}
#BannerMask {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:966px;
	height:277px;
	z-index:35
}
#BannerMask img{
	border:none;
}
#Banner{
	position:absolute;
	display:block;
	top:3px;
	left:3px;
	z-index:99
}



#HomeContainer {
	height:439px;
}

#HomeLeft {
	position:relative;
	display:block;
	float:left;	
	width:332px;
}	

#Homeright {
	position:relative;
	display:block;
	width:671px;
	float:right;
	min-height:250px;
}	

#FlashManset {
	float:left;
	margin-left:8px;
	margin-top:3px;
	width:650px;
	min-height:250px;
	
}	



#haberlercontainer {
	width:650px;
	height:250px;
	/* margin-left:2px;
	margin-bottom:5px; */
	background:url(haberlerbg.png) no-repeat;
	position:relative;
	margin:0 auto;
	z-index:500;
	
	
}

/* Slides Baliyor */

	#container {
	width:650px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:500;
	border:#00FF99 solid 1px;
	}
	
	#slides {
		position:absolute;
		top:10px;
		left:4px;
		z-index:600;
	}
	
	/*
		Slides container
		Important:
		Set the width of your slides container
		If height not specified height will be set by the slide content
		Set to display none, prevents content flash
	*/
	
	.slides_container {
		width:640px;
		height:250px;
		overflow:hidden;
		position:relative;
		display:none;
		
	}
	
	#haberbaslik {
	
	position:absolute;
	top:14px;
	left:10px;
	width:200px;
	height:27px;
	z-index:611;
	font-size:16px;
	font-weight:bold;
	color:#e20800;
	}	
	
	
	
	/*
		Each slide
		Important:
		Set the width of your slides
		Offeset for the 20px of padding
		If height not specified height will be set by the slide content
		Set to display block
	*/
	
	#slides .slide {
		padding:20px;
		margin-top:20px;
		width:620px;
		height:210px;
		display:block;
		z-index:700;

	}
	
	/*
		Next/prev buttons
	*/
	#slides .next,#slides .prev {
		position:absolute;
		top:8px;
		right:10px;
		width:14px;
		height:20px;
		display:block;
		z-index:601;
	}
	
	#slides .prev {
		right:29px;
	}
	

	/*
		Pagination
	*/
	
	.pagination {
		margin:0px 5px;
		width:120px;
		position:absolute;
		top:205px;
		right:5px;
		z-index:809;
		
		
		
	}
	
	.pagination li {
		float:left;
		margin:0 1px;
		list-style:none;
	}
	
	.pagination li a {
		display:block;
		width:16px;
		height:0;
		padding-top:16px;
		background-image:url(pagination2.png);
		background-position:0 0;
		float:left;
		overflow:hidden;
	}
	
	.pagination li.current a {
		background-position:0 -16px;
	}

	.slide h1 {
		font-size:16px;
		color:#274a90;
		padding-top:7px;	
	}

	.slide .link {
		padding-top:5px;
		font-size:1.1em;
		padding-left:10px;
		color:#990033;
		
	
	}
	
	.slide img {
	float:left;
	margin:10px 12px 5px 0px;
	border:#CCCCCC solid 3px;	
	
	}
	
	.slide p {
	font-size:13px;	
	}

/* Slides Bitti */






#FlashAlt {
	position:relative;
	display:block;
	width:671px;
	float:left;
	margin-top:10px;
}

#Kampanyalar {
	float:left;
	margin-left:12px;
}

#PompaFiyatlari {
	float:left;
	margin-left:15px;
}



#FooterContainer {
	height:40px;
	background:url(alt_menu_bg.png);
	margin-top:40px;

}

#Footer {
	position:relative;
	display:block;
	margin:0 auto;
	width:1003px;
	line-height:40px;
	padding-bottom:44px;

}

	

.MenuFooter {
	position:relative;
	display:block;
	float:left;
}

.MenuFooter UL {
	position:relative;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
	
.MenuFooter UL LI{
	position:relative;
	display:block;
	float:left;
	font-size:14px;
	font-size:14px;
	color:#FFFFFF;
	margin-left:8px;
	margin-right:8px;
	
}

.MenuFooter UL LI a {
	position:relative;
	display:block;
	float:left;
	font-size:14px;
	font-size:14px;
	color:#FFFFFF;

}

.MenuFooter UL LI a:hover {
	color:#003366;
	text-decoration:none;

}


#FooterContainer2 {
	height:40px;
	background:url(alt2_menu_bg.png);
	margin-top:6px;

}

#Footer22 {
	position:relative;
	display:block;
	margin:0 auto;
	width:1003px;
	line-height:40px;
	
}



.MenuFooter2 {
	position:relative;
	display:block;
	float:left;


}

.MenuFooter2 UL {
	position:relative;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
	
.MenuFooter2 UL LI{
	position:relative;
	display:block;
	float:left;
	font-size:14px;
	font-size:14px;
	color:#586864;
	margin-left:8px;
	margin-right:8px;
	
}

.MenuFooter2 UL LI a {
	position:relative;
	display:block;
	float:left;
	font-size:14px;
	font-size:14px;
	color:#586864;

}

.MenuFooter2 UL LI a:hover {
	color:#003366;
	text-decoration:none;

}

#CopyrightContainer {
	margin-top:10px;

}

#copyright {
	position:relative;
	display:block;
	margin:0 auto;
	width:1003px;
	padding-bottom:10px;
	color:#006666;
	font-size:12px;
	text-align:center;
}


#MenuPath {
	position:relative;
	padding-left:28px;
	padding-right:30px;
	padding-top:15px;
}
#MenuPath  a {
	font-size:18px;
	color:#e2091e;
	font-weight:bold;
	line-height:35px;
}



.content
{
	position:relative;
	padding:10px;
	padding-left:28px;
	padding-right:30px;
	color:#012c66;
	line-height:20px;
	text-align:justify;
	
}

.content IMG
{
	margin:0px 8px 8px 0px;

}

.content LI {
list-style-position: inside;

}


#thumb {
	PADDING-BOTTOM: 0px;
	 LIST-STYLE-TYPE: none;
	 MARGIN: 0px;
	 PADDING-LEFT: 0px;
	 WIDTH: 1003px;
	 PADDING-RIGHT: 0px;
	 HEIGHT: auto;
	 LIST-STYLE-IMAGE: none;
	 PADDING-TOP: 0px
}
#thumb LI {
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	MARGIN: 1px 4px 0px 0px;
	PADDING-LEFT: 2px;
	WIDTH: 243px;
	PADDING-RIGHT: 1px;
	background:url(thumb_bg.png) no-repeat;
	FLOAT: left;
	HEIGHT: 316px;
	}

#thumb H3 {
	POSITION: relative;
	padding-left:15px;
	WIDTH: 220px;
	height:33px;
	FONT: 100%/100% Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#586864;
	font-weight:bold;
	text-align:left;
	}

#thumb A {
	text-decoration:none;
	
}
#thumb A:hover {
	text-decoration:none;

}

#thumb IMG {
	padding-left:10px;
}

#thumb SPAN {
	position: relative;
	float:left;
	width:218px;
	display:block;
	overflow:hidden;
	font-size:12px;
	line-height:15px;
	padding:8px 0px 0px 10px;
	color:#586864;
	text-align:left;

	
}




#mavipiksel
{
	width:1000px;
	margin:0 auto;
	text-align:right;
	padding-bottom:15px;
}
#mavipiksel a{
	font-size:10px;
	color:#4a85d6;
	text-decoration:none;
}
#mavipiksel a:hover {
	color:#000000;
}

#MenuFotoGaleri {
	margin:0 auto;
	text-align:center;
	width:740px;
}
#MenuFotoGaleri img{
	border:solid 5px #cad5ec;margin:5px;
}

.IletisimFormErr {
	border:1px solid #384d62;
	color:#000000;
	background:#FFF
}

/** Form Hata Box Bas **/

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}

			.formError .formErrorContent {
				width:100%; 
				background:#fc702b;
				color:#FFF;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#fc702b;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;} 

/** Form Hata Box Son **/