/* GENERAL */
.cam {
    width: 100%;
    min-width: 400px;
    margin: 0 auto;
}
.cam-clear {
    clear: both;
}
/* ARESAS */
.cam-area {
}
.cam-center-only > .cam-area.cam-center {
    width: 100%;
}

.cam-east-only > .cam-area.cam-center {
    width: 60%;
    float: left;
}
.cam-west-only > .cam-area.cam-center {
    width: 60%;
    float: left;
}
.cam-area.cam-east {
    width: 40%;
    float: right;
}
.cam-area.cam-west {
    width: 40%;
    float: left;
}
.cam-30.cam-east-only > .cam-area.cam-center {
    width: 70%;
    float: left;
}
.cam-30.cam-west-only > .cam-area.cam-center {
    width: 70%;
    float: left;
}
.cam-30 .cam-area.cam-east {
    width: 30%;
    float: right;
}
.cam-30 .cam-area.cam-west {
    width: 30%;
    float: left;
}
.cam-25 .cam-east-only > .cam-area.cam-center {
    width: 75%;
    float: left;
}
.cam-25 .cam-west-only > .cam-area.cam-center {
    width: 75%;
    float: left;
}
.cam-25 .cam-area.cam-east {
    width: 25%;
    float: right;
}
.cam-25 .cam-area.cam-west {
    width: 25%;
    float: left;
}
.cam-east-and-west > .cam-area.cam-center {
    width: 50%;
    /* margin-right: 25%; */
    /* margin-left: 25%; */
    float: left;
}
.cam-east-and-west > .cam-area.cam-east {
    width: 25%;
}
.cam-east-and-west > .cam-area.cam-west {
    width: 25%;
}
/* BLOCKS */
.cam-block {
    float: left;
}
.cam-area .cam-block.cam-wide,
.cam-center .cam-block,
.cam-east .cam-block,
.cam-west .cam-block {
    width: 100%;
}
.cam-area .cam-block.cam-fit,
.cam-north .cam-block,
.cam-south .cam-block {
    width: auto;
}
.cam-block.cam-left {
    float: left;
}
.cam-block.cam-right {
    float: right;
}
/* CONTENTS */
.cam-content {
    margin: 5px;
}
.cam.nomargins .cam-content {
    margin: 0px;
}
.cam-title h1,
.cam-title h2,
.cam-title h3,
.cam-title h4,
.cam-title h5 {
    font-size: inherit;
    padding: 0.5em 0;
    margin: 0;
}
.cam-sub-title h1,
.cam-sub-title h2,
.cam-sub-title h3,
.cam-sub-title h4,
.cam-sub-title h5 {
    font-size: inherit;
    padding: 0.2em 0;
    margin: 0;
}
@media all and (max-width: 800px) {
    .cam .cam-north .cam-block {
        width: 100%;
    }
    .cam.cam-east-only .cam-area.cam-center,
    .cam.cam-west-only .cam-area.cam-center,
    .cam .cam-area.cam-center,
    .cam .cam-area.cam-east,
    .cam .cam-area.cam-west {
        float: none;
        width:100%;
        margin: 0;
    }
    .cam .cam-block.cam-menu-item {
        width: 100%;
        overflow: hidden;
    }
    .cam .cam-block.cam-menu-item a span {
        display: none;
    }
    .cam .cam-menu-item .cam-content a {
        padding: 5px;
        line-height: 16px;
    }
    .cam .cam-menu-item .cam-content a img {
        margin-right: 2px;
        max-height: 16px;
        max-width: 16px;
    }
}
@media all and (min-width: 1140px) {
    .cam-fixed.fixed { position: fixed; }
    .cam-fixed.fixed .cam-content {  border-bottom: 3px solid #F0F0F0; border-radius: 0; }
    .cam-fixed.cam-reset.fixed { position: fixed; width: 100%; left: 0;}
    .iframe .cam-fixed.fixed { width: 100%; }
}