﻿/*RESET CSS -----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* */
.clear{clear:both;} .right{float: right;} .left{float: left;} .t_center {text-align:center;} .t_left {text-align:left;}
.mt_5{margin-top:5px;} .mt_10 {margin-top:10px;} .mt_15 {margin-top:15px;}
.mb_5 {margin-bottom:5px;} .mb_10 {margin-bottom:10px;} .mb_15 {margin-bottom:15px;}
.mr_5 {margin-right:5px;} .mr_10 {margin-right:10px;} .mr_15 {margin-right:15px;}
.ml_5 {margin-left:5px;} .ml_10 {margin-left:10px;} .ml_15 {margin-left:15px;}
.pl_5 {padding-left:5px;} .pl_10 {padding-left:10px;}
.w_220{width:220px;} .w_607{width:607px;} .w_297{width:297px;} .w_100{width:100px;}
.red {color:red;}
			p.newsNavi{position:absolute;text-align:right;height:25px;margin:0}
			p.newsNavi a.leftArrow{background:url(../images/greyArrowLeft.png) right center no-repeat;padding-right:17px;margin-right:2px}
			p.newsNavi a.rightArrow{background:url(../images/greyArrowRight.png) left center no-repeat;padding-left:17px;}
			img.borderRed3{border:3px solid #E69EA1}

body {font:12px Arial, Helvetica, sans-serif;color:#fff}

a { text-decoration:none;}
a:link, a:visited { color:#fff;}
a:hover {text-decoration:underline;}


.wrapper {width:980px;margin:auto;background:url(../images/content_back.png) no-repeat left top;min-height:850px;}
/* ust kısım */
.header {background:url(../images/header_back.png) no-repeat;height:98px;width:980px;}
	.h_flash {bottom:0;right:134px;height:29px;width:711px;}
	.kontrolmatik_logo {width:244px;height:62px;left:106px;top:10px;}
	/*arama*/
	.search_box {width:210px;right:160px;bottom:55px;overflow:hidden;}
		.search_box .search_text {width:145px;border:1px solid #ccc;height:17px;margin:2px 5px 0 0;color:#ccc;padding-left:5px}
			
/*position:absolute*/
.search_box, .h_flash, .kontrolmatik_logo, .title_projelerimiz, .p_ico2, .title_biz, .title_bizden_haberler {position:absolute;}
/*position:relative*/
.projelerimiz, .header, .biz_bizden {position:relative;}

/*flash alanı*/
.main_flash {width:980px;height:336px;}
/* flashtan sonraki içerik alanı */
.content {padding:0 81px 0 72px;overflow:hidden;}
	/* projelerimiz */
	.projelerimiz {background:url(../images/projelerimiz_back.png);height:200px;width:190px;padding:30px 10px 0 10px;text-align:center;}
		.projelerimiz ul {margin-top:10px;}
		.projelerimiz li {background:url(../images/projelerimiz_ico.gif) no-repeat left top;padding-left:10px;margin-bottom:15px;text-align:left;}
		.title_projelerimiz {height:33px;width:120px;top:-10px;right:0;}
		.p_ico2 {bottom:10px;left:50%;margin-left:-8px;}
	.projelerimiz, .biz_bizden {margin-top:25px;}
	/* biz_bizden */
	.biz_bizden {height:228px;width:608px;background:url(../images/biz_bizden.png);margin-left:9px;}
		.title_biz {height:32px;width:50px;left:187px;top:-10px;}
		.title_bizden_haberler {height:32px;width:145px;right:-1px;top:-10px;}
		.biz_bizden,.title_biz.title_bizden_haberler .projelerimiz{font-size:11px;}
		/**/
		.biz {width:190px;margin:20px 45px 0 20px;color:#444;}
		.bizden {width:335px;margin:20px 0 0 0px;color:#444;}
			.biz p, .bizden p {margin:8px 0px;}
			.bizden .h_img {margin-left:5px;margin-top:5px}
	/*footer*/
	.footer {background:url(../images/footer_back.png);height:47px;width:824px;margin:20px 0 20px 72px;text-align:center;padding-top:15px;color:#000;position:relative;}
		.f_link a{color:#000;padding:0 2px;font-weight:bold;}
			
/*iç sayfa*/
	/*sol menu*/
	.left_nav {width:211px;}
	.left_nav ul {background:url(../images/hizmetlerimiz_middle.png) repeat-y;padding:5px 15px;min-height:125px;height:auto !important;height:125px;}
		.left_nav ul li {background:url(../images/projelerimiz_ico.gif) no-repeat left;padding-left:10px;}
		.left_nav ul li.selected {background:#fff;padding-left:5px;}
		.left_nav ul li.selected a {color:#000;background:#fff url(../images/li_selected.gif) no-repeat left;padding-left:10px;}
			.left_nav ul li a{background:url(../images/hizmetlerimiz_ara_cizgi.png) repeat-x bottom;display:block;padding:3px 0px;color:#d4d4d4;}
	.left_nav_bottom {background:url(../images/hizmetlerimiz_bottom.png);height:8px;width:211px;}
	.left_nav{font-size:11px;}
	/*iç sayfadaki bizden haberler*/
	.bizden_haberler {width:211px;}
		.bizden_haberler ul {background:url(../images/bizden_haberler_middle.png) repeat-y;padding:5px 15px;}
		.bizden_haberler ul li {background:url(../images/bizden_haberler_ara_cizgi.png) no-repeat left bottom;padding:5px 5px 15px 0;}
		.bizden_haberler ul li a, .bizden_haberler ul li a:visited {color:#545454;}
		.bizden_haberler_bottom {background:url(../images/bizden_haberler_bottom.png) no-repeat left bottom;height:9px;width:211px;}
			/*ortak class*/
			.left_nav ul li a:hover, .bizden_haberler ul li a:hover {text-decoration:none;color:#ed1c24;}
			
		/*hizmetler*/
		.hizmetler_t {width:100%;margin-top:8px;}
		.hizmetler_t td{padding-bottom:3px;}
		
		/* iç sayfalarda içeriklerin geleceği alan */
		.content_in_top, .content_in_bottom {width:607px;height:10px;}
		.content_in_top {background:url(../images/content_in_top.png);margin-top:15px;}
		.content_in_middle {background:url(../images/content_in_middle.png) repeat-y;width:597px;padding:40px 5px 10px 5px;position:relative;color:#333;line-height:16px;}
			.content_in_middle p {padding-bottom:5px;}
			.content_in_middle a:link, .content_in_middle a:visited {color:#e50d16;}
		.content_in_bottom {background:url(../images/content_in_bottom.png);}
			.ul_square {margin:0 0 10px 20px;}
			.ul_alpha {margin:0 0 10px 0;}
				.ul_square li{list-style-type:square;}
				.ul_alpha li{list-style-type:lower-alpha;background:url(../images/ul_alpha_ico.png) no-repeat left top;list-style-position:inside;padding-left:4px;margin-bottom:5px;color:#fff;}
				.c_333 {color:#333;}
			.content_in_middle .main_title {position:absolute;top:0;left:0px;margin-top:-10px}
			
			p.newsNavi{position:absolute;right:20px;top:5px;margin:0}
			p.newsNavi span{display:block;float:left;}
			p.newsNavi span.leftArrow{background:url(../images/greyArrowLeft.png) right center no-repeat;padding-right:17px;margin-right:2px}
			p.newsNavi span.rightArrow{background:url(../images/greyArrowRight.png) left center no-repeat;padding-left:17px;}
			
			img.borderRed3{border:3px solid #E69EA1}
			
			.i_foto {width:310px;}
			.i_foto td{padding-bottom:10px;}
			.i_foto .h_img {height:102px;width:145px;position:relative;display:block;}
			.i_foto .h_img_on {height:102px;width:145px;position:absolute;top:0;left:0;background:url(../images/ic_s_img_on.png) no-repeat}
			
			.h_bilgi_formu {background:url(../images/h_bilgi_formu.gif) no-repeat;width:209px;padding:40px 15px 0 15px;overflow:hidden;}
			.h_bilgi_formu .itext{width:209px;margin-bottom:5px;border:1px solid #a7a7a7;padding:3px 0;font:11px Arial, Helvetica, sans-serif;}
			
	/*çözüm ortakları sayfası*/
	.c_ortak {width:95%;margin:auto;}
	.c_ortak td{padding:10px 0px;border-bottom:1px dotted #9a9a9a;}
	.c_ortak td img{vertical-align:middle;}
	.c_ortak td p{padding-left:158px}
	.c_ortak td h3{color:#e50d16;}
		.c_ortak .td_right{text-align:right;}
		.c_ortak .td_right img{margin-left:10px;}
		.c_ortak .td_right p{padding-left:0;padding-right:158px}
		.c_ortak .td_left{text-align:left;}
		.c_ortak .td_left img{margin-right:10px;}
		
		/*kurumsal sayfa*/
		.kurumsal {padding:0 10px;}
		.kurumsal p{padding-bottom:15px;text-align:justify;}
		.kurumsal{font-size:11px;}
		/*fotogaleri*/
		.foto_galeri {width:597px;height:447px;}
		
		/*ref*/
		.ref_table {width:95%;margin:auto;}
		.ref_table td {border-bottom:1px dotted #b9b9b9;}
		.ref_table td a {font-weight:bold;}
		.ref_table .td1 {padding:10px 15px 10px 0;border-right:1px dotted #b9b9b9;}
		.ref_table .td2 {padding:10px 0 10px 15px;}
		.ref_img {width:94px;height:76px;position:relative;display:block;float:left;margin-right:10px;}
		.ref_img_on {width:94px;height:76px;position:absolute;background:url(../images/referanslar_small_on.png);top:0;left:0;}
		img.urunImg{margin:10px 4px}
		
		/*urunler*/
		.urunler {overflow:hidden;width:604px}
			.urunler a {font-weight:bold;}
		.urun_listele {background:#eaeaea url(../images/urunler_listele_back.gif) no-repeat left top;width:272px;padding:0px 10px 10px 10px;margin-bottom:15px;margin-right:10px;float:left}
			.urun_listele li a:link, .urun_listele li a:visited {color:#343434;font-weight:normal;}
		.urun_img {width:272px;height:86px;display:block;position:relative;margin-right:10px;}
		.urun_img_on {width:272px;height:86px;background:url(../images/urunler_listele_img_on_big.png);position:absolute;top:0;left:0;}
		
		/* urunler alt */
		.urun_listele_alt td a:link, .urun_listele_alt td a:visited {color:#343434;font-weight:normal;}
		.urun_listele_alt td, .urun_listele_alt thead th {padding:5px 3px;}
		.urun_listele_alt td {border-left:1px dotted #363636;}
		
			.urun_listele_alt .u_img, .urun_listele_alt .alt .u_img, .ref_table .u_img {width:86px;height:56px;position:relative;display:block;margin-left:5px;}
			.urun_listele_alt .u_img_on, .urun_listele_alt .alt .u_img_on, .ref_table .u_img_on {width:86px;height:56px;position:absolute;top:0;left:0;}
			.urun_listele_alt .u_img_on, .ref_table .u_img_on {background:url(../images/urunler_listele_alt_beyaz.png) no-repeat;}
			.urun_listele_alt .alt .u_img_on, .ref_table .alt .u_img_on {background:url(../images/urunler_listele_alt_gri.png) no-repeat;}
		
		.urun_listele_alt .over {background:#ccc;}
			.urun_listele_alt .alt {background:#f2f2f2;}
		.urun_listele_alt thead {background:url(../images/urunler_listele_alt_thead_back.gif) repeat-x top;height:25px;color:#e50d16;font-weight:bold;}
		.urun_listele_alt thead th {background:url(../images/urunler_listele_alt_thead_line.gif) no-repeat left top;}

		/*ürün detay sayfası*/
		.urun_detay_gri {background:#eaeaea url(../images/urun_detay_back.gif) no-repeat top;padding:0 30px 10px 30px;width:537px;overflow:hidden;}
		.i_detay_gri {background:#eaeaea url(../images/urun_detay_back.gif) no-repeat top;padding:0 30px 10px 10px;width:557px;overflow:hidden;}
			.u_detay_i {width:156px;height:126px;display:block;float:left;position:relative;margin-right:15px;}
			.u_detay_i_on {width:156px;height:126px;background:url(../images/urun_detay_img_on.png);position:absolute;top:0;left:0;}
			
			.urun_detay_form {padding:20px 50px;}
			.iletisim_form {padding:10px 40px 10px 40px;overflow:hidden;}
			.urun_detay_form table .tinput, .urun_detay_form table .tarea, .iletisim_form table .tinput, .iletisim_form table .tarea{width:236px;padding:3px 0px;border:1px solid #a7a7a7;margin-bottom:10px;font:11px Arial, Helvetica, sans-serif;color:#999;height:15px;}
			.urun_detay_form table .tarea, .iletisim_form table .tarea{margin-left:10px;height:80px;width:270px;}
			
			/* ürünler sol menüsü */
			.left_nav_urunler {background:url(../images/hizmetlerimiz_middle.png) repeat-y;width:176px;padding:5px 20px 5px 15px;min-height:125px;height:auto !important;height:125px;}
			.left_nav_urunler a{display:block;}
			.left_nav_urunler li{padding:3px 0px;}
			.left_nav_urunler li li{background:url(../images/hizmetlerimiz_ara_cizgi.png) repeat-x bottom;}
			.left_nav_urunler li ul{margin:5px 0 0 5px;display:none}
				.left_nav_urunler li ul.currentList{display:block}
				.left_nav_urunler li a{background:#343434 url(../images/projelerimiz_ico.png) no-repeat left;padding:2px 2px 2px 15px;}
					.left_nav_urunler li li a{background:url(../images/left_nav_urunler_li_li.png) no-repeat left top;}
					.left_nav_urunler li li a.active{background:#adadad url(../images/left_nav_urunler_li_li_active.png) no-repeat left top;color:#000;font-weight:bold;}
						.left_nav_urunler li li li a{background:url(../images/left_nav_urunler_li_li_li.png) no-repeat left top;}
						.left_nav_urunler li li li.selected a{background:#fff url(../images/left_nav_urunler_li_li_li_selected.png) no-repeat left top;color:#000;display:block;}
						
			/**/
			.ekipmanlar {width:100%;}
			.ekipmanlar td {background:url(../images/test_ve_olcu_aletleri_ara.gif) no-repeat left top;width:50%;padding:10px 10px 0 20px;}
			
			/*hizmetler*/
			.hizmetler {padding:0 10px;}
			
						/*referansDetay*/
			.referansDetay{padding:0 10px}
			.referansDetay h3{font-size:12px;}
			
			.referansDetay{font-size:12px;line-height:15px;color:#545454}
			
			#slideShow{
				width:560px;
			}
			
			
			/* SlideShow */
			
				#slideControl{
					float:left;
					width:107px;
					height:343px;
				}
			/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 

.scrollable {
	position:relative;
	overflow:hidden;
	width:107px;
	height:313px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	margin:0 0 5px 0;
	background:url(../images/thumbnailBackground.png) no-repeat;
	cursor:pointer;
	padding:3px 5px 4px 5px;
	width:86px;
	height:68px;
}

/* active item */
.scrollable .active {
	border:0px solid #000;
	background:url(../images/thumbnailBackground-current.png) no-repeat;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/greyTop.png) no-repeat;
	display:block;
	width:15px;
	height:15px;
	float:left;
	margin:3px 29px 3px 40px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right {background:url(../images/greyBottom.png) no-repeat;}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* styling for the image wrapper  */ 
#image_wrap { 
   width:447px;
	height:337px;
	border:3px solid #e69ea1;
	float:left;
}

ul.teknolojik-altyapimiz{margin-bottom:15px}
ul.teknolojik-altyapimiz li{list-style:disc inside}
ul.teknolojik-altyapimiz li.title{font-weight:bold;font-size:12px;line-height:14px;list-style:none;padding:0;margin-bottom:4px}

a.PDF{background:url(../images/pdf.png) left center no-repeat;padding-left:20px;height:16px;line-height:16px}

.kolon192{width:192px;}



/* iç sayfalarda içeriklerin geleceği alan */
		.content_in_top1, .content_in_bottom1 {width:825px;height:10px;}
		.content_in_top1 {background:url(../images/content_in_top1.png);margin-top:15px;}
		.content_in_middle1 {background:url(../images/content_in_middle1.png) repeat-y;width:825px;padding:40px 5px 10px 5px;position:relative;color:#333;line-height:16px;}
			.content_in_middle1 p {padding-bottom:5px;}
			.content_in_middle1 a:link, .content_in_middle a:visited {color:#e50d16;}
		.content_in_bottom1 {background:url(../images/content_in_bottom1.png);}
			.ul_square1 {margin:0 0 10px 20px;}
			.ul_alpha1 {margin:0 0 10px 0;}
				.ul_square1 li{list-style-type:square;}
				.ul_alpha1 li{list-style-type:lower-alpha;background:url(../images/ul_alpha_ico.png) no-repeat left top;list-style-position:inside;padding-left:4px;margin-bottom:5px;color:#fff;}
				.c_3331 {color:#333;}
			.content_in_middle1 .main_title1 {position:absolute;top:0;left:0px;margin-top:-10px}
			.content1 {padding:0 81px 0 72px;overflow:hidden;}		
			