/* Nějaká základní nastavení */

body {font: normal normal 62.5% sans-serif; background: #3092c3 url('graphic/background.jpg') no-repeat center top; text-align: center; position: relative}

body > *, a {color: #333}
h1, h2, h3, p, img, body, html, image, input, li, ul, fieldset {margin: 0; padding: 0; border: 0}

hr {height: 0px; float: none; clear: both; visibility: hidden}
p, blockquote {text-align: justify; line-height: 18px; font-size: 1.2em}

legend {display: none}
fieldset {border: none}

/* Hlavička */

#header {width: 960px; margin: 0 auto 7px; height: 162px; position: relative}

h1 {position: relative; height: 162px; width: 960px}
h1 span {height: 162px; width: 100%; background: url('graphic/header_back.png') no-repeat center top; top: 0px; left: 0; }
h1 span, #menu li span, span.welcome, #list li.one_brain span, #obsah span {display: block; position: absolute; z-index: 1;}

/* Hlavní konstrukce */

#luny-in-da-cage {font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; width: 947px; background: url('graphic/main_background.png') repeat-y right top; margin: 0 auto 5px; padding: 0 0 30px 0; border-top: 15px solid #6c7377}
#help #luny-in-da-cage {background: white}

/* První menu pod hlavičkou */

#menu {display: block; height: 52px; padding: 0 0 4px 110px; width: 837px; background: url('graphic/menu_back.png') repeat-x left top; margin: 0 auto; border-bottom: 4px solid #c0c9cf}
#menu li, #menu li a {display: block; float: left; height: 41px; position: relative}
#menu li span {height: 52px; top: 0; left: 0}
.menu_1 span {width: 94px; background: url('graphic/menu_1.png') no-repeat center top}
.menu_1, .menu_1 a {width: 94px}
.menu_2 span {width: 198px; background: url('graphic/menu_2.png') no-repeat center top}
.menu_2, .menu_2 a {width: 198px}
.menu_3 span {width: 128px; background: url('graphic/menu_3.png') no-repeat center top}
.menu_3, .menu_3 a {width: 128px}
.menu_4 span {width: 116px; background: url('graphic/menu_4.png') no-repeat center top}
.menu_4, .menu_4 a {width: 116px}
.menu_5 span {width: 99px; background: url('graphic/menu_5.png') no-repeat center top}
.menu_5, .menu_5 a {width: 99px}
.menu_6 span {width: 112px; background: url('graphic/menu_6.png') no-repeat center top}
.menu_6, .menu_6 a {width: 112px}

#menu a:hover span, #menu span.active {background-position: center bottom}

/* Druhé menu, v obsahu vlevo */

#left {width: 479px; float: left}
#left p {white-space: pre; text-align: center; padding: 40px}
#left strong {font-size: 1.2em}

#list {width: 359px; height: 573px; background: url('graphic/panel_back.png') no-repeat center top; text-align: left; font-size: 1.3em; font-family: sans-serif; margin: 0 auto}
#list li  {color: #eef5f9; list-style-type:none; display: block; padding: 8px 20px 8px 35px; border-bottom: 1px solid #7598b1; background: url('graphic/point.png') no-repeat 15px center}
#list li.last {border: none}
#list li.one_brain {position: relative; border: none; padding: 25px 70px 45px; background: none}
#list li.one_brain span {width: 356px; height: 51px; top: 26px; left: 0; background: url('graphic/chory_mozog.png') no-repeat center top}

/* Obsah, vpravo */

#obsah {width: 468px; margin: 10px 0 0 0; float: left}
#help #obsah {width: 947px}
#obsah p {text-indent: 35px; color: #313436; line-height: 20px; padding: 12px 50px}
#help p {font-weight: bold}
#obsah blockquote  {background: #dae6f2; padding: 25px; margin: 0 40px 30px; white-space: normal; float: left}
#obsah p br, #obsah blockquote br {display: block; margin: 10px}
#obsah h2 {position: relative; height: 54px; margin: 50px 0 12px; overflow: hidden}
#obsah span.welcome {top: 0; left: 0; background: white url('graphic/h2.png') no-repeat center top; height: 54px; width: 100%}
p.contact2 {width: 300px}

#obsah ul {font-size: 1.2em; width: 300px; margin: 0 auto}
#obsah ul li {text-align: left; padding: 10px 0}

#obsah ul#me {font-size: 1.4em; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-weight: bold; padding: 0 0 20px; text-align: left}

#obsah h3 {position: relative; text-align: left; float: left; display: block; font-size: 1.2em; height: 28px; margin: 38px 0; width: 100%; overflow: hidden}
#obsah span.about {width: 299px; height: 28px; top: 0; left: 0; background: white url('graphic/strong_about.png') no-repeat center top}
#obsah span.contact {width: 299px; height: 28px; top: 0; left: 0; background: white url('graphic/strong_contact.png') no-repeat center top}
#obsah span.work {width: 299px; height: 28px; top: 0; left: 0; background: white url('graphic/strong_work.png') no-repeat center top}
#obsah span.me {width: 299px; height: 28px; top: 0; left: 0; background: white url('graphic/strong_me.png') no-repeat center top}
#obsah span.help {width: 299px; height: 28px; top: 0; left: 0; background: white url('graphic/strong_help.png') no-repeat center top}
#obsah span.cash {width: 299px; height: 28px; top: 0; left: 0; background: white url('graphic/strong_price.png') no-repeat center top}

.map {background: #dae6f2; font-size: 1.2em; display: block; margin: 20px; padding: 10px 0; text-decoration: none}
.map img {display: block; margin: 10px auto 0;}

/* První část obsahu */

/* Druhá část obsahu */




/* Pata */

#pata {width: 947px; margin: 0 auto; background: url('graphic/footer.png') repeat-x center top; height: 85px; padding: 26px 0 0}
#pata p {text-align: center; padding: 19px 0 0 20px; color: white}
#pata a {font-weight: bold; color: white; text-decoration: none; padding: 0 10px; margin: 0 75px 0 0}
#help #pata a {margin: 0 50px 0 0}
#pata a:hover {color: #eee}