body{min-height:100%;position: relative; position: relative;font-family: 'Roboto'; margin: 0; padding: 0;font-weight: 400; font-size: 19px; margin: 0; padding: 0;}
h2 {margin:0; margin-bottom: 10px;color:#2E3141}
h3 {margin:0; margin-top: 10px;color:#2E3141}
html{height: 100%;position: relative; }
.page {background-color: #fff; margin-left: auto; margin-right: auto; width: 100%;}
.cleaner{clear: both}
a:not(.sy-box) {color: inherit; border-bottom: 1px solid; text-decoration: none}
/* INDEX */
.index {float: left; width: 36%; margin-right: 4%; text-align: justify}
.sy-box{margin-left: auto; margin-right: auto; width: 35%; float: left}
.sluzby-index {width: 19%; margin-right: 4%; float: left}
.sluzby-index ul {width: 100%; margin:0; padding: 0; list-style-type: none; float: left; background-color: #EEEEEE;}
    .sluzby-index ul li {border-bottom: 2px solid silver; padding: 12px}


/* MENU */
.menu {width: 100%; }
.menu ul {padding: 5%; margin:0; margin-top: 30px !important; background-color: #393185; padding-top: 0px; padding-bottom: 0px;}
.menu ul li {display: inline-block; width: 19%; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; text-align: center}
.menu span {color: #393185; font-size: 50px; margin-left: 5%}
    .menu span b{font-weight: 900}
.menu .kontakt {float: right; padding-right: 13%; font-size: 30px; padding-top: 15px}
.kontakt a {color: black !important}
.menu a {color: white; text-decoration: none; border-bottom: 0}
.selected, .menu ul li:hover{background-color: rgba(255,255,255,0.1); padding-top: 10px; padding-bottom: 10px;}

/* HEADER */
.header {font-size: 20px; padding-top: 30px; overflow: auto;color:#2E3141}

/* GALERIE */
.galerie img {width: 14%; padding: 1%;}
.galerie a {border-bottom: 0}

/* CONTENT */
.content{font-weight: 300; padding: 5%; margin-left: auto; margin-right: auto; padding-top: 50px !important; padding-bottom: 60px !important; overflow: auto}


/* FOOTER */
.footer{background-color: #2E3141; position: absolute; left: 0; bottom: 0; width: 100%; color: white;}
.footer-text{padding-left: 5%; padding-right: 5%; padding-top: 0.6%; padding-bottom: 0.6%; position: relative; font-size: 16px}
.footer a{color: white;}
.footer .autor{float: right}

/* REFERENCE */
.reference li {list-style-type: none; display: inline-block; margin: 15px}
.reference img {border: 1px solid silver; height: 100px}

/* KONTAKT */
.misto {float: left; width: 60%; margin-right: 5%}
.form {float: left; width: 35%}
.form input, .form textarea {font-family: 'Roboto';padding: 5px; margin: 3px; width: 80%; font-size: 14px}
.form textarea {height: 100px}
.form input[type="submit"] {width: 40%; text-align: center}
.form div {border-left: 2px solid #2E3141; padding-left: 15px}

/* SLUZBY */
.sluzby {list-style-type: none;}