body { 
	margin: 0px;
	padding: 0px;
	

	line-height:170%;
font-family: 'Quicksand', sans-serif;
color:#074b7d;  font-size:15px;
    background-color:#0f70b7;

}
a { color:#333; text-decoration:none;}
a:hover { color:#ff0000; text-decoration:none;}
a.eus {color:#e3000f; text-decoration: none; margin-left:3px;}
.siteen {width:76%; margin-left:auto; margin-right:auto;} .aabaslik {color:#112645; font-size:24px; font-weight:bold;}
.bold {font-weight: bold;} .ikonf {color:#000; text-decoration: none; font-size:36px;} .yon {margin-top:15px;}
.hak {width:100%; background-color:#eef8ff; }
.ahak { width:100%;   background-color:#fff; text-align:center; -webkit-box-shadow: -2px 4px 27px -12px rgba(0,0,0,0.42);
-moz-box-shadow: -2px 4px 27px -12px rgba(0,0,0,0.42);
    box-shadow: -2px 4px 27px -12px rgba(0,0,0,0.42);  }
.padotuz {padding:30px;} 
.abaslik { font-size:22px; font-weight:bold;}
#page {    width:100%; margin-left:auto; margin-right:auto; min-height:400px; margin:0px; padding:0px;background-color:#fff;  }
input { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.menu { width:100%;  margin-top:5px; padding-bottom:5px;  } 
#aras { width:50%; margin-left:auto; margin-right:auto; background-image:url(gorsel/ubgt.png); text-align:center; text-shadow:1px 1px #000; margin-top:100px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; line-height:240%; margin-bottom:35px;  }
input {-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius:7px;}
.altsol {float:left; width:48%; } .altsol a {color:#eee; font-size:12px; text-decoration:none; padding:3px;}
.altsag {float:right;width:48%; font-size:12px; line-height: 150%;}
.iki {float:left; width:48%; background-color:#f5f5f5;border:1px solid #fff;} 
.iki:hover {border:1px solid #e99e0f;}
a.ho { font-size:27px; color:#eee;}
.ikiara {margin-left:2%;}
.ikisol {float:left; width:45%; line-height:100%; } .ikisol img { width:100%; border:0px;}
.ikisag {float:right; width:50%; line-height:150%; text-align:left;} .ikisag a {color:#000; font-size:13px; text-decoration:none;}

#incele {min-height:400px; margin-top:1px;   }

#anas { width:80%;  margin-left:auto; margin-right:auto; line-height:260%;  text-align:center;  }


#anas h2 { color:#000; margin-top:17px; margin-bottom:0px; font-size:26px;} 
#aras h2 { color:#FFF; margin-top:17px; margin-bottom:0px; font-size:26px; font-weight:normal;}
#anas input { background-color:#fff; color:#000; font-size:22px; border:0px; margin-top:20px; padding:10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.padas {padding-top:50px; padding-bottom:50px; padding-left:15px; padding-right:15px;}
.padask {padding-top:10px; padding-bottom:10px; padding-left:5px; padding-right:5px; color:#333;}
#aras p { margin-top:25px; color:#FFC; font-size:40px; } #aras p span {font-size:26px;}

img.rsag {float:right; padding-left:9px;}

img.rsol{float:left; padding-right:5px;}

#ma {width:80%; margin-left:auto; margin-right:auto; margin-top:15px; text-align:center; padding-bottom:15px;  }

.mav {  width:70%;padding-top:75px;  text-align:center;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0; z-index:2;}

#ma h2 {color:#606060; font-size:22px; font-weight:bold; margin:0px; padding-top:10px;  } 

#ma  p { font-size:17px; color:#333; }

#mak {margin-top:350px; margin-right:auto; margin-left:auto; }
#mak img {width:100%; opacity:0.5; border-top:5px solid #fff; border-bottom:5px solid #fff;}

.bsz {width: 100%; margin-right:auto; margin-left:auto; padding:35px; background-color:#FFF; color:#333; font-size:15px; opacity:0.9; margin-top:50px;  }

.clear { clear:both;}
#sayfaorta { padding-top:0px; margin-top:0px;  }
#ustbolum {  width:100%;}
#ustbolum img { border:0px; }

#yedilialan { padding-top:10px; width:100%; line-height:160%; font-size:15px;}
#yedilialan h2 { color:#f77f0a; font-size:20px; padding-top:3px; padding-bottom:3px; padding-left:0px; margin:0px; text-align:center;}
.yedile { width:13%; cursor:pointer; float:left;}
.yediara { margin-left:1.5%;}
.yedile img {width:100%; border:0px;}

#dorlualan { padding-top:10px; width:100%; line-height:160%; font-size:15px;}
#dorlualan h2 { color:#f77f0a; font-size:20px; padding-top:3px; padding-bottom:3px; padding-left:0px; margin:0px; text-align:center;}
.dorle { width:22.75%; cursor:pointer; float:left;}
.dorara { margin-left:3%;}
.dorle img {width:100%; border:0px;}


.altgeri {width:99%; margin-top:10px; background-color:#f3f3f3; padding-left:20px; padding-top:5px; padding-bottom:5px; font-size:16px;   }
.altgerialt {width:99%; margin-top:10px; background-color:#f3f3f3; padding-left:20px; padding-top:5px; padding-bottom:5px; font-size:16px;  }

.cr {font-size:11px; color:#eee; }   
.inajans a { font-size:11px; text-decoration: none; color:#000; padding-bottom:15px;}

.anauclu { background-color:#eee; padding-bottom:30px; padding-top:25px;}
.anai { margin-left:auto; margin-right:auto; margin-top:0px; padding-top:40px; margin-bottom:0px; padding-bottom:20px; width:100%; }
.anab { background-color:#f9f6f3; margin-left:auto; margin-right:auto; margin-top:0px; padding-top:40px; margin-bottom:0px; padding-bottom:35px; width:100%; }

.ani {  color:#fff; font-size:36px; text-align: center; margin-top:40px; width:100%; padding:10px;   text-shadow: -1px -1px 0 #0a4e80, 1px -1px 0 #0a4e80, -1px 1px 0 #0a4e80, 1px 1px 0 #0a4e80; font-weight: bold;}

#sayfaust { width:100%; margin-top:0px; font-size:15px; color:#1b1b1b; font-weight:500;}
#aramaust { float:right; margin-top:5px; padding-top:1px;  margin-left:10px;  }
#sosyalust { float:right;  padding:3px;}
#sosyalust img { border:0px; width:25px; padding-top:7px;}
#enust {width:100%; 
    background: linear-gradient(to right, #79baea 50%, #0f70b7 50%);
    text-align:center; color:#eee; } #enust a { color:#eee; text-decoration: none; margin-left:8px; margin-right:8px; font-size:12px;}

#enust a { color:#eee; text-decoration: none; margin-left:8px; margin-right:8px; font-size:12px;}
.esol {float:left;} .esag {float:right;}
#logo {  padding-top:10px; padding-bottom:7px; float:left; } #logo img {width:190px; border:0px;}
#logosag {
	 float:right;  margin-top:21px; width:auto;  margin-bottom:0px; padding-bottom:0px; text-align:right; margin-left:auto;
}
.pady {padding:2px;} .padyy {padding:4px;}
.logosol { width:20%; float:left; text-align:center; margin-top:10px; margin-bottom:0px; padding-bottom:0px;}

#sayfaic { width:100%; background-color:#fff; padding-bottom:20px; padding-top:20px; }



.baslik { text-align:center;}
h1.baslik  {color:#0f70b7; font-weight:bold; font-size:24px;  padding:0px; margin:0px; line-height:140%;  }

a.menulink { color:#999; font-size:18px; }
a.menulink: hover { color:#ff0000; text-decoration:none;}


a.menulink2 { color:#999; font-size:24px; margin-left:30px;}
a.menulink2: hover { color:#ff0000; text-decoration:none;}

a.usti { color:#999; font-size:12px;}
a.usti: hover { text-decoration:none;}

a.ustill { color: #e30613; font-size:16px; font-weight:bold;}
a.ustill: hover { text-decoration:none;}

.ortala { text-align:center;}
.arama { width:120px; padding:6px; background-color:#fff; border:0px; border:1px solid #ccc;}
.button { width: 40px; background-color:#eee; padding:6px; border:0px; color:#333; }
.slogan {color:#0f70b7; font-weight:bold; font-size:24px;}


#dortlualan { padding-top:370px; width:100%; line-height:160%; font-size:15px;}
#dortlualan h2, #ikilialan h2 { color:#e30613; font-size:15px; padding-top:3px; padding-bottom:3px; padding-left:0px; margin:0px; text-align:center;}
.dortle { width:23%; cursor:pointer; float:left; background-color:#fff;}
.dortara { margin-left:2.66%;}
.dortle img {width:100%; border:0px;}
.dortle a {color:#000; text-decoration: none; font-size:16px;}
.dpad { padding:15px;}


#altilialan { padding-top:10px; width:100%; line-height:160%; font-size:15px;}
#altilialan h2, #ikilialan h2 { color:#e30613; font-size:15px; padding-top:3px; padding-bottom:3px; padding-left:0px; margin:0px; text-align:center;}
.altila { width:15%; cursor:pointer; float:left; background-color:#fff;}
.altiara { margin-left:2%;}
.altila img {width:100%; border:0px;}
.altila a {color:#000; text-decoration: none; font-size:16px;}
.dpad { padding:15px;}

#bscialan { padding-top:50px; width:100%; line-height:160%; font-size:15px;}
#bscialan h2, #ikilialan h2 { color:#e30613; font-size:20px; padding-top:3px; padding-bottom:3px; padding-left:0px; margin:0px;}
.bscile { width:45%; cursor:pointer; float:left;}
.bsciara { margin-left:10%;}
.bscile img {width:100%; border:0px;}xw

.grialan {width:100%; background-color:#fff;  font-size:16px; border-top:1px solid #cccdd3; border-bottom:1px solid #cccdd3;} 
.tob {margin-top:15px;} .padob {padding-top:20px; padding-bottom:20px;} 

.uclualani { width:100%; color:#000; text-align: center; display:flex; }
.flex {display:flex;}

.ucle { width:30%;  float:left;  background-color:#d5e6eb; text-align:center;  }
.ucle img {width:40%; border:0px;  margin-top:10px;}
.ucle a {color:#112645; text-decoration: none;}
.onsekiz { font-size:20px; font-weight: bold;}
.ondort {}

.ucara { margin-left:5%;}

#bp { width:100%; min-height:400px; background-image: url(gorsel/serit.jpg); background-repeat: no-repeat; background-position: center;}
#kon {margin-top:50px; color:#000; font-size:18px; width:350px; float:right; margin-right:50px;}



#altbolum { color:#eee; margin-top:15px; font-size:13px; margin-right:auto; margin-left:auto;   width:100%; text-align: center;}
#altbolum img { border:0px; }

.uob {margin-top:25px;}
.ikile img {width:100%; border:0px;}
.altlogo img {width:40%; border:0px; margin-top:15px;}
.altsosyal img { float:left; width:15%; border:0px; margin-top:25px; margin-right:10%;}

a.altlink { color:#ffffff; font-size:20px; text-decoration: underline;}
a.altlink:hover { color:#ff0000;}

.inajans {margin-top:10px; } .inajans img {width:80px; border:0px;}
#clouds { text-align:center; margin-top:10px;}
#cr { text-align:center; font-size:13px; color:#eee;}
#ailetisim { padding-bottom:10px; text-align:center; font-size:15px;}

#anai { margin-top:10px;}
.padon { padding:10px;}


/* [1] The container */
.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.5);
}

.aragrialt { border-bottom:1px dashed #666; margin-top:12px; margin-bottom:12px;}

.aragritam { border-bottom:1px dashed #ddd; margin-top:16px; margin-bottom:16px;}
.aragritamu { border-bottom:1px dashed #ddd; margin-top:36px; margin-bottom:6px;}
.aragriflu { border-bottom:1px dashed #dedede; margin-top:6px; margin-bottom:6px;}

a.grim { color:#000; font-size:15px; text-decoration:none;}
a.grim:hover { color:#333;}

.menu_container { margin-top:0px;}

img.rsag {float:right; padding-left:9px; width:250px;}
img.rsol {float:left; padding-right:9px; width:250px;}

#ekresim { width:70%; margin-left:auto; margin-right:auto;}
#galeriresim { width:99%;  margin-left:auto; margin-right:auto; }

a.katbaslik { color:#666; text-decoration:none; font-size:20px; font-weight:600;  }
a.katbaslik:hover { color:#999;}
a.katdetay { color:#000; text-decoration:none; font-size:13px; }
.yiki { margin-left:2%;}

.iletisimsol {float:left; width:15%; min-height:23px;  }
.iletisimo {float:left; width:4%; min-height:23px;}
.iletisimsag {float:left; width:83%; margin-left:2%; min-height:23px;}

#geridon {
	width:150px;
	height:30px; padding-top:5px; padding-bottom:5px;
        text-align:center;
        
        position:fixed; /* this is the magic */
        bottom:30px; /* together with this to put the div at the bottom*/
        right:30px;
       
		background-color:#e30613; border:1px solid #fff; background-repeat:no-repeat; opacity: 0.9;
      
}


a.ageri {margin:0px; padding:0px; font-size:14px;font-weight:bold; color: #fff; text-decoration:none;}
a.ageri:hover {color: #999;}








#nav2 {list-style:none;  z-index:500; width:500px; text-decoration:none;  padding:0px; margin: 0 auto;  }



#nav {list-style:none;  z-index:500; text-decoration:none;  padding:0px; margin:0px; text-align: right;  }
#nav2 li a {float:left; margin-top:0px; }


#nav li.top {display:block; float:left; }
#nav li a.top_link {
display:block; 
float:left; 	
color: #0f70b7; font-size:13px; text-decoration:none; font-weight: bold;   padding:5px; margin-left:10px; margin-top:5px;}


#nav li:hover a.top_link {  background-color: #eff7fc;  }

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:10px; top:37px; background-color: #eff7fc; width:auto; height:auto; z-index:300;  }
#nav li:hover ul.sub li
{display:block;  position:relative; float:left; width:200px;}
#nav li:hover ul.sub li a
{
	display:block;
	font-size:13px;

	width:auto;
	color: #0f70b7;
	text-decoration:none;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;

	line-height:13px;
	text-align:left;
}

#nav li:hover ul.sub li a:hover 
{background-color:#dfecf6;  }

/* */
#nav ul.sub li:hover ul.sub2
{left:200px; top:0px; background-color: #eff7fc; width:auto; height:auto; z-index:300;  }
#nav ul.sub li:hover ul.sub2 li
{display:block;  position:relative; float:left; width:340px;}
#nav li:hover ul.sub2 li a
{
	display:block;
	font-size:12px;

	width:auto;
	color: #0f70b7;
	text-decoration:none;
		padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;


	line-height:13px;
	text-align:left;
}

#nav li:hover ul.sub2 li a:hover 
{background-color:#dfecf6;  }


/* */



#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; background: #000000; white-space:nowrap; width:auto; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{ color:#000; border-color:#bbd37e;} 


.menu_container {}

.responsive ul {
    float: right;
    
}

.responsive_menu select {
	display: block;
	width: 100%;
	height: 50px; float:right;
	
	font-size: 16px;
	line-height: 1.42857;
	color: rgb(85, 85, 85);
	vertical-align: middle;
	background-color: #eee;
	background-image: none;
	border: none;
}
.nofull select {width: auto;}

.yt { padding:10px; border:1px solid #ddd; width:80%; font-size:15px;}

.ytus { padding:7px; background-color:#ddd; border:0px; font-size:15px;}


.cll { display:none;}
@media only screen and (max-width: 1190px) {
    .siteen {width:85%; } #nav li a.top_link {margin-left:10px;}
}
@media only screen and (max-width: 990px) {
    .flex {display:block;}
    .altsol {float:none; width:100%;}
    .altsag {float:none; width:100%; margin-top:15px;}
    .ani {font-size:26px;}
    .iki {float:none; width:100%;}
    .ikim {margin-top:25px;} .ikiara {margin-left:0px;}
	.siteen {width:90%; }

    .uclualani { display:block;}
.menu_container { float:none; width:100%; }
#nav li a.top_link {
display:block; 
float:left; 	
color: #333; font-size:18px; text-decoration:none;  padding:6px; margin-left:50px; word-spacing:3px;}


#logo {float:none; width:100%; text-align:center;  margin-left:auto; margin-right:auto; } #logo img {border:0px;}
#logosag {
	width:100%; float:none; text-align:center; margin-top:4px;  padding-bottom:10px;
}

#sayfaorta { padding-top:0px;  }

.logosol {  float:none;}


#enust { text-align:center;}

.dortara { margin-left:0px;  }
	.dortle {float:none; width:100%; margin-top:20px; text-align:center;}
	
	.dortarai { margin-left:0px;  }
	.dortlei {float:none; width:100%; margin-top:20px; text-align:center;}
	


#anas { width:70%; margin-left:auto; margin-right:auto; line-height:260%;  text-align:center;  } #aras { width:70%; margin-left:auto; margin-left:auto;}



.yiki { margin-left:0px;}
.enust {margin-top:10px;}

.aramaust { margin-left:10px; float:right; width:100%; text-align:right;}
img.rsag {float:right; padding-left:9px; width:150px;}
#ekresim { width:90%;}
.altsosyal img { float:left; width:25%; border:0px; margin-top:25px; margin-right:8%;}



    
    .ucle { width:100%; float:none;  } .ucara {margin-left:0px; margin-top:15px;}
    .cll { display: block; clear:both;}
    .ucara {margin-left:0px;}
    .ucm {margin-left:1%;}
    #logo {padding-top:10px;}

	
}

@media only screen and (max-width: 720px) { 

img.rsol {float:none; width: 100%;}
img.rsag {float:none; width: 100%;}

	
}



@media only screen and (max-width: 590px) { 
    .ucm {margin-left:0px;}
    .ucle {width:100%; float:none;}
    .ani {font-size:18px;}
    .bscile {width:100%; float:none;}
.altiara { margin-left:0px;  }
	.altila {float:none; width:70%; margin-top:10px; text-align:center;}
    .yediara { margin-left:0px;  }
	.yedile {float:none; width:90%; margin-top:10px; text-align:center;}
}