@charset "iso-8859-9";
/* CSS Document */


@font-face {
	font-family: 'neo_sans_trmedium';
	src: url('../fonts/neosans_medium_tr-webfont.eot');
	src: url('../fonts/neosans_medium_tr-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neosans_medium_tr-webfont.woff') format('woff'),
		 url('../fonts/neosans_medium_tr-webfont.ttf') format('truetype'),
		 url('../fonts/neosans_medium_tr-webfont.svg#neo_sans_trmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'neo_sans_trregular';
	src: url('../fonts/neosans_tr-webfont.eot');
	src: url('../fonts/neosans_tr-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/neosans_tr-webfont.woff') format('woff'),
		 url('../fonts/neosans_tr-webfont.ttf') format('truetype'),
		 url('../fonts/neosans_tr-webfont.svg#neo_sans_trregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'myriad';
	src: url('../fonts/myriadpro.eot');
	src: url('../fonts/myriadpro.eot') format('embedded-opentype'),
		url('../fonts/myriadpro.woff') format('woff'),
		url('../fonts/myriadpro.ttf') format('truetype'),
		url('../fonts/myriadpro.svg#MyriadProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	font:14px 'myriad',sans-serif;
	background: #ededed;
}


/*	==========================================
					GENERAL
	========================================== */
*{
	margin:0;
	padding: 0;
	outline: none;
	resize:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clear{
	clear: both;
}
/*	==========================================
					HEADER
	========================================== */
.header{
	width: 100%;
	height:109px;

}
/*** Header Top **/
.headerTop{
	width: 100%;
	height:109px;
	background: url("../images/headerBg.jpg")  top center;
	background-size: cover;
}
.topColor{
	height: 17px;
	background: #a7bace;
	border-bottom: 5px solid #f4f4f4;
}
.headerInner{
	width: 960px;
	margin: 0 auto;
}
.logo{
	width:300px;
	float: left;
	}

.phone{
	width: 172px;
	float: right;
	margin-top: 25px;
	color: #000;
}
i.phoneIcon{
	width:36px;
	height:33px;
	display:block;
	float: left;
	margin: 5px 10px 0 0;
	background: url("../images/phone.png")  no-repeat;
}
.phoneRight{
	font-family:'Calibri',sans-serif;
	display: block;
	float: left;
}
.phoneTitle{
	font-size: 14px;
	color: #000;
	text-align: center;
}
.phoneNumber{
	font-weight: bold;
	font-size: 20px;
}


/*** Menu **/
.menuContent{
	width: 100%;
	height: 46px;
	display: block;
	border: 1px solid #dddddd;
	background: url("../images/menuBg.jpg") repeat-x;
}
.menu{
	width: 940px;
	margin: 0 auto;
	background: red;
}
.menu ul{
	list-style: none;
}
.menu ul li{
	float: left;
}
.menu ul li a{
	font:16px 'Oswald',sans-serif;
	display: block;
	height: 44px;
	padding:  0 39px;
	line-height: 43px;
	text-decoration: none;
	color: #fff;
	border-left: 1px solid #fff;

}
.menu ul li:last-child a{
	border-right: 1px solid #fff;
}
.menu ul li a:hover{
	color:#000;
	background: #fff;
}
.menu ul li a.active{
	color:#000;
	background: #fff;	
}


.menu ul ul {
	left: 181px;
	top: -3px;
}



 ul.sub-level {
    display: none;
}
 
li:hover .sub-level {
    background: #999;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 120px;
}

ul.sub-level li {
    border: none;
    float:left;
    width:190px;
}

/*Seconda Level*/
#navigation .sub-level {
    background: #999;
}
 
/*Third Level*/
#navigation .sub-level .sub-level {
    background: #09C;
}
/*	==========================================
					HOME
	========================================== */
.homeContent{
	width: 960px;
	margin:  20px auto;
	
}

.homeContenthak {
background: #ededed;
width: 1000px;
margin: 0 auto;
padding: 0;

}

.homeContenticerik{
width: 891px;
background: #fff;	
margin-left: 30px;
top: 0px;

	
}

.announcements{
	width: 308px;
	float: left;
	overflow: hidden;
}

/*** Home Text ***/
.homeText{
	float: right;
	width: 635px;
	overflow: hidden;
}


hr.style-six {
    border: 0;
	padding: 10px;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#page-text {width:840px; padding-left:0px; margin:0px auto; color:#636363; text-align:left;}
#page-text-content {
min-height:600px;
overflow:hidden;
padding-bottom:20px;
padding-top:20px;
position:relative;
}


.page-text p {
     line-height:150%;
}


p {line-height:135%; padding-top:0; margin-top:0px; font-size:13px;}

.left-col {width:835px; float:left;}
.left-col-urunler {width:185px; float:left;}
.right-col {width:620px; float:right;}

.right-col h2 { font-size: 1.5em; font-family: oswald;
    background-color: #E8E8E8;
    margin: 0px;
    padding: 10px;}


.content-area {
    width:100%;
    background:#FFFFFF;
    overflow:hidden; height:100%;
}
#content-area .left-col a {
    border-bottom:1px solid #ff3300;
    text-decoration:none;
    color:#636363;
}


.page {width: 640px; float: right; background: #fff; padding: 20px; margin: 0 0 20px 0;}

	.page img {float: left; margin: 5px 15px 0 0; max-width: 640px;}
	.page p {font:13px/20px 'neo_sans_trregular'; margin: 0 0 10px 0;}
	.page a {color: #000;}
	.page ul.urun-list {width: 640px; list-style: none outside }
	.page ul.urun-list li {width: 145px; float: left; border:1px solid #e4e6e9; padding: 10px 5px; margin: 0 11px 10px 0; border-radius: 4px;}
	.page ul.urun-list li.last {margin: 0 0 10px 0;}
	.page ul.urun-list li img {margin: 0 auto; float: none; display: block;}
	.page ul.urun-list li h2 {font:13px 'neo_sans_trmedium'; text-align: center; height: 22px; margin: 0 0 8px 0;}
	.page ul.urun-list li h2 span {font-family:'neo_sans_trregular';}
	.page ul.urun-list li h2 a {color: #202f40;}
	.page ul.urun-list li h4 {font:11px 'neo_sans_trmedium'; text-align: center; height: 30px; margin: 0 0 20px 0;}
	.page ul.urun-list li p.incele-btn {width: 129px; height: 29px; margin: 0 auto; background: url(../images/detay-bg.png) no-repeat; font:12px/29px 'neo_sans_trmedium'; text-align: center;}
	.page ul.urun-list li p.incele-btn a {color: #fff;}
	
	.holder {
    overflow: hidden;
    height: 130px;
}

.icerik_sol {
float: left;
width: 178px;
background: #dadbdd;
border: 1px solid #008bd6;
margin-top: 15px;
}

.icerik_sag {
float: right;
width: 733px;
border: 1px solid #3aa2d9;
margin-top: 15px;
}



.urun_sol{
	float:left;
	width: 200px;
	height: 200px;
	margin: 35px;
	
}
.urun_sag{
	float:left;
	width: 100px;
	margin: 35px;
}
.urun_sag p{
	float:left;
	padding: 10px 0px;
	line-height: 14px;
	font:11px 'Arial'; text-align:left;
}
.urun_satir{
	float:left;
	padding-left:20px;
	width: 405px;
	font:11px 'Arial'; text-align:left;

	line-height: 25px;
}
.urun_satirx{
	float:left;
	margin-left:20px;
	width: 405px;
	background: #f8f8f8;
	line-height: 25px;
	font:11px 'Arial'; text-align:left;
}
.urun_satir_sol{
	float:left;
	width: 70px;
	padding-left:10px;
	color: #000;
	line-height: 25px;
	font-weight: bold;
}
.urun_satir_sag{
	float:left;
	width: 305px;
	padding-left:10px;
	line-height: 25px;
}
.urun_baslik{
	float:left;
	width: 436px;
	color: #3aa2d9;
	line-height: 24px;
	font-weight: bold;
	margin-left:15px;
}
.urun_aciklama p{
	width: 346px;
	padding: 5px 10px;
	line-height: 15px;
	margin-top:0px;

}

.urun_aciklama h3{
	width: 346px;
	margin: 10px;
margin-top:50px;
	font-weight: bold;

}

.menu_div ul
{
    padding:0px;
    margin:0px;
	width: 195px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FFF;
    list-style:none;
    text-indent:15px;
}
.menu_div ul li
{
    background:#e3e4e6;
    line-height:25px;
        border-bottom:1px solid #fff;
}
.menu_div ul li a
{
    text-decoration:none;
    color:#656667;
    display:block;
	-webkit-transition: all 0.5s ease-out;  
     -moz-transition: all 0.5s ease-out;  
      -ms-transition: all 0.5s ease-out;  
       -o-transition: all 0.5s ease-out;  
          transition: all 0.5s ease-out;  
}
.menu_div ul li a:hover
{
    background:#b8b8ba;
}
.menu_div ul li#active
{
   font-family: Oswald, Georgia, serif;
   font-size: 16px;
   padding: 10px 10px 10px 0px;
   margin: 0 0 0px;
   background:#3c3c3c;
}

blockquote{
width: 950px;
  display:block;
  background: #f9f9f9;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Oswald, Georgia, serif;
  font-size: 16px;
  line-height: 1.5;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #dc0000;
  border-right: 2px solid #dc0000;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Oswald, Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

* Main */
	.main {width: 100%; background: url(../images/main-bg.jpg) top no-repeat; min-width: 1000px;position: relative;top: 0px;}
		.content {width: 980px; margin: 0 auto; min-height:100%;}
			.box {background: url(../images/box-bottom.png) bottom repeat-x #d30000; box-shadow: 1px 1px 1px #a1a8af; padding: 12px 5px 5px 15px; position: relative;}
			.box h1 {font:16px 'neo_sans_trregular'; color: #fff; margin: 0 0 5px 0;}
			.box h1 a{font:16px 'neo_sans_trregular'; color: #fff; margin: 0 0 5px 0;}
			.box h1 span {font-family: 'neo_sans_trmedium';}
			.box h1 img {float: left; margin: -1px 10px 0 0;}
			.box ul.list {list-style-image: url(../images/list-arrow.png); font:12px 'neo_sans_trregular'; margin: 10px 5px 10px 25px;}
			.box ul.list li {margin: 0 0 5px 0; padding: 0 0 0 7px;}
                        .box li h1{margin: 0; padding: 0;color:#202f40;font-size:13px;}
			.box ul.list li a {color:#202f40;}

			.box .box-content {margin: 10px 0;}
			.box .box-content h2 {font:12px 'neo_sans_trmedium'; margin: 0 0 7px 0;}
			.box .box-content h2.haber-baslik {float: left;}
			.box .box-content h2 a {color: #202f40;}
			.box .box-content p.date {float: right; color: #005ba6; font:11px 'neo_sans_trregular';}
			.box .box-content p {font:13px 'neo_sans_trregular'; color: #202f40;}
			.box .box-content p.more-btn,#cozum_caro li p.more-btn{float: left; background: url(../images/btn-arrow.gif) 47px no-repeat #005ba6; border-radius: 2px; margin: 10px 0 0 0;}
			#cozum_caro li p.more-btn{margin:5px 0 0 0;}
                        .box .box-content p.more-btn a,#cozum_caro li p.more-btn a {font:10px 'neo_sans_trmedium'; color: #fff; padding: 4px 20px 4px 8px; display: block; }
			.box .box-content img {float: left; margin: 0 10px 0 0;}
			
			/*.cozum 		{float: left; width: 230px; height:92px;} */
                        
                        .cozum 	{float: left; width: 230px; height: 50px; margin: 0 12px 0 0;}
				#pager_cozum {}
                        #cozum_caro li{float:left;width: 275px; height: 120px;}
                        #cozum_caro li ul li{height: 16px;}
                        #cozum_caro ul.list{height: 66px;}
			.hizmet 	{float: left; width: 335px; height: 150px; margin: 0 12px 0 0;}
				#pager_hizmet {}
			.haber  	{float: left; width: 280px; height: 150px; overflow: hidden;}
				#pager_haber {}
			.musteri 	{float: left; width: 960px; height: 110px; margin: 0 0 20px 0;}
			.urun 		{width: 950px; height: 215px; margin: 20px auto; padding: 12px 15px 5px 15px !important; position: relative;}


.centercontent {
	width: 950px;
	margin: 20px auto;
	position: relative;
}

.left-content {
	position:relative;
	float:left;
	display:block;
	height:auto;
	left:0px;
	top:0px;
	margin-right:20px;
}

.left-content p {
float: left;
font-size: 15px;
color: #333333;
word-spacing: 0;
line-height: 1.4em;
letter-spacing: 0;
font-weight: 300 !important;
width: 100%;
text-align: justify;
display: block;
padding-bottom: 20px;
}

.left-content h2 {
	float:left;
	font-size:24px;
	color:#000;
	word-spacing:0;
	letter-spacing: 0.1em;
	font-weight:300 !important;
	width:100%;
	padding-bottom:10px;
	padding-top:5px;
}



.faydali-content {
	width:900px;
	left: 80px;
}

.right-contentf{
	position:relative;
	float:left;
	display:block;
	list-style: none;
	padding:0px;
	margin: 0px 50px;
	left:20px;
	top:0px;
}

.paging
{
	margin: 10px;
	padding: 10px;
	border: 1px #d5d5d5 solid;
	margin-right: 5px;
	float: left;
	width: 26px;
	text-align: center;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

.paging a {color: #000;}

.paging:hover
{
	background-color: #e1e1e1;
}
.paging.selected
{
	font-weight: bold;
	background-color: #444444;
	color: #ffffff;
	border: 1px #444444 solid;
}




.contact-infos {
float: left;
width: 380px;
min-height: 360px;
padding: 20px;
background: #F6F6F6;
}


.contact-infos h3 {
padding-bottom: 7px;
font: bold 14px tahoma;
}

.contact-form {
float: right;
width: 440px;
padding: 15px;
background: #F6F6F6;
color: #666;
}

.contact-form span {
float: left;
display: block;
margin-bottom: 5px;
}

.contact-text {
width: 177px;
height: 28px;
padding: 0 10px;
background: url(../images/stripe.png) repeat-y #FFF;
border: 1px solid #E1E1E1;
font: bold 11px tahoma;
color: #999;
}

.contact-textarea {
width: 390px;
height: 100px;
padding: 10px;
background: url(../images/stripe.png) repeat-y #FFF;
border: 1px solid #E1E1E1;
font: bold 11px tahoma;
color: #999;
}

.full-panel {
float: left;
display: block;
width: 420px;
margin-bottom: 15px;
}

.hemi-panel {
float: left;
width: 160px;
margin-bottom: 5px;
margin-right: 35px;
}

.box-title {
padding: 10px !important;
background: url(../images/stripe.png);
margin-bottom: 15px;
font-family: Arial, Helvetica, 'sans-serif !important';
font-size: 14px !important;
font-weight: bold !important;
color: #666666 !important;
}

.contact-infos p {
padding: 7px 0;
font: normal 11px tahoma;
line-height: 16px;
}

.imageshadow {
-moz-box-shadow:    0px 7px 8px 0px #585858;
  -webkit-box-shadow: 0px 7px 8px 0px #585858;
  box-shadow:         0px 7px 8px 0px #585858;
}	




#kontent_wrapper #kontent {
				width:955px;
				margin:0 auto;
				}

				

/* ---- Three Featured Boxes ---- */

#kontent_wrapper .featured_boxes	{
				width:955px;
				position:relative;
				}


				
.featured_boxes .thumb {margin-bottom:20px;}

.featured		{
				width:310px;
				float:left;
				}

.box,
#sidebar .widget-container{
				margin-bottom:20px;
				padding:30px;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
				-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
				background:#fff;
				}

.clear			{
				clear:both;
				display:block;
				height:0 !important;
				overflow:hidden;
				}
				
.thumb			{margin-bottom:5px;}

.pic			{
				display:block;
				padding:4px;
				border:1px solid #D5D5D5;
				background:#fff;
				}
img:hover.pic	{
				background:#ebebeb;
				border:1px solid #999;
				}
				
				
#ana_div {
	width: 955px;
	height: 75px;
	margin-right: auto;
	margin-left: auto;
	
}

#sol {
background-color: #fff;
float: left;
text-align:left;
height: 50px;
width: 280px;
margin:0 15px 0px 0px

}

#orta {
background-color: #fff;
float: left;
text-align:left;
height: 50px;
width: 280px;
margin:0 15px 0px 13px
}

#sag {
background-color: #fff;
float: left;
text-align:left;
height: 50px;
width: 280px;
margin:0 0px 0px 20px
}

.content{
  width: 920px;
  margin: 0 auto;
}

.pageContent{
  margin: 20px auto  50px auto;
  overflow: hidden;
}
.pageSidebar{
  width: 240px;
  float: right;
}
.sidebarTab{
  margin-bottom: 20px;
}
.sidebarTitle{
  padding: 3px 0;
  color: #c51131;
  font:Bold 19px "oswald";
  border-bottom: 1px solid #ccc;
}
.supportList{
  padding: 5px;
}
.sIcon{
  width: 43px;
  height: 50px;
  display: block;
  float: left;
  margin-right: 10px;
}
.sHizmet{
  background: url("../images/hizmetler.png") no-repeat;
}

.sidebarProList ul li{
  height: 55px;
  display: block;
  padding: 2px 0;
  border-bottom: 1px dashed #ccc;
}
.sidebarProList ul li:last-child{
  border-bottom: none;
}
.sidebarProList ul li span{
  font:Bold 14px "oswald";
  color: #353535;
  display: inline-block;
  margin-top: 12px;
}
/**
*Page Right
*/
.pageLeft{
  float: left;
  width: 650px;
  min-height: 674px;
}
.pageTitle{
  margin: 0;
  color: #000;
  font:Bold 25px "oswald";
}
.pageText p{
  margin-top: 20px;
}

.shadowPage{
  padding: 20px;
  background: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: inset 0 0 50px rgba(232,228,217,0.8);
  -moz-box-shadow: inset 0 0 50px rgba(232,228,217,0.8);
  box-shadow: inset 0 0 50px rgba(232,228,217,0.8);
}

#soldiv{
float:left; 

width:340px;
height:190px;
}
#sagdiv{
float:left;
width:250px;
height:190px;
}

.imgborder{
	padding:5px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 3px #969696;
	-moz-box-shadow: 0px 0px 3px #969696;
	box-shadow: 0px 0px 3px #969696; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.imglist{ margin:5px; }

/***********************************FOOTER******************************/

/*FBG*/
.FBG {margin:0; padding:0; background: #323232; border-top: 10px solid #a7bace; bottom:0px; width:100%;
  height:100px; }
.FBG_resize a { color:#969595; font-weight:normal; font-size:11px; }
.FBG_resize { width:940px; margin:0 auto; padding:0;}
.FBG_resize ul { margin:0; padding:0; list-style:none;}
.FBG_resize li { padding:2px; margin:0; font: bold 11px Arial, Helvetica, sans-serif; color:#969595;}
.FBG_resize ul li a { display:inline-block; padding:0 0px; line-height:85%; 
  -webkit-transition: all 0.5s ease-out;  
     -moz-transition: all 0.5s ease-out;  
      -ms-transition: all 0.5s ease-out;  
       -o-transition: all 0.5s ease-out;  
          transition: all 0.5s ease-out;  
}
.FBG_resize ul li a:hover { color:#fff; } 
.FBG_resize img { float:left; margin:5px; padding:0;}
.FBG_resize p { text-align:left; font: normal 11px Arial, Helvetica, sans-serif;  color:#969595; text-decoration:none; padding:0px; margin:0 0px 7px 0px; line-height:1.8em;}
.FBG_resize h2 {text-align:left; font: normal 16px Oswald, Arial, Helvetica, sans-serif; color:#969595; padding:2px 0px; margin: 0 0px 7px 0px;}
.FBG_resize .left { text-align:left; width:220px;  float:left; margin:0; padding:5px;}
.FBG_resize .iletisim { width:206px; float:left; margin:0; padding:5px;}

/*************footer**********/
.footer {padding:0;  margin:0; border-top:1px solid #404040; background:#323232; }
.footer_resize { width:940px; margin:0 auto; padding:5px 10px;}
.footer_resize2 { width:980px; margin:0 auto; padding:4px 0px;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#5e5e5e; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#5e5e5e; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;}
.footer p.center { text-align:left; width:980px; margin:0; padding:0px 0 0 0; float:left;}

.clr { clear:both; padding:0; margin:0; background:none;}