html, body {

height: 100%;

}

body {

margin: 0px;

padding: 0px;

font-family: "Arial CE", Arial, Helvetica, sans-serif;

font-size: 12px;

color: #6d6e71;

text-align: center;

background: white url(../gfx/background.png) top center repeat-y;

}

a {

color: #f58220;

}

a:hover {

text-decoration: none;

}

.body {

position: relative;

width: 780px;

padding-left: 10px;

padding-right: 10px;

height: auto;

_height: 100%;

min-height: 100%;

margin: 0 auto;

}

.header {

height: 212px;

width: 100%;

position: relative

}

.header ul {

margin: 0px;

padding: 0px;

list-style: none;

width: 100%;

height: 25px;

background: url(../gfx/ul.gif) top left repeat-x;

position: absolute;

top: 200px;

left: 0px;

_left: 1px;

}

.header ul li {

float: left;

border-right: 5px solid white;

}

.header ul li a {

display: block;

font-size: 14px;

padding-left: 8px;

padding-right: 45px;

padding-top: 5px;

text-decoration: none;

color: #000000;

border-top: 5px solid #ffff00;

padding-bottom: 3px;

}

.header ul li.menu0 a{

border-top: 5px solid #ffcc33;

}

.header ul li.menu2 a{

border-top: 5px solid #ccff33;

}

.header ul li.menu3 a{

border-top: 5px solid #33ccff;

}

.header ul li.menu4 a{

border-top: 5px solid #ff00ff;

}

.header ul li.menu5 a{

border-top: 5px solid #ff9900;

}

.header ul li.menu6 a{

border-top: 5px solid #BB4A38;

}

.header ul li a:hover { 

color: #6d6e71;

border-top-width: 10px;

}

.header h1 {

width: 350px;

height: 177px;

background: url(../gfx/logo.png) top left no-repeat;

margin: 0px;

position: absolute;

left: 131px;

top: 0px;

}

.header h1 a {

width: 350px;

height: 177px;

display: block;

overflow: hidden;

text-indent: 400px;

line-height: 200px;

}

.content {

width: 100%;

background: url(../gfx/rozsekly.png) top center no-repeat;

margin-top: 80px;

_margin-left: 1px;

}

h3.obr {

width: 534px;

height: 455px;

font-family: Palatino, 'palatino linotype', serif;

font-size: 20px;

line-height: 160%;

color: black;

margin: 0 auto;

position: relative;

}

h3.obr span {

width: 534px;

height: 455px;

position: absolute;

background: url(../gfx/mochomurka.jpg) top left no-repeat;

left: 0px;

top: 0px;

}

.textove-pole {

padding-left: 45px;

padding-right: 45px;

line-height: 140%;

text-align: left;

}

.textove-pole p {

margin-top: 2px;

}

.textove-pole h2, .textove-pole h3 {

border-left: solid 5px #FF9900;

padding-left: 10px;

position: relative;

left: -15px;

font-size: 24px;

margin-bottom: 8px;

}

.textove-pole h2 {

font-size: 24px;

}

.textove-pole h3 {

font-size: 18px;

}

.shadow {

height: 75px;

}

.footer {

height: 71px;

width: 100%;

background: url(../gfx/footer.png) top center no-repeat;

position: absolute;

bottom: 0px;

left: 0px;

}