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

@font-face {
    font-family:arsenalb;
    src: url('/media/fonts/arsenal/Arsenal-Bold.ttf');
}

.sluzba {display:block;margin-bottom:60pt}

.in {width:85%;max-width:1500px}
.bod {background:#008080}
.b {font-weight:600;font-family:arsenalb}
.cent {display:block;margin-left:auto;margin-right:auto}
.tac {text-align:center}
.ib {display:inline-block}
.dt {display:table}

.pl20 {padding-left:20pt}
.mr20 {margin-right:20pt}
.mt20 {padding-top:20pt}
.p10 {padding:10pt}
.w40 {width:40%}
.w100 {width:100%}
.u {text-decoration:underline}
.w {color:#ffffff !important}
.right {float:right}
.fleft {float:left}


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

.lh12 {line-height:1.2}

.nabidka_obal {width:80%;display:grid;grid-template-columns:auto auto auto auto;margin-left:auto;margin-right:auto;justify-content:center;gap:20pt;margin-bottom:30pt}
.nabidka_obal  a {color:#ffffff;background-color:#5b5b5b;width:200px;height:350px}
.nabidka_obal  a  span {position:relative;top:3pt}

.produkt {display:inline-block;margin-right:10pt;margin-left:10pt;margin-bottom:40pt}
.produkt img {margin-bottom:30pt}
.produkt span  {font-family:arsenal}

.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 {display:table;margin-top:20pt;margin-bottom:30pt}


.hr {border-top:1px solid #048981}


#produkt_detail {display:grid;grid-template-columns:45% auto;gap:30pt;justify-content:center;align-content: space-evenly;margin-top:30pt;margin-bottom:30pt}
#produkt_detail h3 {color:#000000}
#produkt_detail h2 {color:#048981;margin-top:0;padding-top:0}

#videonavody {display:grid;grid-template-columns:50% 50%;gap:30pt;justify-content:center;align-content: space-evenly;margin-top:30pt;margin-bottom:30pt}

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

#menu_obal {display:block;margin-top:20pt;text-align:center}
#top_part {display:block;background:#233238;padding:8pt}

#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;padding-bottom:50pt}

#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:20pt;background:#046e82}
#footer_in {display:grid;grid-template-columns:auto auto auto auto;gap:30pt;color:#ffffff;font-size:10pt}
#footer_in a {color:#ffffff;font-size:10pt} 
#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}

#hp_image {position:relative;left:-8pt}


#copy {display:block;margin-top:30pt;padding-bottom:30pt}
#copy, #copy a {font-size:10pt}
#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}

#obj {width:100%;background:#048981;display:block;text-align:center;color:#ffffff;padding:4pt}
#form_objednat {display:grid;grid-template-columns:auto auto;gap:10pt}
#form_objednat p input {border:1pt solid #9a9a9a;background:#f9f9f9;width:100%;height:10pt;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:13pt}


#form_objednat {display:grid;grid-template-columns:auto auto;gap:20pt;margin-top:10pt}
#form_objednat input,textarea,select {width:100%;background:#f9f9f9;border:1px solid #a5a5a5;padding:5pt }
#form_objednat p  strong {font-size:10pt}

#id_captcha_1 {background:#f9f9f9;border:1px solid #a5a5a5;}

#id_souhlas {display:inline !important;width:auto !important;height:auto !important} 


nahledy {display:block;height:89pt;margin-top:10pt}
nahledy a img {display:inline-block;margin-right:10pt}
h1,h2,h3 {color:#214478;font-family:arsenalb}
iframe {width:100% !important;height:240pt !important}
img {display:block;max-width:100%;height:auto;width:auto}
a {text-decoration:none;color:#000000;font-family:arsenalb}
body {padding:0px;margin:0px;font-family: arsenal, Helvetica, Arial, sans-serif}