contacts.css 3.01 KB
*{
    margin: 0;
    padding: 0;}
body {
    background: #f6f6f6;
}
img {
    border: none;
}
@font-face {
    font-family:'Roboto';
    src: url('fonts/Roboto.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
div {
    box-sizing: border-box;
}
.kite-margin-block {
    width: 920px;
    height: 80px;
    float: left;
}
.kite-wrap-pages-all {
    width: 960px;
    margin: 0 auto;
}
.kite-wrap-pages {
    width: 960px;
    float: left;
    padding: 0 20px;
    background: #fff;
}
.kite-cont {
    width: 920px;
    float: left;
}

.kite-block-contacts-wrap {
    width: 920px;
    float: left;
    position: relative;
}
#kite-block-contacts-wrap-bg {
    width: 960px;
    position: absolute;
    border-top: 1px solid #e8eaec;
    height: 53px;
    left: -20px;
    background: #eff0f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #eff0f2 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff0f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eff0f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eff0f2 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eff0f2 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eff0f2 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.kite-contacts-wr {
    width: 920px;
    height: 500px;
    position: relative;
    margin-top: 17px;
}
.kite-contacts-left {
    width: 440px;
    float: left;
}
.kite-contacts-right {
    width: 440px;
    float: right;
}
.kite-contacts-left-right-blocks {
    width: 440px;
    float: left;
    border-bottom: 1px dotted #b1b1b1;
    padding-bottom: 10px;
    margin-top: 25px;
    transition: 0.3s;
}
.kite-contacts-left-right-blocks:first-child {
    margin-top: 0;
}
.kite-contacts-title {
    width: 440px;
    height: 36px;
}
.kite-contacts-title tr td {
    vertical-align: top;
    color: #329cda;
    font-size: 18px;
    font-weight: bold;
    font-family: "Century Gothic";
}
.kite-contacts-phones-graph-wrap {width: 440px;}
.kite-contacts-phones-graph-wrap tr td {
    width: 220px;
    vertical-align: top;
}
.kite-contacts-phones-graph {
    width: 220px;
    color: #555555;
    font-size: 18px;
    font-family:'Roboto';
}
.kite-contacts-phones-graph tr td {height: 26px;}
#kite-graph span {
    font-weight: bold;
    font-family: "Century Gothic";
}
#kite-graph {font-size: 13px;font-family:'Roboto'; padding-left: 20px;}
#kite-graph tr td {height: 15px;}
#img-tb {vertical-align: middle;}
#table-phon {
    font-size: 15px;
}
#adress-position {
    position: absolute;
    margin-top: -40px;
}
#adress-position2 {width: 16px; vertical-align: middle;}
.seti-shop {
    width: 920px;
    height: 450px;
    float: left;
    margin-top: 30px;
}
.kite-contacts-left-right-blocks:hover {
    opacity: 0.7;
    transition: 0.3s;
}