* { margin: 0; padding: 0; text-indent: 0; border: 0 }
h1, h2, h3, a img { padding: 0; margin: 0; border: 0 }
ul, ol { list-style: none }
table, td, th { border: 0; font-size: 1em; font-weight: normal }
li { margin: 0; list-style-type: none }
hr { display: none }

body { background-color: #FFF; font-family: roboto, sans-serif }
p, li { color: #FFF; font-size: 0.920em; font-family: "open sans", sans-serif; letter-spacing: .7px; line-height: 1.4em; margin-bottom: 10px; padding-bottom: 5px }
h1 { color: #FFF; font-size: 3em; line-height: 1em; font-family: montserrat; font-weight: bold; margin-top: 80px; margin-bottom: 20px; text-shadow: 1px 1px 2px rgba(1, 105, 95, 1) }
h2 { color: #FFF; font-size: 1.150em; font-family: montserrat; letter-spacing: .7px; line-height: 1.2em; margin-top: 15px; margin-bottom: 90px }
h3 { color: #373737; font-size: 1.3em; font-family: montserrat; font-weight: normal; text-align: center; letter-spacing: 1px; text-overflow: ellipsis; margin-bottom: 20px; overflow: hidden }

a { text-decoration: underline; color: #01A99C; font-size: 1.188em; letter-spacing: 1px }
a:hover { text-decoration: none }

.obsah { max-width: 1155px; margin: 0 auto }
.telo { max-width: 1250px; margin: 0 auto }
.center { text-align: center }
.clear { clear: both }

#pozadi { background: #01A99C url(../img-web/pozadi.png) repeat-x center bottom }
.leva { max-width: 580px; margin-left: 40px; float: left }
.prava { max-width: 400px; margin-right: 40px; float: right }

.zmena { padding-bottom: 16px }
.faq { max-width: 500px; height: 130px; margin-top: 0; padding: 80px 40px }
.blok { margin-bottom: 105px }
.blok.zmena, .blok.last { color: #000; line-height: 1.6em; margin: 50px 75px; text-align: center }
.blok.last { margin-top: 20px; margin-bottom: 50px }
.hlavni { color: #373737; font-size: 1.4em; margin-top: 45px; margin-bottom: 22px; padding: 0 40px }
.hlavni span { color: #01A99C; font-weight: normal; padding-right: 15px }
.text { font-size: 0.938em; color: #999; line-height: 1.5em; margin-bottom: 15px; padding: 0 40px }
.text strong { color: #373737; font-weight: normal }
.uprava { letter-spacing: -1px }
.link { color: #FFF }

.kontakt { margin-top: 60px; padding: 25px 25px; background-color: #FFF; box-shadow: 0 4px 20px 0 rgba(0,0,0,.45); border-radius: 5px }
.kontakt p { color: #777; font-size: 0.750em; text-align: center; margin-top: 10px }
input[type=text], select, textarea { width: 100%; font-size: 0.938em; font-family: roboto, sans-serif; margin-bottom: 15px; padding: 10px 0; padding-bottom: 18px; border-bottom: 1px solid #DDD; outline: 0 }
input[type=submit] { color: #FFF; font-size: 1em; background: #01A99C; margin: 0 auto; margin-top: 10px; padding: 13px 90px; border-radius: 5px; cursor: pointer; display: block }
input[type=submit]:hover { background: #018578 }
textarea { height: 80px; resize: none; overflow: hidden }

#box { margin-top: 80px; padding: 0 40px }
.box { max-width: 235px; margin-bottom: 85px; padding: 0 20px; display: inline-block; position: relative }
.box p { font-size: 0.910em; color: #999; line-height: 1.6em; text-align: center; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden }
.box img { width: 100%; height: auto; margin-bottom: 32px; border-radius: 50%; border: solid 3px #FFF; transform: scale(1); transition: transform .2s ease-out; box-shadow: 0 4px 20px 0 rgba(0,0,0,.45) }
.box img:hover { transform: scale(1.2); transition: transform .2s ease-in-out; opacity: .3; transition: .4s }
.pix a:hover { background: url(../img-web/ikona-lupa.png) no-repeat; background-position: top center; padding-top: 160px }
.nadpis { margin-top: 95px; padding: 0 25px }
.nadpis.zmena { margin-top: -5px }
.nadpis:before, .nadpis:after { content: ''; width: 50px; margin-top: 13px; margin-left: -65px; border-top: 2px solid #FFC107; position: absolute }
.nadpis:after { margin-left: 15px }

#linka { max-width: 1150px; margin: 0 auto; padding: 0 50px }
.linka { border-bottom: solid #BBB 1px }
.pata { font-size: 0.850em; font-family: montserrat; color: #AAA; text-align: center; margin: 10px 0; margin-bottom: 3px }
.pata a { text-decoration: underline; color: #373737 }
.pata a:hover { text-decoration: none }

@media (max-width: 1085px) {

.zmena { padding-bottom: 16px }
.prava { max-width: 300px }
input[type=submit] { padding: 13px 71px }

}

@media (max-width: 985px) {

#pozadi { padding-bottom: 75px }
.faq { margin-bottom: -30px }
.leva { max-width: 890px; margin-right: 40px }
.prava { max-width: 890px; margin: 0 auto; padding: 0 40px; float: none; clear: left }
input[type=submit] { padding: 13px 215px }

}

@media (max-width: 685px) {

h1 { font-size: 2em }
h2 { font-weight: normal }
.faq { margin-bottom: -65px }
.nadpis:before, .nadpis:after { border: none }
input[type=submit] { padding: 13px 115px }

}

@media (max-width: 485px) {

h1 { font-size: 1.5em; margin-top: 50px }
h2 { margin-bottom: 60px }
input[type=submit] { padding: 13px 32px }
.blok { margin-top: -50px }
.faq { padding: 50px 40px }
#box { padding: 0 10px }
.box img:hover { transform: scale(1.2) }
.blok.zmena, .blok.last { margin-left: 35px; margin-right: 35px }

}