@CHARSET "UTF-8";

#content h2{
	width: 256px;
	float: left;
	position: relative;
	display: block;
}

.categories{
	width: 210px;
	padding: 5px 15px 16px 15px;
	float: left;
	list-style: none;
	background-color: #f9f9f9;
}

.categories li{
	display: block;
	float: left;
	position: relative;
	width: 210px;
}

.categories li a:hover{
	text-decoration: underline;
}

.categories>li{
	background-image: url('../images/horizontal_line.png');
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 15px 0 15px 0;
}

.categories a{
	color: #a9a9a9;
	font-size: 14px;
}

.categories a.active{
	color: #001b36;
	font-size: 14px;
}

.categories ul{
	padding-left: 20px; 
}
	
#textContent{
	width: 100%;
}
	
#articles{
	float: right;
	width: 740px;
}

.article{
	width: 740px;
	float: right;
}

.article .title{
	color: #001b38;
}

.articles:hover{
    opacity: 0.7;
}

 .crumbs{
 	width: 650px;
 	height: 30px;
 	margin: 13px 0;
	color: #a9a9a9;
	font-size: 12px;
	margin-bottom: 30px;
}

.crumbs .crumbContainer:after{
	 content: '/';
}

.crumbs .crumb:hover{
	text-decoration: underline;
}

.crumbs .crumbContainer:last-child:after{
	 content: '';
}

.articles{
	width: 170px;
	height: 150px;
	margin: 20px 10px;
}

.articles:nth-child(4n-3){
	margin-left: 0;
}

.articles:nth-child(4n+1){
	margin-right: 0;
}

.articles .img{
	background-color: #fff;
	width: 170px;
	height: 123px;	
}

.articles .info{
	width: 170px;
	text-align: center;
}

.hidden{
	display: none;
}