@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rancho);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700);

body{
	margin:0;
	padding:0;
	background:#000;
	color:#FFF;
	font-family: 'Ubuntu', sans-serif;
	}
img{
	border:0;
	}	
.clear{
	clear:both;
	}	
.wrap{
    width:907px;
	margin:0 auto;
	}	
#page{
	min-height:590px;
	width:970px;
	margin:0 auto;
	background:url(bg.jpg) no-repeat center top;
	}
#page2{
	background:#FFF;
	
	width:770px;
	padding:15px;
	margin:0 auto;
	margin-top:50px;
	border-radius:10px;
	box-shadow:0px 0px 50px #e5e5e5; 
	margin-bottom:30px;
	position:relative;
	z-index:1px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FFFFFF));
	background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
	background: -moz-linear-gradient(#FFFFFF, #FFFFFF);
	background: -ms-linear-gradient(#FFFFFF, #FFFFFF);
	background: -o-linear-gradient(#FFFFFF, #FFFFFF);
	background: linear-gradient(#FFFFFF, #FFFFFF);
	-pie-background: linear-gradient(#FFFFFF, #FFFFFF);
	behavior: url(../../pie/PIE.htc);
}	
#menu-content {
    	
    	     float: right;
	    width:100%; text-align:center; font-size:13px; 
	  	
}
#page2 h1{
	color:#000;
	margin-top:0;
	}	
#menu{
	background:url(menubg.jpg) repeat-x;
	font-size:15px;
	height:18px;
	
	padding:10px;
	}	
#menu a{
	margin:10px;
	text-decoration:none;
	color:#FFF;
	}
#menu a:hover{
	text-decoration:underline;
	}
#menu a.active{
	text-decoration:underline;
	}			
#bottommenu{

	background:#131313;
	border:1px solid #262626;
	position:fixed;
	bottom:0;
	margin-bottom:0;
 
	height:33px;
	width:100%;

	}
	#footer-content {
	    	width: 400px;
    margin: auto;
    margin-left: 18%;
	}
#bottommenu a{
	text-decoration:none;
	color:#404040;
	font-size:13px;
	margin:5px;
	}	
#bottommenu a:hover{
	text-decoration:none;
	color:#FFF;
	margin:5px;
	}
#bottommenu a.active{
	color:#FFF;
	}	
#block{
	padding:15px;
	font-size:14px;
	line-height:20px;
	margin-top:60px;
	width:325px;
	height:215px;
	background:#000;
	}
#block h1{
	margin-bottom:0px;
	font-size:42px;
	}
	
.black p{
	color:#000;
	}
b.black {
	font-size:18px;
	color:#000;

	}
#solmenu{
	float:left;
	width:200px;
	}		
#solmenu ul{
	margin:0;
	padding:0;
	}
#solmenu ul li{
	border-radius:5px;
	border:1px solid #FFF;
	list-style:none;
	padding:5px;
	background:url(../../img/menu.png);
	}
#solmenu ul li:hover{
	
	background:url(../../img/menuhover.png)
	}
#solmenu ul a  {
	
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	}
#solmenu ul a:hover li{
	
	text-decoration:none;
	color:#000;
	}
#sag{
	color:#000;
	float:right;
	width:530px;
	margin-left:5px;
	}
.bolum{
	border-radius:10px;
	width:140px;
	height:100px;
	background:url(../../img/bolum.png);
	color:#FFF;
	float:left;
	margin:5px;
	padding:10px;
	font-size:12px;
	border:1px solid #FFF;
	}
.bolum img{
	width:140px;
	max-width:140px;
	max-height:100px;
	}
.img{
	text-align:center;
	overflow:hidden;
	margin-bottom:3px;
	height:88px;
	background:#FFF;
	opacity:1;
	}
.bolum a{
	color:#FFF;
	text-decoration:none;
	}
.bolum a:hover{
	text-decoration:underline;
	}
.content {
	float:left;
	width:338px;}	
.content p{
	font-size:13px;
	color:#000;
	height:auto 10px;
	}

.contentsag{
	font-size:13px;
	float:left;
	color:#000;
	width:250px;
	}	
.contentsag img{
	border-radius:8px;
	max-width:245px;
	border:5px solid #000;
	}
.fancybox-img{
	z-index:9999;
	}	
input{
	color:#FFF;
	background:#000;
	border:1px solid #FFF;
	height:25px;
	border-radius:5px;
	width:200px;
	}
textarea{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-radius:5px;
	color:#FFF;
	background:#000;
	border:1px solid #FFF;
	width:200px;
	height:70px;
	}
input.button{
	width:100px;
	font-weight:bold;
	height:30px;
	cursor:pointer;
	}	
iframe{
	border:5px solid #000;
	border-radius:10px;
	width:300px;
	height:200px;}		
#bottommenu	iframe{
	position:absolute;
	border:0;
	height:150px !important;
	}		
	
	#dril {
	    position:absolute; margin-left:490px; 
	    
	}
	#dril img {
	    height:180px;
	}
	
	
	#menu-content {
	    width:970px; text-align:center; font-size:13px; 
	}
	
	#menu-button {
	    display:none;
	}
	#kroki-img {
	    width:350px;
	}
	#iletisim-1 {
	    float:left; width:400px; color:#000;  font-size:13px;
	}
	#iletisim-2 {
	    float:left; width:350px; color:#000; font-size:13px;
	}
	#dril img {
	
	  margin-top:-167px;
	}
	
	#slider-sw {
	    width:100%;
	    margin:auto;
	}
	
	@media only screen and (max-width:967px) {
	    	#dril {
	   position: fixed;
    margin-left: 470px;
	}
		
  #bottommenu {
	        margin-left:0px;
	    }
	    
	}
	
	
		
	
	@media only screen and (max-width:767px) {
	    	#footer-content {
	    	width: 400px;
    margin: auto;
    margin-left: 0px;
	}
	    	#slider-sw {
	    width:100%;
	    margin-top:20%;
	    
	}
	
	.img-grup-detay {
	    width:130px;
	    height:130px;
	    float:left;
	}

	    #bottommenu {
	        margin-left:0px;
	    }
	    
	    #bolum-grup {
	        float:left;
	        width: 39%;
	    }
	    	    #bolum-karisik {
	      float: left;
    width: 24%;
    height: 80px;
	    }
	    #bolum-karisik img {
	      width: 99%;
    height: 96%;
	    }
	    
	    #dril {
    position: absolute;
    margin-left: 50%;
}
	    	#dril img {
	margin-top: -100px;
    width: 90px;
    height: 85px;
	}
	
	    
	   	#iletisim-1 {
	    width: 10px !important;
	    float:left;  color:#000;  font-size:13px;
	}
	#iletisim-2 {
	    float:left; color:#000; font-size:13px;
	}
	    
	    
	    	#menu-button {
	    display:block;
	}
	    .wrap {
	        	width:100%;
	    }
    img {
         max-width: 100%;
height:auto;
box-sizing:border-box;
display:block;
    }
    	#menu-content {
    	   
	    width:100%; text-align:center; font-size:13px; 
	       
	}

		#dril img {
	       margin-top:-80px;
	   
	}

	#menu-content a {
	    display:none;
	}
	
	 	#bottommenu {
	    height: 90px;
	}
		#bottommenu a{
	    display:inline-flex;
	}
	#page2{
	    width: 100% !important;
	}
	#sag {
	   width: 148px !important;
	}
	.bolum {
	    float: initial;
	    padding:6px;
	}
	#page {
    width: 82%;
	    
	}
		#kroki-img {
	    width:250px;
	}
	
	#solmenu{
	float:left;
	width:130px;
	}
	    
	    
	}