@import url(http://fonts.googleapis.com/css?family=Armata);

body { margin:0px; padding:0px; top:0px; font-family: 'Armata', sans-serif; font-size: 12px;  background-color: #000; }

.header {float:left; width:100%;  margin-top:0px; background-image: url(../images/head_back.jpg); background-repeat: no-repeat; }
.header_top { width: 100%; height: 30px; background-color: #fff; float: left;
-webkit-box-shadow: 0px 6px 16px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 16px -6px rgba(0,0,0,0.75);
box-shadow: 0px 6px 16px -6px rgba(0,0,0,0.75);
 }
.header_top_content { width: 1000px; height: 30px; margin: auto; position: relative; z-index: 333; }
.header_top_content_right { float: right; width: 245px; line-height: 30px; height: 30px; font-size: 15px; color: red; }
.header_content {width: 1000px; margin: auto; height: 98px;  }
.logo {float:left; width: 500px; height: 123px; background-image:url(../images/logo.png); margin-top:-10px; position: relative; z-index: 555; }

.header_center {float: left; width: 440px; text-align: center; line-height: 80px; font-size: 30px; margin-left: 50px; font-style: italic; font-weight: bold;  
color: #fff; height: 80px; text-align: right; }

.language { float: right; width: 100px; height: 35px; margin-top: 5px; background-color: #000; color: #fff; text-align: center; padding: 8px; }
.language_ic { float: left; text-align: center; width: 100px; font-size: 11px; margin-bottom: 4px; margin-top: -3px; }
.tr { float: right; width: 33px; height: 22px; background-image: url(../images/tr.jpg); margin-right: 2px; cursor: pointer;  }
.tr:hover { background-image: url(../images/tr_hover.jpg); }
.en { float: right; width: 33px; height: 22px; background-image: url(../images/en.jpg); cursor: pointer; }
.en:hover { background-image: url(../images/en_hover.jpg); }

.isim { float: left; width: 150px; height: 25px; }
.acik { float: left; width: 450px; height: 25px; }

.menu {float:left; width:100%; height:47px; margin-top: -2px; }
.menu_content {margin:auto; width:1000px; height: 42px; border-bottom: 5px solid #333;  }
.menua {float:left; width: 320px; height:40px; margin-top:2px; background-color: #000; }
.menub {float:left; width: 680px; height:40px; margin-top:2px; background-color: #000; }

.menuline {
float:left;
text-align:center;
text-decoration:none;
font-size:12px;
padding:10px;
height:40px;
line-height:20px;
margin-top:-3px;

}
.menuline:hover { background-image: url(../images/menu_back_b_hover.jpg); height: 18px;	 }

.hmenu {
    display:inline-block;
    padding:0px;
    margin:0px;
    list-style:none;
	font-size:14px;
	position:relative; z-index:999999;
  
}
ul.hmenu>li {
    float:left;
    position:relative;
    display:block;
    color: #fff;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom:3px;
    padding-top:3px;
    min-height:20px;
	height:29px;
	margin-left:18px;
	line-height:19px;
	font-size:11px;
	
}
ul.hmenu li:hover {
/**background-color:#ae3853;**/
color: #red;    
}
ul.hmenu li a {
    color: #fff;
    text-decoration: none;
    display:block;
	 
}
ul.hmenu ul {
    position:absolute;
    list-style:none;
    display:none;
	width:259px;
   	padding:5px;
	margin-top:37px;
	border-top:4px solid #ce0a0c;
	border-bottom:4px solid #ce0a0c;
}
ul.hmenu ul li {
    /**background-color:#ae3853;**/
	color:#ae3853;
    padding:5px;
	height:20px;
	line-height:25px;
	background-color: #000;
	width:250px;
	text-align:left;
	
	
}
ul.hmenu ul li:hover {
background-color: #ce0a0c;

}
ul.hmenu li:hover>ul {
    position:absolute;
    display:block;
    padding:1px;
margin-left:0px;

}


.incelee { float: right; width: 170px; height: 25px; text-align: center; background-color: #205c8e; color: #fff; text-decoration: none; line-height: 25px; font-size: 12px; }
.incelee:hover { background-color: #bebebe; }

.wrapper { width:100%; float:left; margin-bottom:25px; }
.wrapper_content { width:1000px; margin:auto; }


.banner { width: 1000px; height: 431px;  overflow: hidden; float: left; position:relative; z-index:0; }
.slideShows { float: left; width: 324px; margin-left: 12px; }
.slideShows li { overflow: hidden; margin-top: 16px; height:171px; }
.slideShows li:first-child { margin: 0; }


.wr_orta {float:left; width:1000px; margin-top:20px; }


.wr_orta_2 { float: left; margin: 5px; width: 238px; height: 288px; border: 1px solid #205c8e; }
.wr_orta_2:hover { border: 1px solid red; }
.wr_orta_2_detail { float: left; width: 238px; height: 70px; line-height: 50px; margin-top: 200px; background-image: url(../images/opacity.png); font-size: 17px; color: #fff; text-align: center; }


.devam { width: 120px; height: 25px; text-align: center; line-height: 25px; color: #333; margin-left: 170px;  float: left; text-decoration: none; background-color: #dadada; }
.devam:hover { background-color: #3293c8; color: #fff; }

.alt_alt { margin: auto; width: 1000px; height: 75px; margin-top: 80px; float: left;  }

.wr_right {float:left; width:250px; }
.wr_right_line {width:200px; float:left; margin-top:20px }
.wr_right_menu {width:190px; height:25px; background-color:#999; float:left; margin:1px; padding:10px; color:#fff; text-decoration:none; border-left:3px solid #666; border-top-right-radius:10px; border-bottom-right-radius:10px; 
transition:background .3s ease,background .3s linear;
-moz-transition:background .3s ease,background .3s linear;
-o-transition:background .3s ease,background .3s linear;
-webkit-transition:background .3s ease,background .3s linear;
-ms-transition:background .3s ease .3s;
}
.wr_right_menu:hover {background-color: #a70200; color:#fff; border-left:3px solid #666;  }

.wr_left {float:left; margin-left:20px; width:730px; }
.wr_left_img {float:left; width:730px; margin-top:45px; }
.wr_left_detail {float:left; width:710px; margin-left:10px; margin-top:-5px; color:#666; font-size:12px; text-align:justify; }
.wr_left_baslik {float:left; color:#666; font-size:17px; width:710px; margin-bottom:15px; }


.iletisim_left {float:left; width:275px; height:400px; margin-top:50px; font-size:12px; color:#666; }
.iletisim_dikey {float:left; width:1px; height:400px; margin-top:50px; background-color:#cecece; }
.iletisim_right {float:left; width:400px; height:400px; margin-top:50px; margin-left:15px; }
.iletisim_down {float:left; width:675px; height:250px; margin-top:20px; border:1px solid #dadada; }


.pr_alan {float:left; width:700px; margin-bottom:5px; border:1px solid #999; }
.pr_img {float:left; width:100px; height:90px; margin:3px; }
.pr_detail {float:left; margin-left:5px; width:500px; margin:3px; }
.pr_incele {float:left; margin-left:5px; width:25px; margin-top:15px; text-decoration:none; color:#666; }
.pr_incele:hover {color:#000; }

.ic_menu {float:left; width:347px; height:35px; background-color:#4fa5c7; text-decoration:none; text-align:center; font-size:13px; color:#fff; line-height:35px; margin:2px;
border-top-left-radius:10px; border-top-right-radius:10px; 
transition:background .3s ease,background .3s linear;
-moz-transition:background .3s ease,background .3s linear;
-o-transition:background .3s ease,background .3s linear;
-webkit-transition:background .3s ease,background .3s linear;
-ms-transition:background .3s ease .3s; }
.ic_menu:hover {background-color:#2278a6; }



.footer {float:left; width:100%; background-color:#efefef; }
.footer_content {width:1000px; margin:auto; height:300px; }
.footer_line {float:left; width: 200px; height: 250px; padding:15px; }
.footer_line_title { font-size: 14px; color: #000; width: 180px; height: 45px; line-height: 45px; font-weight: bold; }
.footer_menu {text-decoration:none; color:#333; font-size:11px; height:20px; width: 180px; float: left; }
.footer_menu:hover {color:#999; }

.footer_cp {margin:auto; width:1000px; }
.footer_left {float:left; width:106px; height:81px; margin-top:10px; }
.footer_center {float:left; width:300px; height:15px; margin-top:40px; color:#999; }
.footer_right {float:right; width:130px; height:15px; margin-top:40px; color:#999; }

.footer-social-icon { float: left; width: 22px; height: 22px; margin: 1px;}

.devam_et {float:left; width:60px; margin-left:275px; background-color:#cacaca; border-bottom:3px solid #2278a6; text-align:center; height:20px; color:#000; text-decoration:none; line-height:20px; 
border-top-left-radius:6px; border-top-right-radius:6px; 
border-top-left-radius:10px; border-top-right-radius:10px; 
transition:background .3s ease,background .3s linear;
-moz-transition:background .3s ease,background .3s linear;
-o-transition:background .3s ease,background .3s linear;
-webkit-transition:background .3s ease,background .3s linear;
-ms-transition:background .3s ease .3s;
}
.devam_et:hover {background-color:#999; }

.kalite_tesaduf { width: 1000px; margin: auto; float: left; text-align: right; font-size: 17px; font-style: italic; color: #205c8e; margin-top: 15px; margin-bottom: 15px; }


.refere { border: 1px solid #dadada; margin: 7px; float: left; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity: 0.5; 
    opacity: 1;
    -khtml-opacity: 1;
    display:block;
    border:1px solid #121212; }

.refere:hover { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -moz-opacity: 1; 
    opacity: 0.5;
    -khtml-opacity: 0.5;  
    display:block;
}

.proje_a { float: left; width: 150px; height: 25px;  line-height: 25px; margin: 1px; }
.proje_b { float: left; width: 400px; height: 25px;  line-height: 25px; margin: 1px; } 



.proje_foto { float: right; width:200px; height:30px; background-color: #f8f8f8; text-decoration: none; line-height: 30px; text-align: center; cursor: pointer; margin-top: 30px; }
.proje_foto:hover { background-color: #f3f3f3;}

/*--------      SLĘDER ---------------------*/


/* bottom center */
#wowslider-container1 .ws_bullets {
	top:0;
    right: 0;
}

#wowslider-container1 { 
/*	overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:1000px;
	height:350px;
	margin:0 auto;
	z-index:100;
}
#wowslider-container1 .ws_shadow{
	width:100%;
	background: url(../images/shadow.png) left 100%;
	height:31px;
	position: absolute;
	left:0;
	bottom:-31px;
	z-index:-1;
}
#wowslider-container1 .ws_images{
	position: absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:350px;
	overflow:hidden;
}
#wowslider-container1 .ws_images a{
	color:transparent;
}

#wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
	max-width: none;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1 .ws_bullets a { 
	margin-left:4px;
	width:8px;
	height:15px;
	background: url(../images/bullet.png) left 50% no-repeat;
	float: left; 
	text-indent: -1000px; 
	position:relative;
	color:transparent;
}
#wowslider-container1 .ws_bullets a.ws_selbull, #wowslider-container1 .ws_bullets a:hover{
	background-position: right 50%;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	display:none;
	top:40%;

	z-index:60;
	height: 62px;
	width: 38px;
	background-image: url(../images/arrows.gif);
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:-8px;
}
#wowslider-container1 a.ws_prev {
	left:-8px;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
	background-position: 0 100%; 
}
* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next, #wowslider-container1:hover a.ws_prev {display:block}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:50px;
	left: 0;
	margin-right:5px;
	z-index: 50;
	padding:12px;
	color: #F9FBFB;
	text-transform:uppercase;
	background:#000000;
    font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 18px;
}
#wowslider-container1 .ws-title div{
	padding-top:5px;
	font-size: 13px;
	text-transform:none;
}#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	top:16px;
	left:-100px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:200px;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	top:20px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	top:-11px;
	margin-left:-9px;
	left:100px;
	background:url(../images/triangle.png);
	width:15px;
	height:6px;
}
/*-----------------------------------*/


/* Formlar */
.formline {  width: 330px; margin-top:10px; float:left; color:#666; font-size:14px;  }
.formtext {  width: 130px; height:35px; float:left; font-size:14px;}
.forminput { width: 190px;  padding: 3px; outline: none; color: #888; border: 1px solid  #CCCCCC; height:25px;   }
.formarea { width: 190px; min-height: 60px; float: left; padding: 3px; outline: none; color: #888;  }
.formbutton { background-color: #156c90; text-align: center; padding:8px; margin:5px; color: #fff; float:right; width:110px; 
transition:background .3s ease,background .3s linear;
-moz-transition:background .3s ease,background .3s linear;
-o-transition:background .3s ease,background .3s linear;
-webkit-transition:background .3s ease,background .3s linear;
-ms-transition:background .3s ease .3s;
}
.formbutton:hover { background-color:#8fc1e3; color:#000000; }
.formselect { width: 150px; float: left; padding: 3px; outline: none; color: #888; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	border: 1px; border-color: #d6d6d6; border-style: solid; }

.ik {width:450px; float:left; margin-left:100px; margin-top:50px;}



/*--------------------------OPACITY----------------------------*/

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  float:left;
}
 
ul.img-list li {
  display: inline-block;
  width: 220px;
  height: 130px;
  margin: 0 1em 1em 0;
  position: relative;
  
}
span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  width: 220px;
  height: 130px;
  font-size:16px;
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
 
ul.img-list li:hover span.text-content {
  opacity: 1;
}