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

	line-height:170%;
color:#494444;  font-size:14px; word-spacing:3px; -webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-smoothing:antialiased; font-family: "Lato", Arial, Tahoma, sans-serif;
	
}


#page {    width:100%; margin-left:auto; margin-right:auto; min-height:400px; margin:0px; padding:0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius:0px; }
input { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#anas { width:50%; margin-left:50%; background-image:url(gorsel/ubgt.png);  line-height:240%;  text-align:center; text-shadow:1px 1px #000; margin-top:150px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;  }
#menu { width:100%;  margin-top:20px; 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;}



#incele { background-image:url(gorsel/ubgt.png); min-height:400px; margin-top:40px;  color:#494444; width:80%; margin-left:auto; margin-right:auto; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;  }
#incele img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#anas h1 { color:#fff; font-size:30px; font-weight:normal; margin:0px;}
#anas h2 { color:#FFC; margin-top:17px; margin-bottom:0px; font-size:20px; font-weight:lighter;} 
#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:20px; padding-bottom:20px; padding-left:15px; padding-right:15px;}
#aras p { margin-top:25px; color:#FFC; font-size:40px; } #aras p span {font-size:26px;}

#ma {width:100%; margin-top:150px;  position: relative; line-height:250%; }
#ma 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:#fff; font-size:40px; font-weight:normal; margin:0px; font-weight:bold; text-shadow:2px 2px #000;} 
#ma p { margin-top:45px; color:#fff; font-size:28px;  text-shadow:2px 2px #000; padding-bottom:15px;}
#ma  span { font-size:22px; color:#fff;;  text-shadow:1px 1px #000;}

.clear { clear:both;}
#ustbolum { margin-left:auto; margin-right:auto; padding-top:0px; width:100%; background-image:url(gorsel/ubg.png);}

#ustbolum img { border:0px; }

#logo { width:18%; padding-top:12px; float:left;} #logo img {width:100%; border:0px;}
.pady {padding:2px;}
#logosag { width:80%; float:right; text-align:right; }

a { text-decoration:none;}

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

.ortala { text-align:center;}
.arama { width:120px; padding:6px; background-color:#fff; border:0px; border:1px solid #d4dfec;}
.button { width: 40px; background-color:#c01923; color:#fff; padding:6px; border:0px; }

#enust { margin-top:9px; text-align:right;}
#enust a { color:#333333; font-size:14px; margin-left:7px; margin-right:7px; text-decoration:none;}
#enust a:hover {color:#c01923;}

#dortlualan { padding-top:330px; width:100%; line-height:160%; font-size:15px;}
#dortlualan h2, #ikilialan h2 { color:#2777b4; font-size:20px; padding-top:0px; padding-bottom:7px; padding-left:0px; margin:0px;}
.dortle { width:32%; cursor:pointer; float:left; background-image:url(gorsel/ubg.png); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius:7px;}
.dortara { margin-left:2%;}
.dortle img {width:100%; border:0px;}


#altbolum { padding-bottom:15px; margin-right:auto; margin-left:auto; padding-top:15px; margin-top:25px; font-size:11px;  background-image:url(gorsel/ubg.png); width:100%; line-height:200%;}
#altbolum img { border:0px; }

#clouds { text-align:center; margin-top:10px;}
#cr { text-align:center; font-size:13px; color:#221f1f; text-shadow:1px 1px #fff;}
#ailetisim { paddin-bottom:10px; text-align:center; font-size:15px;}

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


.aragritam { border-bottom:1px dashed #ced6dc; margin-top:6px; margin-bottom:6px;}
.aragriflu { border-bottom:1px dashed #deeeee; 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;}
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:#333; text-decoration:none; }
a.katbaslik:hover { color:#999;}
a.katdetay { color:#333; text-decoration:none; font-size:15px; }
.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;}



@media only screen and (max-width: 990px) {
#logo{
	width:100%; float:none; text-align:center;

}

#logo img {width:50%; border:0px;}

#menu { background-color:transparent; height:auto; padding-bottom:10px; }
#incele {width:100%;}
#enust { text-align:center;}

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

#anas { width:70%; margin-left:15%; } #aras { width:70%; margin-left:auto; margin-left:auto;}
#ma p, #ma span { display:none;}
#logosag {
	width:100%; float:none; text-align:center; margin-top:10px;
}

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

.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%;}
#siteen {width:85%;}

}

@media only screen and (max-width: 590px) { #anas,#aras {width:90%; margin-left:5%;} #anas input { font-size:20px;} #aras p {font-size:30px;} .mav { padding-top:25px; } #ma h2 { font-size:30px;}
}

#nav {list-style:none;  z-index:500; text-decoration:none;  padding:0px; margin: 0 auto; float:right; }


#nav li.top {display:block; float:left; }
#nav li a.top_link {
display:block; 
float:left; 	background-image:url(gorsel/micon.png); background-repeat:no-repeat; background-position:left 24px; 
color: #221f1f; font-size:17px; text-decoration:none; font-weight:bold; padding:12px; margin-left:5px; margin-right:5px;}




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

#nav li:hover ul.sub
{left:5px; top:45px;  width:auto; height:auto; z-index:300;  }
#nav li:hover ul.sub li
{display:block;  position:relative; float:left; width:350px; font-weight:normal;}
#nav li:hover ul.sub li a
{
	display:block;
	font-size:16px;

	width:auto;

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

	line-height:13px;
	text-align:left;
	
	background-color:#e9e9e9; color: #c01923;  
}





#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:#c01923; border:0px; font-size:15px;}


.vegas-loading {
	border-radius: 10px;
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url(https://www.clouds.com.tr/web/genelgorsel/images/loading.gif) no-repeat center center; /* Loading Gif by https://preloaders.net/ */
	height: 32px;
	left: 20px;
	position: fixed;
	top: 20px;
	width: 32px; 
	z-index: 0;
}

.vegas-overlay {
	background: transparent url(gorsel/01.png);
	opacity: 0.5;
	z-index: -1;
}

.vegas-background {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
    max-width: none !important; /* counteracts global img modification by twitter bootstrap library */
	z-index: -2;
}

.vegas-overlay,
.vegas-background {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}



#interContainer{
position: absolute;
width: 50%; /*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:#ffffff; 
right: 0;
width: 10px;
top: 0;
z-index: 5000;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.7;
}


@media only screen and (max-width: 1150px) {
.mav { padding-top:55px; }
#nav li a.top_link {
display:block; 
float:left; 	background-image:url(gorsel/micon.png); background-repeat:no-repeat; background-position:left 20px; 
color: #221f1f; font-size:17px; text-decoration:none; font-weight:bold; padding:8px; margin-left:2px; margin-right:2px;}

#nav li:hover ul.sub
{left:2px; top:39px;  width:auto; height:auto; z-index:300;  }

}