* {
    padding: 0;
    margin: 0;
    font-family: Verdana;
}

.main-wrapper {
    padding: 22px;
    box-sizing: border-box;
    float: left;
}

.content-wrapper {
    width: 100%;
    padding-top: 15px;
    box-sizing: border-box;
    float: left;
}

.content-wrapper.content-title {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
}

.small-wrapper {
    width: 330px;
    float: left;
}

.main-text-title {
    font-weight: bold;
    color: #3498db;
    font-size: 36px;
}

.tile-wrapper {
    width: 322px;
    height: 87px;
    box-sizing: border-box;
}

.tile-wrapper:hover .tile-icon {
    opacity: 0.6;
}

.tile-wrapper > a {
    display: block;
    width: 100%;
    height: 100%;
}

.tile-icon {
    width: 64px;
    height: 64px;
    margin: 10px 0 0 10px;
    float: left;
}

.tile-icon.network {
    background: url(../images/icons/network.png) no-repeat;
}

.tile-icon.bookshelf {
    background: url(../images/icons/bookshelf.png) no-repeat;
}

.tile-icon.newspaper {
    background: url(../images/icons/newspaper.png) no-repeat;
}

.tile-icon.photo {
    background: url(../images/icons/photo.png) no-repeat;
}

.tile-icon.wikipedia {
    background: url(../images/icons/wikipedia.png) no-repeat;
}

.tile-description {
    float: left;
    margin: 22px 0 0 10px;
}

.tile-description > .title {
    font-size: 20px;
    color: #4e5c72;
}
.tile-description > .title-description {
    font-size: 14px;
    color: #abadb1;
}

.temp-center {
    width: 322px;
    margin: 0 auto;
}

.hint-newspaper {
    width: 414px;
    height: 108px;
    background: url(../images/hints/hint_newspaper.png) no-repeat;
    position: absolute;
    margin: 175px 0 0 -410px;
}

.uvc-info {
    width: 600px;
    margin: 40px 0 0 -40px;
    float: left;
    font-size: 12px;
    color: #abadb1;
}