wysiwyg.css 3.79 KB
@charset "utf-8";
/* CSS Document */
p{
    font-family: Arial, sans-serif;
    color: #363a40;
    font-size: 12px;
    clear: left;
}
p, ul, ol{
    margin-bottom: 25px;
    line-height: 20px;
    font-family: Arial, sans-serif;
    color: #363a40;
    font-size: 12px;
}
ul{
    padding-left: 17px;
}
ol{
    padding-left: 15px;
}
img{
    margin-bottom: 15px;
}
blockquote{
    display: block;
    padding: 0 0 0 58px;
    margin: 0 0 15px 0;
    font-style: italic;
    line-height: 20px;
    background: url("../img/blockquote.png") no-repeat left top;
}
.col4, .col6, .col2, .col3, .col8, .col10, .col5, .col7, .col12{
    float: left;
}
.col-wrapper > .col7, .col-wrapper > .col12, .col-wrapper > .col4, .col-wrapper > .col6, .col-wrapper > .col2, .col-wrapper > .col3, .col-wrapper > .col8, .col-wrapper > .col10, .with-margin{
    margin-left: 24px;
}
.col12{
    width: 960px;
}
.col4{
    width: 304px;
}
.col6{
    width: 468px;
}
.col2{
    width: 140px;
}
.col3{
    width: 222px;
}
.col8{
    width: 632px;
}
.col8.no-margin{
    margin-left: 0px !important;
    width: 656px;
}
.col10{
    width: 796px;
}
.col5{
    width: 384px;
}
.col10 .col2{
    margin-left: 24px;
}
.col7{
   width: 550px;
}
.section-title, h2{
    margin: 20px 0;
    font-size: 18px;
    color: #1b222b;
    font-family: 'PTSansBold';
    clear: left;
}
h3{
    margin: 20px 0px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
}
.tail-frame-small-right{
    width: 136px;
    position: relative;
    float: left;
    min-height: 50px;
    clear: left;
    border-bottom: 7px solid #ced3d9;
    border-top: 1px solid #ced3d9;
    border-left: 3px solid #ced3d9;
    border-right: 1px solid #ced3d9;
    margin-top: 20px;
}
.tail-frame-small-right.for-image{
    margin-top: 0px;
}
.tail-frame-small-right .tail{
    position: absolute;
    background: url("../img/tail-frame-small-right.png") no-repeat left top;
    width: 10px;
    height: 14px;
    top: 14px;
    left: -10px;
}
.tail-frame-small-right .frame-text-content{
    padding: 12px 15px;
    font-style: italic;
    font-size: 11px;
    color: #7a7d80;
    line-height: 16px;
}
.content-wide-gallery{
    width: 820px;
    float: left;
    margin-bottom: 25px;
    clear: left;
}
.content-wide-gallery img{
    vertical-align: bottom;
    max-width: 250px;
    margin-right: 20px;
}
.some-help-box{
    width: 100%;
    float: left;
    clear: left;
    margin-top: 15px;
}
.some-help-box img{
    max-width: 100%;
    vertical-align: top;
    margin-bottom: 15px;
}
.some-help-box p{
    font-size: 11px;
    color: #7a7d80;
    font-style: italic;
    margin-bottom: 15px;
    line-height: 16px;
}
p.with-list-image{
    padding-left: 13px;
    margin-left: -13px;
    width: 100%;
    background: url("../img/list-image-for-p.png") no-repeat left 7px;
}
hr{
    width: 100%;
    clear: left;
    margin: 20px 0px 20px 0;
    background: #e5e9ed;
    height: 1px;
    color: #e5e9ed;
    border: none;
    float: left;
}
hr.inline{
    float: none;
    margin-bottom: 0px;
}
.contacts-on-page{
    width: 100%;
}
.contacts-on-page p{
    padding: 10px 0 10px 40px;
    line-height: 20px;
    background-position: 13px center;
    background-repeat: no-repeat;
    border-top: 1px solid #e6eaee;
}
.contacts-on-page p:first-child{
    border: none;
}
.contacts-on-page p.tel-content{
    background-image: url("../img/tel-icon.png");
    background-position: 14px center;
}
.contacts-on-page p.email{
    background-image: url("../img/message-icon.png");
}
.contacts-on-page p.address{
    background-image: url("../img/map-marker-icon.png");
    background-position: 15px center
}
h2{
    margin: 27px 0px 20px;
}