@font-face {
	font-family: 'GothamNarrow-Book';
	src: url('../fonts/book/gothamnarrowbook.eot');
	src: url('../fonts/book/gothamnarrowbookd41d.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/book/gothamnarrowbook.woff') format('woff'),
			 url('../fonts/book/gothamnarrowbook.ttf') format('truetype'),
			 url('../fonts/book/gothamnarrowbook.svg#gothamnarrowbold') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GothamNarrow-Bold';
	src: url('../fonts/bold/gothamnarrowbold.eot');
	src: url('../fonts/bold/gothamnarrowboldd41d.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bold/gothamnarrowbold.woff') format('woff'),
						 url('../fonts/bold/gothamnarrowbold.ttf') format('truetype'),
		 url('../fonts/bold/gothamnarrowbold.svg#gothamnarrowbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamNarrow-Medium';
	src: url('../fonts/medium/gotham-medium.eot');
	src: url('../fonts/medium/gotham-mediumd41d.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/medium/gotham-medium.woff') format('woff'),
						 url('../fonts/bold/gotham-medium.html') format('truetype'),
		 url('../fonts/medium/gotham-medium.svg#gotham-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {  font-family: 'Tahoma', sans-serif;}

.index {background:url(../images/bg-main-detail.jpg) top center no-repeat; height: 1px;}
.icsayfa {background:url(../images/icsayfa.jpg) top center no-repeat; height: 1px;}
.iso {background:url(../images/iso-belgesi.jpg) top center no-repeat; height: 1px;}
.marka {background:url(../images/marka-tescil.jpg) top center no-repeat; height: 1px;}
.patent {background:url(../images/patent-faydali-model.jpg) top center no-repeat; height: 1px;}
.tasarim {background:url(../images/tasarim-tescilleri.jpg) top center no-repeat; height: 1px;}
.telif {background:url(../images/telif-haklari.jpg) top center no-repeat; height: 1px;}
.tse {background:url(../images/tse-belgesi.jpg) top center no-repeat; height: 1px;}

.clear { clear:both;} 
.left {float: left;}
.right {float: right;}
.box { width:980px; height: 1px; position: relative;  margin:auto; }


/* Header CSS ***********************************/ 

#header {width: 100%;  background:url(../images/menu-bg.png) top center no-repeat; height:82px; }
#header .left {float:left; margin:5px 0 0 25px; z-index: 20;}
#header .right {width:700px; height:41px; position: absolute; top:30px; left: 280px;}


/* Banner CSS **************************************/

#banner {width: 100%; height: 212px; position: relative; top:-82px; z-index: -99999;}
#banner .detail {width: 100%; height: 380px; position: relative; top:-82px; z-index: -99999; background: url(../images/marka-tescili.jpg) no-repeat;}

.bannerHeight {height: 1px;}
#banner .left {  height: 70px; float:left; position: relative; top:200px; z-index: -2; }
#banner .right {  float:right; position:relative; width: 1000px; top:-82px; z-index: -99; }

#banner .rightSayfa {float:right; position:relative; top:-82px; right:-102px; z-index: -1; }
#banner .leftSayfa {width:300px; height: 70px; float:left; top:100px; position: relative; z-index: -2; }


/* Content CSS *************************************/

#content {width: 980px; position: relative; margin:0 auto;  }
#content .ftHeight {height: 400px;}
#content .large {width: 480px; height: 250px;}
#content .middle {width: 350px; height: 200px;}
#content .small {width: 140px; height: 200px;}

#content .kutu {float: left;}
#content .kutu  img {float: left; position: absolute;}
#content .kutu  h1 {font-family: 'GothamNarrow-Bold'; font-size: 16px; padding: 10px 0 10px 150px;}
#content .kutu  p  {font-size: 13px; padding: 0 0 10px 150px;}
#content .kutu  .btn {height: 18px; width: 72px; background: url(../images/btn.png); margin: 0 0 0 160px; }
#content .kutu  .btn > a {font-size: 11px; line-height: 18px; text-align: center; color: #fff; display: block}

#content .kutu .haberler h1 {font-family: 'GothamNarrow-Bold'; width: 280px; font-size: 16px; padding: 10px 0;}
#content .kutu .haberler ul {width:280px; padding: 0 0 0 15px; list-style-image: url(../images/array.png);}
#content .kutu .haberler ul li {font-size: 13px; padding: 0 0 20px 0;}
#content .kutu .haberler .btn {height: 18px; width: 173px; background: url(../images/btn-large.png); margin:6px 0 0 0; }
#content .kutu .haberler .btn > a {font-size: 11px; line-height: 18px; text-align: center; color: #fff; display: block}

#content .iletisim img {float: none; position: relative;}
#content .iletisim h1 {font-size: 17px; padding: 5px 0 0 0; }
#content .iletisim h1 > span {color: #D21733; font-weight: 100; padding: 5px 0 0 0;}
#content .iletisim p {font-size: 12px; color: #333; padding: 10px 0 0 0; line-height: 12px;}


#content .contentLeft {width: 244px; height: 425px; position: relative; background: url(../images/shadow.png) top right no-repeat;}
	.contentLeft .hakkimizda {width: 244px; height: 425px;background: url(../images/hakkimizda-bg.jpg) no-repeat;}
	.contentLeft .iletisim {width: 244px; height: 425px;background: url(../images/iletisim-bg.jpg) no-repeat;}
	.contentLeft .haberler {width: 244px; height: 425px;background: url(../images/haberler-bg.jpg) no-repeat;}
	.contentLeft .ik {width: 244px; height: 425px;background: url(../images/ik-bg.jpg) no-repeat;}
	.contentLeft .solMenu ul {padding: 20px 0 0 0; }
	.contentLeft .solMenu ul li {height: 54px; font-size: 14px; border-bottom: 1px dotted #BCBCBC;}
	.contentLeft .solMenu ul li:hover {background: url(../images/sol-menu-hover.png) no-repeat ; }
	.contentLeft .solMenu ul li.on {background: url(../images/sol-menu-hover.png) no-repeat ; } 
	.contentLeft .solMenu ul li:last-child {border:none;}
	.contentLeft .solMenu ul li a {height: 42px; padding: 12px 0 0 0; color: #000; width: 244px; float: left;  }
	.contentLeft .solMenu ul li a:hover {color: #fff;}
	.contentLeft .solMenu ul li a.on {color: #fff;}
	.contentLeft .solMenu ul li a > span {width:150px; float: right;} 

		#marka {background: url(../images/marka-tescil.png) 20px 5px no-repeat;}
		#patent {background: url(../images/patent-faydali-model.png) 20px 5px  no-repeat;}
		#iso {background: url(../images/iso-belgesi.png) 22px 5px  no-repeat;}
		#tse {background: url(../images/tse-belgesi.png) 12px 5px  no-repeat;}
		#tasarim {background: url(../images/tasarim-tescili.png) 20px 5px  no-repeat;}
		#telif {background: url(../images/telif-hakki.png)  20px 5px  no-repeat;}

		#marka:hover , #marka.on {background: url(../images/marka-tescil-hover.png) 20px 5px no-repeat;}
		#patent:hover , #patent.on {background: url(../images/patent-faydali-model-hover.png) 20px 5px  no-repeat;}
		#iso:hover , #iso.on {background: url(../images/iso-belgesi-hover.png) 22px 5px  no-repeat;}
		#tse:hover , #tse.on {background: url(../images/tse-belgesi-hover.png) 12px 5px  no-repeat;}
		#tasarim:hover , #tasarim.on {background: url(../images/tasarim-tescili-hover.png) 20px 5px  no-repeat;}
		#telif:hover , #telif.on {background: url(../images/telif-hakki-hover.png)  20px 5px  no-repeat;}



#content .contentRight {width: 736px; position: relative; background: #fff; z-index: -20}
	.contentRight .page {width: 650px; min-height: 380px; margin: 0 auto; padding: 30px 0 20px 0;}
	.contentRight .page h1 {font-size: 23px; color: #0986B1; padding: 0 0 10px 0;}
	.contentRight .page h2 {font-size: 17px; color: #0986B1; padding: 5px 0 10px 0;}
	.contentRight .page p {font-size: 13px; line-height: 17px; color: #000; padding: 0 0 15px 0; text-align: 16px;}
	.contentRight .page span {color: #777; font-size: 12px; padding: 0 0 10px 0; display: block;}
	.contentRight .page ul {list-style-type: square; padding: 0 0 10px 15px;}
	.contentRight .page ul li {font-size: 13px;}
	.contentRight .page a {color: #0986B1;}
	.contentRight .page a:hover {color: #0986B1; text-decoration: underline;}
	.contentRight .page > table {font-size: 14px;}

	.contentRight .haberList {width: 300px; float: left;}
	.contentRight .haberList ul li {padding: 0 0 10px 0;}
	.contentRight .haberList ul li a {color: #000;}
	.contentRight .haberDetay {width: 300px; float: right;}
	.contentRight .haberDetay img {float: left; padding: 0 20px 20px 0;}
	.contentRight .haberDetay p {margin: 10px 0 0 0;}



.uzmanDiv {position: absolute; top:-130px;}



#neYaparizDiv {position: relative; height: 100px; background: url(../images/neYapariz-bg.png) top center no-repeat;}
#neYaparizDiv .neYapariz {width: 980px; height: 100px; margin: 0 auto; }
#neYaparizDiv .neYapariz ul {padding: 10px 0;}
#neYaparizDiv .neYapariz ul li {float: left; height: 42px;  padding: 0 4px; line-height: 14px;}
#neYaparizDiv .neYapariz ul li a {font-size: 13px;  padding: 7px 0 0 0; color: #000; display: block; }
#neYaparizDiv .neYapariz ul li img {float: left; padding: 0 5px 0 0;}
#neYaparizDiv .neYapariz ul li span {display: block;}


/* Footer CSS **************************/

#footer {position:relative; width: 100%;  background: url(../images/footer-bg.png) repeat-x #fff;}
#footer .footer {width: 980px; margin:0 auto; height: 50px; padding: 20px 0 40px 0;}
#footer .footer p {font-size: 11px; color: #7a7a7a;}
#footer .footer a {font-size: 11px; color: #7a7a7a;}
#footer .footer ul {padding: 20px 0 0 0;}
#footer .footer ul li {float: left; padding: 0 20px 0 0;}




/* Content Slider ************************/

#container {width: 460px; position: relative; }
#carousel {width: 460px;margin: 0 auto;}
#pages {width: 150px; margin: 0 auto;}

#ui-carousel-next,
#ui-carousel-prev {width: 10px; height: 15px; background: url(../images/arrow-left.png) center center no-repeat; display: block; position: absolute; top: 12px; z-index: 100;}
#ui-carousel-next {right: 0; background-image: url(../images/arrow-right.png); }
#ui-carousel-prev {left: 430px;}
#ui-carousel-next > span, #ui-carousel-prev > span {display: none;}
.slide {margin: 0; position: relative;}

.bullet {background: url(images/page-off.html) center center no-repeat; display: block; width: 18px; height: 18px; margin: 0;  float: left;	}





















.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute;}

/* NAVIGATION */
#nav-outer { position:relative; top:10px;}

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px;}
#firstline {  color:#000000; font-size:20px; float:left; display:block; font-family:'GothamNarrow-Bold' , Helvetica, Arial, Verdana, sans-serif;}
#secondline { color:#000000; text-decoration:none; font-size:15px; float:left; display:block; clear:both;}

.pictured { background:url(../images/bg-more.html) no-repeat; color:#FFF; font-size:12px; width:108px; height:26px; padding:2px 0 0 15px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px;}
.pictured a { font-size:12px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none;}
.pictured a:hover { text-decoration:underline;}

/* CONTROLS */
.btn { height:33px; width:24px; float:left; cursor:pointer;}
#back { background-image:url("../images/btn_back.png");}
#next { background-image:url("../images/btn_next.png");}
#control { background-image:url("../images/btn_pause.html");}

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:340px; margin:0 auto; width:125px;}


.headerPage { width:980px; height:100px; margin:0 auto;}
.headerPage .hLeft { width:256px; height:auto; float:left; margin:34px 0 0 0;}
.headerPage .hRight { width:704px; height:auto; float:right; text-align:right;}
.headerPage .hRight .menu { height:47px; background:url(../images/menu-bg.png) no-repeat;}
.headerPage .hRight .number { font-size:24px; color:#FFFFFF; text-shadow: 0.1em 0.1em 0.05em #333;}


.resimYukle{ 
    background:url(../images/01.html) -9999px -9999px no-repeat
}
.resimYukle2{ 
    background:url(../images/02.html) -9999px -9999px no-repeat
}