@font-face { font-family: TriviaSansRegular; src: url('fonts/TriviaSansRegular.woff'); }
@font-face { font-family: TriviaSansRegular-Bold; src: url('fonts/TriviaSansRegular-Bold.woff'); }
@font-face { font-family: TriviaSlabRegular-Bold; src: url('fonts/TriviaSlabRegular-Bold.woff'); }

/******************************************************************************/
                                                     
:root { --black: #0d0b08; --black-hover: #1e1c19; --gray: #f3f3f3; }
:root { --color1: rgba(213,43,30,1); --color2: rgba(206,142,0,1); --color3: rgba(91,143,34,1); --color4: rgba(0,118,190,1); }
:root { --color195: rgba(213,43,30,0.95); --color295: rgba(206,142,0,0.95); --color395: rgba(91,143,34,0.95); --color495: rgba(0,118,190,0.95); }
:root { --color175: rgba(213,43,30,0.75); --color275: rgba(206,142,0,0.75); --color375: rgba(91,143,34,0.75); --color475: rgba(0,118,190,0.75); }
:root { --color115: rgba(213,43,30,0.15); --color215: rgba(206,142,0,0.15); --color315: rgba(91,143,34,0.15); --color415: rgba(0,118,190,0.15); }

/******************************************************************************/

body { color: #222; font-family: TriviaSansRegular, helvetica, poppins, sans-serif; font-size: 17px; line-height: 1.75em; position: relative; }

/******************************************************************************/

a { color: #222; }
a:hover { text-decoration: none; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }

h1, .h1, h2, h3, h4 { font-family: poppins, sans-serif; }
h1, .h1 { font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; position: relative; }
h2 { font-size: 26px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; }
h3 { font-size: 20px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; }
h4 { font-size: 17px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; }

.h1 { display: block; }
.h1bg h1, .h1bg .h1 { background: url('../img/bg_h1.png') center top no-repeat; padding-top: 10px; }

.h1-circle1, .h1-circle2, .h1-circle3, .h1-circle4 { background-position: center top; background-repeat: no-repeat; display: block; font-size: 36px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.5em; padding-top: 70px; position: relative; }
.h1-circle1 { background-image: url('../img/circle/01_brno/icon_circle_01.png'); }
.h1-circle2 { background-image: url('../img/circle/01_brno/icon_circle_02.png'); }
.h1-circle3 { background-image: url('../img/circle/01_brno/icon_circle_03.png'); }
.h1-circle4 { background-image: url('../img/circle/01_brno/icon_circle_04.png'); }

table {	border-collapse: collapse; }
ul { padding-left: 20px; }
ol { padding-left: 20px; }
p { margin: 0; }

input, textarea, select { font-family: poppins, sans-serif; font-size: 1em; }

/******************************************************************************/

.zvyrazneni { color: var(--color1); }
.schema1 .zvyrazneni { color: var(--color1); }
.schema2 .zvyrazneni { color: var(--color2); }
.schema3 .zvyrazneni { color: var(--color3); }
.schema4 .zvyrazneni { color: var(--color4); }

/******************************************************************************/
/* tabulka */

.table {}
.table tr th { line-height: 1.5em; }
.table tr th, .table tr td { padding: 0px 15px 0px 0; }
.table tr th, .table thead tr td, .table tr.th td { background: var(--highlight); background: #ccc; color: #111; font-weight: normal; }

/******************************************************************************/
/* tlačítka */

.button { background: var(--color1); border: 0; color: #eee; cursor: pointer; display: inline-block; font-size: small; font-weight: bold; padding: 8px 25px; text-align: center; text-decoration: none; }
.button:hover { color: var(--black); }
.schema1 .button { background: var(--color1); }
.schema2 .button { background: var(--color2); }
.schema3 .button { background: var(--color3); }
.schema4 .button { background: var(--color4); }

.button.w100 { width: 100%; }
.button.small { line-height: 1.25em; padding: 2px 5px; text-transform: none; }

.button-black { background: var(--black) !important; color: #fff; }
.button-black:hover { color: var(--color1); }
.schema1 .button-black:hover { color: var(--color1); }
.schema2 .button-black:hover { color: var(--color2); }
.schema3 .button-black:hover { color: var(--color3); }
.schema4 .button-black:hover { color: var(--color4); }

.button-white { background: #fff; color: #222; }
.button-white:hover { background: #eee; }

/******************************************************************************/
/* tabulka - ceník */

.table-envelope { width: auto !important; }
.table-envelope tr th, .table-envelope thead tr td { background: #777; color: #fff !important; padding: 3px 15px; }
.table-envelope tr th:first-child { text-align: left; }
.table-envelope tr td { padding: 3px 15px; vertical-align: top; }
.table-envelope tr td:first-child { color: var(--highlight); }
.table-envelope tr td:last-child { white-space: nowrap; }
.table-envelope tr:nth-child(even) td { background: #efefef; }
.table-envelope tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - o nás */

.table-about-us { width: 100%; }
.table-about-us tr td { padding: 10px 15px; vertical-align: top; }
.table-about-us tr td:first-child { border-right: 1px solid #ddd; }
.table-about-us tr:nth-child(even) td { background: #eee; }
.table-about-us tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - otvírací doba */

.table-opening-hours {}
.table-opening-hours tr td { padding: 0 15px; }
.table-opening-hours tr:nth-child(even) td { background: #eee; }
.table-opening-hours tr:nth-child(odd) td {}

/******************************************************************************/
/* tabulka - adresa */

.table-address { width: 100% !important; }
.table-address tr td { overflow: hidden; position: relative; vertical-align: top; }
.table-address iframe { height: 210px; width: 99.99%; }

/******************************************************************************/
/* tabulka - kontakty */

.table-contacts { width: 100% !important; }
.table-contacts tr td { padding: 0 15px 45px 0; vertical-align: top; width: 33.33% !important; }