﻿/*====================== Sabit ===================*/
*{margin:0;padding:0;}
.clearfix:after{content: ".";display: block; height: 0;clear: both;visibility: hidden;overflow:hidden;}
.clearfix{display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix{display: block;}
.clearboth {clear: both}
span {width:25%;height:1em;vertical-align:top;}
ul{list-style-type:square;}
a {text-decoration:none;outline:none;}
img{border:none;}
h1{font-size:18px; font-weight:bold; padding:0 0 0 20; line-height:32px; font-family:Arial, Helvetica, sans-serif; color:#980f0f;}
/* ====================== Genel Tanimlar =================== */

div.l{float:left}
div.r{float:right}
body {text-align:center; font-family: verdana;font-size:11px;line-height:18px;color:#333333; background-color:#FFF; background-image:Url('../images/site/bg.gif'); background-repeat:repeat-x;}
div.ustmenu{ background-image:Url('../images/site/menu.gif'); background-repeat:no-repeat; width:958px; height:150px; margin:0 auto;}
div.ustmenu div.logo { width:958px; height:97px;}

div.link { width:958px; height:53px;font-size:14px; font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; line-height:53px;}
div.link a{text-decoration:none; outline:none; color:#FFF;}
	div.linkler {float:right;  width:105px; height:53px; cursor:pointer;}
	div.linkler1{background-position:-825px 0;cursor:pointer; margin-right:20px; }
	div.linkler2{background-position:-720px 0;cursor:pointer;}
	div.linkler3{background-position:-615px 0;cursor:pointer;}
	div.linkler4{background-position:-510px 0;;cursor:pointer;}
	div.linkler5{background-position:-400px 0;cursor:pointer;}
	div.ustalt { background-image:Url('../images/site/ustalt.gif'); width:950px; height:124px; float:left;}

div#resim{width:950px;height:250px;margin:0 auto; position:relative; float:left;}
div#resim .orta1{width:950px;margin:0 auto; position:absolute;}
div.gecici{width:200px;color:#5C5548;padding: 7px 10px;margin-left:5px;background-image:url('../images/site/uyari.gif');display:inline}
div.dosyalar{width:170px; margin:10 10px; float:left; text-align:center; font-weight:bold;}

div.orta {width:958px; margin:0 auto; height:200px; text-align:left;}
div.sol {width:315px; float:left;}
div.x1 {width:643px; float:left;}
div.x2 { margin:30 10 10 35; width:900px; float:left;}
div.acente{width:290px; float:left; margin:10 5;}
div.acente div#baslik{font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
div.acente div#baslik a{color:#000;}
div.baslik {width:111px;float:left;font-weight:bold;text-align:left;}
div.google {float:left; width:400px;}
div.frm{height:27px;}
div.frm input {width:150px;}
div.label{line-height:17px;font-size:11px;font-weight:bold;margin-left:22px;text-align:left; clear:both;}
	div.label div{float:right;width:80%;text-align:left;font-weight:normal}

div.sbaslik{width:311px; height:32px; font-size:16px; font-weight:bold; padding:0 0 0 10; line-height:32px; font-family:Arial, Helvetica, sans-serif; color:#980f0f; background-image:url('../images/site/sbaslik.gif'); background-repeat:no-repeat;}
div.obaslik{width:630px; height:32px; font-size:16px; font-weight:bold; padding:0 0 0 10; line-height:32px; font-family:Arial, Helvetica, sans-serif; color:#980f0f; background-image:url('../images/site/obaslik.gif'); background-repeat:no-repeat;}

input.ara {background-image:Url('../images/site/ara.gif'); width:212px; height:29px; line-height:29px; border:none; padding:0 5px; margin:2px;}
div.yazi{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:20 20 15 15;}
div.haberbas{font-size:16px; font-weight:bold; margin:15 auto; padding:0 0 0 10; line-height:32px; font-family:Arial, Helvetica, sans-serif; color:#980f0f;}
div.haber{font-size:11px; font:Arial, Helvetica, sans-serif; margin:0 0 20 0; background-image:Url('../images/site/cizgi.gif'); background-position:bottom; background-repeat:repeat-x; padding:10 5;}
div#alt{ width:100%; height:49px; background-color:#333; background-image:Url('../images/site/alt.gif'); background-position:center; background-repeat:repeat-y;}

div.aorta{width:958px;height:49px; margin:0 auto;}
div.aorta1{width:500px; height:49px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold;}
div.abaslik{height:49px; float:left; line-height:49px; cursor:pointer;}
div.abaslik a{text-decoration: none;outline:none;color:#FFF;}
div.aara{width:2px; height:49px; background-image:Url('../images/site/altara.gif'); background-position:center; background-repeat:no-repeat; float:left; margin:0 10;}
div.aorta2{width:200px; height:49px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold;}
.submit{background-image:Url('../images/site/submit.gif'); background-repeat:no-repeat; width:110px; height:26px; color:#FFF; border:none;}
div.cevizbilisim{ float:right;}


.cquery { width:100%; height:100%; position:fixed; z-index:100000; top:0; left:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center;}
.cquery .bg { position:absolute; z-index:100001; background:rgba(0,0,0,0.80); width:100%; height:100%; top:0; left:0; cursor:pointer; display:none;}
.cquery .content { position:relative; z-index:100002; max-width:80%; max-height: 90%; max-height: 90vh; display:none; margin:0 auto; overflow-x: auto;}
.cquery .content a.kapat {position:absolute;top: -23px;right: -15px;background: #fff; border-radius: 50%;}
.cquery .content a.kapat img { width: 26px; height: 26px;}
.cquery .content img {width:auto; height:auto; max-width: 100%; max-height: 90%; max-height: 90vh;}


.arama
{
z-index:9998;
position:fixed;
_position:absolute;
bottom:13px;
right:5px;

_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);
/*background-color:#ffffff;*/
 opacity: 0.8;
border-radius:  1px/1px;
border: 0px solid red;
}
.arama:hover
{
z-index:9998;
position:fixed;
_position:absolute;
bottom:13px;
right:5px;

_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);
/*background-color:#ffffff;*/
 opacity: 1;}
 
@media only screen and (max-width:560px){
/*.sayfaresim{display:none;}*/
.arama{ opacity: 0.9;}
}
 