* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin: 0;padding: 0;border: 0;outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent;}

header, h1, h2, h3, h4, h5, h6 {color: #393185;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}

nav ul {list-style: none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {  vertical-align:middle;  }
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin: 1em 0; padding:0;}

a {text-decoration: none;color: #393185;}
a:hover {color: #ff0000;}

/* Clearfix */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}

/*Базовые элементы*/
body {font: 0.8em "Tahoma"; color: #444;background-color: #fdfdfd;}

header {color: #393185;font-weight: bolder;}
p {margin: 0 0 10px 0;line-height: 1.5;}

ul, ol {margin: 0 0 20px 35px;line-height: 1.5;}
ul {list-style: disc;}
ol {list-style: decimal;}

/* grid */
[class*="row-"] {margin-bottom: 20px;}
[class*="row-"]:last-child {margin-bottom: 0;}
[class*="col-"] {}
@media all and ( min-width: 768px ) {
    [class*="col-"] {margin-left: 20px;}
    [class*="col-"]:first-child {margin-left: 0;}

    /* make the columns responsive */
    .col-1-2 {float: left;width: 50%;}
    .col-1-4 {float: left;width: 25%;}
    .col-1-8 {float: left;width: 25%;}

    /* 2 span rows */
    .row-2 {padding-left: 20px;}
    .row-2 [class*="col-"]:first-child {margin-left: -20px;}

    /* 4 span rows */
    .row-4 {padding-left: 60px;}
    .row-4 [class*="col-"]:first-child {margin-left: -60px;}
}

/* Настраиваем параметры дополнительных классов */
.max-width900 {width: 100%; max-width: 900px;margin: 0 auto;}
.max-width1000 {width: 100%; max-width: 1400px;margin: 0 auto;}
.max-width1200 {width: 100%; max-width: 1200px;margin: 0 auto;}
.max-width1400 {width: 100%; max-width: 1400px;margin: 0 auto;}
.max-width1600 {width: 100%; max-width: 1600px;margin: 0 auto;}

/* Текстовые стили */
span.date {color: #aaa;display: block;margin-bottom: 10px;}

.tcenter {text-align: center;}
.tright {text-align: right;}

/* Параметры разметки */
.mbot10 {margin-bottom: 10px;}
.no-margin {margin: 0;}

/* Tarifs */
.tarif * {padding: 0; margin: 0;box-sizing: border-box;}
.tarif {display: table; width: 100%;border-spacing: 10px;}
.tarif .r {display: table-row;width: 100%;}
.tarif .item {display: table-cell;width: 50%;margin: 100px;padding: 20px;border: 1px solid #ddd;border-radius: 10px;}

.tarif .item h3 {padding-bottom: 20px;color: #393185;}
.tarif .item ul {padding-left: 40px;list-style: none;color: #6a6a6a;}
.tarif .item li {line-height: 2;border-bottom: 1px solid #eee;}
.tarif .item li:last-child {border-bottom: 0;}
.tarif .item span {color: #000;font-weight: bolder;}
.tarif .item a {bottom: 0;border: 2px solid #fecc00; margin: 15px 0px 0px 0px; display: block; width: 100px; text-align: center; padding: 8px; border-radius: 30px; color: #393185; text-decoration: none;}
.tarif .item a:hover {background: #fecc00;color: #393185;}

@media (max-width: 800px) {
    .tarif {display: block;}
    .tarif .r {display: table;}
    .tarif .item {display: table-row; width: 100%; border-bottom: 1px solid #ddd;}
    .tarif .item ul {padding-left: 0px;}
    .tarif .item h3 {margin: 0;padding-bottom: 5px; font-size: 1.3em;}
}

/* TABLES ***/

/* Стандартная таблица */
table {border: 2px solid #777;}
table thead {background: #393185; color: #fff;}
table thead th {text-align: center;font-weight: bolder;padding: 10px;vertical-align: middle; border: 1px solid #aaa;}
table thead th:first-child {text-align: left;}
table tbody tr:hover {background-color: #eee;}

table tbody th {text-align: center;font-weight: bolder;padding: 10px;vertical-align: middle;background: #393185; border: 1px solid #aaa; color: #fff;}
table tbody th:first-child {text-align: left;}
table td {padding: 10px;text-align: left;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
table td:first-child {border-left: 0;}
table td:hover {background-color: #ddd;}

/* Таблица междугородних и международных звонков */
.tb_prices td {text-align: center;}
.tb_prices td:first-child {text-align: left;}

.price {border-radius: 10px;table-layout: auto;}

.price td {text-align: center;}
.price td:first-child {text-align: left;}

.price thead th, .price tbody th {border-left: 1px solid #ddd;}
.price thead th:first-child {border-left: 0;}
.price tbody th:first-child {border-left: 0;}

.cont > div {border: 1px solid #ddd; padding: 15px; border-radius: 10px;}
.cont > div p {margin: 0;}

@media (max-width: 800px) {
    .cont {margin: 0;padding: 0;border-bottom: 1px solid #ddd;}
    .cont p {margin: 0;}
    .cont > div {border: 0;border-top: 1px solid #ddd;margin:0;padding: 10px;border-radius: 0;}
    .cont > div:first-child {border-top: 0;}
}