@import url('https://fonts.googleapis.com/css?family=Roboto Condensed');

.hour {border-width: 0px; font-size: 35px; text-align: right; padding-right:5px; font-family: Roboto Condensed;}

.min {border-width: 0px; font-size: 20px; text-align: left; height: 50px; width: 30px; font-family: Roboto Condensed;}

.column {
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    column-width: 100px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
    padding:30px;
}

body {
    margin:0;
    padding:0;
    font-family: Roboto Condensed;

}

.topbutton {
    width:100px;
    border:2px solid #ccc;
    background:#f7f7f7;
    text-align:center;
    padding:10px;
    position:fixed;
    bottom:50px;
    right:50px;
    cursor:pointer;
    color:#333;
    font-family:verdana;
    font-size:12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* группируем картинки */
figure {
    margin: 0px;
    font-family: Roboto Condensed;
}
/* position: relative; обязательно, остальное опционально */
figure.ink-image {
    position: relative;
    font-family: Roboto Condensed;
}
/* изображения резиновые */
figure.ink-image > img {
    border: 0px none;
    width: 100%;
    vertical-align: top;
    font-family: Roboto Condensed;
}
/* формируем подписи к картинкам */
figure.ink-image > figcaption {
    padding: 1em;
    line-height: 1.3;
    font-family: Roboto Condensed;
    font-weight: 400;
}

/* выделенные подписи с фоном */
/* подпись на тёмном фоне */
figure.ink-image > figcaption.dark {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    padding: 4px 8px;
    color: white;
    margin: 0;
    font: 14px Sans-Serif;
    font-family: Roboto Condensed;

}

/* выделенные подписи с фоном */
/* подпись на тёмном фоне */
figure.ink-image > figcaption.dark1 {
    position: absolute;
    bottom: 40%;
    left: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    padding: 4px 8px;
    color: white;
    margin: 0;
    font: 14px Sans-Serif;
    font-family: Roboto Condensed;
}

/* выделенные подписи с фоном */
/* подпись на тёмном фоне */
figure.ink-image > figcaption.dark2 {
    position: absolute;
    top: 10%;
    left: 10px;
    background: rgba(0, 0, 0, 0.7);
    padding: 4px 8px;
    color: white;
    margin: 0;
    font: 14px Sans-Serif;
    font-family: Roboto Condensed;
}

/* выделенные подписи с фоном */
/* подпись на тёмном фоне */
figure.ink-image > figcaption.dark3 {
    position: absolute;
    bottom: 10%;
    left: 10px;
    right: 10px;
    padding: 4px 8px;
    color: white;
    margin: 0;
    font: 14px Sans-Serif;
    font-family: Roboto Condensed;
}

/* выделенные подписи с фоном */
/* подпись на тёмном фоне */
figure.ink-image > figcaption.dark5 {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    padding: 4px 8px;
    color: white;
    margin: 0;
    font: 14px Sans-Serif;
    font-family: Roboto Condensed;

}

.container_12{
    background: url(https://raspisanie-autobusov.ru/img/12_col.gif) top left repeat;
    margin-top: 10px;
    font-family: Roboto Condensed;
}

div[class^="grid"]{
    min-height: 100px;
    text-align: center;
    line-height: 100px;
    font-family: Roboto Condensed;
}

div[class="grid_4"]{
    background-color: hsla(120,100%,50%,.4);
    font-family: Roboto Condensed;
}

div[class="grid_6"]{
    background-color: hsla(240,100%,50%,.4);
    font-family: Roboto Condensed;
}

p {font-size:20px; padding-top:10px; line-height: 1.1; font-family: Roboto Condensed; color:#000000;}

a {font-size:20px; padding-top:10px; line-height: 1.1; font-family: Roboto Condensed;}

.img_phone {width:40%; float:left; margin-top:200px;}

.img_advo {width:30%; float:left; margin-top:200px;}

h1 {font-family: Roboto Condensed; margin:2vw; text-align:center; color:#ffffff;}

h2 {font-family: Roboto Condensed; margin-top:50px;  margin-bottom:50px; font-size:35px; text-align:center; color:#000000;}

h3 {font-family: Roboto Condensed; margin-top:50px;  margin-bottom:50px; font-size:30px; text-align:center; color:#000000;}

h4 {font-family: Roboto Condensed; margin-top:50px; font-size:25px; margin-bottom:50px; text-align:center; color:#000000;}

div h1 {font-family: Roboto Condensed; margin:2vw; text-align:center; color:#ffffff;}

div h2 {font-family: Roboto Condensed; margin-top:50px;  margin-bottom:50px; font-size:35px; text-align:center; color:#000000;}

div h3 {font-family: Roboto Condensed; margin-top:50px;  margin-bottom:50px; font-size:30px; text-align:center; color:#000000;}

div h4 {font-family: Roboto Condensed; margin-top:50px;  margin-bottom:50px; font-size:25px; text-align:center; color:#000000;}

.napr {font-family: Roboto Condensed; margin:1.5vw; text-align:center; color:#000000; margin-top:100px; margin-bottom:100px;}

.days {font-family: Roboto Condensed; margin:1.5vw; text-align:center; color:#000000;}

ol {font-size:20px; text-align: justify; font-family: Roboto Condensed; color:#000000; margin-bottom:0.5vw; line-height: 1.3}

ul {font-size:20px; text-align: justify; font-family: Roboto Condensed; color:#000000; margin-bottom:0.5vw; line-height: 1.3}

input {font-family: Roboto Condensed; font-size:2vw; color:#424242; margin-bottom:0.5vw; line-height: 1.3}

textarea {font-family: Roboto Condensed; font-size:2vw; color:#424242; margin-bottom:0.5vw; line-height: 1.3}

button {font-family: Roboto Condensed; font-size:2vw; color:#424242; margin-bottom:0.5vw; line-height: 1.3}

.quote {
    border-left: 5px solid green; /* Линия слева от текста */
    padding-left: 10px; /* Расстояние между линией и текстом */
    margin-left: 10px; /* Расстояние от левого края до линии */
}

td {font-family: Roboto Condensed;}

th {font-family: Roboto Condensed;}