* { margin: 0px; padding: 0px; }
img { border: 0px; }
a { text-decoration: none; }
body { text-align: center; }
    
    #root { margin: 60px auto; width: 690px; text-align: left; }
        
        #header { text-align: right; margin-bottom: 20px; }
        
        #main { background-image: url( "pozadi/homepage.jpg" ); width: 688px; height: 402px; }
            
            #inside-menu { border-top: 1px solid #000; width: 150px; float: left; padding-bottom: 80px; }
            #inside-menu a { border-bottom: 1px solid #000; display: block; color: #000000; padding: 3px 0px 3px 15px; font-family: Arial; font-size: 12px; }
            #inside-menu a:hover , #inside-menu a.active { background-image: url( "/img/odrazka.png" ); background-repeat: no-repeat; background-position: 0px 10px; font-weight: bold; }
            
            #content { float: right; font-size: 12px; margin: 40px 50px 40px 0px; font-family: Arial; width: 330px; overflow: hidden; position: relative; height: 314px; }
            #content-inside { position: relative; }
            #content-inside p { font-size: 12px; padding: 10px 0px; line-height: 18px; text-align: Justify; }
            #content-inside p.zvyrazneny { padding-left: 30px; background-image: url( "/img/odrazka.png" ); background-repeat: no-repeat; background-position: 12px 17px; font-weight: bold; }
            #content-inside p.zvyrazneny a { text-decoration: underline; }
            #content-inside p.lsa-foto { padding-left: 30px; background-image: url( "/img/odrazka.png" ); background-repeat: no-repeat; background-position: 12px 17px; font-weight: bold; position: absolute; top: 260px; left: 160px; }
            #content-inside p.lsa-foto a { text-decoration: underline; }
            #content-inside a { color: #000000; }
            #content-inside a:hover { text-decoration: underline; }
            #content-inside h1 { font-size:16px; font-weight: 600px; }
            #content-inside span { display: block; float: left; width: 80px; font-size: 12px; }
            #content-inside input { font-size: 12px; width: 200px; margin: 1px 0px; }
            #content-inside input.checkbox { width: 20px; }
            #content-inside input.submit { background-color: #f15761; border: 0px; width: 100px; }
            #content.kontakty { float: left; margin: 20px 50px; height: 320px; }
            #content.formular { float: left; margin: 20px 50px; height: 320px; }
            #content.formular span.error { color: #FF3232; font-weight: bold; }
            #content.produkty p { line-height: 25px; font-size: 15px; }
            #content.foto { clear: both; float: none; padding: 0px; margin: 0px; height: auto; width: 150px; position: static; }
            #content.foto p { padding: 0px 0px 0px 20px; margin: 0px; }
            #content.foto #content-inside h1 { margin: 0px 0px 10px 0px; padding: 3px 0px 3px 20px; font-size: 12px; font-weight: normal; border-bottom: 1px solid #000000; }
            
        #menu { clear: both; }
        #menu ul { list-style-type: none; }
        #menu ul li { float: left; width: 125px; }
        #menu ul li.yellow { background-color: #ffdd00; }
        #menu ul li.blue { background-color: #6abadb; }
        #menu ul li.green { background-color: #c6da45; }
        #menu ul li.pink { background-color: #f04e59; }
        #menu ul li.black { background-color: #000000; }
        #menu ul li.black a { color: #ffffff; }
        #menu ul li.arrow { background-color: #414143; width: 32px; }
        #menu ul li.arrow a { padding: 0px; }
        #menu ul li.arrow a:hover { padding: 0px; }
        #menu ul li.arrow img { display: block; }
        #menu ul li a { padding: 2px 0px 2px 15px; color: #000000; font-size: 11px; display: block; text-transform: lowercase; font-family: Tahoma; }
        #menu ul li a:hover , #menu ul li a.active { padding-bottom: 8px; }