@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
#featured{ 
	width:1050px;  
	position:relative; 
	margin:0px auto;
	height:400px; overflow:hidden;
	font-family: 'Roboto' sans-herif  !important ;
	
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:750px; 
	list-style:none; 
	padding:0; margin:0; 
	padding-left:10px;
	width:300px; height:500px;
	overflow:auto;
	overflow-x:hidden;
	background-color:#040406;
}
#featured ul.ui-tabs-nav li{ 
	padding:4px 0 0 20px;  
	font-size:12px; 
	margin-top:13px;
	color:#fff; 
	border-bottom:2px solid white;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	padding:2px; 
	
	
}
.panel-img { border-right:2px solid white; }
#featured ul.ui-tabs-nav li span{ 
	font-size:12px; 
font-family: 'Open Sans', sans-serif;
	line-height:18px; 
	text-align:left;
	
	
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; text-decoration:none;
	color:#e6e6e6;  background-color:#040406; 
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	/*background:#f2f2f2;  */
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('../images/selll.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background-color:#040406; 
}
#featured .ui-tabs-panel{ 
	width:700px; height:330px; 
	/*background-color:#040406;*/ position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	text-align:left;
	bottom:0; left:0; 
	height:65px; 
	 
	
	 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; 
	font-size:11px;  
	color:#fff; 
	right:10px; 
	top:-20px; 
	line-height:20px; 
	margin:0; 
	outline:none; 
	background:#333;
}
.span1back { 
	width:155px;
	height:auto; 
	background: url('../images/deneme3.png');
	-webkit-transform: skew(-30deg) translateZ(0);
	position: relative;
	overflow: hidden;
	padding:10px 60px;
	margin-left:-10px
}
.span1backk { 
	z-index:11111;
	position: relative;
	-webkit-transform: skew(30deg) translateZ(0)
}
.span2back { 
	width:500px;
	height:auto;
	background: url('../images/deneme3.png');
	-webkit-transform: skew(-30deg) translateZ(0);
	position: relative;	
	overflow: hidden;
	padding:19px 70px;
	margin-left:-20px; 
	margin-top:10px
}
.span2backk {
	 z-index:11111;
	 position: relative;
	 -webkit-transform: skew(30deg) translateZ(0)
}
	
#featured .info .span1back .span1backk  span{ 
	font-size:12px;   
	line-height:25px; 
	color:#fff; 
	opacity:1;
	z-index:11111;
	margin-left:-30px;
	
	  font-family: 'Roboto Slab', serif;
}
#featured .info .span2back .span2backk p{ 
	
	font-size:14px;    
	line-height:25px; 
	color:#fff; 
	 opacity:1;
	 z-index:11111;
	  margin-left:-30px;
	  font-family: 'Roboto Slab', serif;
	  padding: 0;
	  font-weight: bolder;
}

#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}@media (max-width:1278px) and (min-width:900px)
	{
		body {overflow-x: hidden ;width:1100px;}
		.genel { margin:0px auto !important ;}
		.footer {width:1100px; margin:0px auto }
		#Haber_Manset { font-size:15px !important }
		#Haber_Icerik { font-size:13px !important }
	}