@font-face {
    font-family:karma;
    src: url('/media/fonts/karma/Karma-Regular.ttf');
}

@font-face {
    font-family:karma_bold;
    src: url('/media/fonts/karma/Karma-Bold.ttf');
}

@font-face {
    font-family:quicksand;
    src: url('/media/fonts/quicksand/Quicksand-VariableFont_wght.ttf');
}

@font-face {
    font-family:quicksand_bold;
    src: url('/media/fonts/quicksand/static/Quicksand-Bold.ttf');
}

.cent {display:block;margin-left:auto;margin-right:auto}
.tac {text-align:center}
.ib {display:inline-block}
.dt {display:table}

.kontakt_inline a {margin-right:15pt;padding-left:20pt;background-size:contain;font-size:10pt}
.adresa {background:url('/media/im/kontakt_mail.png') no-repeat}
.telefon {background:url('/media/im/kontakt_telefon.png') no-repeat}
.email {background:url('/media/im/kontakt_zavinac.png') no-repeat}

.shad {box-shadow: 0px 1px 7px 5px #A9A9A9}
.shad_card {box-shadow: 0px 7px 5px 0px #A9A9A9}
.shad_blog {box-shadow: 0px 1px 5px -1px #A9A9A9}

.mt20 {padding-top:20pt}
.p10 {padding:8pt}
.w40 {width:40%}
.u {text-decoration:underline}
.no_motto {margin-top:20pt}

.svetlo_rodiny {margin-left:-7pt !important}
.svetlo_kurzy-supervize {margin-left:13pt !important}
.svetlo_psychosomatika {margin-left:23pt !important}

.card_obal {background:#f4eed7}
.card_in {display:grid;grid-template-columns:33% 33% 33%}
.card_in img  {position:relative;top:-13pt;clip-path: ellipse();
}

.card {display:grid;grid-template-columns:30% 70%;margin-top:35pt;gap:5pt}
.card div b a {color:#000000}
.card_tym {display:grid;grid-template-columns:15% 30% 35% 20%;margin-top:35pt;margin-bottom:7pt;gap:5pt;width:70%;margin-left:auto;margin-right:auto;padding-top:15pt}
.card_tym_obal:first-child {padding-top:0pt;padding-bottom:0pt}
.card_tym .objednat,#icon_head .objednat {font-size:18pt;color:#ceab3c}
.card_tym img  {position:relative;top:0pt;clip-path: ellipse();}
.card_tym .icon {clip-path:none !important;height:20pt;margin-bottom:4pt;position:static !important;
	filter: invert(71%) sepia(78%) saturate(387%) hue-rotate(1deg) brightness(110%) contrast(87%);
}
.card_tym span {font-size:10pt;margin-top:5pt;margin-right:10pt}
.card_tym .kontakt {margin-top:8pt;font-size:11pt}
.tym_image {width:110px;height:120px}
.tym_content {width:70%;padding-bottom:15pt}

.flag {position:relative;top:-2pt !important;clip-path:none !important;width:25pt;display:inline-block;margin-right:10pt}

.right {float:right}

.f_eco input {width:85%;text-align:left;border:1px solid #4d4d4d;padding:5pt;margin-bottom:5pt;display:block}
.od {background:#ceab3c;color:#ffffff;border:none !important}

.color {color:#4d4d4d}
.color2 {color:#318cb9}
.bw {background:#ffffff}
.quicksand_bold {font-family:quicksand_bold}
.ft10 {font-size:10pt}
.nohome {margin-top:3pt !important;background:#fcfbf6 !important}


.tbl {border-collapse:collapse;background:#ffffff;border-top:2px solid #ceab3c;border-bottom:2px solid #ceab3c;width:90% !important}
.tbl td {border:1px solid #ceab3c;padding:8pt}

.blog_item {font-size:10pt;background:#ffffff;padding:10pt;border:1px solid #ceab3c;
}
.blog_item h3 {font-size:15pt}
.blog_item img {width:100%}


.vnone {visibility:hidden}
.visible {visibility:visible}


.svetlo_menu {position:absolute;width:auto;display:block;margin-top:-33pt;margin-left:-15pt;width:70pt;height:60pt !important}

.submenu_kurzy_active {color:#000000 !important;font-weight:600}

#blog {
	display:grid;grid-template-columns:auto auto auto auto;gap:10pt
}

#menu_obal {text-align:center;display:block}
#top_part {background:#f0e6c5;display:block;padding-top:20pt}
#top_part h1 {font-size:55pt;margin-bottom:0}
#top_part h2 {font-size:23pt;margin-top:0;padding-top:0;margin-bottom:5pt}
#top_part h1,h2 {padding:0;margin:0;line-height:1}
#top_part h3 {font-size:20pt}


#menu_icon {display:table;padding-bottom:10pt;margin-top:35pt}
#menu_icon a {display:inline-block;margin-left:3vw;margin-right:3vw;text-align:center;color:#4d4d4d}
#menu_icon a img {height:2vw}
#menu_icon a:hover > .svetlo_menu {visibility:visible}


#obsah_obal {background:#f4eed7;display:block;margin-top:15pt}
#obsah {display:block;width:85%;padding-bottom:50pt;padding-top:25pt;max-width:1700px}


#footer {display:block;padding-top:20pt}
#footer_in {display:grid;grid-template-columns:auto auto auto;width:68%;gap:30pt}

#copy {display:block;width:80%;margin-top:30pt}
#copy, #copy a {font-size:10pt;font-family:Helvetica, Arial, sans-serif}
#copy .right a {background:url('/media/im/artanet.png') no-repeat;background-size:contain;color:transparent;display:inline-block;position:relative;top:2pt}

#gallery {width:250px;margin-right:20pt;margin-top:30pt}
#gallery img {margin-bottom:20pt;margin-left:20pt}


#form_objednat {display:grid;grid-template-columns:47% auto;gap:40pt}
#form_objednat input,textarea,select {width:100%;background:#ffffff;border:1px solid #ceab3c;padding:5pt }
#form_objednat p  strong {font-size:10pt}

#gmap {float:right;width:65%;height:400px;border:1px solid #3bb3c2}

#id_poznamka {height:222pt}
#id_poznamky {height:30pt !important}
#icon_head h2 {position:relative;top:-1pt}
#icon_head .color2 {padding-bottom:20pt;border-bottom:1px solid #318cb9;margin-bottom:30pt}
#icon_head .objednat {position:relative;top:40pt}

#submenu_kurzy a {display:block;font-size:15pt;color:#318cb9}

h1,h2,h3 {font-family:karma,Helvetica, Arial, sans-serif;font-weight:400}
h1,h3 {color:#ceab3c}
h2 {color:#0db6d1}

b {font-family:karma_bold}

img {display:block;max-width:100%;height:auto;width:auto}
a {text-decoration:none;color:#808080}
a:hover {color:#000000}
body {color:#4d4d4d;padding:0px;margin:0px;font-family: karma, Helvetica, Arial, sans-serif;background:#c6f5fd;}