@charset "utf-8";



body{margin:0;}

#bg{

	background-color:#fbfbfb;}



#ustBg {

	background-image: url(../images/ustBg.png);

	background-repeat: repeat-x;

	height: 30px;

	width: 100%;

}

#ustBg2 {

	background-image: url(../images/ustBg2.PNG);

	background-position: center;

	height: 165px;

	width: 100%;

}

#ustOrtala {

	height: 75px;

	width: 980px;

	margin-left:auto;

	margin-right:auto;

	padding-top:25px;

}



#logo {

	height: 68px;

	width: 291px;

	float:left;

}



#ustiletisim {

	height: 68px;

	width: 205px;

	float: right;

}

#ustiletisimIcon {

	height: 50px;

	width: 48px;

	float: left;

}

#ustiletisimText {

	font-family: Arial;

	font-size: 20px;

	font-weight: bold;

	color: #333;

	float: right;

	height: 50px;

	overflow:hidden;

	padding-top:15px;

}



#ustiletisimText2 {

	font-family: Arial;

	font-size: 25px;

	font-weight: bold;

	color: #333;

	float: right;

	height: 50px;

	overflow:hidden;

	margin-left:7px;

	padding-top:11px;

}

#menuOrtala {

	height: 40px;

	width: 980px;

	margin-top: 25px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/menuBg.png);

	background-repeat: repeat-x;

	border-radius:10px 0px 0px 0px;

}

#AraBg {

	height: 55px;

	width: 323px;

	position:relative;

	float: right;

	background-color:#000;

	margin-top:-15px;

	border-radius: 10px 10px 0px 0px;

}



#menuFrame {

	height: 40px;

	width: 640px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/menuBg.png);

	background-repeat: repeat-x;

	float:left;

	border-radius:10px 0px 0px 0px;

}#page {

	width: 980px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

	overflow: auto;

}

#pageSol {

	float: left;

	width: 654px;


	font-family: Arial;

	font-size: 13px;

	color: #666;

	text-align: justify;

	line-height: 18px;

	

}





#pageUrunSol {

	float: left;

	width: 150px;

	overflow: auto;

	font-family: Arial;

	font-size: 13px;

	color: #666;

	text-align: justify;

	line-height: normal;

	margin-top:35px;

	border:solid 1px #a7a9ac;

	margin-right:20px;

	

}



#pageUrunSol2 {

	float: left;

	width: 520px;

	overflow: auto;

	font-family: Arial;

	font-size: 13px;

	color: #666;

	text-align: justify;

	line-height: 18px;

	

}

#pageSol2 {

	float: left;

	width: 740px;

	overflow: auto;

	font-family: Arial;

	font-size: 13px;

	color: #666;

	text-align: justify;

	

}

#pageSag {

	float: right;

	width: 311px;

	overflow: auto;

}



#banner {

	height: 336px;

	width: 654px;

}

#reisshop {

	height: 228px;

	width: 310px;

}

#reisshop {

	height: 228px;

	width: 310px;

}

#fiyatListesi {

	height: 103px;

	width: 310px;

	margin-top: 5px;

}

#referansBg {

	height: 67px;

	width: 652px;

	margin-top: 10px;

	border: 1px solid #CCC;

}





#pageDetay {

	height: 400px;

	width: 630px;

	margin-top: 10px;

	border: 1px solid #CCC;

	padding: 10px;

}



#hakkimizdaRes {

	float: left;

	height: 196px;

	width: 132px;

}



#hakkimizdaText {

	float: left;

	height: 196px;

	width: 160px;

	margin-left: 10px;

	margin-right: 10px;

	font-family: Arial;

	font-size: 13px;

	color: #666;

	text-align:justify;

}



#temizle{

	clear:both;

	}

	

#cizgi {

	background-image: url(../images/pageCizgi.png);

	background-repeat: no-repeat;

	height: 6px;

	width: 626px;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: auto;

	margin-bottom:15px;

}



#bayiRes {

	float: left;

	height: 120px;

	width: 80px;

}



#bayiText {

	float: left;

	height: 120px;

	width: 210px;

	margin-left:10px;

	margin-right:10px;

		font-family: Arial;

	font-size: 13px;

	color: #666;

	text-align:justify;

}





#pazarlamaRes {

	float: left;

	height: 120px;

	width: 130px;

}



#pazarlamaText {

	float: left;

	height: 120px;

	width: 160px;

	margin-left:10px;

	margin-right:10px;

		font-family: Arial;

	font-size: 13px;

	color: #666;

	text-align:justify;

}

#haberBg {

	height: 234px;

	width: 308px;

	margin-top: 10px;

	border: 1px solid #CCC;

}

#res1 {

	height: 124px;

	width: 311px;

	margin-top: 10px;

}

#fouterBg {

	background-image: url(../images/fouterBg.png);

	background-repeat: repeat-x;

	height: 268px;

	width: 100%;

	margin-top: 10px;

	padding-top: 10px;

}

#fouterOrtala {

	height: 180px;

	width: 980px;

	margin-right: auto;

	margin-left: auto;

}

#fouterMenuFrame {

	float: left;

	height: 170px;

	width: 170px;

	margin-right: 10px;

	font-family: Arial;

	font-size: 12px;

	color: #333;

}

#aletedevat {

	float: right;

	height: 114px;

	width: 180px;

	margin-top: 20px;

	font-family: Arial;

	font-size: 16px;

	color: #007AC1;

	text-align: center;

}

#fouterCizgi {

	background-color: #CCC;

	height: 1px;

	width: 980px;

	margin-right: auto;

	margin-left: auto;

	margin-top:10px;

}

#copyOrtala {

	height: 30px;

	width: 980px;

	margin-top: 10px;

	margin-right: auto;

	margin-left: auto;

}

#copySol {

	font-family: Arial;

	font-size: 12px;

	color: #666;

	height: 20px;

	overflow: hidden;

	float: left;

}



#copySag {

	font-family: Arial;

	font-size: 12px;

	color: #666;

	height: 20px;

	overflow: hidden;

	float: right;

}







.menu

{



list-style-type:none;

font-family:Arial;

font-size:12px;

color:#666666;

margin-top:10px;





}



.menu a

{

display:block;

color:#898989;

text-decoration:none;

padding-bottom:5px;







}



.menu a:hover

{



color:#FF0000;

font-size:12;

text-decoration:none;

}





#anaMenu a {

	font-family:Arial;

	font-size:13px; 

	color:#FFF;

	font-weight:bold;

	text-decoration:none;

	padding-left:25px;

	padding-right:25px;

	float:left;

	margin-top:14px;

	}

	

	#anaMenu a:hover {

	font-family:Arial;

	font-size:13px; 

	color:#333;}



#araCizgi{

	width:2px; height:21px; background-image:url(../images/icons/menu-ara-cizgi.png); float:left; margin-top:10px;}

	

	

	

	.news{float:left; width:290px;}

.news h3{font-family: 'Arial'; font-size:14px; margin-left:10px; }

.bold{font-family: 'Arial'; font-size:12px}







#slider1 {

height: 1%;

overflow: hidden;

}

#slider1 .viewport {

float: left;

width: 280px;

height: 165px;

overflow: hidden;

position: relative;margin-top:-15px;



}

.prev {  background:url(../images/icons/prev.jpg) no-repeat; width:17px; height:20px;}

.prev {  background:url(../images/icons/next.jpg) no-repeat; width:17px; height:20px;}



#slider1 .overview {

list-style: none;

position: absolute;

padding: 0;

margin: 0;

width: 250px;

left: 20px; top: -100px;

}

#slider1 .overview li {

float: left;

margin: -10px 5px 0 0;

width: 256px;

border-bottom:1px dashed #ccc; 

}

#slider1 .overview p{ font-family: 'Arial'; font-size:12px; color:#333; width:270px;



}





#ustMenu a {

	font-family:Arial;

	font-size:12px; 

	color:#666;

	text-decoration:none;

	padding-left:10px;

	padding-right:10px;



	margin-top:11px;

	}

	

	#ustMenu a:hover {

	font-family:Arial;

	font-size:12px; 

	color:#f00;}

#ustBgOrtala {

	height: 30px;

	width: 980px;

	margin-right: auto;

	margin-left: auto;

}

#ustFaceFrame {

	float: left;

	height: 30px;

	width: 300px;

}

#ustMenuFrame {

	float: right;

	height: 26px;

	width: 500px;

	padding-top: 4px;

}





.detayMenus{

	width:97px; height:17px;  margin-top:20px;

	background-image:url(../images/icons/incele.png);

	background-repeat:no-repeat;

	margin-left:10px;

	}

	.detayMenus:hover{

		width:97px; height:17px;  margin-top:20px;

	background-image:url(../images/icons/incele2.png);

	background-repeat:no-repeat;

	}

	.detayMenus a{
		float: left;
		width: 97px;
		height: 17px;
	}


	

	

	

	

	#container .markalar {background: url(../images/gr1.png) repeat-x; height: 70px; position: relative;  }

	#container .markalar .markaResim {

	width: 550px;

	height: 70px;

	position: relative;

	float: left;

	left: 100px;

	overflow: hidden;

}

	#container .markalar .markaResim li {

	width: 150px;

	height: 70px;

	position: relative;

	float: left;

	margin-right: 15px;

}

	#container .markalar .markaResim li a {

	

	position: relative;

	cursor: pointer;

	float: left;

	width: 150px;

	height: 70px;

	-moz-transition: all 0.25s ease-in-out 0s;

	-webkit-transition: all 0.25s ease-in-out 0s;

	transition: all 0.25s ease-in-out 0s;

	text-align: center;

}

	#container .markalar .markaResim li a:hover {opacity: 0.6}

	#container .markalar .onceki {background: url(../images/btn3.png) no-repeat; width: 17px; height: 22px; position: absolute; left: 16px; top: 24px; display: block; 							cursor: pointer; text-indent: -9999px}

	#container .markalar .onceki:hover {background-position: 0 -22px}

	#container .markalar .sonraki {background: url(../images/btn3.png) no-repeat -17px 0; width: 17px; height: 22px; position: absolute; right: 16px; top: 24px; display: block; cursor: pointer; text-indent: -9999px}

	#container .markalar .sonraki:hover {background-position: -17px -22px}

	#araText {

	background-color: #FFF;

	float: left;

	height: 25px;

	width: 268px;

	margin-left: 10px;

	margin-top: 15px;

	}

	#araButonBFrame {

	float: right;

	height: 24px;

	width: 18px;

	margin: 0 -30px 0 0;

	}





	.text{

	width:240px;

	height:20px;

	background-color:#FFF;

	outline:none;

	border:0;

	padding-left:10px;

	padding-right:10px;

	padding-top:2px;}

	

	

	.button{

	width:18px;

	height:24px;

	background-color:#000;

	background-image:url(../images/icons/ara.png);

	background-repeat:no-repeat;

	outline:none;

	border:0;

	padding-left:10px;

	padding-right:10px;

	}

	

	

	#aletMenu a{

		color:#09F;

		}

		

		#aletMenu a:hover{

		color:#F00;

		}

	

	

	#opa a{

		

		}

		

			

	#opa a:hover{

		opacity: 0.5;

		}

		

	

		#haberMenu a{

		color:#666;

		}

		

		#haberMenu a:hover{

		color:#F00;

		}

	

	

			#masterMenu a{

		color:#666;

		}

		

		#masterMenu a:hover{

		color:#F00;

		}

	

	

	#detayRes{

		width:980px;

		height:225px;

		margin-left:auto;

		margin-right:auto;

		margin-top:10px;

		margin-bottom:20px;}

	

	

	

	

	#DetayFrame {

	float: right;

	width: 240px;

	overflow: auto;

	border: 1px solid #a7a9ac;

	border-radius: 10px;

	padding: 15px;

	font-family: Arial;

	font-size: 13px;

	color: #666;

	line-height: 20px;

	

	}

	

		#DetayFrame2 {

	float: right;

	width: 200px;

	overflow: auto;

	border: 1px solid #a7a9ac;

	border-radius: 10px;

	padding: 15px;

	font-family: Arial;

	font-size: 13px;

	color: #666;

	

	}



	.DetaySayfaMenu a

	{

	display:block;

	color:#898989;

	text-decoration:none;

	padding-bottom:5px;

	padding:5px;

	font-family:Arial;

	font-size:12px;

	margin-left:22px;



	}



	.DetaySayfaMenu a:hover,
	.DetaySayfaMenu .active

	{

	color: #FF0000;

	font-size: 12;

	text-decoration: none;

	background-color: #eeeeee;

	padding: 5px;

	}

	#okicon{list-style-image:url(../images/icons/ok.png); margin-left:-27px;}

	

	#baslik{

		font-family:Arial;

		font-size:14px;

		font-weight:bold;

		color:#F00;

		}

		

			#baslik2{

		font-family:Arial;

		font-size:14px;

		font-weight:bold;

		color:#666;

		}

		

		

		.listBox{

			width:300px;

			height:30px;

			color:#F00;

			float:left;

			}

	

	

	.filtreleButon{

		width:80px; height:23px; background-color:#F00; border-radius:10px; margin-left:10px; float:left; font-family:Arial; font-size:14px; color:#FFF;

 text-align:center; padding-top:7px; font-weight:bold;

 }

 

 	.filtreleButon:hover{

		width:80px; height:23px; background-color:#333; border-radius:10px; margin-left:10px; float:left; font-family:Arial; font-size:14px; color:#FFF;

 text-align:center; padding-top:7px; font-weight:bold;

 }

 

 

 	.gonderButon{

		width:80px; height:23px;  border-radius:10px; margin-left:10px; float:left; font-family:Arial; font-size:14px; color:#FFF;

 text-align:center; padding-top:7px; font-weight:bold; float:right; margin-right:10px;

 }

 

 	.gonderButon:hover{

		width:80px; height:23px;  border-radius:10px; margin-left:10px; float:left; font-family:Arial; font-size:14px; color:#FFF;

 text-align:center; padding-top:7px; font-weight:bold; float:right; margin-right:10px;

 }

	

	

	

	

			.listBox2{

			width:170px;

			height:30px;

			color:#F00;

			float:left;

			}

	

	

	.filtreleButon2{

		width:60px; height:20px; background-color:#F00; border-radius:10px; margin-left:10px; float:left; font-family:Arial; font-size:12px; color:#FFF;

 text-align:center; padding-top:10px; font-weight:bold;

 }

 

 	.filtreleButon2:hover{

		width:60px; height:20px; background-color:#333; border-radius:10px; margin-left:10px; float:left; font-family:Arial; font-size:12px; color:#FFF;

 text-align:center; padding-top:10px; font-weight:bold;

 }

	

	



		.urunMarkaFrame{

		width:166px; height:50px; float:left; background-color:#e1e1e1; margin-right:7px; margin-bottom:15px;

			border: 1px solid #a7a9ac;

			

		}



	

	.urunMarkaFrame:hover{

width:166px; height:50px;

	float: left;

	background-color: #e1e1e1;



	opacity: 0.5;

	border: 1px solid #a7a9ac;



	

	

		}

	

	.urunFrame{

		width:160px; height:140px; float:right; background-color:#e1e1e1; margin-right:10px; margin-bottom:15px; 

			

		}

	

	.urunFrame:hover{

	width: 160px;

	height: 140px;

	float: right;

	background-color: #e1e1e1;

	margin-right: 10px;

	margin-bottom: 15px;

	opacity: 0.5;



	

		}

	

	

	

	.urunKamFrame{

		width:311px; height:114px; float:right; background-color:#e1e1e1; margin-right:12px; margin-bottom:20px; 

			

		}

	

	.urunKamFrame:hover{

	width: 311px;

	height: 114px;

	float: right;

	background-color: #e1e1e1;

	margin-right: 12px;

	margin-bottom: 20px;

	opacity: 0.5;



	

		}

	

	

		.text2{

	width:300px;

	height:25px;

	background-color:#FFF;

	outline:none;

	border:0;

	padding-left:10px;

	padding-right:10px;

	color:#999;

	float:left;

	margin-right:10px;

	margin-bottom:10px;

	border:solid 1px #a7a9ac;

	border-radius:5px;

	margin-left:-10px;

	}

	

			.text2:focus{

	width:300px;

	height:25px;

	background-color:#FFF;

	outline:none;

	border:0;

	padding-left:10px;

	padding-right:10px;

	color:#999;

	float:left;

	margin-right:10px;

	margin-bottom:10px;

	border:solid 1px #f00;

	border-radius:5px;

	margin-left:-10px;



	}

	

	

	

		#text3{

	width:295px;

	height:25px;

	background-color:#FFF;

	outline:none;

	border:0;

	padding-left:10px;

	padding-right:10px;

	color:#999;

	float:left;

	margin-right:10px;

	margin-bottom:15px;

	}

	

	

			#textMes{

	width:635px;

	height:90px;

	background-color:#FFF;

	outline:none;

	border:0;

	float:left;

	margin-right:10px;

	margin-left:10px;

	margin-bottom:15px;

	color:#999;

	}

	

	

				.textMes2{

	width:625px;

	height:70px;

	background-color:#FFF;

	outline:none;

	border:0;

	font-family:Arial;

	font-size:12px;

	border:solid 1px #a7a9ac;

	float:left;

	margin-right:10px;

	padding:10px;

	margin-bottom:15px;

	color:#999;

	border-radius:5px;

	margin-left:-10px;

	}

	

	.textMes2:focus{

	width:625px;

	height:70px;

	background-color:#FFF;

	outline:none;

	border:0;

	font-family:Arial;

	font-size:12px;

	border:solid 1px #f00;

	float:left;

	margin-right:10px;

	padding:10px;

	margin-bottom:15px;

	color:#999;

	border-radius:5px;

	margin-left:-10px;

	}

	

	

		.bayiBtn {height: 30px; color: #FFF; font-family:Arial; line-height: 25px!important; padding: 0 7px; float: right; border: 1px solid #cb6308; text-align: center;  cursor: pointer; background: #ffa352; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffa352), to(#F00)); background: -webkit-linear-gradient(#F00, #F00); background: -moz-linear-gradient(#F00, #F00); background: -ms-linear-gradient(#F00, #F00); background: -o-linear-gradient(#F00, #F00); background: linear-gradient(#F00, #F00); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 1px #FFF; -webkit-box-shadow: 0 0 1px #FFF; -moz-box-shadow: 0 0 1px #FFF; -moz-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s}

	.bayiBtn:hover {background: #666; color: #FFF}

	.bayiBtn:active {background: #333; color: #FFF}

	

	

	

	

	

	

	

	

	

	

	

	

#header .kayanGaleri {

	background: url(../images/kayanBG.png) no-repeat;

	width: 627px;

	height: 50px;

	position: relative

}

#header .kayanGaleri .kResim {

	width: 510px;

	height: 50px;

	position: relative;

	overflow: hidden;

	left: 74px;

	top: 7px

}

#header .kayanGaleri .kResim li {
	position: relative;
	z-index: 9999;

	background: url(../images/kResimBG.png) no-repeat;

	width: 166px;

	height: 50px;

	float: left;

	position: relative;

	margin-right: 5px

}

#header .kayanGaleri .kResim li a {width: 164px; height: 50px; display: block; color: #7a7a7a; font: 14px PF regular; -moz-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s}

#header .kayanGaleri .kResim li a img {width: 164px; height: 50px; display: block;}

#header .kayanGaleri .kResim li a span {background: #e8e8e8; height: 25px; line-height: 25px!important; display: block; text-align: center}

#header .kayanGaleri .kResim li a:hover {color: #013c88}

#header .kayanGaleri .geriBtn {

	background: url(../images/kayanBtn.png) no-repeat;

	width: 29px;

	height: 48px;

	position: absolute;

	display: block;

	cursor: pointer;

	text-indent: -9999px;

	left: 6px;

	top: 10px

}

#header .kayanGaleri .ileriBtn {

	background: url(../images/kayanBtn.png) no-repeat 0 -48px;

	width: 29px;

	height: 48px;

	position: absolute;

	display: block;

	cursor: pointer;

	text-indent: -9999px;

	right: 11px;

	top: 10px;

margin-right:-25px;

}



	

	

	

	

	

	

	

	

	

	

	

	

	

#pageDetay section{
	float: left;
	width: 100px;
	height: 100px;
}