/* CSS Document */
html    {
         background-color: rgb(255,255,255);
         font-family: Geneva, Arial, Tahoma, Verdana, sans-serif;        
         color: rgb(0,0,0);
         } 

body    {
         max-width: 80%;
         max-height: 80%;
         background-color: #B22222;
         border-left: 1px solid rgb(255,255,255);
         border-top:1px solid #B22222;
         border-right: 1px solid rgb(255,255,255);
         border-left: 1px solid rgb(255,255,255);
         margin-left: auto;
         margin-right: auto;
         margin-top:0em;
         }

h2      {
        font-weight: 500;
        font-variant: small-caps;
        font-size: 1.8em;
        margin-left: 0.5em;
        }

h3      {
        font-weight: 500;
        font-variant: small-caps;
        font-size: 1.6em; 
        margin-left: 0.7em;
        }

h4      {
        font-size: 1.5em; 
        font-weight: 500;
        font-variant: small-caps; 
        }


li      {
         line-height: 1.5em;
         font-size: 1em;
        }

p       {
        font-size: 1em;
        }


/*Font architects-daughter pro název firmy*/

@font-face {
         font-family: architects-daughter;
         src: url('../fonts/architects-daughter-v11-latin-regular.eot');
         src: url('../fonts/architects-daughter-v11-latin-regular.eot') format("eot"),
              url('../fonts/architects-daughter-v11-latin-regular.svg') format("svg"),
              url('../fonts/architects-daughter-v11-latin-regular.ttf') format("ttf"),
              url('../fonts/architects-daughter-v11-latin-regular.woff') format("woff"),
              url('../fonts/architects-daughter-v11-latin-regular.woff2') format("woff2");
         font-weight: 400;
         font-style: normal;   
         }
.logo   {
        position: fixed;
        right:10em;
        top:0.7em;
        }



/* Obsah sekce-Home */
.main-home  {
        margin-top: 7.5em; 
        margin-bottom:0em;
        padding:0em;
        background-color: #B22222;
        }

/* Obsah stránek mimo sekci Home */
.main   {
        margin-top: 7em; 
        padding-top:1em;
        padding-left: 0em;
        background-color: rgb(255,255,255);
        }
     

/* Navigační nabídka */
.navbar  {
        overflow: hidden;
        background-color: #B22222;
        position: fixed; 
        width: 80%; 
         }

/* Odkazy navbar */
.navbar a
        {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        font-size: 0,7em;
        padding: 10px 12px;
        text-decoration: none;
        }


.navbar h1
        {
        font-family: Palatino, 'Palatino Linotype', Garamond, Georgia, Times, 'Times New Roman', serif;
        color: rgb(255,255,255);
        font-size: 2.7em;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        }
         
.navbar p
        {
        font-size: 1em;
        color: rgb(255,255,255);
        font-size: 1em;
        padding-top: 0;
        margin-top: 0;
        }   

.firma  {
        padding-left:1em;        
        }
        
/*Potlačení navigačních pruhů*/
.navbar .icon {
  display: none;
            }

/* Změna na pohyb myši */
.navbar a:hover
        {
        background: #ddd;
        color: black;
        }

@media only screen and (min-width: 610px) {
.start 
        {
        display: none;
        }
}


/*Oddělovač sekce*/
hr              {
                color: #B22222;
                height: 2em;    
                background-color: #B22222;
                text-align: center;
                }


/* Slideshow box na sekci Home*/
.slideshow-container {
        max-width: 100%;
        max-height: auto;
        margin: 0;
        padding: 0;
        }

.slideshow-container img {
        width: 100%;
        max-height: auto;
        }


/*Sekce sluzby*/
.grid-container-sluzby{
        display: grid;
        grid-template-columns: 70% auto;
        overflow:auto;
        margin-left: auto;
        margin-right: auto;
        }

.grid-sluzby img
        {
        width: auto;
        max-height: 23em;
        }

/*Sekce spec_produkty*/
.grid-container-spec_produkty{
        display: grid;
        grid-template-columns: 67% auto;
        overflow:auto;
        margin-left: auto;
        margin-right: auto;
        }

.grid-spec_produkty img
        {
        width: auto;
        max-height: 38em;
        padding-top: 6em;
        }

/*Sekce ceník*/
.grid-container-cenik{
        display: grid;
        grid-template-columns: 70% auto;
        overflow:auto;
        margin-left: auto;
        margin-right: auto;
        }

.grid-cenik img
        {
        width: auto;
        padding-top: 2em;
        max-height: 30em;
        }

#cenik-odsazeni
        {
        margin-left: 1em;
        }



/*Nastavení na sekci galerie*/
.grid-container-galerie {
                 display: grid;
                 grid-template-columns: auto auto auto;
                 padding: 1em;
                 overflow:auto;
                 margin-left: auto;
                 margin-right: auto;
                 background-image: url(../img/podklad/p3.jpeg);
                 background-repeat: repeat;
                 }

.grid-item-galerie  {
            padding: 20px;
            font-size: 12px;
            text-align: center;
            }
     
.nadpis-galerie  {
             margin-left: 45px;
             margin-bottom: 0px;        
             }

/*Nastavení velikosti fotografií v sekci galerie*/
.grid-item-galerie img
        {
        width: 90%;
        height: auto;
        border: 1ex solid rgb(241,241,241);
        box-shadow:  0.4ex 0.4ex rgb(96,96,96);
        }

.grid-item-galerie a:hover img
        {
        width: 93%;
        height: auto;
        border: 0.4ex solid #B22222;;
         }

/*Nastavení slideshow na sekci galerie*/
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-display-container{position:relative}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}

/*nastavení šipek*/
.w3-left{float:left!important;
         color: rgb(255,255,255);
         }

.w3-right{float:right!important;
          color: rgb(255,255,255);
          }

.w3-hover-text-red:hover{
           color:red!important
           }

/*nastavení  kroužků*/
.w3-border{border:2px solid rgb(255,255,255)!important}
/*Tloušťka a barva okraje*/
.w3-center{text-align:center!important}
/*umístění*/
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}

.w3-large{font-size:4em!important}
/*Velikost šipek*/
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:20px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#B22222!important}
/*Barva výplně kroužků*/
/*Konec galerie*/

/*Umístění tlačítka exit*/
.exit  {
        position:absolute;
        top:20px;
        right:50px;        
        width: 40px;
        height: 40px;
        }

/*Kontaktní údaje*/
.grid-container-kontakt {
                        display: grid;
                        grid-template-columns: 38% auto;
                        padding: 0.5em;
                        overflow:auto;
                        margin-left: auto;
                        margin-right: auto;
                        position: static;
                        }

.grid-item-kontakt      {
                        text-align: left;
                        line-height: 1.2em;
                        padding-left: 1em;
                        font-size: 1.7ex;
                        }
.grid-item-kontakt img
                        {
                        margin-top:3em;
                        width:85%;
                        height: auto;
                        border: 1ex solid rgb(241,241,241);
                        }

.grid-item-kontakt a:hover img
        {
        width: 87%;
        height: auto;
        border: 0.3ex solid #B22222;
        }

.grid-container-kontakt a:link
         {
         color: #B22222;
         text-decoration: none;
         }   

.grid-container-kontakt a:hover
         {
         color: rgb(96,0,0);
         font-weight: 700;
         text-decoration: none;
         }   

.tensetkontakt 
        {
        overflow: auto;
        position: relative;
        }

.tenset-opava
        {
        position: relative;
        top:10px;
        line-height: 8px;
        margin-left: 20px;
        font-size: 1.7ex;
        }

.tenset-olomouc
        {
        position: absolute;
        top:400px;
        line-height: 8px;
        margin-left: 20px;
        font-size: 1.7ex;
        }

.tenset-mapa-opava
        {
        position: absolute;
        top:20px;
        right:20px;
        }

.tenset-mapa-olomouc
        {
        position: absolute;
        top:415px;
        right:20px;
        }

.tenset-mapa-opava img
        {
       border: 1px solid #B22222;
        }

.tenset-mapa-olomouc img 
        {
        border: 1px solid #B22222;
        }

/*Nastavení fomuláře, odeslání emailu*/
.zprava
        {
        display: inline;
        overflow: auto;
        font-size: 1em;
        }
.zprava h3
        {
        margin-top: 0;
        padding-top: 0;
        }


.zprava p
        {
        font-size: 0.8em;
        line-height: 0.2em;
        font-weight: 600;
        }    

.podklad_zprava
         {
         background-image: url(../img/podklad/p2.jpg);
         background-repeat: no-repeat;
         padding-left:0.5em;
         padding-top: 0.2em;
         color: rgb(255,255,255);
         }   

input, textarea {
         border-radius: 4px;
         border-color: rgb(230,230,230);
         box-shadow:  2px 3px rgb(64,64,64);
          }
        

/*Konec, kontaktní údaje*/

/*zápatí*/
footer  {
         font-size: 0.7em;
         text-align: center;
         padding-top: 1em;
         padding-bottom: 1ex;
         background-color: #B22222;
         color: white;
         margin-left: 0px;
         margin-right: 0px;
         }

/*Maximální šířka obrazovky 610px*/
@media only screen and (max-width: 610px) {
  h1 { font-size: 1.6em; }
  h2 { font-size: 1.2em; } 
  h3 { font-size: 1.1em; }
  h4 { font-size: 1.0em; }
  p  { font-size: 0.8em; }
  li { font-size: 0.8em; }
  body    {
         max-width: 90%;
         max-height: auto; 
          }
  
.navbar  {
        overflow: hidden;
        background-color: #B22222;
        position: fixed; 
        width: 90%; 
        }
  
.navbar h1
        {
        font-family: Palatino, 'Palatino Linotype', Garamond, Georgia, Times, 'Times New Roman', serif;
        color: rgb(255,255,255);
        font-size: 1.6em;
        padding-top: 0;
        padding-left:0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        }
         
.navbar p
        {
        font-size: 0.9em;
        }   
  
.navbar a
        {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        font-size: 0.7em;
        padding: 10px 12px;
        text-decoration: none;
        }
  
/* Změna na pohyb myši, 610 px */
.navbar a:hover
        {
        background: #ddd;
        color: black;
        padding: 10px 12px;
        }

.main-home  {
        margin-top: 3.0em; 
        padding:0em;
        background-color: #B22222;
        }
  
  
.main   {
        margin-top: 2.0em; 
        padding-top:1em;
        padding-left: 0em;
        background-color: rgb(255,255,255);
         }
.logo {
        display: none;
      }


.class start img
        {
        width: 15px;
        height: 15px;
        }


hr    {
       color: #B22222;
       height: 1em;    
       background-color: #B22222;
       text-align: center;
       }


/*Sekce sluzby*/
.grid-container-sluzby{
        display: grid;
        grid-template-columns: auto;
        overflow:auto;
        margin-left: auto;
        margin-right: auto;
        }

.grid-sluzby img
        {
        display: none;
        }

/*Sekce spec_produkty*/
.grid-container-spec_produkty{
        display: grid;
        grid-template-columns: auto;
        overflow:auto;
        margin-left: auto;
        margin-right: auto;
        }

.grid-spec_produkty img
        {
        display: none;
        }

/*Sekce ceník*/
.grid-container-cenik{
        display: grid;
        grid-template-columns: auto;
        overflow:auto;
        margin-left: auto;
        margin-right: auto;
        }

.grid-cenik img
        {
        display: none;
        }

/*Sekce galerie*/
.grid-item-galerie a:hover img
        {
        width: 95%;
        height: auto;
        border: 0.5ex solid #B22222;
        } 

hr     {
       color: #B22222;
       height: 2em;    
       background-color: #B22222;
       text-align: center;
       }
/*Sekce galerie*/
.slideshow-container img {
        width: 100%;
        height: 150%;
        }

.grid-container-galerie {
       display: grid;
       grid-template-columns: auto auto ;
       padding: 1em;
       overflow:auto;
       margin-left: auto;
       margin-right: auto;
                 }
  .grid-item-kontakt-galerie img
        {
        width: 70%;
        height: auto;
        border: 1ex solid rgb(241,241,241);
        }

 .grid-container-kontakt {
       display: grid;
       grid-template-columns: auto;
       padding: 0.5em;
       overflow:auto;
       margin-left: auto;
       margin-right: auto;
       grid-gap: 1em;
       position: static;
                        }

  .grid-item-kontakt p {
        line-height: 0.5em;
                        }

  }


/*Nastavení fomuláře, odeslání emailu*/
.zprava
        {
        display: inline;
        padding-left:2em;
        overflow: auto;
        font-size: 1em;
        }

.zprava p
        {
        font-size: 0.8em;
        line-height: 0.2em;
        }    

@media screen and (max-width: 610px) {
  .navbar a:not(:first-child) {display: none;}
  .navbar a.icon {
    float: left;
    display: inline;
  }
}

@media screen and (max-width: 610px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    padding: 10px 12px;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    float: none;
    display: inline;
    text-align: left;
  }
}

/*Maximální šířka obrazovky 415px*/
@media only screen and (max-width: 415px) {
  h1 { font-size: 1.2em; }
  h2 { font-size: 1.1m; } 
  h3 { font-size: 1.0em; }
  h4 { font-size: 0.9em; }
  p  { font-size: 0.8em; }
  li { font-size: 0.8em; }
  body {max-width: 90%;
        max-height: auto; 
        border: 1px solid #B22222;
        }
  
  .main-home  {
        margin-top: 2.0em; 
        padding-top:1.0em;
        background-color: #B22222;
        }
  
  .main   {
        margin-top: 3.0em; 
        padding-top:1.0em;
        padding-left: 0em;
        background-color: rgb(255,255,255);
         }
  
.navbar  {
        overflow: hidden;
        background-color: #B22222;
        position: fixed; 
        width: 90%; 
        }

.navbar h1
        {
        font-family: Palatino, 'Palatino Linotype', Garamond, Georgia, Times, 'Times New Roman', serif;
        color: rgb(255,255,255);
        font-size: 1.3em;
        padding-top: 0;
        padding-left:0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        }
         
  .navbar p
        {
        font-size: 0.7em;
        }   

  .navbar a
        {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        font-size: 0.7em;
        padding: 12px 10px;
        text-decoration: none;
        line-height: 1.5em;
        }

 hr     {
       color: #B22222;
       height: 0.5em;    
       background-color: #B22222;
       text-align: center;
       }


  .grid-container-galerie {
       display: grid;
       grid-template-columns: auto;
       padding: 1em;
       overflow:auto;
       margin-left: auto;
       margin-right: auto;
                 }
  .grid-item-kontakt-galerie img
        {
        width: 85%;
        height: auto;
        border: 1ex solid rgb(241,241,241);
        }

  .grid-item-galerie a:hover img
        {
        width: 95%;
        height: auto;
        border: 0.5ex solid #B22222;
        }

 .grid-container-kontakt {
       display: grid;
       grid-template-columns: auto;
       padding: 0.5em;
       overflow:auto;
       margin-left: auto;
       margin-right: auto;
       grid-gap: 1em;
       position: static;
                       }

/*Nastavení fomuláře, odeslání emailu*/
.zprava
        {
        display: inline;
        padding-left:25px;
        overflow: auto;
        font-size: 1em;
        }

.zprava p
        {
        font-size: 0.8em;
        line-height: 0.2em;
        }    

.navbar a:not(:first-child) {display: none;}
  .navbar a.icon {
    float: right;
    display: inline;
    }

.navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    float: none;
    display: inline;
    text-align: left;
  }
    
}

@media screen and (max-width: 415px) {
  .navbar a:not(:first-child) {display: none;}
  .navbar a.icon {
    float: left;
    display: inline;
    }
}

@media screen and (max-width: 415px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    float: none;
    display: inline;
    text-align: left;
  }
}