/*
*
* Webrika WT0028 Web sayfası Css Dökümanı
* Bu CSS Dosyası Tuva Ergün tarafından kodlanmıştır.
* 25.01.2014 - web@tuva.me
*
*/
@charset "utf8";

@import url(http://fonts.googleapis.com/css?family=Dosis:500,600,700&subset=latin,latin-ext); 

/*    */
@import url('tOppaPublic.css') screen;

/* Genel Body Kodları */	
body {background:#fff url(../img/tBodyBg.jpg) no-repeat top center; color:#eee; font: 14px/18px 'Dosis', Arial, Tahoma, sans-serif; }

.tKapsa { width: 960px; margin: 0 auto}

#tMainFull { width: 100%;}
#altMainFull { width: 100%;background:#fff url(../img/bodyBgTwo.png) no-repeat top center;}
	.tHeader { height: 230px;  position: relative;}


	.tContactThree h3{color:#666;}
	.tLogo { margin-top: 30px}
	

/* header yukarısı */
	.headerTop { width: 100%; height: 50px; position: relative; }
		.thitNews {left: 18px; top:12px; position: absolute; width: 670px; height: 20px; overflow: hidden;} 
		.thitNews ul li a {color: #013f66; font-family:  'Open Sans', sans-serif; font-size: 13px;}
		.thitNews ul li a:hover { color: #096cab;}



		.tCarrier {right: 5px; top: 1px; position: absolute; }
		.tCarrier a p{ background: url(../img/carrierBg.png) no-repeat center right; padding: 10px 48px; font-weight: bold; color: #013f66;}
		.tCarrier a p:hover { color: #096cab}


/* header alt taraf */
	.headerBottom { height: 170px; width: 100%; position: relative;}	
		.logo{position: absolute; top: 15px;}


		.anaMenu { position: absolute; bottom: 0px; padding-left: 25px; right: 0px;  height: 65px;background: url(../img/menuBg.png) no-repeat top left; z-index: 99;}
		.anaMenu ul {}
		.anaMenu ul li { float: left;  border-right: 2px solid #e33400}
		.anaMenu ul li:nth-last-child(1) {border-right: none; }
		.anaMenu ul li a { font-family: 'Dosis', sans-serif; font-weight: bold; font-size: 16px; color: #fff; padding: 23px 12px; display: block;}
		.anaMenu ul li a:hover { color: #FFEECB; background-color: #db3503}
		.anaMenu ul li:first-child(1) > .anaMenu ul li:hover {-webkit-border-top-left-radius: 35px;
			-webkit-border-bottom-left-radius: 35px;
			-moz-border-radius-topleft: 35px;
			-moz-border-radius-bottomleft: 35px;
			border-top-left-radius: 35px;
			border-bottom-left-radius: 35px;}
		
		
/* CONTENT ÜST ALAN (SLİDER ALAN) */

		.contentTop{width: 960px; height: 330px; margin: 0 auto;}
		.contentLeft {float: left; height: 380px; width: 230px}
		.contentLeft a { color: #666; text-align: center;}
		.contentLeft a p {text-align: center; width: 220px;height: 55px; overflow: hidden; margin-top: 10px; padding: 1px; color: #415845;  font-family: 'Open Sans', sans-serif; font-size: 12px; border: 1px solid #5b5a56;  border-radius: 5px; }
		.contentLeft a p:hover { color: #999;}
		.contentLeft a img { margin-left: 17px; margin-top: 17px; width: 200px; height: 280px;}
		.oks { background: url (../img/okSpan.png) no-repeat bottom center ; padding:15px 18px; }
		.contentRight {float: right; height: 380px; width: 720px;}
		.slider {height: 580px; width: 720px; margin-right: 50px; margin-top: -75px;}
		.slider img{ width: 720px; height: 408px;}

/* CONTENT ALT ALAN */

		.contentBottom { width: 950px; height: 450px; position: relative;}
		.contentBottomLeft { width: 310px; float: left; margin-left: 30px; margin-top: 95px; overflow: hidden;} 
		.contentBottomCenter { width: 400px; float: left; margin-top: 40px;}
		.contentBottomRight {  width: 200px; float: right; margin-top: 180px; margin-left: 10px; } 
		li.newsIcon {float: none!important; position: absolute;bottom: 15px; }

		.boxOneBottom { height: 125px; position: relative;}
	.boxOneBottom ul {padding-left: 10px; padding-top: 10px;}
	.boxOneBottom ul li{ text-align: center;   font-size: 18px; line-height: 24px; float: left; padding-top: 0px;}
	li.haberDetay  { height:75px; overflow: hidden; border-left: 1px solid #ddd; width: 310px; margin-left: 10px; padding-left: 10px; overflow: hidden; height: 75px; text-align: left!important;}
	.boxOneBottom ul li h2 { font-weight: bolder; font-size: 15px; color: #344c37;}
	.boxOneBottom ul li a img { margin-left: 80px; width: 25px; height: 15px;}
	.boxOneBottom ul li strong { font-size: 15px; color: #fc3b01;  font-family: 'Open Sans', sans-serif; }
	.boxOneBottom ul li p { height: 25px; font-size: 13px; color: #344c37;  font-family: 'Open Sans', sans-serif;}
	.boxOneBottom ul li span { font-size: 13px; color: #bababa;  font-family: 'Open Sans', sans-serif;}

	.boxOneBottoms{ height: 125px; }
	.boxOneBottoms  h2 { font-weight: bolder; font-size: 17px; color: #013f66; margin-bottom: 5px;  font-family: 'Open Sans', sans-serif;}
	.boxOneBottoms  p { font-size: 13px; color: #27412b; width: 200px;  font-family: 'Open Sans', sans-serif;}
	.boxOneBottoms  a p:hover { color: #999;}

	.contentBottomRight a { padding: 15px; border: 2px solid #ddd; border-radius: 5px; margin-left: 30px; color: #746853; }
	.contentBottomRight a:hover { opacity: 0.7; filter:alpha(opacity=70);}

	.contenTziyaretci {position: absolute; bottom: 17px; left: 115px; overflow: hidden;}
	.contenTziyaretci h2 { color: #e97946; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size:18px;}
	.contenTziyaretci p {color: #5c705f; width: 250px; margin-bottom: 10px;}
	.contenTziyaretci a { color: #e97947; background: url(../img/oks.png) no-repeat center right; padding-right: 15px; margin-left: 110px;}
	.contenTziyaretci a:hover { color: #f94d00}

/*ABOUT ALANI */

.about {width: 960px; min-height: 500px; margin: 0 auto;}
.aboutLeft {width: 310px; min-height: 560px; background: url(../img/menuLeftBg.png) no-repeat bottom center;  padding-bottom: 10px; float: left }
	.menuLeft { width: 265px; position: relative; min-height: 560px;   background:#eeeded ; padding: 20px 10px 10px 10px; margin-left: 12px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;} 
	.menuBaslik { } 
	.menuBaslik h2 { color: #fff;  font-family: 'Open Sans', sans-serif; font-weight: bolder; background: url(../img/baslikBg.png) no-repeat top left; padding: 16px 60px; height: 35px; position: relative; left: -27px; font-size:15px; }
	.menuLeft ul li {  border-bottom: 1px solid #ddd; text-decoration: none;}
	.menuLeft ul li a{ color: #3e3e3e; padding: 20px 20px 20px 35px; display: block; font-size: 15px; font-family: 'Open Sans', sans-serif; }
	.menuLeft ul li a:hover { background: url(../img/menuButtonBg.png) no-repeat center center; color: #fff}

.aboutRight {width: 610px; float: right; margin-top: 68px;}
	.aboutRight p { color: #242424; font-family: 'Open Sans', sans-serif; line-height: 24px; font-size: 14px;}
	.baskan { float: right; width: 200px; margin-top: 35px; margin-right: 20px;}
	.baskan h2 { text-align: center;  font-weight: bold; color: #242424;  font-family: 'Open Sans', sans-serif;}
	.baskan p { text-align: center; }


/*Kadromuz Alanı */

.kadromuzRight { float: left; width: 630px;}
.kadromuzBox { width: 185px; height: 335px; border: 1px solid #396c8b; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; float: left; margin: 8px; overflow: hidden;}
.kadromuzBox .baslik h2 { background: url(../img/kadroBaslikBg.png) no-repeat center center ; height: 35px; text-align: center; padding-top: 20px; font-family: 'Open Sans', sans-serif;}
.kadromuzBox .kadromuzFoto {background: url(../img/kadroImg.png) no-repeat center center; height: 118px; width: 143px; margin-top: 20px; padding: 20px;}
.kadromuzBox .kadromuzFoto img {width: 145px; height: 130px; border: none;}
.kadromuzBox .kadroIsim {margin-top: 50px; height: 50px; width: 187px;}
.kadromuzBox .kadroIsim p { text-align: center; font-family: 'Open Sans', sans-serif; color: #437492; font-size: 16px; line-height: 20px; }


/* ETKİNLİKLER ALANI */

.etkinlikRight {float: left; width: 645px;}
.etkinlikBox { width: 630px; height: 160px; border: 2px solid #437492;  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; margin-top: 35px; overflow: hidden; margin-left: 5px;}
.etkinlikBox .etkinlikimage {float: left; }
.etkinlikBox .etkinlikimage img { width: 160px; height: 140px; padding: 10px;}
.etkinlikBox .etkinlikBaslik  { float: left; margin-top: 15px}
.etkinlikBox .etkinlikBaslik h2 { color: #fc4711; font-family: 'Open Sans', sans-serif;}
.etkinlikBox .etkinlikBaslik h2 strong { color: #21587a; font-family: 'Open Sans', sans-serif; font-weight: bolder;}
.etkinlikBox .etkinlikBilgi {float: left; width: 440px; height: 70px; margin-top: 4px;overflow: hidden; }
.etkinlikBox .etkinlikBilgi p { color: #316484; font-family: 'Open Sans', sans-serif; font-size: 13px;}
.etkinlikBox .etkinlikDevami { width: 130px; float: left; margin-top: 15px; padding: 0px; border: 1px solid #316484;  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.etkinlikBox .etkinlikDevami a{ color: #316484; padding: 2px 30px;   background: url(../img/okks.png) no-repeat center right;}
.etkinlikBox .etkinlikDevami a:hover {color: #fff; border: 1px solid #316484;  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;  background:#316484 url(../img/okkss.png) no-repeat center right; }
/* FOOTER ALANI */

.disFooter { width: 100%; height: 375px; background: url(../img/tFooterBg.png) no-repeat top center;}	
	.bosluk {height: 150px; margin-top: 30px;}
.footerTop {height: 110px;}	
	.icFooter { width: 950px; margin: 0 auto;}
	.tCopyRight { float: left; margin-top: 17px; width: 500px;} 
	.tCopyRight p { color: #014067; width: 460px;} 
	.tCopyRight a {color: #014067;font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 12px; text-decoration: underline;}
	.tCopyRight a:hover { opacity: 0.7; filter:alpha(opacity=70);}
	
	.social { height: 80px ; width: 106px; float: left; margin-left: 15px; }	
		.social p { font-size: 13px; margin-left: 1px; margin-bottom: 2px; color: #014067}
		.tFacebook {background: url('../img/sosyal.png') no-repeat 0 0; width: 39px; height: 38px; display: block; float: left;}
		.tTwitter { background: url('../img/sosyal.png') no-repeat -45px 0; width: 39px; height: 38px; display: block; float: left;}
		.tFacebook:hover {background: url('../img/face.png') no-repeat ; width: 39px;height: 38px; }
		.tTwitter:hover {background: url('../img/twit.png') no-repeat ; width: 39px; height: 38px; }
	
	.eposta{ width: 320px; height: 55px; top: 10px; position: relative; float: right;}
		.eposta input[type="text"]{position: absolute; top: 0; left: 0;  }
				.eposta input[type="text"]{height: 50px; width: 290px; font-family: 'Dosis', sans-serif; font-size: 19px; color: #aaaaaa; padding-left: 10px;  border: 2px solid #014067;}
			.eposta input[type="submit"]{position: absolute; top: 14px; right:19px; border-left: 1px solid; border: none;}
				.eposta input[type="submit"]{   padding: 3px 35px 3px 35px; text-align: center;  background: url(../img/kaydol.png) no-repeat center center; border: 1px dotted transparent; border-left: 1px solid #ddd; }
				.eposta input[type="submit"]:hover{cursor: pointer; opacity: 0.8; filter: alpha(opacity=80);}
	
	.footerBottom .altMenu {margin-top: 15px;}
	.footerBottom .altMenu ul {float: left; margin-top: 10px;}
	.footerBottom .altMenu ul li {  float: left;}
	.footerBottom .altMenu ul li a { padding: 11px; font-size: 15px; color: #014067;  font-family: 'Dosis', sans-serif; font-weight: bold; border-left: 1px solid #ddd;}
	.footerBottom .altMenu ul li a:hover { color: #010b12}
	
	.footerBottom .altLogo { float: right; margin-right: 15px; }
	.footerBottom .altLogo a img { width: 130px; height: 45px;}
	.footerBottom .altLogo a img:hover {transition: all 0.5s ease-in-out; opacity: 0.6; filter: alpha(opacity=60);}


	.pageZiyaretciDefteri{}
.pageZiyaretciDefteri ul li {margin-bottom: 20px; width: 100%}
.ziyaretciDefteriYazan {float: left;}

.ziyaretciDefteriYazan h2{float: left; font-size: 18px; font-weight: bold; color: #444;}

.ziyaretciDefteriTarih {float: right; width: 300px}
.ziyaretciDefteriTarih span{float: right; font-size: 14px; font-weight: bold; color: #444;}

.ziyaretciDefteriDetay{padding: 10px; margin-top: 5px; border: 2px solid #ddd; background-color: #f7f7f7;}
.ziyaretciDefteriDetay img {width:45px; height: 30px; float: left; margin-right:10px; border:2px solid #CCC;}
.ziyaretciDefteriDetay p { color: #888; font-size: 14px}