@charset "utf-8";
@font-face {font-family:oswaldRegular;src: url("../Fonts/oswaldRegular.eot");src: url("../Fonts/oswaldRegular.eot#iefix") format('embedded-opentype'),url("../Fonts/oswaldRegular.ttf") format('truetype');font-weight: normal; font-style: normal;}
@font-face {font-family:oswaldBold;src: url("../Fonts/oswaldBold.eot");src: url("../Fonts/oswaldBold.eot#iefix") format('embedded-opentype'),url("../Fonts/oswaldBold.ttf") format('truetype');font-weight: normal; font-style: normal;}
@font-face {font-family:oswaldLight;src: url("../Fonts/oswaldLight.eot");src: url("../Fonts/oswaldLight.eot#iefix") format('embedded-opentype'),url("../Fonts/oswaldLight.ttf") format('truetype');font-weight: normal; font-style: normal;}




/* GENEL AYALAR */
html {min-width:960px; width:100%; height:100%;}
body.Home_Bg {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"oswaldLight", Arial, Helvetica, sans-serif;
	background:url('../Images/Home_Bg.jpg') no-repeat top center;
	font-size:1em;
}
body.Detay_Bg {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"oswaldLight", Arial, Helvetica, sans-serif;
	background:url('../Images/Detay_Bg.jpg') no-repeat top center;
	font-size:1em;
}
.Temizle {clear:both;}
.Kapsayici {width:960px; position:relative; margin:auto;}
.Bg_Sabit {background-attachment:fixed !important; background-position:center -1020px !important;}





/* HEADER */
.Header {width:960px; height:244px; position:relative; z-index:20;}
.Menu, .Logo, .Header_Telefon, .Header_Duyurular {position:absolute;}
.Logo {margin-top:-100px; opacity:0;}
.Header_Telefon {width:180px; height:50px; right:7px; top:37px;}
.Header_Telefon a {width:100%; height:100%; display:block;}

.OnlineEgitim_Buton {width:248px; height:65px; position:absolute; background:url('../Images/Online-Egitim.png') no-repeat center; right:200px; top:33px; display:block;}
.OnlineEgitim_Buton img {position:absolute; right:10px; top:10px;}
.OnlineEgitim_Buton2 {width:248px; height:65px; background:url('../Images/Online-Egitim.png') no-repeat center; display:block; margin:30px 0; position:relative;}
.OnlineEgitim_Buton2 img {position:absolute; right:10px; top:10px;}

.Menu {margin:123px 0 0 35px;}
.Menu ul li {list-style:none; float:left; background:url('../Images/Ayrac.png') no-repeat center right;}
.Menu ul li:last-child {background:none;}
.Menu ul li a {color:#363b59; text-shadow:0 1px 0 rgba(255,255,255,.2); font-family:"oswaldBold", Arial, Helvetica, sans-serif; height:38px; padding:20px 25px; display:block;}
.Menu ul li a:hover {color:#FFF; text-shadow: 0 0 10px #FFF;}
.Menu ul li a span {font-family:"oswaldLight", Arial, Helvetica, sans-serif; display:block; font-size:.75em; margin-top:-3px;}

.Header_Duyurular {width:880px; height:39px; left:0; right:0; margin:auto; margin-top:205px;}
.Header_Duyurular .Baslik {width:110px; height:100%; position:relative; float:left;}
.Header_Duyurular .Icerik {width:770px; height:100%; position:relative; float:left;}
.Header_Duyurular .Baslik h3 {position:absolute; text-align:center; color:#FFF; font-size:.75em; margin-top:11px; right:15px;}




/* HOME TASARIM */
.Home {width:100%; height:484px; position:relative;}
.Home .Home_Sol {width:254px; height:100%; position:relative; float:left;}
.Home .Home_Sag {width:706px; height:100%; position:relative; float:left;}

.Home .Home_Sol h1.Home_Baslik1 {position:absolute; margin:64px 0 0 33px; font-size:.90em;}
.Home .Home_Sol h1.Home_Baslik2 {position:absolute; margin:278px 0 0 25px; font-size:.90em;}
.Home .Home_Sol h1 a {color:#4a4960; text-shadow:0 1px 0 rgba(255,255,255,.2);}
.Home .Home_Sol h1 a:hover {color:#FFF; text-shadow:0 0 10px #FFF;}

.Home .Home_Sol a.Home_Baslik1 {position:absolute; width:160px; height:140px; display:block;}
.Home .Home_Sol a.Home_Baslik2 {position:absolute; width:220px; height:140px; display:block;}
.Home .Home_Sol a.Home_Baslik1 {margin:110px 0 0 0;}
.Home .Home_Sol a.Home_Baslik2 {margin:330px 0 0 0;}







/* HOME 2 TASARIM */
.Home2 {width:940px; height:300px; position:relative; margin:auto; overflow:hidden;}
.Home2 .Home_Kurumsal {width:310px; height:100%; position:relative; float:left;}
.Home2 .Home_Haberler {width:317px; margin-left:3px; height:100%; position:relative; float:left;}
.Home2 .Home_Yorumlar {width:310px; height:100%; position:relative; float:left;}

/* KURUMSAL */
.Home2 h2 {color:#505167; text-shadow:0 0 1px rgba(255,255,255,.2); position:absolute; margin:20px 0 0 18px;}
.Home2 h6 {color:#505167; text-shadow:0 0 1px rgba(255,255,255,.2); position:absolute; margin:57px 0 0 18px; font-size:.90em;} /* YORUMLAR İÇİN */
.Home2 .Home_Yorumlar p {margin-top:80px;} /* YORUMLAR İÇİN */
.Home2 p {
	color:#505167;
	text-shadow:0 0 1px rgba(255,255,255,.2);
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	position:absolute;
	margin:60px 0 0 18px;
	text-align:justify;
	width:275px;
	line-height:150%;
}
.Home2 h2 a {color:#505167;}
.Home2 h2 a:hover {color:#980002;}
.Home2 .Resim_Maske {
	width:280px;
	height:100px;
	position:absolute;
	overflow:hidden;
	margin:179px 0 0 15px;
	z-index:3;
	
	-webkit-box-shadow:inset 0 3px 10px 0 rgba(0,0,0,.9);
	box-shadow:inset 0 3px 10px 0 rgba(0,0,0,.9);
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Home2 div:hover .Resim_Maske {-webkit-box-shadow:inset 0 0 20px 3px rgba(0,0,0,1); box-shadow:inset 0 0 20px 3px rgba(0,0,0,1);}
.Home2 .Isik {
	width:280px;
	height:100px;
	position:absolute;
	overflow:hidden;
	margin:179px 0 0 15px;
	z-index:2;
	background:url('../Images/Home_Isik.png') no-repeat -100px center;
	opacity:0;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Home2 div:hover .Isik {background-position:left center; opacity:1;}
.Home2 .Resim {
	width:280px;
	height:100px;
	position:absolute;
	overflow:hidden;
	margin:179px 0 0 15px;
	z-index:1;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Home2 .Resim img {
	width:280px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.Home2 div:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);	
}

/* HABER */
.Home2 .Home_Haber_List {position:absolute; margin:60px 0 0 18px;}
.Home2 .Home_Haber_List li {
	list-style:none;
	float:none;
	background:url('../Images/Mini_Ok.png') no-repeat 5px 11px;
	border-bottom:dotted 1px rgba(0,0,0,.2);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Home2 .Home_Haber_List li:hover {background:rgba(255,255,255,.2) url('../Images/Mini_Ok.png') no-repeat 5px 11px;}
.Home2 .Home_Haber_List li:hover a {color:#980002;}
.Home2 .Home_Haber_List li:last-child {border:none;}
.Home2 .Home_Haber_List li a {
	color:#505167;
	text-shadow:0 0 1px rgba(255,255,255,.2);
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin-left:12px;
	padding:6px;
	display:block;
}





/* DETAY TASARIM */
.Banner {width:927px; height:327px; position:relative; margin:-34px 0 0 15px; overflow:hidden;}
.Banner_Maske {width:100%; height:100%; background:url('../Images/Banner_Maske.png') no-repeat center; position:absolute; z-index:1;}

.Sayfa_Baslik {width:760px; height:75px; margin:auto; padding:70px 25px 15px 25px; position:relative;}
.Sayfa_Baslik h1 {color:#920a28; font-size:1.50em; letter-spacing:-1px;}
.Sayfa_Baslik h2 {color:#b71338; font-size:.80em; margin-top:-5px; text-transform: uppercase;}
.Sayfa_Baslik p {color:#c1b2a0; font-size:.75em; position:absolute; right:25px; margin-top:-20px;}

.Sayfa {width:760px; min-height:600px; height:auto; padding:0 25px 15px 25px; background:#f7efe5; margin:auto;}
.Sayfa p {color:#655c57; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height:200%; margin-bottom:20px; font-size:.75em;}
.Sayfa h3 {color:#b71338; font-weight:normal; font-size:1.25em;}
.Sayfa_Footer {width:810px; height:33px; background:url('../Images/Sayfa_Footer.png') no-repeat center; margin:auto;}

.Sayfa h4 {margin-top:30px; display:block; border-bottom:solid 3px #2B439F; font-weight:normal;}
.Sayfa h4 span {background:#2B439F; color:#FFF; padding:7px; display:inline-block;}
.Toogle_Baslik {cursor:pointer;}
.Sayfa h4:hover span {background:#b11236;}
.Sayfa h4:hover {border-bottom:solid 3px #b11236;}






/* FOTO GALERİ */
.Foto_Galeri li {list-style:none; float:left; width:180px; height:180px; margin-right:10px; margin-bottom:10px;}
.Foto_Galeri li img {width:165px; background:#f6eee7; border:solid 1px #ebdfd4; padding:10px;}
.Foto_Galeri li:hover img {background:#FFF;}


/* PROJE LİSTELEME */
.Proje_Listele {
	width:180px;
	height:220px;
	background:#e5e5e5;
	position:relative;
	float:left;
	margin:0 10px 20px 0;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.Proje_Listele img {
	width:170px;
	height:170px;
	margin:5px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.Proje_Listele p {
	padding:3px;
	display:block;
	text-align:center;
	margin-top:0px;
	font-size:1em;
	font-family: "oswaldLight", Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#2B439F;
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}
.Proje_Listele:hover p, .Proje_Listele_Aktif p {background:#C30000;}
.Projeler div:nth-child(even) {margin-right:0;}




/* LİSTELE */
.Listele {background:#b11236;}
.Listele li {list-style:none; float:none; font-family:Arial, Helvetica, sans-serif; padding:1px 5px;}
.Listele li a {color:#FFF; padding:7px; background:#a00a2c; border:solid 1px #900827; font-size:.75em; display:block;}
.Listele li:last-child {padding-bottom:5px;}
.Listele li a.Aktif {background:#7d041f;}
.Listele li a:hover {background:#7d041f;}





/* LİSTELE */
.Listele_Text {border-bottom:solid 1px #ebdfd4;}
.Listele_Text li {
	list-style:none;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#666;
	line-height:150%;
	padding:5px;
	display:block;
	border:solid 1px #ebdfd4;
	border-bottom:none;
}
.Listele_Text li:hover {background:#FFF;}






/* YORUMLAR */
.Yorum {
	width:740px;
	height:150px;
	background:#f6eee7;
	border:solid 1px #ebdfd4;
	padding:10px;
	position:relative;
	float:left;
	margin-bottom:5px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.8);
	box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.8);
}
.Yorum .Resim {
	width:150px;
	height:100%;
	background:#FFF;
	float:left;
	position:relative;
	overflow:hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Yorum .Ayrac_Dikey {
	width:1px;
	height:100%;
	background:#FFF;
	border-right:solid 1px #ebdfd4;
	position:relative;
	float:left;
	margin:0 9px 0 9px;
}
.Yorum .Metin h5 {color:#2B439F;}
.Yorum .Metin span {color:#c1b2a0; font-size:.75em; position:absolute; right:15px; margin-top:-22px;}
.Yorum:hover {background:rgba(255,255,255,.5);}
.Yorum:hover h5 {color:#920a28;}


.YorumYaz {
	width:740px;
	height:auto;
	background:#f6eee7;
	border:solid 1px #ebdfd4;
	padding:10px;
	position:relative;
	margin:5px 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.8);
	box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.8);
}











/* FOOTER TASARIM */
.Home_Footer {width:100%; height:270px; position:relative;}
.Home_Footer p {color:#9b826b; font-size:.80em;}
.Home_Footer a {color:#9b826b;}
.Home_Footer a:hover {color:#FFF; text-decoration:underline;}

.Home_Footer p.CopyRight {position:absolute; margin:88px 0 0 225px;}
.Home_Footer p.Footer_Menu {position:absolute; margin:120px 0 0 0;}
.Home_Footer p.Footer_Menu a {padding:0 9px; display:block; float:left;}
.Home_Footer a.Tasarimci {position:absolute; right:5px; margin-top:126px;}

/*
.Detay_Footer {width:100%; height:200px; margin-bottom:20px; position:relative; background:url('../Images/Footer_Detay.png') no-repeat center bottom;}
.Detay_Footer p {color:#907a76; font-size:.80em;}
.Detay_Footer a {color:#907a76;}
.Detay_Footer a:hover {color:#FFF; text-shadow: 0 0 10px #FFF;}

.Detay_Footer p.CopyRight {position:absolute; margin:48px 0 0 225px;}
.Detay_Footer p.Footer_Menu {position:absolute; margin:80px 0 0 0;}
.Detay_Footer p.Footer_Menu a {padding:0 9px; display:block; float:left;}
.Detay_Footer a.Tasarimci {position:absolute; right:5px; margin-top:81px;}
*/

.Detay_Footer {width:100%; height:200px; margin-bottom:20px; position:relative; background:url('../Images/Footer_Detay.png') no-repeat center bottom;}
.Detay_Footer p {color:rgba(255,255,255,.5); font-size:.80em;}
.Detay_Footer a {color:rgba(255,255,255,.5);}
.Detay_Footer a:hover {color:#FFF; text-decoration:underline;}

.Detay_Footer p.CopyRight {position:absolute; margin:48px 0 0 225px;}
.Detay_Footer p.Footer_Menu {position:absolute; margin:80px 0 0 0;}
.Detay_Footer p.Footer_Menu a {padding:0 9px; display:block; float:left;}
.Detay_Footer a.Tasarimci {position:absolute; right:5px; margin-top:81px;}







/* BILDIRIMLER */
.message {
	padding:7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	font-size:.75em !important;
	font-weight:normal !important;
}
.message.info {
    border: 1px solid #cadcea;
    background: #e1f2fc;
    color: #225b86 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.error {
    border: 1px solid #eeb7ba;
    background: #fae2e2;
    color: #be4741 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.success {
    border: 1px solid #b8c97b;
    background: #e5edc4;
    color: #3f7227 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.warning {
    border: 1px solid #e5dbaa;
    background: #ffffc0;
    color: #6d7829 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}