@charset "utf-8";



@import url(http://fonts.googleapis.com/css?family=Cardo);

@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);



body{ width: 100%; height: 100%; margin:0px; padding:0px; font-family: 'Cardo', serif; overflow-x: hidden}

#con{ width: 100%; height: 100%; position:relative}



#banner1{width: 100%; height: 90px;	background:url(../images/img.png) center;background-repeat:no-repeat; background-position: 0px 0px;}

#banner2{width: 100%; height: 90px;	background:url(../images/img.png) center;background-repeat:no-repeat; background-position: 0px -90px;}

#banner3{width: 100%; height: 90px;	background:url(../images/img.png) center;background-repeat:no-repeat; background-position: 0px -180px;}



#menu_1{width: 100%; height: 40px; background:url(../images/menu1.jpg) repeat-x  }

#menu_2{width: 100%; height: 40px; background:url(../images/menu2.jpg) repeat-x  }

#menu_3{width: 100%; height: 40px; background:url(../images/menu3.jpg) repeat-x  }







#gri_repeat{width: 100%; height: 80px; background:url(../images/gri_repeat.jpg) repeat-x  }

#gri_orta{ 

	width: 1000px; 

	height: 80px;

	position:relative;

	margin:0px auto ; 

}

#gri_orta_gorsel{ 

	width: 280px; 

	height: 80px; 

	background:url(../images/img.png) center;

	background-position: -269px -270px ;

	background-repeat:no-repeat;

	float:right

}

#gri_orta_gorsel2{ 

	width: 280px; 

	height: 140px; 

	background:url(../images/img.png) center;

	background-position: -536px -290px ;

	background-repeat:no-repeat;

	float:right;

	margin-top:10px

}

#gri_orta_gorsel3{ 

	width: 280px; 

	height: 80px; 

	float:right;

	margin-top:20px

}

#gri_orta_gorsel4{ 

	width: 280px; 

	height: 140px; 

	background:url(../images/img.png) center;

	background-position: -269px -290px ;

	background-repeat:no-repeat;

	float:right;

	margin-top:10px

}

#gri_orta_slogan{ 

	position:absolute;

	top:30px;

	left:320px;	

	width: 700px; 

	height: 30px; 

	font-size:22px; 

	color: #666;

	 



}





#logo{ width:272px; height:129px; position:absolute; top:-170px; left:25px; background:url(../images/img.png); background-position: 0px -270px}



#orta{ width:1000px; position:relative; margin:0px auto ; }



/* menu*/



#menu_con{ width: 769px; height:40px;position: absolute; top:-120px; right:0px; z-index:1;}







#menu_con_ic{ width: 769px; height:40px;position: relative;}

#menu_ul{margin: 0px;padding: 0px;list-style-type: none;display:inline; float:right}

.menulink{ display:block; float:left; text-align:center; line-height:40px; width:131px; height:40px; background:url(../images/cizgi.png) no-repeat right }

.menulink:hover{ display:block; float:left; text-align:center; line-height:40px; width:131px; height:40px; background:#006699}

.menulink > a{ font-family: 'Arimo',  sans-serif; font-size:12px; color:#FFF; text-decoration:none}



.icerik{width: 523px; height:26px; background:url(../images/menu_bg.jpg) repeat-x; text-align:left; 	font-family: 'Arimo',  sans-serif; font-size:14px; color: #069; position:absolute; top:40px; right:0px}

.icerik_urunler{width: 395px; height:26px; background:url(../images/menu_bg.jpg) repeat-x; text-align:left; 	font-family: 'Arimo',  sans-serif; font-size:14px; color: #ff3300; position:absolute; top:40px; right:0px}



.menu_a{ margin: 0px 25px 0px 25px; line-height:26px; color: #090; text-align:left; float:left; text-decoration:none; font-size:12px}

.menu_b{ margin: 0px 25px 0px 25px; line-height:26px; color: #ff3300; text-align:left; float:left; text-decoration:none; font-size:12px}



.site_nav{ position:absolute; top:20px; left:20px; width:400px; 	font-family: 'Arimo',  sans-serif; font-size:10px; color: #666; font-weight:bold}



.secili{background-color:#006699;}

.secili2{background-color:#009933;}

.secili3{background-color:#ff3300;}







/*style the main menu*/

.myMenu { margin:0; padding:0;	float:right}

.myMenu li {list-style:none; float:left;text-align:center;line-height:40px; width:131px; height:40px; background:url(../images/cizgi.png) no-repeat right;}

.myMenu li a:link, .myMenu li a:visited {

	display:block;

	text-decoration:none;

	color:#FFFFFF;

	font-family: 'Arimo',  sans-serif;

	font-size:12px;

}

.myMenu > li > a:hover {

	background-color:#006699;	

}



/*style the sub menu*/

.myMenu li ul { position:absolute;	visibility:hidden; margin:0; padding:0;}

.myMenu li ul li {	line-height:26px;display:inline; float:none; margin:0; padding:0;}

.myMenu li ul li a:link, .myMenu li ul li a:visited {color:#000; text-align:left; float:left}

/*style the main menu*/













/*style the main menu*/

.myMenu2 { margin:0; padding:0;	float:right}

.myMenu2 li {list-style:none; float:left;text-align:center;line-height:40px; width:131px; height:40px; background:url(../images/cizgi.png) no-repeat right;}

.myMenu2 li a:link, .myMenu2 li a:visited {

	display:block;

	text-decoration:none;

	color:#FFFFFF;

	font-family: 'Arimo',  sans-serif;

	font-size:12px;

}

.myMenu2 > li > a:hover {

	background-color:#009933;	

}



/*style the sub menu*/

.myMenu2 li ul { position:absolute;	margin:0; padding:0;}

.myMenu2 li ul li {	line-height:26px;display:inline; float:none; margin:0; padding:0;}

.myMenu2 li ul li a:link, .myMenu2 li ul li a:visited {color:#000; text-align:left; float:left}

/*style the main menu*/













/*style the main menu*/

.myMenu3 { margin:0; padding:0;	float:right}

.myMenu3 li {list-style:none; float:left;text-align:center;line-height:40px; width:131px; height:40px; background:url(../images/cizgi.png) no-repeat right;}

.myMenu3 li a:link, .myMenu3 li a:visited {

	display:block;

	text-decoration:none;

	color:#FFFFFF;

	font-family: 'Arimo',  sans-serif;

	font-size:12px;

}

.myMenu3 > li > a:hover {

	background-color:#ff3300;	

}



/*style the sub menu*/

.myMenu2 li ul { position:absolute;	margin:0; padding:0;}

.myMenu2 li ul li {	line-height:26px;display:inline; float:none; margin:0; padding:0;}

.myMenu2 li ul li a:link, .myMenu2 li ul li a:visited {color:#000; text-align:left; float:left}

/*style the main menu*/







#profil{ 

	width: 1000px;

	height: 850px; 

	position: relative;

	display:block

	}



#tesis{ 

	width: 1000px;

	height: 1000px; 

	position: relative;

	display:block

	}



#orta_con{ 

	width: 1000px;

	position: relative;

	display:block

	}



#misyon{ 

	width: 1000px;

	height: 700px; 

	position: relative;

	display:block

	}	

#dagitim{ 

	width: 1000px;

	height: 1000px; 

	position: relative;

	display:block

	}	
#politika{ 

	width: 1000px;

	height: 1000px; 

	position: relative;

	display:block

	}	

#orta_icerik_resim{ 

width: 805px;

height: 464px; 

position:absolute; 

top:100px; 

left: 20px;

}

#orta_icerik{

	width: 500px;

	position:absolute;

	top:80px;

	left: 504px;

	text-align:center;

	color:#006699;

	line-height:30px

}





.profil_icerik_resim{

	width: 482px;

	height: 523px;

	background: url(../images/img.png);

	background-repeat:no-repeat;

	background-position: -817px -270px;

	margin:0px 0px 0px 20px;

	position:absolute;

	top:250px;

	left:30px

}

.profil_icerik{

	width: 448px;

	height: 464px;

	position:absolute;

	top:280px;

	left: 540px;

	text-align:center;

	color:#006699;

	line-height:20px

}





.tesisler_icerik_resim{ width: 571px; height: 365px; position:absolute; top:250px; left:20px; }

.tesisler_icerik{

	width: 361px;

	height: 355px;

	position:absolute;

	top:270px;

	left: 628px;

	text-align:center;

	color:#006699;

	line-height:20px;



}

.tesisler_icerik_devam{ 

width: 600px; 

height: 300px; 

position:absolute; 

top:630px; 

left: 0px;

text-align:center; 

color:#006699;

line-height:20px;



}

.tesisler_icerik_devam_resim{

	width: 363px;

	height: 300px;

	position:absolute;

	top:621px;

	left:628px;

	text-align:center;

	color:#006699;

	line-height:20px;





}





.misyon_icerik_resim{

	width: 443px;

	height: 313px;

	position:absolute;

	top:260px;

	left:0px;

}

.misyon_icerik{

	width: 530px;

	height: 366px;

	position:absolute;

	top:288px;

	left: 469px;

	text-align:center;

	color:#006699;

	line-height:20px;

}





#dagitim_icerik_devam{

	width: 400px;

	position:absolute;

	top:260px;

	left: 21px;

	text-align:center;

	color:#006699;

	line-height:20px;

	z-index:101

	



}

#dagitim_icerik_devam_resim{

	width: 401px;

	height: 253px;

	position:absolute;

	top:284px;

	left:444px;

	text-align:center;

}

#referanslar{

	width: 826px;

	height: 731px;

	position:absolute;

	top:74px;

	left:70px;

	text-align:center;

}

#dagitim-listesi{

	width: 980px;

	position: relative;

	margin:0px

}



#dagitim-listesi  table  tr  td{

	padding-left:10px;

	height:30px;

	line-height:30px;

	color:#666666;

	border-left: #CCC dashed 1px;

	border-bottom: #CCC dashed 1px;

	font-size:12px

	

}

#ik{
	width:100%;
	height:30px;
	position:absolute;
	top:600px;
	left:0px;
	background:#e6e6e6;
	text-align:center;
	color:#006699;
	line-height:30px
}

#ik > a{ color:#006699; }



.iletisim_icerik{

	width: 349px;

	height: 355px;

	position:absolute;

	top:250px;

	left: 606px;

	text-align:center;

	color:#006699;

	line-height:20px;

}

.iletisim_icerik2{

	width: %100;

	height: %100px;
	position:absolute;
	top:250px;
	left: 0px;
	text-align:center;
	color:#006699;
	line-height:20px;
	width: 371px;

}

.iletisim_icerik3{

	width: %100;

	height: %100px;
	position:absolute;
	top:250px;
	left: 450px;
	text-align:center;
	color:#006699;
	line-height:20px;
	width: 371px;

}

.premium_10x10{ height:550px; width:1000px; position:relative; display:block}

#premium_baslik{ height:40px; width:1000px; position:relative; background:url(../images/urunler_cizgi.jpg) repeat-x bottom; line-height:50px; color:#990033; font-size:22px; }



.favorite_10x10{ height:550px; width:1000px; position:relative; display:block}

#favorite_baslik{ height:40px; width:1000px; position:relative; background:url(../images/urunler_cizgi_favorite.jpg) repeat-x bottom; line-height:50px; color:#005390; font-size:22px}



.patmax_10x10{ height:550px; width:1000px; position:relative; display:block}

#patmax_baslik{ height:40px; width:1000px; position:relative; background:url(../images/urunler_cizgi_patmax.jpg) repeat-x bottom; line-height:50px; color:#006c3c; font-size:22px}





#urun_gorsel{ width: 246px; height:332px; position:absolute; top:262px; left:20px; z-index:102}

#urun_defter_bg{

	width:130px;

	height:113px;

	background:url(../images/urunler_defter_bg.jpg) no-repeat;

	padding:25px;

	position:absolute;

	top:337px;

	left:220px;

	color:#990033;

	font-size:15px;

	text-align:center;

	font-style: italic;

	z-index:101;

	display:none

}

#urun_yemek{

	width: 561px;

	height:339px;

	position:absolute;

	top:272px;

	right:2px;

}

#urun_alt_cizgi{

	width: 1000px;

	height:98px;

	position:absolute;

	top:602px;

	left:0px;

}

.tablo_baslik{

	font-size:18px;

	color:#FFFFFF;

	font-style: italic;

}

.tablo_yazi{

	font-size:12px;

	color:#990033;

	}

.tablo_yazi_mavi{

	font-size:12px;

	color:#005390;

	}	

.tablo_yazi_yesil{

	font-size:12px;

	color:#006c3c;

	}		

	

.tablo_border{ border: #990033 solid 1px}

.tablo_border  tr  td { border-bottom: #990033 solid 1px}		





.tablo_border_mavi{ border: #005390 solid 1px}

.tablo_border_mavi  tr  td { border-bottom: #005390 solid 1px}		

	

.tablo_border_yesil{ border: #006c3c solid 1px}

.tablo_border_yesil  tr  td { border-bottom: #006c3c solid 1px}		



	

.etiket2 , .etiket3, .etiket4, .etiket5 {

	width:130px;

	height:113px;

	background:url(../images/urunler_defter_bg.jpg) no-repeat;

	padding:15px;

	position:absolute;

	top:337px;

	left:220px;

	color:#990033;

	font-size:15px;

	text-align:center;

	font-style: italic;

	z-index:101;

	display:none

}





.etiket6 , .etiket7, .etiket8, .etiket9, .etiket10 {

	width:130px;

	height:113px;

	background:url(../images/urunler_defter_bg.jpg) no-repeat;

	padding:15px;

	position:absolute;

	top:337px;

	left:220px;

	color:#005390;

	font-size:15px;

	text-align:center;

	font-style: italic;

	z-index:101;

	display:none

}



.etiket11 , .etiket12, .etiket13, .etiket14, .etiket15 {

	width:130px;

	height:113px;

	background:url(../images/urunler_defter_bg.jpg) no-repeat;

	padding:15px;

	position:absolute;

	top:337px;

	left:220px;

	color:#006c3c;

	font-size:15px;

	text-align:center;

	font-style: italic;

	z-index:101;

	display:none

}



.yemek2, .yemek3, .yemek4, .yemek5, .yemek6, .yemek7, .yemek8, .yemek9, .yemek10, .yemek11, .yemek12, .yemek13, .yemek14, .yemek15{ width: 561px; height:339px; position:absolute; top:262px; right:2px; display:none}