/*----------------------------------------------------------------Style.css-----*/
body {
background-color:#fff;
color:#404040;
}

a {
color:#404040;
text-decoration:none;
}

#nav span {
color:#DDD;
}

#tray {
background-color:#BFBFBF;
}

#tray li#tray-active a {
background-color:#e50;
color:#FFF;
}

#tray li a:hover {
background-color:#9F9F9F;
color:#FFF;
}

#cols3 .col h3 {
background-color:#FBEDDB;
color:#e50;
}

#cols3 .col-more {
background:#F5F5F5;
}

p.breadcrumbs {
font-size:11px;
}

a:hover,#cols3 .col h3 a:hover,#cols2 #col-left a:hover.article {
color:#000;
}

#nav #nav-active,#cols3 .col h3 a,#cols2 #col-left .title h4,#cols2 #col-right h4 {
color:#e50;
}

#tray li a,#search #search-input input {
color:#fff;
}

#search #search-input,#cols2 #col-left .title h4,#cols2 #col-left .title span {
background-color:#FFF;
}

#footer,#footer a,#footer a:hover {
color:#9f9f9f;
}

#col-top,#col-bottom,#col,#cols2 #col-right,#cols2 #col-right h4 span {
background-color:#E6F8FE;
}

#cols2 #col-left .article,.high {
color:#0891c1;
}
/*----------------------------------------------------------------main.css-----*/
body {
background:url(../design/bg.png) 0 0 repeat-x;
font:.8em/1.5 arial, sans-serif;
}

h1,h2,h3,h4,h5,h6,p,address,blockquote,table,dl,fieldset {
margin:15px 0;
}

ul.ul-01 li {
background:url(../design/ul-01.gif) 0 50% no-repeat;
font-size:85%;
padding:2px 0 2px 25px;
}

ul.ul-list li {
padding:1px 0;
}

#main {
width:960px;
overflow:hidden;
margin:0 auto;
}

#header {
position:relative;
height:130px;
background:url(../design/bayrak.gif) no-repeat;
background-position: 280px 0;
}
#nav {
position:absolute;
top:100px;
right:20px;
margin:0;
}

#nav span {
margin:0 8px;
}

#nav #nav-active {
font-weight:700;
text-decoration:none;
}

#tray {
position:relative;
width:960px;
height:45px;
background:url(../design/menu_bg.png) 0 0 no-repeat;
overflow:hidden;
font:bold 90%/1 tahoma,sans-serif;
}

#tray ul {
list-style:none;
margin:0 20px;
}

#tray li {
display:inline;
}

#tray li a {
display:block;
float:left;
background:url(../design/tray-separator.gif) 100% 0 no-repeat;
text-decoration:none;
padding:17px 20px 17px 18px;
}

#tray li a:hover {
background:url(../design/tray-hover.gif);
}

#tray li#tray-active a {
background:url(../design/tray-active.gif);
}

#lang_button { 	position: absolute;
	left: 0;
	top: 0;
	margin: 24px 0 0 887px;
	padding: 0;
	list-style: none; }
#lang_button a.lang_button { display: inline-block; background: url(../images/gb.gif) no-repeat top left; padding: 0 0 0 20px; text-align: left; font: bold 11px Tahoma, Geneva, sans-serif; float: left;}
				

#search {
position:absolute;
top:8px;
right:20px;
}

#search div {
position:relative;
width:185px;
}

#search #search-input {
position:absolute;
top:0;
left:0;
width:150px;
height:30px;
background:url(../design/search-input.gif) 0 0 no-repeat;
overflow:hidden;
}

#search #search-input input {
width:136px;
border:0;
font:100%/1 arial,sans-serif;
margin:8px;
}

#search #search-submit {
position:absolute;
top:0;
right:0;
width:30px;
}

#ribbon {
position:absolute;
top:-5px;
left:0;
width:100px;
height:100px;
background:url(../design/ribbon.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
overflow:hidden;
z-index:10;
}

#col-browser {
position:relative;
float:left;
width:280px;
height:215px;
background:url(../design/browser.gif) 0 0 no-repeat;
}

#col-browser img {
position:absolute;
top:28px;
left:10px;
}

#col-text {
float:right;
width:600px;
padding-top:15px;
line-height:1.7;
}

#col-text2 {
float:left;
width:340px;
margin-left:40px;
text-align:justify;
}

#UniversalComponent {
height:310px;
width:500px;
background-color:#09F;
float:left;
}

#slogan {
position:relative;
width:350px;
height:33px;
overflow:hidden;
font-size:180%;
margin:0;
padding:0;
}

#slogan span {
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
background:url(../tmp/slogan1.gif) 0 0 no-repeat;
margin:0;
padding:0;
}

#btns {
margin-top:25px;
margin-bottom:0;
}

#cols2-top {
width:960px;
height:5px;
margin-top:15px;
background:url(../design/cols2-top.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
overflow:hidden;
}

#cols2-bottom {
width:960px;
height:5px;
margin-bottom:15px;
background:url(../design/cols2-bottom.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
overflow:hidden;
}

#cols2 {
background:url(../design/cols2.gif) 0 0 repeat-y;
}

#cols2 #col-left {
float:left;
width:595px;
padding:10px;
}

#cols2 #col-right {
float:right;
width:268px;
margin-right:1px;
padding:20px;
}

#cols2 #col-left h4,#cols2 #col-right h4 {
font-size:100%;
margin:0;
}

#cols2 #col-left .title {
background:url(../design/dot.gif) 0 50% repeat-x;
}

#cols2 #col-left .title h4 {
display:inline;
padding-right:10px;
}

#cols2 #col-left .title span {
padding-left:10px;
}

#cols2 .box {
margin-top:15px;
}

#cols2 #col-right h4 {
background:url(../design/dot-02.gif) 0 50% repeat-x;
}

#cols2 .col-right-img {
float:left;
width:65px;
}

#cols2 .col-right-text {
float:right;
width:190px;
}

#cols3-top {
width:960px;
height:5px;
margin-top:5px;
background:url(../design/cols3-top.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
overflow:hidden;
font:bold 90%/1 tahoma,sans-serif;
}

#cols3-bottom {
width:960px;
height:5px;
margin-bottom:15px;
background:url(../design/cols3-bottom.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
overflow:hidden;
}

#cols3 {
background:url(../design/cols3.gif) 0 0 repeat-y;
}

.col {
float:left;
width:308px;
margin-right:15px;
padding:0 1px;
}

.col.last {
margin-right:0;
}

.col h3 {
background:url(../design/cols3-title.gif) 20px 40% no-repeat;
font-size:100%;
margin:0;
padding:7px 15px 12px 50px;
}

.col-text {
border-top:1px solid #DFDFDF;
padding:20px;
}

.col-text ul {
margin-bottom:0;
}

.col-more {
text-align:right;
padding:10px 10px 1px 0;
}

.ico-comment {
padding-left:18px;
background:url(../design/ico-comment.gif) 0 50% no-repeat;
}

.ico-rss {
padding-left:18px;
background:url(../design/ico-rss.gif) 0 50% no-repeat;
}

.smaller {
font-size:85%;
}

#col-referans {
position:relative;
margin-left:0;
text-align:left;
}

.col-referans h2 {
margin-left:0;
text-align:left;
font-size:14px;
}

#slider {
background:#FFF url(../images/slider-bg.jpg);
height:227px;
overflow:hidden;
position:relative;
margin:10px 0;
}

#mover {
width:690px;
position:absolute;
}

.slide {
width:690px;
float:left;
position:relative;
padding:5px 10px;
}

.slide h1 {
position:absolute;
left:320px;
font-family:Arial, Sans-Serif;
font-size:25px;
letter-spacing:-1px;
color:#30406c;
}

.slide p {
position:absolute;
left:320px;
top:50px;
color:#999;
font-size:12px;
line-height:22px;
width:390px;
}

.slide img {
position:absolute;
top:20px;
left:20px;
}

#slider-stopper {
position:absolute;
top:1px;
right:20px;
background:#30406c;
color:#FFF;
font-size:10px;
text-transform:uppercase;
z-index:1000;
padding:3px 8px;
}

#footer {
width:100%;
height:250px;
background:url(../design/bg.gif) 0 0 repeat-x;
position:relative;
float:left;
display:block;
margin-top:30px;
}

.footermenu {
position:relative;
margin-left:auto;
margin-right:auto;
width:960px;
height:200px;
}

.footermenu ul {
height:135px;
position:relative;
float:left;
width:auto;
margin:60px 0 0 40px;
}

.footermenu ul li {
font-size:10px;
}

.footermenu ul li a:hover {
text-decoration:underline;
}

.footermenu ul li.ftitle {
font-weight:700;
width:auto;
font-size:12px;
padding:0 0 5px;
}

.keywords {
color:gray;
width:100%;
height:170px;
position:relative;
float:left;
display:block;
font-size:70%;
font-weight:400;
text-align:justify;
padding:10px 0;
}

.keywords b,.keywords strong,.keywords a {
color:gray;
font-weight:400;
text-decoration:none;
}

ul.ul-01,ul.ul-list {
list-style:none;
margin:15px 0;
}

ul.ul-list span.date,#cols2 #col-right h4 span {
padding-right:10px;
}

#cols2 .col-right-text p,.col-text p {
margin:0;
}
#logo {
margin:0;
padding:15px 20px 15px;
}
#col-top,.col-top {
width:960px;
height:5px;
margin-top:15px;
background:url(../design/col-top.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
overflow:hidden;
}

#col-bottom,.col-bottom {
width:960px;
height:5px;
margin-bottom:15px;
background:url(../design/col-bottom.gif) 0 0 no-repeat;
font-size:0;
line-height:0;
overflow:hidden;
}

#col,#col-ref {
position:relative;
background:url(../design/col.gif) 0 0 repeat-y;
padding:15px 30px 15px 20px;
}

/* -----------------------Urunler Reset-----------------*/
/* Menu  */
div.foxi {
  float: left;
  }
  
div.foxi p {
   text-align: center;
   }

/* Link opmaak */
a {
	color: #37529b;
	text-decoration: none;
}
a:hover {
	color: #ff9500;
	text-decoration: none;
}
/* /Link opmaak */

/* Clear */
.clear {
	width: 1px;
	height: 1px;
	clear: both;
}
/* /Clear */
.rood { color: #FF0000; }
/* Rood */
/* /Rood */

/* Images */
img {border: 0;}
/* /Images  */

/* Alinea */
p {
	margin: 0;
	padding: 3px 0;
	line-height: 18px;
}
form p {padding: 0;}
/* /Alinea  */

/* Header  */
ul#top {
	float: right;
	height: 16px;
	background: #36519A url("../images/top-left.png") top left no-repeat;
	margin: 0 0 74px 0;
	padding: 0 0 0 5px;
	list-style: none;
}
ul#top li {
	float: left;
	height: 17px;
	color: #fff;
	font: 11px "Arial", Sans-serif;
}
ul#top li.last {
	float: left;
	height: 16px;
	width: 5px;
	background: url("../images/top-right.png") top right no-repeat;
}
ul#top li a {
	color: #fff;
	padding: 0 3px;
}
div#blok {
	position: relative;
	margin: 8px -4px 0px -3px;
	padding: 0;
	clear: both;
}
ul#nav {
	position: absolute;
	left: 0;
	top: 0;
	margin: 164px 0 0 826px;
	padding: 0;
	list-style: none;
}
ul#nav li {
	display: inline;
	float: left;
	margin: 0 3px;
}
ul#nav li a {
	float: left;
	width: 17px;
	height: 17px;
	color: #fff;
	background: url("../images/slide.png") no-repeat;
	font: 10px/17px "Arial", Sans-serif;
	text-align: center;
	outline: 0;
}
ul#nav li a:hover {
	background: url("../images/slide-hover.png") no-repeat;
	text-decoration: none;
}
a#trafego {
	position: absolute;
	top: 0;
	left: 0;
	width: 430px;
	height: 90px;
	margin-left: 34px;
	text-indent: -999em;
	outline: 0;
}
/* /Header */
ul#menu {
	height: 48px;
	background: url("../images/menu_bg.png") no-repeat;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	clear: both;
}
ul#menu li {
	float: left;
	height: 48px;
	background: url("../images/li_bg.png") right top no-repeat;
	padding: 0 2px 0 0;
}
ul#menu li a {
	float: left;
	height: 48px;
	color: #fff;
	padding: 0 10px 0 11px;
	font: bold 13px/48px "Lucida Grande", "Arial", Sans-serif;
	outline: none;
}
ul#menu li a:hover, ul#menu li a.active {
	background: url("../images/hover_bg.png") repeat-x;
	text-decoration: none;
}
/* Left */
div#left {
	float: left;
	width: 235px;
	margin: 0 17px 0 0;
}
div#sidemenu {
	list-style: none;
	position:relative; 
	float:left; 
	margin:2px 0 0 0; 
	padding:0; 
	width:230px; 
	height:auto;
}
div#sidemenu .head {
	height: 7px;
	background: url("../images/left_head.png") no-repeat;
	margin: 0 0 0 -4px;
	font-size: 1px; /* IE Fix */
	line-height: 0%; /* IE Fix */
	overflow: hidden; /* IE Fix */

}
div#sidemenu strong {
	display: block;
	color: #37529b;
	background: url("../images/strong_bg.png") no-repeat;
	margin: 0 6px 0 0;
	padding: 0 0 6px 0;
	font: bold 15px/25px "Arial", Sans-serif;
	text-indent: 12px;
	border-bottom: 1px solid #E4E4E4;
}
div#sidemenu ul {
	background: url("../images/left_foot.png") bottom left no-repeat;
	margin: 0 0 0 -4px;
	padding: 0 6px 13px 4px;
	list-style: none;
}
div#sidemenu ul li {
	height: 30px;
	line-height: 29px;
	border-bottom: 1px solid #fff;

			 		 
}
div#sidemenu ul li.sub {
	height: 23px;
	line-height: 23px;
}

div#sidemenu ul li a.sbtt {
	height: 22px;
	line-height: 22px;	
}
div#sidemenu ul li a.activesbtt {
background: url("../images/nav/ul_atitle.png") no-repeat; color:#FFF;
line-height: 23px;
	height: 23px;
}

div#sidemenu ul li a {
	display: block;
	height: 29px;
	color: #8c8c8c;
	padding: 0 0 0 13px;
	font: bold 12px/25px "Arial", Sans-serif;
	line-height: 29px;
	border-top: 1px solid #fff;
	outline: none;
}
div#sidemenu ul li a.zactive {
	height: 30px;
	color: #ffffff;
	background:url("../images/nav/sub_left_accordion.png") no-repeat 0 0;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	border-top: 0;	
}

div#sidemenu ul li a:hover, div#sidemenu ul li a.xactive {
	height: 30px;
	color: #37529b;
	background: #f7f7f7;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	border-top: 0;	
}
div#sidemenu ul li a.active {
	height: 30px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	background:url("../images/nav/sub_left_accordion.png") 0 -30px no-repeat;
	border-top: 0;

}


div#sidemenu ul li a.sbtt:hover{
background: url("../images/nav/ul_title.png") no-repeat; color:#FFF;
line-height: 23px;
	height: 23px;
}
div#sidemenu ul li a.activesbtt:hover{
background: url("../images/nav/ul_atitle.png") no-repeat; color:#FFF;
line-height: 23px;
	height: 23px;
}

div#sidemenu ul li a:hover{
	height: 30px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	background:url("../images/nav/sub_quick.png") 0 -30px no-repeat;
	border-top: 0;
}



/* Content */
div#makineler-pompalar {
	float: left;
	width: 690px;
	margin: 0 0 0px 0;
	padding: 0 0 0 0px;

}
div#makineler-pompalar h5 {
	display: block;
	color: #f26500;
	margin: 2px 0 0 0;
	font: bold 13px "Arial", Sans-serif;

}

div#content {
	float: left;
	width: 640px;
	margin: 0 0 22px 0;
	padding: 0 0 0 18px;
	text-align: justify;
}
div#content h1 {
	color: #37529b;
	margin: 12px 0 4px 0;
	padding: 0;
	font: bold 15px "Arial", Sans-serif;
}
div#content h2 {
	display: block;
	color: #37529b;
	font: bold 15px "Arial", Sans-serif;
	
}
div#content h2.orange {
	display: block;
	color: #f26500;
	margin: 2px 0 0 0;
	font: bold 14px "Arial", Sans-serif;
}
div#content h5 {
	display: block;
	color: #f26500;
	margin: 2px 0 0 0;
	font: bold 13px "Arial", Sans-serif;

}
div#content h3 {
	color: #37529b;
	margin: 12px 0 4px 0;
	padding: 0 0 3px 0;
	font: bold 14px "Arial", Sans-serif;
	border-bottom: 2px solid #F2F2F2;
}
div#content h4 {
	color: #37529b;
	margin: 0px 0 0 0;
	font: bold 12px "Arial", Sans-serif;
	
}
p.light {font-size: 11px; color: #a09e9e; line-height: 9px;}
.resim-bosluk {
	width: 170px;
}
.basin-resim-bosluk {
	width: 110px;
}
.underline {
	border-bottom:#cfcece dotted 2px; 
	margin:0; padding:0;
}

	.sub_layout {position:relative; float:left; width:957px; height:auto; margin:0 0 10px 0;}
	.content_sub {background:url("../images/nav/content_main_bg.j") no-repeat 1px 0;}
	.sub_main_column {position:relative; float:left;  height:auto; margin:0 0 0 0; padding:10px 0 0 10px;}
    .sub_left_column {position:relative; float:left; width:231px; height:100%; margin:0 0 0 0px; padding:0 0 0 0px;}
	.sub_quickmenu_title {position:relative; float:left; width:225px; height:80px; background:url("../images/nav/quick_menu.gif") no-repeat; margin:10px 0 0 0}
	.sub_quickmenu_title p.sq_title{position:absolute; height:60px; width:200px; top:30px; left:18px}





		 ul.sub_quickmenu {position:relative; float:left; margin:2px 0 0 0px; padding:0; width:225px; height:auto;}
		 
	
			ul.sub_quickmenu li{width:224px; position:relative; margin:1px 0 0 0; cursor:pointer; height:auto;}
		 ul.sub_quickmenu li .mainnav{width:216px; height:24px; display:block; background:url("../images/nav/sub_quick.png") no-repeat 0 0; font-size:14px; color:#ffffff; padding:6px 0 0 8px;}
		 ul.sub_quickmenu li .mainnav a {color:#ffffff}
		 ul.sub_quickmenu li .mainnav.selected{background:url("../images/nav/sub_quick.png") 0 -30px no-repeat;}
		 ul.sub_quickmenu li .mainnav:hover{background:url("../images/nav/sub_quick.png") 0 -30px no-repeat;}
			ul.sub_accordionmenu li{width:224px; position:relative; margin:1px 0 0 0; cursor:pointer; height:auto;}
			/* Mainnav bölümündeki önceki değerleri font bold değildi ve fontsize 14 olacak	 */
		 ul.sub_accordionmenu li .mainnav{width:216px; height:24px; display:block; background:url("../images/nav/sub_left_accordion.png") no-repeat 0 0; font-size:12px; font-weight:bold; color:#ffffff; padding:6px 0 0 8px;}
		 ul.sub_accordionmenu li .mainnav a {line-height: 20px; display:block; color:#FFFFFF }
		 ul.sub_accordionmenu li .mainnav.selected{background:url("../images/nav/sub_left_accordion.png") 0 -30px no-repeat;}
		 ul.sub_accordionmenu li .mainnav:hover{background:url("../images/nav/sub_quick.png") 0 -30px no-repeat;}
		
 ul.sub_accordionmenu{position:relative; float:left; margin:2px 0 0 0; padding:0; width:225px; height:auto;}
		 ul.sub_accordionmenu li{width:224px; position:relative; margin:1px 0 0 0; cursor:pointer; height:auto;}
		 ul.sub_accordionmenu li ul.sub{position:relative; width:225px; height:auto;}
		 ul.sub_accordionmenu li ul.sub li{position:relative; width:224px; height:auto;}
		 ul.sub_accordionmenu li ul.sub li a{width:224px; height:22px; background:none; display:block; color:#999999; font-size:12px; font-weight:bold; color:#FFFFFF;padding:0px;}
		 ul.sub_accordionmenu li ul.sub li a:hover{background: url("../images/nav/ul_title.png") no-repeat; color:#FFF;}
		 ul.sub_accordionmenu li ul.sub li a:hover p.sbtt{background: url("../images/nav/ul_title.png") -20px 0 no-repeat; color:#FFF;}
		 ul.sub_accordionmenu li ul.sub li p {margin:0px 0 0 20px; padding:3.5px 0 0 0;}
		 ul.sub_accordionmenu li ul.sub li p.sbtt {color:#999999;}
		 ul.sub_accordionmenu li ul.sub li ul.li_sub {position:relative; width:225px; height:auto; background:url("../images/bg/ul_bg.png"); padding:5px 0 5px 0px}
		 ul.sub_accordionmenu li ul.sub li ul.li_sub li {width:208px; height:18px; margin-left:7px}
		 ul.sub_accordionmenu li ul.sub li ul.li_sub li a{width:208px; height:18px; display:block; background:url("../images/nav/ul_button.png") no-repeat; font-size:11px; color:#a3a3a3;padding:0px;}
		 ul.sub_accordionmenu li ul.sub li ul.li_sub li a:hover{background-position:0 -18px; color:#fff}
		 ul.sub_accordionmenu li ul.sub li ul.li_sub li p {margin:0px 0 0 30px; line-height:13px}

    /* sol alt menuyu ayarlar */
		 div.left_buttons {position:relative; float:left; width:225px; height:155px; margin:30px 0 0 0;}
		 div.left_buttons p.left{margin:0px 0px 0px 0px; text-indent:10px; width:200px}

.bordersub {
		margin:18px 0 2px 0;
}

.portfolioitem 	{

		overflow:auto;
		margin:0px 0 2px 0;
		}
.details	{
			float:right;
			margin-bottom:10px;
			width:460px;
			}
	
.portfolioitem h2	{
			color:#000;
			font-style:normal;
			padding-bottom:5px;
			margin:0 0 0 0;
			}
.portfolioitem h2.orange	{
			color:#000;
			font-style:normal;
			padding-bottom:5px;
			border-bottom:2px dashed #EEEEEE;
			margin:0 0 0 0;
			}
			
.description	{
		background:#f6f6f6;
		border-left:3px solid #F26700;
		padding:2px 10px;
	    margin:0 0 1px 0;
		}
.mov_button	{
	    margin-bottom:0px;
		height:50px;

		}	
.description2	{
		background:#FFEEC3;
		border-left:3px solid #d1d1d1;
		padding:0 10px;
		margin:0 0 1px 0;
		}

.grayline {
position:relative;
			border-bottom:2px dotted #FFCC8D;
			margin-bottom:5px;
		}
		

ul.box2 {
float:left;
height:1%;
margin:0 0 0 2px;
position:relative;
width:200px;
}
ul.box2 li {
float:left;
position:relative;
}
ul.box2 li.cat {
height:50px;
margin-top:-5px;
width:200px;
}
ul.box2 li p {
font-size:10px;
line-height:11px;
cursor:pointer;
margin:0 0 0 50px;
padding:13px 0 0;
width:150px;
}

ul.box2 li a.cat:hover, ul.box2 li a.mov:hover {
background-position:0 0;
color:#FFFFFF;
}

ul.box2 li a.mov {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav/movie_sub1.png) no-repeat scroll 0 -42px;
color:#A3A3A3;
display:block;
height:42px;
text-decoration:none;
width:200px;
}