#header {
	position: fixed;
    width: 100%;
    height: 34px;
    text-align:center;  
	background: rgba(255,255,255, 0.9);
	background:#fff;
    z-index: 102;
    min-width: 1000px;
    top: 0px;
    
	.logo {
        float: left;
        display: block;
        background: url(../images/logo.png) no-repeat center center;
        width: 94px; height: 21px;
        margin-top: 7px;
        margin-left: 17px;
    }

	/*Kamas*/
	ul li a, ul li span {
		line-height: 0px !important;
    	padding: 0px !important;
	}	
	
    ul {
		margin-left: 0px !important;
	}
	
    .space {
        width: 30px;
        height: 34px;
    }
    .sep {
    	width: 1px;
    	background: #000;
    	height: 13px;
    	margin: 10px 14px 0 15px;
    }
	.radio {
        float: right;
		position: relative;
		width: 150px;
		height: 35px;
		
        a {
        	display: block;
        	font-family: CirceRegular;
        	font-size: 10px;
        	line-height: 35px;
        	color: #0064FF;
        	text-decoration: none;
        	letter-spacing: 2px;
        }
        .fl {
        	float: left;
        	margin-left: 15px;
        }
        .fr {
        	float: right;
        	margin-right: 30px;
        }
        .play {
        	position: absolute;
        	width: 27px;
        	height: 27px;
			overflow: hidden;
        	z-index: 2;
        	top: 7px;
        	left: 66px;
        	z-index: 11;
        }
        .streams {
			display: none;
        	position: absolute;
        	width: 80px;
        	height: 48px;
        	background: url(../images/radio-streams.png) no-repeat bottom center;
        	margin: 0px 0 0 36px;
        	z-index: 10;
        	padding-top: 30px;
        	
        	.container {
        		padding: 15px;
        		
        		span {
        			display: block;
        			font-family: CirceRegular;
        			color: #9EC4FF;
        			text-transform: uppercase;
        			font-size: 9px;
        			text-align: center;
        			line-height: 14px;
        			cursor: pointer;
        		}
        		.active {
        			color: #fff;
        			cursor: default;
        		}
        	}
        }
        .ico {
        	cursor: pointer;
        	width: 20px;
        	height: 20px;
        }
		.ico-play {
			position: absolute;
			background: url(../images/ui/menu/play.png) no-repeat 0px 0px;
			z-index: 1;
		}
		.ico-pause {
			position: absolute;
			background: url(../images/ui/menu/play.png) no-repeat -20px 0px;
		} 
    }
    .search {
    	float: right;
    	position: relative;
    	width: 240px;
    	height: 35px;
    	margin-right: 30px;
    	text-align: left;
    	
    	input {
    		position: relative;
    		width: 100px;
    		font-family: CirceRegular;
    		font-size: 11px !important;
    		line-height: 15px !important;
    		padding: 3px 2px;
    		border: none;
    		border-bottom: 1px solid #000;
    		margin-top: 7px;
    		z-index: 11;
    		background: transparent;
    	}
    	input:focus {
    		outline: none;
    		width: 200px;
    	}
    	.result {
    		display: none;
    		position: absolute;
    		width: 390px;
    		border-left: 1px solid #000;
    		border-bottom: 1px solid #000;
    		background: #FFFFE4;
    		margin: 0 0 0 -10px;
    		z-index: 10;
    		
    		ul {
    			list-style: none;
    			padding: 50px 0 10px 0;
				
    			li {
    				padding: 10px;
    				width: 280px;
    				
    				a {
    					text-decoration: none;
    					color: #000;
    					display: block;
    				}
    				img {
    					display: inline-block;
    					width: 55px;
    					height: 45px;
    					margin-right: 20px;
    				}
    				.title {
    					display: block;
    					/*width: 290px;*/
    					font-family: CirceRegular;
						font-size: 13px;
						line-height: 15px;
						vertical-align: top;
    				}
    			}
    			li:hover {
    				background: #FFFFA6;
    			}
    			li.noresult {
    				color: #444;
    				text-align: center;
    				font-family: CirceRegular;
    				font-size: 13px;
    				line-height: 15px;
    			}
    			li.noresult:hover {
    				background: none;
    			}
    		}
    	}
    	
    }
}

#filter {
	float: left;
	margin-left: 30px;
    height: 34px;
    text-align:center;
    z-index: 101;
    
    ul.articles {
        list-style:none;
        float: left;
        margin: 6px 0 0 30px;

        
        li {
            display: inline;
            color: #000;
            float: left;
			margin: 0 17px 0 0px;
			
            a {
                float: left;
                width: 22px; height: 22px;
                text-decoration: none;
                padding: 0;
                
                .tooltip {
                	position: absolute;
                	background: #fff;
                	width: 90px;
                	margin: 28px 0 0 -34px;
                	padding-top: 4px;
                	padding-bottom: 4px;
                	font-family: CirceRegular;
                	font-size: 8px;
                	letter-spacing: 1px;
                	text-transform: uppercase;
                	display: none;
                	-moz-border-radius-topleft: 0px;
                	-moz-border-radius-topright: 0px;
                	-moz-border-radius-bottomright: 4px;
                	-moz-border-radius-bottomleft: 4px;
                	-webkit-border-radius: 0px 0px 4px 4px;
                	border-radius: 0px 0px 4px 4px;
                }
            }
            a:hover, .active:hover {
            	.tooltip {
            		display: block;
            		color: #000;
            	}
            }
            .active {
            	.tooltip {
            		color: #0064FF !important;
            	}
            }
        }
    }
    
    .article {
		display: none;
    }
    .blogs {
    	width: 400px;
    	height: 22px;
    	padding-left: 228px;
    	margin: 7px 0 0 7%;
    	display: none;
    }
    
    .select {
    	float: left;
    	width: 200px;
    	height: 20px;
    	line-height: 20px;
		font-size: 10px;
		text-transform: uppercase;
    	border: 1px solid #f00;
    	
    	.arrow {
    		float:right;
    		width: 20px;
    		height: 20px;
    		background: url(../images/ui/menu/arrow-down.png) no-repeat center center;
    		border-left: 1px solid #f00;
    	}
    	.select-list {
    		width: 200px;
    		background: rgba(255,255,255, 0.9);
    		position: absolute;
    		z-index: 100;
    		margin-left: -1px;
    		display: none;
    		border: 1px solid #f00;
    		
    		ul {
    			list-style: none;
    		}
    		li a {
    			height: 20px;
    			color: #000;
    			line-height: 20px;
    			width: 100px;
    			text-decoration: none;
    		}
    		li:hover {
    			background: #eee;
    			color: #fff;
    		}
    	}
    }
    .select:Hover {
    	cursor: pointer;
    }
    
}

#filter {
	.ico-art 		{background: url('../images/ui/icons/icons.png') 0px 0px;}
	.ico-cinema 	{background: url('../images/ui/icons/icons.png') -22px 0px;}
	.ico-music 		{background: url('../images/ui/icons/icons.png') -44px 0px;}
	.ico-theatre 	{background: url('../images/ui/icons/icons.png') -66px 0px;}
	.ico-literature {background: url('../images/ui/icons/icons.png') -88px 0px;}
	.ico-sex		{background: url('../images/ui/icons/icons.png') -110px 0px;}
	.ico-kids 		{background: url('../images/ui/icons/icons.png') -132px 0px;}
	.ico-education 	{background: url('../images/ui/icons/icons.png') -154px 0px;}
	.ico-society 	{background: url('../images/ui/icons/icons.png') -176px 0px;}
	.ico-media 		{background: url('../images/ui/icons/icons.png') -198px 0px;}
	.ico-technology {background: url('../images/ui/icons/icons.png') -220px 0px;}
	.ico-science 	{background: url('../images/ui/icons/icons.png') -242px 0px;}
	.ico-sport 		{background: url('../images/ui/icons/icons.png') -264px 0px;}
	.ico-fashion 	{background: url('../images/ui/icons/icons.png') -286px 0px;}
	.ico-television {background: url('../images/ui/icons/icons.png') -308px 0px;}
	.ico-guide 		{background: url('../images/ui/icons/icons.png') -330px 0px;}
	
	.active {
		&.ico-art 		{background: url('../images/ui/icons/icons.png') 0px -44px;}
		&.ico-cinema 	{background: url('../images/ui/icons/icons.png') -22px -44px;}
		&.ico-music 	{background: url('../images/ui/icons/icons.png') -44px -44px;}
		&.ico-theatre 	{background: url('../images/ui/icons/icons.png') -66px -44px;}
		&.ico-literature{background: url('../images/ui/icons/icons.png') -88px -44px;}
		&.ico-sex		{background: url('../images/ui/icons/icons.png') -110px -44px;}
		&.ico-kids 		{background: url('../images/ui/icons/icons.png') -132px -44px;}
		&.ico-education {background: url('../images/ui/icons/icons.png') -154px -44px;}
		&.ico-society 	{background: url('../images/ui/icons/icons.png') -176px -44px;}
		&.ico-media 	{background: url('../images/ui/icons/icons.png') -198px -44px;}
		&.ico-technology{background: url('../images/ui/icons/icons.png') -220px -44px;}
		&.ico-science 	{background: url('../images/ui/icons/icons.png') -242px -44px;}
		&.ico-sport 	{background: url('../images/ui/icons/icons.png') -264px -44px;}
		&.ico-fashion 	{background: url('../images/ui/icons/icons.png') -286px -44px;}
		&.ico-television{background: url('../images/ui/icons/icons.png') -308px -44px;}
		&.ico-guide 	{background: url('../images/ui/icons/icons.png') -330px -44px;}
	}
}

.ico-art 		{background: url('../images/ui/icons/icons.png') 0px -44px;}
.ico-cinema 	{background: url('../images/ui/icons/icons.png') -22px -44px;}
.ico-music 		{background: url('../images/ui/icons/icons.png') -44px -44px;}
.ico-theatre 	{background: url('../images/ui/icons/icons.png') -66px -44px;}
.ico-literature	{background: url('../images/ui/icons/icons.png') -88px -44px;}
.ico-sex		{background: url('../images/ui/icons/icons.png') -110px -44px;}
.ico-kids 		{background: url('../images/ui/icons/icons.png') -132px -44px;}
.ico-education 	{background: url('../images/ui/icons/icons.png') -154px -44px;}
.ico-society 	{background: url('../images/ui/icons/icons.png') -176px -44px;}
.ico-media 		{background: url('../images/ui/icons/icons.png') -198px -44px;}
.ico-technology	{background: url('../images/ui/icons/icons.png') -220px -44px;}
.ico-science 	{background: url('../images/ui/icons/icons.png') -242px -44px;}
.ico-sport 		{background: url('../images/ui/icons/icons.png') -264px -44px;}
.ico-fashion 	{background: url('../images/ui/icons/icons.png') -286px -44px;}
.ico-television	{background: url('../images/ui/icons/icons.png') -308px -44px;}
.ico-guide 		{background: url('../images/ui/icons/icons.png') -330px -44px;}