*, html {margin: 0; padding: 0;}

body {background: #000;}

#content {background: #000; margin-top: 10%; padding-left: 27%;}
#content-hp {background: #000; margin-top: 3%; padding-left: 27%;}

.overflow {overflow: scroll; height: 700px; width: 100%;}
.uvod {background: url(hlavi1.png) no-repeat #000; width: 800px; height: 600px;}
.hlavi2 {background: url(hlavi2.png) no-repeat #000; width: 800px; height: 600px;}
.hlavi3 {background: url(hlavi3.png) no-repeat #000; width: 800px; height: 600px;}
.hlavi4 {background: url(hlavi4.png) no-repeat #000; width: 800px; height: 600px;}

p {color: #fff; padding-top: 3%; margin-left: 34%; font-family: 'Roboto Slab', Georgia, serif; font-size: 16px; line-height: 1.5; text-align: justify; padding-right: 8%; max-height: 550px;}

ul {margin-left: 30%; padding-top: 14%; color: #fff; text-transform: uppercase; font-family: Helvetica; font-size: 16px;}
ul li {display: inline;}
ul a {text-decoration: none; color: #fff; padding: 10px;}
ul a:hover {border-radius: 3px; background: #fff; color: #000;}