/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Exo:400,400italic,500,500italic,600,300,300italic,200italic&subset=latin,latin-ext);


body, html { font-size: 100%; 	padding: 0; margin: 0;
background-color:#fdfdfd;
}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Exo', Calibri, Arial, sans-serif;
    color: #38a2e2;
	  background: rgba(0, 0, 0, 0) url("../images/img09.jpg") repeat;
}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.container > header {
	width: 90%;
	max-width: 68em;
	margin: 0 auto;
	padding: 0 1.875em 2.125em 0.1em;
}

.container > header {
	padding: 1.875em 1.875em 0.1em;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	font-size: 20pt;
	line-height:2;
	margin: 0;
	float: left;
	font-weight: 400;
	margin-bottom:10px;
	
}

.container > header nav {
	float: right;
	
}

.container > header nav a {
	display: block;
	float: left;	
	width: 2.5em;
	height: 2.5em;	
	margin: 0 0.1em;	

}

.container > header nav a:after {
	content: attr(data-info);
	color: #38a2e2;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #38a2e2;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}



.titlebg {
    background: rgba(0, 0, 0, 0) url("../images/img12.png") repeat-x scroll left top;
}


.titlebg h2 {
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-family: "Exo",sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 10px 0 0;
    text-transform: uppercase;
}


.divider {
    background: rgba(0, 0, 0, 0) url("../images/img08.jpg") repeat-x scroll left top;
    height: 7px;
    margin-bottom: 0px;
    overflow: hidden;
}
.divider2 {
	background: rgba(0, 0, 0, 0) url("../images/img12.png") repeat-x scroll left top;
	height: 10px;    
	overflow: hidden;
}	
.divider3 {
	background: rgba(0, 0, 0, 0) url("../images/img5.png") repeat-x scroll left top;
	height: 5px;    
	overflow: hidden;
}	

.divider4 {
	background: rgba(0, 0, 0, 0) url("../images/img06.png") repeat-x scroll left top;
	height: 2px;    
	overflow: hidden;
}	


.ortamenu {
    background: rgba(0, 0, 0, 0) url("../images/img09.jpg") repeat;
    min-height: 50pt;
    margin-bottom: 0px;
    overflow: hidden;
	margin: 0 auto;
    max-width: 68em;
    padding: 0 1.875em 2.125em 0.1em;
    width: 90%;	
}

.ortamenu span {font-size:80%;width:100%;color:#878787;padding-left:10px;}
.ortamenu ul {font-size:110%;width:50%;color:#878787;float:left;line-height:20pt;display:block;}
.ortamenu li {float:left;width:100%;list-style:none;font-size:75%;}
.ortamenu li a {color:#878787;}
.ortamenu li a:hover {text-decoration:underline;color:#38a2e2;}
.ortamenu img {border:5px solid #eee;max-height:350px;}
.ortamenu p {text-align:justify;color:#878787;font-size:90%}

.baslik {font-size:120%;width:100%;color:#878787;}
.res img{width:100%;}
.res2 img{width:70%;}
ul.style1 a {
    background: rgba(0, 0, 0, 0) url("../images/img09.png") no-repeat scroll left top;
    color: #525252;
    display: block;
    padding: 0 0 0 30px;
    text-decoration: none;
	
}
ul.style1 li {
    border-top: 1px solid #e6e6e6;
    padding: 10px 0;
	min-width:320px;
}
ul.style1 {
    list-style: outside none none;
    margin: 0;
    padding: 0;
	width:60%;
}

.yazi {float:left;width:100%;font-size:80%;}
.yazi a {color:#878787;}

.yazik {padding-left:15px;float:left;width:100%;font-size:80%;}
.yazik a {color:#878787;}
.yazik a:hover {text-decoration:underline;}


.altmenu {
	background: rgba(0, 0, 0, 0) url("../images/img07.png") repeat scroll 0 0;	
	min-height: 400px;
    margin-bottom: 0px;
    overflow: hidden;
	color:#eee;
	margin-bottom:10px;
	
}
.altmenu li {float:left;width:20%;list-style:none;}
.altmenu img {border:2px solid #eee;max-height:300px;}
.altmenu p {text-align:justify;color:#878787;font-size:90%}


.inorta {
	min-height: 400px;
    margin-bottom: 0px;
    overflow: hidden;
	color:#eee;
	margin-bottom:10px;
	
}
.inorta li {float:left;width:33%;list-style:none;}




.alt {
	background: rgba(0, 0, 0, 0) url("../images/img01.png") repeat scroll 0 0;	
	min-height: 270pt;
	margin-top:-20px;
	 color: #878787;
    font-family: "Exo",sans-serif;
    font-size: 10pt; 
	
	}

.solla {float:left;padding-left:20px;width:20%;}
.left {margin-left:3%;float:left;width:45%;text-align:justify;color:#878787;line-height:25px;font-size:100%;}
.iletim {margin-left:3%;float:left;width:30%;text-align:justify;color:#878787;line-height:25px;font-size:100%;}
.iletims {margin-left:3%;float:left;width:55%;text-align:justify;color:#878787;line-height:25px;font-size:100%}
.baslik {margin-left:3%;margin-top:2%;margin-bottom:1%;font-size:95%;color:#00a651;font-weight:bolder;}
.baslik a {color:#00a651}
.baslik2 {margin-left:3%;margin-top:2%;margin-bottom:1%;font-size:80%;color:#00a651;font-weight:bolder;}
.baslik2 a{color:#333;}
.left img{text-align:center;}
.alt ul{
    list-style: outside none none;
	list-style:circle;
    margin: 0;
    padding: 0;
}
	
.alt p {
    line-height: 100%;
}
.alt h4 {padding-right:15px;color:#878787;font-size:120%;text-decoration:underline;}
.alt li {    margin: 0;
    padding: 0;
	line-height:25px;
	font-size:90%;
	
	}
	

.altson {
	background: rgba(0, 0, 0, 0) url("../images/img02.png") repeat scroll 0 0;	
	min-height: 10pt;
	margin-top:-20px;
	 color: #878787;
    font-family: "Exo",sans-serif;
    font-size: 10pt; 
	
	}	
.copyright {overflow: hidden;
    padding: 20px 0;}
.altson p {
    line-height: 25px;
	text-align:Center;
}

.altson ul{
    list-style: outside none none;
	list-style:circle;
    margin: 0;
    padding: 0;
}
a.asagi { position:fixed;  bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } 
.referans {font-size:120%;width:100%;color:#878787;}

.ortala {   padding: 0 1.875em 2.125em 0.1em;
    width: 90%;}
.busayfa { padding: 0 3px; margin: 0 1px; background-color: #fff; border:1px solid #eee; font-size: 11px; color: #000 ; font-weight:bold ; }
.osayfa { padding: 0 3px; margin: 0 1px; border:1px solid #eee; font-size: 11px; color: #00a651 ;}
.tru { background-color:#fff ; }
.mod { background-color:#fff ; }
.firma{float:left;width:30%;}
.sehir{float:left;width:20%;}
.sektor{float:left;width:20%;}
.firmax {font-size:80%;font-weight:normal; float:left;width:30%;color:#005da3;}
.sehirx {font-size:80%;font-weight:normal; float:left;width:20%;color:#005da3;}
.sektorx {font-size:80%;font-weight:normal; float:left;width:20%;color:#005da3;}
.isol {float:left;width:40%;}