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


.cols2 {
	column-count: 2;
            column-gap: 30pt
}
.left {float:left}
.in {width:80%;max-width:1000px}
.bod {background:#008080}
.b {font-weight:600}
.cent {display:block;margin-left:auto;margin-right:auto}
.tac {text-align:center}
.ib {display:inline-block}
.dt {display:table}


.ml30 {margin-left:30pt}
.mr30 {margin-right:30pt}
.mb20 {margin-bottom:20pt}
.sluzba {padding-bottom:30pt;display:block}
.mp_none {margin:0 !important;padding:0 !important;font-size:15pt}

.pl20 {padding-left:20pt}
.mr20 {margin-right:20pt}
.mt20 {padding-top:20pt}
.p10 {padding:10pt}
.w40 {width:40%}
.w80 {width:80%}
.w60 {width:70%}
.w100 {width:100%}
.u {text-decoration:underline}
.w {color:#ffffff}
.right {float:right}
.anton {font-family:anton}
.c {color:#a67d24;}
.mb30 {margin-bottom:30pt}

.but {display:inline-block;padding:5pt;padding-left:20pt;padding-right:20pt;color:#ffffff;background-color:#de8787;box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6)}
.but:hover {position:relative;left:3pt;top:3pt;box-shadow:none}
.napiste {background:#008080;display:table;margin-top:20pt;margin-bottom:30pt}

.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}

.lh15 {line-height:1.5}


.nabidka_obal {width:80%;display:grid;grid-template-columns:auto auto auto auto auto;margin-left:auto;margin-right:auto;justify-content:center;gap:20pt;margin-bottom:30pt;margin-top:20pt}

.ref {width:250px;float:left;margin-bottom:50pt}
.prejit {color:#ffffff;font-size:20pt;background:#a57d25;margin-top:30pt}

.but:hover {pointer:hand}

#logo {background:url('/media/im/logo.png') no-repeat;background-size:contain;display:block;width:150pt;height:60pt;margin-top:20pt}

#menu_obal {display:block}

#home {background:url('/media/im/hp_uvod.jpg') no-repeat center 0;background-size:cover;line-height:1.2;padding-bottom:50pt}
#home > * .but {margin-top:130pt;margin-right:200pt}
#home2 {background:url('/media/im/hp_vyhody.jpg') no-repeat center 0;background-size:cover;line-height:1.2;padding-bottom:50pt}


#vyhody {display:grid;grid-template-columns:auto auto auto auto;gap:40pt;justify-content:center;align-content: space-evenly;}
#vyhody div {border-radius:50%;text-align:center;width:100pt;height:100pt;background: rgba(0, 80, 80, 0.3)}
#vyhody div span {display:table;width:100%;height:100%;margin:0;padding:0}
#vyhody > * b {display:table-cell;vertical-align:middle}

#obsah_obal {display:block}
#obsah {display:block;margin-bottom:0pt}

#hp_footer {background:url('/media/im/hp_footer.jpg') no-repeat center 0pt;background-size:content;display:block;height:180pt;width:100%}
#footer {display:block;padding-top:10pt;background:#102d56}
#footer_in {display:grid;grid-template-columns:auto auto auto auto;gap:30pt;color:#ffffff;font-size:9pt}
#footer_in a {color:#ffffff !important;font-size:9pt} 
#facebook {background:url('/media/im/facebook.png') no-repeat;background-size:contain;width:20pt;height:20pt;margin-right:10pt}
#instagram {background:url('/media/im/instagram.png') no-repeat;background-size:contain;width:20pt;height:20pt}



#copy {display:block;margin-top:30pt;padding-bottom:30pt;color:#ffffff}
#copy, #copy a {font-size:10pt;color:#ffffff}
#copy .right a {background:url('/media/im/artanet.png') no-repeat;background-size:contain;color:transparent;display:inline-block;position:relative;top:2pt}


#kontakty {display:grid;grid-template-columns:auto auto auto;gap:100pt;justify-content:center}
#map {display:grid;grid-template-columns:200pt auto;gap:10pt;margin-top:20pt}

#form_objednat {display:block}
#form_objednat p input {border:1pt solid #9a9a9a;background:#f9f9f9;width:100%;height:30pt;padding-left:5pt}
#form_objednat p textarea {border:1pt solid #9a9a9a;background:#f9f9f9;width:100%;padding:5pt}

#gmap {float:right;width:100%;height:220px}

#id_souhlas {display:inline !important;width:auto !important;height:auto !important} 
#id_telefon  {border:1pt solid #9a9a9a;background:#f9f9f9;width:100%;height:30pt;padding-left:5pt}

#menu_title {color:#ffffff;position:relative;top:-110pt;left:50pt;font-size:27pt}
#menu_title_home {color:#ffffff;font-size:27pt}
#hp {background:url('/media/im/hp.jpg') no-repeat;display:block;background-size:cover;padding-top:100pt;padding-bottom:100pt}
#hp .in {padding-left:60pt}
#hp2 {background:url('/media/im/hp2.jpg') no-repeat  center 0;color:#000000;padding-top:20pt;padding-bottom:30pt;background-size:cover;font-size:15pt;margin-bottom:20pt}
#hp2 .but {font-family:anton;background-color:#102d56;margin-top:20pt}
#hp3_ref {background:url('/media/im/back_ref.jpg') no-repeat  center 0;color:#000000;padding-top:20pt;padding-bottom:30pt;background-size:cover;font-size:15pt;margin-bottom:20pt}
#hp3_ref .in {display:grid;grid-template-columns:auto auto auto;gap:20pt}
#hp3_ref .in div {background:#102d56;color:#ffffff;padding:10pt;font-size:11pt}

#ref_home {display:table;margin-bottom:15pt}
#ref_home div {display:table-cell;vertical-align:middle}


h1 {color:#a67d24;font-family:anton, arial, sans-serif;margin-top:0;padding-top:0}

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