/*stylování dokumentu*/
html{position:relative; 
min-height:100%;min-width:100%;font-family:"Titillium Web", Arial, sans-serif;}
html, body {margin:0;padding:0;}

/*patička*/
footer{margin-top:10px;margin:0;padding:0;display:none;position:absolute;bottom:0;left:0;height:auto;width:100%;margin:0 auto;box-shadow:inset 0 0 0 10000px rgba(0,0,0,.5);text-align:left;}
#footer-in{max-width:1000px; width:80%;margin:0 auto;color:#DDD;}
.sloupec{width:32%;float:left;margin:0 3px;}

/*stylování menu*/
nav a{font-weight:400;color:#CCC;text-decoration:none;border:none;font-size:20px;font-family:Titillium Web;font-weight:100;letter-spacing:1px;}
nav a:hover{color:#AAA;text-decoration:none;}

nav{text-align:center; background-color:#303030; margin: 0 auto;}
nav ul{list-style-type:none; }
nav li{display:inline; margin-right:20px; text-align:center;}

nav ul{position: relative; top: 50%;display:inline;margin:0;padding:0;height:100%;}
nav li{vertical-align: middle;}

.menu button{display:none;}
.menu{clear:both;}
#nav img{vertical-align:top;}
nav .aktivni a{font-weight:400;}/*
nav{
            height: 48px;
            width:100%;
            background: rgba(0, 0, 0, 0.8);
            }
                #nav
        {   width: 80%;
            height: 100%;
            list-style-type: none;
            text-align: justify;
            margin: 0 auto;

            }
        
        #nav li{
            
            line-height: 44px;
            padding: 0 22px;
            display: inline;
            height:48px;
            
        }
        nav ul{
           margin:0;
           padding:0;
           list-style-type: none;
           width:100%;
           height:48px;
        }
        nav ul:after{
            content:"";
            width:100%;
            display: inline-block;
        }
        li.img{background-image: url("logo.png");
        
        background-repeat: no-repeat;
        background-position: center;
        margin:0;
        padding:0;}
        .img a{margin:0;
        padding:0;}
        nav a{text-decoration: none;}
        
#nav
        {   width: 80%;
            height: 100%;
            list-style-type: none;
            text-align: justify;
            margin: 0 auto;

            }*/
        
        #nav li{
            
            line-height: 44px;
            padding: 0 22px;
            display: inline;
            height:48px;
            
        }
/*odkazy*/
a{color:#AAA;}
/*obsah*/
.content-in{margin: 0 auto; width: 80%;}
#content-uvod{ background-image:url("/images/vodojem_pozadi.png"); background-position: left; background-repeat:no-repeat; background-size:cover;background-color: #AAA; margin:0; padding:0; height:100vh; max-height: 800px;
               -webkit-box-shadow: 1px 23px 33px -31px rgba(35,35,35,0.91);
-moz-box-shadow: 1px 23px 33px -31px rgba(35,35,35,0.91);
box-shadow: 1px 23px 33px -31px rgba(35,35,35,0.91);
color:black;
}
               
#content-uvod h1{margin:0;text-align:center; position:relative; top:45%;}

input[type="submit"]{background:#a6a6a6;color:white;padding:5px 10px;border-radius:0;border:0px;}

input[type="submit"]:hover{background:#2976f8;color:#EEEEEE;cursor:pointer;}

input[type="text"], input[type="email"], input[type="password"]{width:483px;border-radius:0px;border:1px solid #aaaaaa;padding:0.3em;color:#333; margin-bottom:3px;}

input[type="submit"]{padding:10px 25px;display:block;margin:0 auto;margin-top:20px;font-weight:bold; }

textarea{border-radius:0;border:1px solid #aaaaaa;width:483px;height:120px; padding: 0.3em; margin-top: 3px;}

.zprava{border:1px solid #9DC2F8;background:#DBE8F8;padding:3px;color:#333; margin:0 auto; width:80%;}

.fotogalerie{margin:6px;max-height:150px;max-width:150px;}
.foto{display:inline-block;text-align:center;vertical-align:top;width:33%;margin-bottom:20px;}

header{padding:10px;float:left;margin-left:80px;}

header a{font-size:1em;color:red;text-shadow:none;font-weight:bold;}
header a:hover{text-decoration:none;}
a:hover{color:#BBB;text-decoration:none;}
#nav-border-right{border-bottom:1px solid white;width:65%;float:right;margin-right:20px;}
li .hlavicka a{margin:0;}


#titulek{text-align:center;}


p, li{font-size:18px;font-weight:100;}
h1{font-family:Titillium Web, Arial;
text-align:center;}


#napoveda{margin:0 auto;background-color:white;padding:20px;margin-top:10px;color:#888;box-shadow:0px 0px 12px 0px #777;display:none;z-index:100;}
.zavrit{float:right;}
*/
/*
 article{margin-bottom:20px;min-height:300px;}
article li{padding-top:10px;line-height:150%;}
*/

/**uvod**/
            #boxes-wrap{
                width:100%;
                max-height:100%;
               
            }
               #boxes-wrap-in{
                    margin: 0 auto;
                    width:80%;      
               }
               
               .boxes{
                    width:32%;
                    color: black;
                    text-align: center;
                    margin-left:3px;
                    float:left;
                    margin:25px 0;
                }
                .boxes img{
                    height:60px;
                    margin: 10px;
                }
                
                #content-bottom{
                    clear:both;
                       
                      -webkit-box-shadow: -2px -18px 33px -31px rgba(35,35,35,0.91);
-moz-box-shadow: -2px -18px 33px -31px rgba(35,35,35,0.91);
box-shadow: -2px -18px 33px -31px rgba(35,35,35,0.91);
                       padding:20px 0;
                }
               #content-bottom-in{
                width:80%;
                margin:0 auto;
                
               }
               .neco{height:100px;}
               
               #napoveda_zobrazit{
                display:none;
                border:1px solid black;
                background-color:#FCE172;
                z-index:99;
                margin-left:5px;
                padding:5px;
                webkit-box-shadow: -2px -18px 33px -31px rgba(35,35,35,0.91);
-moz-box-shadow: -2px -18px 33px -31px rgba(35,35,35,0.91);
box-shadow: -2px -18px 33px -31px rgba(35,35,35,0.91);
               }
               
.column-kontakt{width: 50%; float: left}
#kontakt-form{width:100%;/*background-color:#999;*/}
#kontakt-form-in{width:80%;
margin:0 auto;}
#kontakt-form input{
        
}
#kontakt-form textarea{
       /* background-color:#999;
       border: 1px solid #CCC;*/
}
.headline {text-align:center;}
.suda{
}
.licha{width:100%;
background-color:#eaeaea;
-webkit-box-shadow: 0px 2px 30px -26px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 30px -26px rgba(0,0,0,0.75);
box-shadow: 0px 2px 30px -26px rgba(0,0,0,0.75);} /*#F7D589*/
.licha-in{width:80%;
padding: 3px 8px;
padding-left:20%;
}
.sloupec img{display:block;
margin: 0 auto;
width:95%;}
.sloupec h2{text-align:center;}
.content-in img {max-width:100%; }
.sluzby{float:left;padding:15px 0;
background-color: #EEE;
padding-top:25px;
border-top: 1px solid #DFDFDF;
-webkit-box-shadow: 0px -15px 30px -26px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -15px 30px -26px rgba(0,0,0,0.75);
box-shadow: 0px -15px 30px -26px rgba(0,0,0,0.75);
min-height:100%;
height:100%;
}

.top {padding-top: 27px;}
#uvod{
        margin:60px 0;
}
.uvod-obrazek{
        float: right;
        height:200px;
        margin: 0 5px 0 35px;
}