@font-face {font-family:'myFontNormal';font-weight:normal;src:url('./../fonts/Roboto-Regular.ttf') format('truetype');}
@font-face {font-family:'myFontLight';font-weight:normal;src:url('./../fonts/Roboto-Light.ttf') format('truetype');}
:root {--primary:#008e97;--secondary:#f58220;--grey:#777777;--grey-light:#cfcfcf;--grey-dark: #333333;}
* {border:0;margin:0;outline:0;padding:0;box-sizing:border-box;border-style:none;text-decoration:none;background-color:transparent;}
html,body {width:100%;height:100%;cursor:default;user-select:none;}
html {font:normal 16px myFontLight,serif;line-height:1;letter-spacing:0px;vertical-align:baseline;color:var(--grey-dark);}
body{background: white;}
h1,h2,h3,h4,h6,h6 {font-family:myFontNormal;color:var(--secondary);}
a {font-family:myFontNormal;color:var(--primary);transition:color 0.3s;}
a:hover {color:var(--secondary) !important;}
header {background:linear-gradient(0deg,rgba(255,255,255,0%),#f0f0f0 5%,#fff 7%);position:fixed;z-index:1000;top:0px;left:0px;width:100%;height:70px;}
header a {background:url('./../images/favicon-00.png') 7px 7px/35px 35px no-repeat;display:inline-block;height:49px;margin:10px 21px 14px 1vw;padding: 14px 7px 7px 56px;color: var(--primary);font: normal 1.1rem/1.6rem myFontNormal;}
nav#menu {position:fixed;top: 0px;right:0px;z-index:1001;height:70px;margin:14px 0px 14px 140px;padding:14px 7px 14px 14px;white-space:nowrap;text-align:right;}
nav#menu a {margin-right:1vw;padding:0px 2px;font-size:1.1rem;}
nav#menu:hover a {color:var(--grey)}
nav#menu a#selected {border-bottom:solid 2px var(--secondary);color:var(--secondary);}
main {min-height:100%;margin:0px auto;padding:70px 21px 21px;max-width:1024px;}
footer {background-color:var(--grey-dark);color:var(--grey-light);font-size: 0.8rem;display:flex;justify-content:center;flex-wrap:wrap;padding:14px 7px;}
footer section {text-align:center;padding:7px;}
footer section > * {text-align:center;}
footer h2 {display:none;}
footer p,
footer a {line-height:2rem;white-space:nowrap;font-family: myFontNormal;}
footer p {margin:0px 1px;}
footer a {color:white;}
footer nav a {margin: 0px 0.7vw;}
footer #copyright div > * {display: inline-block;}
@media screen and (max-width : 500px) {
    header a {font-size: 0rem;vertical-align:top;}
    footer {flex-direction:column;}
    footer nav a {display:block;}
}
.success {color:#007f00;font:normal 1rem/1.4 myFontLight;}
.error {color:red;font:normal 0.9rem/1.4 myFontNormal;}

#not-found h2 {line-height: 5rem;}
#not-found p {line-height: 2rem;}

#policy main > * {font:normal 0.9rem/1.8 myFontLight;margin:0px 0px 14px;user-select:text;}
#policy main h2 {font:normal 1.8rem/2.1 myFontNormal;}
#policy main h3 {font:normal 1.3rem/2.1 myFontNormal;color:var(--primary);margin:35px 0px 0px;}
#policy main h4 {font:normal 1.1rem/2.1 myFontNormal;margin:14px 0px 0px;}
#policy main li {list-style-position:outside;padding-left:7px;margin-left:28px;}

#intranet main {display:flex;justify-content:center;align-items:center;}
#intranet main a {transition:filter 0.2s;background-size:91%;background-repeat:no-repeat;background-position: center;font-size:0rem;width:21vw;height:21vw;margin:0px 2vw 49px;max-width:105px;max-height:105px;display: inline-block;}
#intranet main a:hover {background-size: 98%;}
#intranet .docs {background-image: url('./../images/icon-docs-00.png');}
#intranet .mail {background-image: url('./../images/icon-mail-00.png');}
#intranet .invoices {background-image: url('./../images/icon-invoices-00.png');}
@media screen and (max-width : 400px) {
    #intranet main nav {display:flex;flex-direction:column;}
    #intranet main a {width:28vw;height:28vw;margin:21px;}
}

#home main {background:url('./../images/logo-00.png') center no-repeat;color:var(--grey-light);}
#home main div {font-size:0rem;}
@media screen and (max-width : 480px) {
    #home main {background-size:contain;}
}

#store main {text-align:center;display:flex;justify-content:center;align-items:center;max-width:none;}
#store #amazon {width: 350px;}
#store #amazon a.title {color:var(--secondary);font-size:2rem;}
#store #amazon a.amazon {background-position:center;background-repeat:no-repeat;background-size:contain;font-size:0rem;display:block;width:100%;height:140px;}
#store #amazon .de {background-image: url('./../images/amazon-logo-de-00.png')}
#store #amazon .es {background-image: url('./../images/amazon-logo-es-00.png')}
#store #amazon .fr {background-image: url('./../images/amazon-logo-fr-00.png')}
#store #amazon .gb {background-image: url('./../images/amazon-logo-gb-00.png')}
#store #amazon .it {background-image: url('./../images/amazon-logo-it-00.png')}
@media screen and (max-width : 400px) {
    #store #amazon {width: 100%;}
    #store #amazon a.title {font-size:1.4rem;}
}

#contact main {display:grid;grid-template-rows:2fr 1fr;grid-template-columns:1fr 3fr 210px 1fr;grid-template-areas:". left right ." "footer footer footer footer";padding:70px 0px 0px;max-width: none;}
#contact main section {line-height: 1.5rem; padding: 49px 21px;}
@media screen and (max-width : 1440px) {#contact main {grid-template-columns: 1fr 7fr 210px 1fr;}}
@media screen and (max-width : 1024px) {#contact main {grid-template-columns: 1fr 14fr 210px 1fr;}}
@media screen and (max-width : 700px) {
    #contact main {display: flex;flex-direction: column;justify-content: space-between;}
    #contact main section {padding: 21px;}
}
#contact main h2 {padding-bottom: 14px;color: var(--secondary);}
#contact #address {grid-area: right;}
#contact #address a {margin-top: 21px; display: block;}
#contact #form {grid-area: left;}

#contact #form label {font-size: 0rem; line-height: 0rem;display:block;margin:14px 0px;}
#contact #form label span {margin-left: 7px;}
#contact #form input[type="text"],
#contact #form input[type="email"],
#contact #form textarea {border:solid 1px var(--secondary);font:normal 1rem/1.4 myFontLight;padding:7px 14px;width:100%;}
#contact #form textarea {height:140px;resize:none;}
#contact #form input[type="submit"] {background:var(--primary);color:white;font-weight:bold;height:42px;width:105px;}
#contact #form input[type="submit"]:hover {background:var(--secondary);}
#contact #map {background-color:var(--grey-light);filter:grayscale(100%);grid-area:footer;height:100%;width:100%;}