/* CSS Document */
@font-face {
    font-family: "Open Sans";
    src: url('./openSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Open Sans";
    src: url('./openSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url('./openSans/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url('./openSans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
a{background-color:transparent}a:active,a:hover{outline-width:0}
body, body#homepage {
    color: #111;
    background-color: #000;
    font-family: "Open Sans", sans-serif, "Arial CE", Arial, "Lucida Grande CE", Lucida, "Trebuchet MS";
    letter-spacing: 1px;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
body#homepage {
    background-color: #000;
    /*background-image: url("../images/img-svarovani-plastu-b-550.jpg");*/
    background-repeat: no-repeat; 
    background-position: center;
    background-position-y: 135px;
}
/*body#homepage {
    background-color: #000;
    background-image: url("../images/img-svarovani-plastu-b-550.jpg"), url("../images/img-hospitalizacni-boxy-b-550.jpg");
    background-repeat: no-repeat, no-repeat; 
    background-position: center center, center center;  Pozice pro oba obrázky 
    background-size: cover;  Zajistí, že pozadí pokryje celý element 
    height: 100vh;  Nastaví výšku na 100% výšky viewportu 
    transition: background-position 1s ease;  Přidá plynulý přechod 
}*/
html,body{
    line-height:1.5
}
html{overflow-x:hidden}
h1,h2,h3,h4,h5,h6{
    font-weight:400;margin:10px 0;
}
h1{font-size:36px;}h2{font-size:30px;}h3{font-size:24px;}h4{font-size:20px;}h5{font-size:18px;}h6{font-size:16px;}
.sitewidth{
    width: 1320px;
    /*min-width: 600px;*/
    margin: 0 auto;
}
#head01 {
    width:100%;
    height:135px;
    background-color: #000;
    padding: 0px 40px;
    background-image: url("../images/logo-svarovani-plastu.svg");
    background-repeat: no-repeat;  
    background-position-x: 40px;
    background-position-y: 0px;
    margin: 0 auto;
}
#head02 {
    margin: 0 auto;
}
#homepage #head02 {
}
:root{--sitewidth:1200px;} 

@media (max-width:1800px) {:root{ --sitewidth:1320px;} .sitewidth{ width: 1320px;} }
@media (max-width:1320px) {:root{ --sitewidth:1200px;} .sitewidth{ width: 1200px;} }
@media (max-width:1200px) {:root{ --sitewidth:100%;} .sitewidth{ width:100%; } }
@media (max-width:990px) { }
@media (max-width:880px) { #head01{ padding: 0; background-position: center;}
                           /*.page_bg_dark,.page_bg_light {display: inline-table;}*/
                           body#homepage {background-position-y: 200px;} #head02{margin-top:50px; }}
@media (max-width:730px) {}
@media (max-width:600px) {:root{--sitewidth:100%;min-width: 600px;}}
#navigace
{
    padding-left:30px;
    padding-top:50px;
}
#navigace a
{
    color:#888;
    text-decoration: underline;
}
#cont01,#cont02
{
    font-size: 16pt;
}
#cont01
{
    padding: 60px 40px;
}
#cont01.cont_zvp
{
    padding: 30px 40px;
}
#cont02
{
    padding: 15px 40px;
}
#homepage #cont02
{
    padding-top:80px;
}
#homepage #bottom01, #bottom01
{
    background-color: #000;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    line-height: 200%;
    width: 100%;
}
#homepage #bottom01
{
    background-color: #e3e3e3;
    color: #111;
}
@media (min-width:850px) {#bottom01 w3-third{width:33.33333%}}
#bottom02 {
  height: 34px;
  text-align: center;
  font-size: 80%;
  margin: 0 auto;
}
#bottom02 table td 
{
    width: 33.33%;
}


.page_bg_dark{
    background-color: #000;
}
.page_bg_light{
    background-color: #e3e3e3;
}
.page_bg_dark a,.page_bg_dark .nabidka{
    color: #fff !important;
}
.page_bg_light a{
    color: #111;
}



#all{
    width:1500px;
    margin:auto;
}
p {
    margin: 0;
}

input  {
    margin: 0px;
}
.buton {
    font-size: 9pt;
    font-weight: bold;
    background: #474747;
    color: #eee;    
    border-radius: 3px;
    border: solid 1px #ccc;
    padding: 4px 15px;
}
textarea    {
    margin: 0px;
}

form    {
    margin: 0px;
}