.type-site-container:after{
	content: '';
	display: block;
	clear: both;
}

.type-site-item {
    display: block;
    float: left;
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
    background: #32519c;
    border-bottom: 2px solid #32519c;
    
    background: #7fcd0d;
    border-bottom: 2px solid #619c0b;
    
    color: #fff;
}

.type-site-item:hover,
.type-site-item:focus,
.type-site-item:active{
	text-decoration: none;
    color: #fff;
    background: #1484CE;
    background: #619c0b;
}

.type-site-item--active,
.type-site-item--active:hover {
    background: #e4003a;
    color: #ffffff;
    border-bottom: 2px solid #a9002b;
    cursor: default;
}

@media (max-width: 400px) {
	
	.type-site-item {
	    padding: 10px 10px;
	    font-size: 12px;
	}
}