body {
font-family: verdana; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
line-height: normal; 
text-align: left; 
text-decoration: none; 
color: #000; 
font-size: 12px;
background: url('../gfx/bg_long.jpg') center top repeat-y #68625c;
margin: 0;
padding: 0;
}

h1 {font-size: 22px; color: #00bf59; font-weight: normal; font-family: arial; margin: 0; padding: 20px 0 8px 0}
h2 {font-size: 18px; color: #00b4bf; font-weight: normal; font-family: arial; margin: 0; padding: 16px 0 6px 0}
p {font-size: 12px; color: #333; text-align: justify; margin: 0; padding: 0 0 4px 0}
div {display: block; margin: 0; padding: 0}
a {color: #00b38f; text-decoration: none}
a:hover {text-decoration: underline}

#bg {background: url('../gfx/bg.jpg') center top no-repeat}
#wrapper {width: 980px; margin: 0 auto; overflow: hidden}
#head {width: 980px; height: 275px; overflow: hidden}

a#logo {display: block; width: 284px; height: 205px; background: url('../gfx/logo.png') top left no-repeat; text-decoration: none; margin: 50px 0 0 60px; float: left}
form#search {display: block; width: 240px; height: 30px; float: right; margin: 245px 30px 0 0}
form#search input.text {display: block; width: 182px; height: 27px; padding: 0 10px; margin: 0 2px; background: url('../gfx/bg_search_input.gif') top left no-repeat; border: 0; color: #afa19f; font-family: verdana; font-size: 12px; float: left}
form#search input.submit {display: block; width: 27px; height: 27px; padding: 0; margin: 0 2px; background: url('../gfx/bg_search_submit.gif') top left no-repeat; border: 0; float: left; cursor: pointer}

#nav {width: 950px; height: 50px; margin: 30px auto 0 auto; background: url('../gfx/bg_nav.jpg') top left no-repeat}
#nav a {display: block; height: 40px; float: left; padding: 0 30px; color: #fff; line-height: 40px; text-decoration: none}
#nav a:hover {background-color: #8ac917; color: #000; text-decoration: none}

#left {width: 246px; padding-left: 14px; clear: left; float: left}
#right {width: 245px; padding: 0 12px 0 3px; clear: right; float: right}
#center {width: 440px; float: left; padding: 5px 10px; font-size: 13px; font-family: arial; color: #333}
.box {width: 244px; padding: 0; margin: 5px 0}
.box h1 {width: 214px; height: 53px; padding: 0 0 0 35px; margin: 0; font-size: 13px; font-weight: normal; line-height: 38px}
.box .end {width: 244px; height: 6px; font-size: 0px; line-height: 0px; clear: both; margin-top: 10px}
.box.dark {background: url('../gfx/bg_box_dark_m.gif') top left repeat-y}
.box.dark h1 {background: url('../gfx/bg_box_dark_t.gif') top left no-repeat; color: #f6e7e5}
.box.dark h1 b {color: #7effd3; font-weight: normal}
.box.dark p {font-family: arial; font-size: 11px; color: #fff; margin: 0; padding: 0 20px; clear: both}
.box.dark p span.info {display: block; font-size: 12px; color: #8cffb7; padding-bottom: 4px}
.box.dark p b {display: block; color: #7ffff5}
.box.dark a.more {display: block; clear: both; float: right; color: #80fff5; font-size: 10px; text-decoration: none; padding: 0 20px 20px 0}
.box.dark a.more:hover {text-decoration: underline}
.box.dark .end {background: url('../gfx/bg_box_dark_b.gif') top left no-repeat}
.box.light {background: url('../gfx/bg_box_light_m.gif') top left repeat-y}
.box.light h1 {background: url('../gfx/bg_box_light_t.gif') top left no-repeat; color: #865743}
.box.light .end {background: url('../gfx/bg_box_light_b.gif') top left no-repeat}
.box.tv {background: url('../gfx/tv.jpg') top left no-repeat; height: 141px; width: 220px; padding: 23px 0 0 24px}

/* news */
#center .news {display: block; width: 430px; overflow: hidden; margin: 5px auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 5px 0 5px 0}
#center .news h1 {display: block; width: 420px; margin: 0; padding: 5px; font-size: 13px; font-family: verdana; font-weight: bold; color: #534846;  clear: both}
#center .news p {clear: both; padding: 4px 5px; font-size: 11px; color: #534846}
#center .news p.info {display: block; float: right; margin: 0; padding: 0 5px; font-size: 10px; font-family: verdana; color: #ad9f9d; clear: both}

/* galerie right */
#right .box.gallery a {display: block; text-align: center; color: #605553; text-decoration: none; margin: 0 auto 10px auto; width: 180px}
#right .box.gallery a:hover {color: #796e6c}
#right .box.gallery a img {border: 0; padding: 0; margin: 5px}

#footer_wrapper {width: 100%; height: 120px; background-color: #59534e}
#footer {width: 1000px; height: 120px; background: url('../gfx/bg_footer.gif') center top repeat-y; margin: 0 auto}
#footer p.kabaret_info {display: block; margin: 0; padding: 5px 20px; clear: left; font-size: 11px; color: #8c817e; font-family: arial; float: left; width: 630px}
#footer p.kabaret_info b {display: block; clear: right; margin-top: 50px; color: #6b615e; font-weight: normal}
#footer p.kabaret_info a.logo {display: block; width: 150px; height: 108px; margin: 0 10px; text-decoration: none; background: url('../gfx/logo_sepia.gif') top left no-repeat; float: left}
#footer p.autor_info {display: block; float: right; margin: 50px 50px 0 0; text-align: center; color: #877c79; font-family: arial; font-size: 11px}
#footer p.autor_info a {color: #665b59; text-decoration: none}
#footer p.autor_info a:hover {text-decoration: underline}
#footer p.autor_info a.logo {display: block; text-decoration: none; height: 27px; width: 95px; background: url('../gfx/d4u_logo_sepia.gif') top left no-repeat; margin: 0 auto}
#footer p.nav {display: block; position: absolute; margin: 10px 0 0 192px; font-size: 11px; font-family: arial; color: #665b59}
#footer p.nav a {color: #8c817e; text-decoration: none}
#footer p.nav a:hover {color: #665b59}
