body { 
	margin: 0px;
	padding: 0px;
	font-family:Quicksand,sans-serif;
background-color:#059bee; color:#294777;  font-size:16px; 
	line-height:170%;

	
}

#page {   width:100%; margin-left:auto; background-color:#fff; margin-right:auto; min-height:400px; margin:0px; padding:0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px; }
#flash {width:100%;}

.clear { clear:both;}
#ustbolum { margin-left:auto; margin-right:auto; padding-top:7px;}

#ustbolum img { border:0px; }

#logo { width:30%; float:left; line-height:10%; padding-top:5px;}
#logo img {width:300px; border:0px;}
#logosag { width:70%; float:right; text-align:right; margin-top:70px; }

#bes {padding-top:10px; text-align:center;}

.bsz {padding:20px; background-color:#FFF; color:#059bee; font-size:18px; font-weight: 500; text-align:center; opacity:0.9; }

#ma {width:100%; margin-top:30px; background-image:url(gorsel/d.png); background-size:cover; background-repeat:no-repeat; min-height:420px; line-height:250%; text-align:center; }

#mak {margin-top:5px;  position: relative; line-height:250%; margin-right:auto; margin-left:auto; }
#mak img {width:100%; opacity:0.9; border-top:5px solid #fff; border-bottom:5px solid #fff;}


.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:#e65f3d; font-size:35px; font-weight:normal; margin:0px; padding-top:30px; font-weight:bold; text-shadow:1px 1px #fff;} 

#ma  span { font-size:22px; color:#fff;;  text-shadow:1px 1px #000;}

.ug { width:100%;  background-color:#fff; font-size:24px;  color:#07314e; } .ugp { padding:15px; }

.abaslik { font-size:24px;  color:#07314e; text-align:center; font-weight:bold;}
#ayazi { padding-top:20px; text-align:center;}
.ahak { margin-top:10px;} 
.ahak a: { color:#3e5266; text-decoration:none;}

.besli {width:33%; float:left; cursor:pointer;} .besli img {border:0px; width:100%;}
.bi {padding:15px; color:#fff; font-size:18px; }
.bia { background-color:#084b71;}
.bik { background-color:#053956;}

.bia:hover { background-color:#2191d2;}
.bik:hover { background-color:#156fa2;}

a { text-decoration:none;}

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

a.ustiad { color:#fff; font-size:15px;}
a.ustiad: hover { text-decoration:none;}

#dortlualan { padding-top:30px; width:100%; line-height:160%; font-size:15px;}
#dortlualan img {width:100%; border:0px;}
#dortlualan h2, #ikilialan h2 { color:#059bee; font-size:20px; padding-top:0px; padding-bottom:7px; padding-left:0px; margin:0px; text-align:center;}
.dortle { width:23.5%; cursor:pointer; float:left;}
.dortara { margin-left:2%;}
.dortle img {width:100%; border:0px;}
#bayi {padding-top:25px; text-align:center;}
.siteenb {width:85%; margin-left:auto; margin-right:auto;}

#dortludalan { padding-top:30px; width:98%; line-height:160%; font-size:15px;}
#dortludalan h2, #ikilialan h2 { color:#059bee; font-size:20px; padding-top:0px; padding-bottom:7px; padding-left:0px; margin:0px; text-align:center;}
.dortled { width:45%; cursor:pointer; float:left;}
.dortdara { margin-left:10%;}
.dortled img {width:100%; border:0px;}


#ikilialan a { color:#294777; font-size:15px; text-decoration:none;}
#ikilialan a:hover { color:#036;}
 .ikiara {margin-left:4%;}
.lhk { line-height:140%;}

#ikilialan { padding-top:30px; width:100%;}
.ikile { padding-top:6px; float:left; width:48%;}

#menu { background: #059bee;

background: -moz-linear-gradient(-45deg,  #059bee 0%, #059bee 49%, #059bee 52%, #059bee 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3c84b5), color-stop(50%,#059bee), color-stop(52%,#3c84b5), color-stop(100%,#3c84b5));

background: -webkit-linear-gradient(-45deg,  #3c84b5 0%,#059bee 50%,#3c84b5 49%,#059bee 100%);

background: -o-linear-gradient(-45deg,  #3c84b5 0%,#059bee 50%,#3c84b5  49%,#059bee 100%);

background: -ms-linear-gradient(-45deg,  #3c84b5 0%,#059bee 50%,#3c84b5 49%,#059bee 100%);

background: linear-gradient(135deg,  #3c84b5 0%,#059bee 50%,#3c84b5 49%,#059bee 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c84b5', endColorstr='#059bee',GradientType=1 );width:100%; height:50px; margin-top:14px;  } 

#aramenu { background-color:#294777; width:100%; min-height:50px; text-align:center;}

#aramenu a { color:#fff; font-size:15px; padding-top:14px; padding-bottom:15px; padding-left:10px; padding-right:10px; margin-left:15px; margin-right:15px;}
#aramenu a:hover { background-color:#3761a3;}

.enust { margin-top:5px; font-size:14px; color:#069;}
.enust a { text-decoration:none; color:#069; margin-left:3px; margin-right:3px;}

.enust img { border:0px;}

.es {float:right; margin-right:20px;}
.ess {float:right;}

.aramaust { margin-top:6px; margin-right:10px; float:right;}

.arama { width:120px; padding:10px; background-color:#e4ecf7; border:0px;}
.button { width: 40px; padding:5px; background-color:#d4dfec; padding:10px; border:0px; }

#altbolum { padding-bottom:15px; margin-right:auto; margin-left:auto; padding-top:15px; font-size:11px; color:#fff;}
#altbolum img { border:0px; }

#clouds { text-align:center; margin-top:10px;}
#cr { text-align:center; font-size:12px; line-height:160%; margin-top:12px;}
#ailetisim {  text-align:center; font-size:15px; text-align:center;}
.altb { font-size:17px; font-weight:bold; color:#e9fcff;}

.altci { height:1px; background-color:#4d98cc; margin-top:12px;}

.iss { float:left; text-align:right; width:49%; margin-top:10px;}
.isa {float:right; text-align:left; width:49%; margin-top:10px;}

#geridon {
	width:100px;
	height:30px; padding-top:5px;
        text-align:center;
        
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
       
		background-color:#efefef; background-repeat:no-repeat; opacity: 0.5;
      
}


a.ageri {margin:0px; padding:0px; font-size:14px; font-weight:bold; color: #000; text-shadow: white 1px 1px; text-decoration:none;}
a.ageri:hover {color: #333333;}

#sosyalalt { text-align:center; padding:3px;}
#sosyalalt img { border:0px; width:33px; padding:3px;}

#alink { text-align:center;}
#alink a {padding:6px; color:#b3e9ff; font-size:14px; text-decoration:none;}
#alink a:hover { color:#FFF;}

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


.aragritam { border-bottom:1px dashed #c9c9c9; margin-top:4px; margin-bottom:4px;}
.aragriflu { border-bottom:1px dashed #eee; margin-top:6px; margin-bottom:6px;}

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

.menu_container { margin-top:0px;}

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

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

a.katbaslik { color:#294777; text-decoration:none; }
a.katbaslik:hover { color:#335894;}
a.katdetay { color:#294777; text-decoration:none; font-size:14px; }
.yiki { margin-left:2%;}

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



#nav {list-style:none;  z-index:500; text-decoration:none;  padding:0px; margin: 0 auto;  }
/* ürünler menüsü eklenince 890px*/


#nav li.top {display:block; float:left; }
#nav li a.top_link {
display:block; 
float:left; 	
color: #000; font-size:13px; font-weight: bold; text-decoration:none; padding-left:7px; padding-right:7px; padding-top:14px; padding-bottom:15px; margin-right:8px; margin-left:8px; color:#fff; line-height:140%; }


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

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

#nav li:hover ul.sub
{left:7px; top:39px;  width:auto; height:auto; z-index:300;  }
#nav li:hover ul.sub li
{display:block;  position:relative; float:left; width:210px; font-weight:normal;}
#nav li:hover ul.sub li a
{
	display:block;
	font-size:14px; font-weight: bold;

	width:auto;

	text-decoration:none;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 11px;
	padding-right: 11px;

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





#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_menu select {
	display: block;
	width: 100%;
	height: 50px;
	
	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;}

.daralt {width:70%; margin-left:auto; margin-right:auto;}


@media only screen and (max-width: 1140px) {
	.arama {width:70px;}
	
	.siteenb {width:95%;}
	
	#nav { width:790px;}
	#nav li a.top_link {margin-left:8px; margin-right:8px;}
	
}
@media only screen and (max-width: 990px) {
	.arama {width:190px;}
#logo{
	width:100%; float:none; text-align:center;

}



.es, .ess { float:none; text-align:center;}

#menu { background:transparent; height:auto; padding-bottom:10px;}
.siteen {width:90%;}
#logosag {
	width:100%; float:none; text-align:center; margin-top:5px;
}

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

.menu_container { float:none; width:100%; }
.aramaust { margin-right:0px; float:none; width:100%; text-align:center;}
img.rsag {float:right; padding-left:9px; width:150px;}
#ekresim { width:90%;}

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

}

@media only screen and (max-width: 790px) {
	
	.iss, .isa {float:none; text-align:center; width:100%;}
	.isa {margin-top:10px;}
}

@media only screen and (max-width: 690px) { .besli {float:none; width:100%;} .daralt {width:55%;}}


#interContainer{
position: absolute;
width: 40%; /*Width of interstitial box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;


visibility: hidden;
z-index: 10000;
}

#interContainer .headerbar{ /*CSS for header bar of interstitial box*/

text-align: right; padding-top:5px;
}

#interContainer .headerbar a{ /*CSS for header bar links of interstitial box*/
font-size: 120%;
text-decoration: none;
}


#interContent{ /*CSS for div that holds the content to show*/

}

#interVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
position: absolute; 
background-color:#ccc; 
right: 0;
width: 10px;
top: 0;
z-index: 5000;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=0);
opacity: 0.7;
}