@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600&subset=latin,latin-ext);
body{background-color:#FFFFFF;font-size: 14px;color:#000; -webkit-print-color-adjust:exact; font-family:'Titillium Web', sans-serif, Helvetica, Arial, sans-serif; }
img{border:0px;}
a:link {text-decoration: none;}
h1 {font-size: 32px;color:#0E4C92;margin:2px;padding:2px;font-weight:600; transition: all 0.3s;}
h2 {font-size: 20px;color:#0E4C92;margin:2px;padding:2px;font-weight:600; transition: all 0.3s;}

.gizle{ display:none;}
.clear{clear:both;}
.icalan{ margin:10px;}

.uyari {font-size: 24px;color:#666;margin:10px;font-weight:300;}
.aciklama{width:auto; margin-right:3px; text-align:left;}
.bosluk{ height:100px;}
.bosluk2{ height:0px; transition: all 0.3s;}
.altbosluk{ height:10px;}
.ustbolum{ z-index:99; width:100%; height:100px; position:fixed; background:#414042; }
.logo{ float:left;}
.logo img{ margin:0;}
.ustalan{  text-align:right; padding:10px;  float:right; color:#FFF; }
.logolar{ float:right; margin:5px 5px; cursor:pointer; width:18px; height:18px; background:url(/images/usticonlar.png) no-repeat;}
.logolaruyari{background-position:0 0;}
.logolaruyari:hover{background-position:0 -18px;}
.logolarayar{background-position:-18px 0;}
.logolarayar:hover{background-position:-18px -18px;}
.logolarcikis{background-position:-36px 0;}
.logolarcikis:hover{background-position:-36px -18px;}
.girisalani{ position:absolute; left:50%; margin-left:-190px; margin-top:-140px; top:50%; width:340px; height:auto; padding:20px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:5px solid #0E4C92; }
.yanalan{ position:fixed; width:250px; height:100%; margin:0; padding:0;  background: #58595b; float:left; transition: all 0.3s;}
.yanmenu{ color:#FFF;  margin:0px; cursor:pointer; font-size:16px; padding:5px 6px; transition: all 0.3s;}
.yanmenu:hover{ background:#0E4C92;}
.yanmenuaktif{ background:#0E4C92;}

.menuicon {background:url(../images/yaniconlar.png) no-repeat left center;width:20px; height:20px; display:block; float:left; margin:6px 20px 0 12px; }
.menuicon2{ background-position:-20px;}
.menuicon3{ background-position:-280px;}
.menuicon4{ background-position:-120px;}
.menuicon5{ background-position:-220px;}
.menuicon6{ background-position:-300px;}
.menuicon7{ background-position:-40px;}
.menuicon8{ background-position:-260px;}
.menuicon9{ background-position:-60px;}
.menuicon10{ background-position:-100px;}
.menuicon11{ background-position:-160px;}
.menuicon12{ background-position:-240px;}
.menuicon13{ background-position:-180px;}
.menuicon14{ background-position:-220px;}
.menuicon15{ background-position:-200px;}
.menuicon16{ background-position:-260px;}
.menuicon17{ background-position:-300px;}

.mouseustu{ cursor: pointer;  }
.tab {margin-top: 10px; transition:.3s all linear;}
.tabcontent { display: none;  padding: 10px;  transition:.3s all linear;}
.kasasubeler{ width: auto; font-weight: 300; font-size: 12px; padding: 8px; margin: 2px 4px; background:#464646; color:white; float:left;  transition: all 0.3s; }
.yanbaslik{padding: 2px; font-weight: 600; padding-top: 15px; margin: 5px; border-bottom: 1px solid white; color: white;}

.radius{-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;}
.inputs{font-family:'Titillium Web', sans-serif, Helvetica, Arial, sans-serif;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 1px 0 #FFF, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;-moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;-ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;-o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;box-shadow: 0 1px 0 #FFF, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background: #EAE7E7;border: 1px solid #C8C8C8;color: #333;font-size: 13px ;margin: 0 0 3px;padding: 5px 1%; width: 98% ;}
.inputs:focus {-webkit-box-shadow: 0 0 2px #ED1C24 inset;-moz-box-shadow: 0 0 2px #ed1c24 inset;-ms-box-shadow: 0 0 2px #ed1c24 inset;-o-box-shadow: 0 0 2px #ed1c24 inset;box-shadow: 0 0 2px #ED1C24 inset;background-color: #FFF;border: 1px solid #f90;outline: none;color: #e95c0c;}
.button { margin:1px 3px;display:inline-block;cursor:pointer;color:#ffffff;font-size:14px;font-weight:bold;padding:7px 12px;text-decoration:none; background:#0E4C92;border:1px solid #0E4C92; transition:.3s all linear; -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.button:hover {background:#CCC; color:#0e4c92; }
.button:active {position:relative;}
.tekkutu{ cursor:pointer; width:23.4%; height:130px; margin: 0.3%; background:#ffba00; color:#FFF; padding:0.5%; float:left; }
.tekkutu:hover{ opacity:0.8;}
.tekkutu img{ border-right:2px solid #FFF; padding:30px; float:left; margin-right:10px;}
.tekkutu h3{ margin:0; padding:0; font-size:32px;}
.tekkutu h4{ margin:0; padding:0; font-size:20px;}
.tekkutu h5{ margin:0; padding:0; font-size:24px;}
.tekkutu h6{ margin:0; padding:0; font-size:16px; }
.karekutu{ width:23.4%; height:auto; margin: 0.3%; background:#ffba00;  color:#000; padding:0.5%; float:left; }
.dikdortgenkutu{ width:48.4%; height:auto; margin: 0.3%; background:#ffba00;  color:#000; padding:0.5%; float:left; }
#iconbuton { float:left; width:30px;}
#iconbuton:hover { opacity:0.6;}

.tekkutuis{ width:31.5%; height:auto; margin: 0.3%; color:#333;    float:left;  transition: all 0.3s; }
.tekkutuis h1{color:#FFF; font-size:18px; background:#ffba00; padding:5px; }
.tekkutuis .icon1{ margin-top:3px; margin-right:3px; width:20px; height:20px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; float:left; background:#FFF;  }
.tekkutuis .icon2{margin-top:3px; margin-right:3px;width:20px; height:20px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; float:left; background:#F00; }
.tekkutuis .icon3{margin-top:3px; margin-right:3px;width:20px; height:20px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; float:left; background:#090; }

.tekkutuis .islistesi{margin:3px; padding:5px; border:#CCC 1px dashed; color:#333; transition: all 0.3s;}
.tekkutuis .islistesi:hover{ background:#CCC; border-color:#666; }

.istakiponemli{margin-top:6px; margin-right:3px;width:10px; height:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; float:left; background:#F00;}

.baslikkutusu{border:1px solid #0E4C92; color:#FFF; background: #0E4C92; font-size:20px; font-weight:600; height:26px;}
.tablostil{border:1px solid #0E4C92;border-bottom:0px;border-right:0px; }
.tablotrstil{height:23px; line-height:23px;padding:3px;border:1px solid #0E4C92; }
.tablotduststil{height:23px;line-height:23px;padding:3px;border-bottom:1px solid #0E4C92;border-right:1px solid #0E4C92; }
.aktifsayfanumarasi{ background:#0E4C92; color:#FFF; float:left; width:auto; margin:2px;  padding:3px 10px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.pasifsayfanumarasi{  background:#ffc6b3; color:#000;  float:left; width:auto; margin:2px; cursor:pointer; padding:3px 10px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.trusthover{ background:#FFF; cursor:pointer;}
.trusthover2{ background:#CCC; cursor:pointer;}
.trusthover:hover{ background:#ffc6b3;}
.normalyazi{ color:#333}
.siralayukari{ width:12px; height:11px; margin:3px; background:url(/images/siralamaoklari.png) no-repeat left top; float:right; display:block;} 
.siralayukari:hover{ background-position: bottom left;}
.siralayukarihover{ background-position: bottom left;}

.siralaasagi{ width:12px; height:11px; margin:3px; background:url(/images/siralamaoklari.png) no-repeat right top; float:right; display:block;}
.siralaasagi:hover{ background-position: bottom right;}
.siralaasagihover{ background-position: bottom right;}


    @media print
    {
	body{background-color:#FFFFFF;font-size: 10px;color:#000;}
	#non-printable { display: none; }
	#printable { display: block; }
	.baslikkutusu{border:1px solid #0E4C92; color:#000; background: #FFF; font-size:20px; font-weight:600; height:26px;}
    }
	
	
@media screen and (max-width: 1700px) {
.tekkutu img{ padding:20px; margin-right:10px;}
.tekkutu h3{font-size:24px;}
.tekkutu h4{font-size:16px;}
.tekkutu h5{font-size:20px;}
.tekkutu h6{font-size:13px;}

}
@media screen and (max-width: 1300px) {
.tekkutu{ width:48.2%; }
.karekutu{ width:48.2%;  }
.dikdortgenkutu{ width:48.2%; }
.tekkutuis{ width:98%;  margin: 1%;   }

}

@media screen and (max-width: 1000px) {
.dikdortgenkutu{ width:98%; }
.karekutu{ width:98%;  }


}
@media screen and (max-width: 850px) {
.tekkutu{ width:98%; }
.dikdortgenkutu{ width:98%; }
.karekutu{ width:98%;  }
	.logo{width: 100px;}

}
@media screen and (max-width: 800px) {
h1 {font-size: 24px; text-align:left;}
.ustbolum{  position:absolute; }
.bosluk2{ height:10px;}
.icalan{ margin:5px;}
.tablobas{ width:1px; }
.yanalan{ position:relative; margin-top:-1px; width:100%; height:auto; margin:0; padding:0;  float:none; display:block; z-index:9999;}
.yanmenu{ float: left; color:#FFF;  margin:0px; cursor:pointer; font-size:12px; transition: all 0.3s; width:auto;}
.yanmenu:hover{ background:#0E4C92;}
.yanmenuaktif{ background:#0E4C92;}

.aciklama{width:97%; float:left; font-size: 14px; margin-right:2px; margin-top:5px; text-align:left; transition: all 0.3s;}

.inputs{font-size: 14px; margin: 0 0 3px; padding:5px 1%; width: 98% ; transition: all 0.3s; }


.baslikkutusu{font-size:12px; }
.tablotduststil{height:auto;line-height:normal; padding:2px; font-size:12px; text-align:left;}
.tablotrstil{height:auto; line-height:normal;padding:2px; }


}
@media screen and (max-width: 655px) {.yanmenu{ width:36%;}}
@media screen and (max-width: 535px) {.yanmenu{ width:32%;}}
@media screen and (max-width: 420px) {

    
.kasasubeler{ padding: 6px; margin: 10px 4px; font-size: 13px; }
.yanmenu{ width:auto;}.menuicon { margin:6px 2px 0;} .yanalan a { width:50% !important; display:block; float:left;}}