/* DELPHIN POOL - non IE6 style */

body {background: url('../graphic/bg-body.jpg'); margin: auto; font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #FFFFFF}
h1 {margin: 0; padding: 10px 20px; font-size: 26px}
h2 {margin: 0; padding: 10px 20px; font-size: 22px}
h3 {margin: 0; padding: 10px 20px; font-size: 18px}

div#header {height: 248px; width: 100%; background: url('../graphic/bg-header.jpg') center bottom repeat-x}
div#header-inner {width: 960px; background: url('../graphic/bg-header-inner.jpg') no-repeat; height: 248px; margin: auto}
div#content {width: 100%; background: url('../graphic/bg-content.jpg') center top repeat-x}
div#content-outer {width: 960px; margin: auto; background: url('../graphic/bg-content-inner.jpg') 35px top no-repeat}
div.content-inner {clear: both; display: block; padding-top: 30px}
div#footer {width: 100%; height: 85px; background: url('../graphic/bg-footer.jpg') center bottom repeat-x}
div#footer-inner {width: 960px; margin: auto}

div#line1 {width: 800px; height: 40px; position: relative; top: 29px; left: 120px}
div.sponzor {width: 340px; height: 40px; float: left}
div.menu {width: 420px; height: 40px; float: left; position: relative; left: 30px}

div.submenu {height: 120px; width: 700px; position: relative; left: 260px}
div.block {margin: 0; background: url('../graphic/bg-window.jpg'); width: 948px; margin: auto}
div.block p {padding: 0 25px 15px 25px; margin: 0; display: block}

img.logo {position: relative; top: 62px; left: 9px}

a img {border: none}

.menu ul {margin: 0; padding: 0; text-align: right}
.menu li {display: inline}
.menu li a {margin: 0 0 0 25px; line-height: 35px; float: right; display: block; font-size: 18px; color: #FFFFFF; text-decoration: none}
.menu li a:hover {color: #13E4FD}

.submenu ul {margin: 0; padding: 0; height: 142px; display: block}
.submenu li {display: inline}
.submenu li a {margin: 0 0 0 22px}
.submenu a.foliove-bazeny {width: 103px; height: 112px; background: url('../graphic/button-foliove-bazeny.jpg') no-repeat; float: left; display: block; position: relative; top: 30px}
.submenu a.nerezove-bazeny {width: 118px; height: 112px; background: url('../graphic/button-nerezove-bazeny.jpg') no-repeat; float: left; display: block; position: relative; top: 30px}
.submenu a.mozaika-keramika {width: 118px; height: 112px; background: url('../graphic/button-mozaika-keramika.jpg') no-repeat; float: left; display: block; position: relative; top: 30px}
.submenu a.schody {width: 97px; height: 112px; background: url('../graphic/button-schody.jpg') no-repeat; float: left; display: block; position: relative; top: 30px}
.submenu a.lamelove-plachty {width: 117px; height: 112px; background: url('../graphic/button-lamelove-plachty.jpg') no-repeat; float: left; display: block; position: relative; top: 30px}
.submenu a:hover {background-position: 0 -112px !important}

.imgShadow {background: url('../graphic/bg-image-150x113.jpg') no-repeat; padding: 13px; margin: 6px; z-index: 10}
.imgBorder {margin: 5px; padding: 1px; border: solid 6px #FFFFFF}
.left {float: left; margin-right: 20px}
.right {float: right; margin-left: 20px}

.textJustify {text-align: justify}
.textLeft {text-align: left}
.textRight {text-align: right}
.textCenter {text-align: center}

table.block {background: url('../graphic/bg-window.jpg'); margin: 10px 0 15px 0}
table.block td.top {height: 8px; background: url('../graphic/bg-window-border-top.jpg') repeat-x}
table.block td.bottom {height: 8px; background: url('../graphic/bg-window-border-bottom.jpg') repeat-x}
table.block td.middleLeft {width: 8px; background: url('../graphic/bg-window-border-left.jpg') repeat-y}
table.block td.middleRight {width: 8px; background: url('../graphic/bg-window-border-right.jpg') repeat-y}
table.block td.middleCenter {padding: 5px 0}
table.block p {padding: 0 25px 15px 25px; margin: 0; display: block}

p.block {padding: 15px; margin: 20px 6px; background: url('../graphic/bg-window.jpg')}

a.langCz {position: relative; top: 37px; margin: 0; width: 37px; height: 37px; float: left; display: block; background: url('../graphic/language-cz.png') no-repeat}
a.langEn {position: relative; top: 37px; margin: 0; width: 37px; height: 37px; float: left; display: block; background: url('../graphic/language-en.png') no-repeat}
a.langDe {position: relative; top: 37px; margin: 0; width: 37px; height: 37px; float: left; display: block; background: url('../graphic/language-de.png') no-repeat}

div.languages {float: left; height: 82px; width: 200px}
div.copyright {width: 560px; float: right; text-align: right; color: #260902; font-size: 15px; font-weight: bold; display: block}
div.copyright a {color: #260902; text-decoration: none}
div.copyright a:hover {text-decoration: underline}
div.copyright p {padding: 49px 20px 18px 20px; margin: 0; background: url('../graphic/bg-copyright.jpg') 0 26px repeat-x; }