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

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

.header {float:left; width:100%; height: 35px;  margin-top:0px; background-color: #f3f3f3; position: relative; z-index: 999999; 
-webkit-box-shadow: 0px 10px 24px -9px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 10px 24px -9px rgba(0,0,0,0.54);
box-shadow: 0px 10px 24px -9px rgba(0,0,0,0.54);
 }

.header_language { float: left; width: 150px; height: 25px; margin-left: 5%; margin-top: 3px; color: #000; } 
.header_right { float: right; width: 390px; height: 25px; margin-right: 35%; margin-top: 5px; text-align: right; }
.header_social { float: right; width: 22px; height: 22px; padding: 1px; opacity: 1; filter: alpha(opacity=100); }
.header_social:hover { opacity: 0.3; filter: alpha(opacity=30); } 
.header_phone { float: left; width: 350px; height: 25px; font-size: 15px; margin-top: 4px; font-weight: bold; color: #000; }
.header_pnone_img { float: left; width: 29px; height: 22px; background-image: url(../images/phone.png); }



.lang_line { float: left; opacity: 1; filter: alpha(opacity=100); margin: 3px; }
.lang_line:hover { opacity: 0.3; filter: alpha(opacity=30); }

.orta_btn { float: left; width: 190px; height:170px; margin: 2px; border: 1px solid #d8d8d8; text-align: center; text-decoration: none; }
.orta_btn:hover { border: 1px solid #999; }


.slider-content { float: left; width: 100%; }
.slider { float: left; width: 100%; }

.galery_title {
	float: left;
	font-size: 24px;
	font-style: italic;
	color: #000000;
	width: 705px;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 15px;
}

/* news */

.news-wrap { background:url(../images/bg-news-section-wrap.html) repeat-x; }
.news { width:980px; height:50px; margin:auto; background:url(../images/bg-news-section.html) no-repeat center bottom; }
.news h4 { float:left; height:26px; padding:9px 24px 0 0; margin:7px 20px 0 0; font-weight:bold; color:#0000;background:url(../images/stripe-news.html) no-repeat right center; }
.news-slider{margin-top: 16px; float: left;width: 700px;}
.news-slider .sdate
{
    color: #006699;
}
.news p span { color:#DD1A22; }
.news ul li a{color:#666}
.news ul li a:hover{text-decoration:underline;}
.button-gray
{
    display: block;
    float: right;
    width: 121px;
    height: 24px;
    padding: 10px 0 0 0;
    margin: 6px 0 0 0;
    background: url(../images/all-news.html) no-repeat;
    color: #717171;
    font-weight: bold;
    text-align: center;
}

/* select box */

select {
    padding:5px;
    margin: 0;
    background: #f3f3f3;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px; color: #000; }
}

label {position:relative}
label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#000;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f3f3f3;
    position:absolute;
    pointer-events:none;
    display:block;
} 
 
/*menu*/ 
 
.menu { float: left; width: 100%; height: 100px; border-bottom: 1px solid #f1f1f1; background-color: #fafafa; position: relative; z-index: 888888; }
.logo { float: left; width: 265px; height: 85px; margin-left: 5%; background-image: url(../images/logo.png); margin-top: 10px; } 
.menu_line { float: right; height: 30px; margin-top: 25px; margin-right: 5%; } 
.menu_button { float: left; height: 15px; padding: 15px; line-height: 25px; margin: 2px; text-align: center; text-decoration: none; color: #666; font-size: 12px; border-bottom: 2px solid red;
transition:border-bottom .3s ease,border-bottom .3s linear;
-moz-transition:border-bottom .3s ease,border-bottom .3s linear;
-o-transition:border-bottom .3s ease,border-bottom .3s linear;
-webkit-transition:border-bottom .3s ease,border-bottom .3s linear;
-ms-transition:border-bottom .3s ease .3s;
 }
.menu_button:hover { border-bottom: 2px solid #999; color: #999; }



.drop_menu {

	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
	margin-top: 3px;
	font-size: 14px;
}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:6px 20px;
	display:block;
	color:#666;
	height:20px; 
	text-decoration:none;
	font-size: 12px;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	top:-9999px;
	list-style-type:none;
	z-index: 999999;
	font-size: 14px;
	
}
.drop_menu li:hover { position:relative; }
.drop_menu li:hover ul {
	top:36px;
	background:#fff;
	padding: 15px;
	border-bottom: 3px solid #666;
	
	}

.drop_menu li:hover ul li a {
	padding:5px;
	float: left;	
	text-indent:15px;
	background-color:#000;
}
.drop_menu li:hover ul li a:hover { background:#005555; }

.menu_box { float: left; font-size: 14px; }

.menu_box_line { float: left; font-size: 14px; }

.menu_box_a_line { color: #fff; width: 150px; font-size: 14px; border-bottom: 1px dashed #dadada; line-height: 30px; }
.menu_box_a_line:hover { color: red; }


.wrapper {width: 100%; float: left; margin-bottom: 25px; background-image: url(../images/back_ic.jpg); background-color: #fafafa; }
.wrapper_content {width: 1000px; margin: auto; background-color: #fafafa; }


.wr_product_cerceve {float:left; width:195px; height:270px; border:1px solid #CACACA; margin:15px; margin-bottom:10px; padding: 6px; border-radius: 10px;
-webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.48);
box-shadow: 0px 8px 5px -0px rgba(0,0,0,0.28);
 }
 .wr_product_cerceve:hover { border: 1px solid #999; }
.wr_product_img {float:left; width:186px; height:150px;  border:1px solid #CACACA; border-radius: 8px; padding: 3px; }
.wr_product_detail {float:left; width:186px; height:50px; margin-left:2px; margin-bottom:5px; color:#666; font-size:12px; text-align:center; }
.wr_product_pdf {float:left; width:40px; height:52px; background-image:url(../images/pdf_1.html); margin-left:70px; }
.wr_product_pdf:hover {background-image:url(../images/pdf_2.html); }


.banner { width: 1000px; height: 358px;  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_rk { float: left; width: 285px; margin: 3px; height: 350px; border: 1px solid #e5e5e5; margin-top: 25px; 
transition:border .3s ease,border-bottom .3s linear;
-moz-transition:border .3s ease,border-bottom .3s linear;
-o-transition:border .3s ease,border-bottom .3s linear;
-webkit-transition:border .3s ease,border-bottom .3s linear;
-ms-transition:border .3s ease .3s;
-webkit-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
box-shadow: 0px 2px 20px -5px rgba(0,0,0,0.48);
}
.wr_rk:hover { border: 1px solid #999; }

.wr_img { float: left; width: 170; height: 248; margin-left: 55px; margin-top: 15px; }
.wr_detail { float: left; width: 288px; height: 30px; text-align: center; color: #666; font-size: 14px; margin-top: 20px;}

.wr_hb { float: left; width: 405px; margin: 3px; height: 350px; border-bottom: 3px solid #e5e5e5; margin-top: 25px; }
.wr_hb_title { float: left; width: 405px; height: 100px; background-color: #f8f8f8; font-size: 23px; color: #999; text-align: center; line-height: 100px; }

.hbr_alan { font-size: 11px; color: #999; border: 1px solid #f8f8f8; padding: 15px; width: 700px; height: 35px; margin-left: 12px; margin-top: 3px; float: left; text-decoration: none; }

 .hbr_cer { width: 1000px; height: 50px; float: left; margin-top: 15px; 
-webkit-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
box-shadow: 0px 2px 20px -5px rgba(0,0,0,0.48);
 }

 .tum_haberler { float: left; width: 150px; height: 40px; line-height: 38px; color: #fff; text-align: center; margin-left: 20px; background-color: red; text-decoration: none; border-radius: 5px; margin-top: 5px;
 -webkit-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
box-shadow: 0px 2px 20px -5px rgba(0,0,0,0.48);
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;
 }
 
 .tum_haberler:hover { background-color: #000; }


.wr_sosyal {float:left; width:331px; margin: 1px; }
.wr_sosyal_face {float:left; width:152px; height:57px; background-image:url(../images/face.png); margin-right:17px; }
.wr_sosyal_face:hover {background-image:url(../images/face_1.html); }

.wr_sosyal_twit {float:left; width:152px; height:57px; background-image:url(../images/twit.html); }
.wr_sosyal_twit:hover {background-image:url(../images/twit_1.html); }

.hbr_img {float:left; width:100px; height:90px; margin-left:1px; margin-bottom:5px; margin-top:5px; }
.hbr_detail {float:left; width:150px; margin-left:5px; margin-top:5px; }

.wr_reklam { float:left; width: 1000px; height: 333px; margin-top:5px; }
.wr_reklam_ic { width:331px; height:13558e; border: 1px solid #efefef; float:left; }
.wr_reklam_ic:hover { border: 1px solid #e42e00; }


.wr_right {float:left; width:250px; }
.wr_right_line {width:200px; float:left; margin-top:70px }
.wr_right_menu {width:190px; height:20px; float:left; margin:1px; padding:10px; color:#666; text-decoration:none; border-bottom:1px dashed #dadada;
font-size: 11px; 
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 { color:#999; }

.wr_left {float:left; margin-left:20px; width:730px; }
.wr_left_img {float:left; width:730px; }
.wr_left_detail {float:left; width:710px; margin-left:10px; color:#666; font-size:13px; text-align:justify; }
.wr_left_baslik {float:left; color:#999; font-size:22px; width:710px; margin-bottom:15px; }




.footer {float:left; width:100%; background-color:#f5f5f5; height: 350px; margin-top: 35px;
-webkit-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
box-shadow: 0px 2px 20px -3px rgba(0,0,0,0.48);
 }
.footer_content {width:1000px; margin:auto; height:45px; }
.footer_line { float: left; padding: 10px; border-left: 1px solid #afafaf; width: 180px; height: 180px; margin-top: 25px; }
.footer_button { float: left; width: 175px; height: 15px; padding: 5px; text-decoration: none; color: #6b6b6b; }
.footer_button:hover { color: #999; }
.footer_yt { float: left; width: 100%; height: 1px; background-color: #999; margin-top: 25px; }
.footer_rk { width: 100%; height: 75px; float: left; }
.footer_rk_logo { float: left; width: 188px; height: 80px; margin-left: 5%; background-image: url(../images/logo_2.png); margin-top: 10px; }
.footer_rk_copyright { float: left; width: 450px; height: 80px; line-height: 110px; margin-left: 50px; font-size: 10px; color: #666; }
.footer_aj { float: right; width: 300px; text-align: right; height: 80px; line-height: 110px; margin-left: 50px; font-size: 10px; color: #666; margin-right: 5%; }

 
 
 
 


/* 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: #e72f00; 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:#d31500; 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;
}