* {
color: #5a5a5a;
font-size: 11px;
font-family: Verdana, Tahoma, sans-serif;
line-height: 1.5; }

body {
padding: 0;
margin: 0;
background: #f0f3f3 url('img/bg0.gif');
text-align: center; }

div#bg1 {
padding: 0;
margin: 0;
background: #f0f3f3 url('img/bg1.png') repeat-x;
text-align: center; }

div#main {
width: 780px;
margin: 0 auto;
padding: 3px 0;
background: url('img/tbg.png') repeat-y right top;
text-align: center; }

div#bottom {
width: 780px;
height: 6px;
margin: 0 auto;
background: url('img/tbottom.png') no-repeat right top; }

div#top {
position: relative;
width: 780px;
height: 253px;
background: url('img/tophoto.jpg') no-repeat 14px 0;
text-align: center; }

a#logo {
display: block;
width: 305px;
height: 91px;
position: absolute;
top: 75px;
left: 0;
background: url('img/osteomed.png') no-repeat;
text-indent: 400px;
overflow: hidden; }

div#menu {
display: block;
width: 760px;
height: 30px;
margin: 1px 3px 1px 14px;
background: #dde6e7; }

div#menu a {
display: block;
height: 30px;
text-indent: 300px;
white-space: nowrap;
overflow: hidden;
background-repeat: no-repeat;
background-position: left top; }

div#menu a:hover {
background-position: left bottom; }

a#onas { background-image: url('img/_onas.png'); width: 87px; float: left; }
a#oferta { background-image: url('img/_oferta.png'); width: 91px; float: left; }
a#galeria { background-image: url('img/_galeria.png'); width: 98px; float: left; }
a#kontakt { background-image: url('img/_kontakt.png'); width: 104px; float: right }

div#content {
display: block;
float: left;
width: 740px;
margin: 0 1px 1px 14px;
padding: 10px;
background: #eaeff0;
text-align: left; }

p {
margin: 0;
padding: 11px 0 0 0;
text-align: justify; }

p b {
color: #5d78b0; }

ul {
margin: 0 0 0 15px;
padding: 0; }

#content a {
color: #ff3300;
font-weight: bold;
text-decoration: none; }

#content a:hover {
color: #5d78b0;
font-weight: bold;
text-decoration: none; }

td {
vertical-align: top; }

hr {
height: 1px;
background: #dde6e7;
border: 0; }

#galMatrix a img {
margin: 14px;
border: 1px solid #fff; }

#galMatrix a:hover img {
margin: 10px;
border: 5px solid #fff; }


div#box {
display: block;
float: right;
width: 181px;
margin: 0 6px 1px 0;
padding: 10px;
background: #dde6e7;
text-align: left; }

div#footer {
position: relative;
clear: both;
display: block;
width: 740px;
height: 33px;
margin: 0 3px 0 14px;
padding: 15px 10px 0 10px;
background: #cbd4e5;
color: #fff;
font: normal 12px Tahoma, sans-serif;
text-align: left; }

a#as {
display: block;
float: right;
width: 24px;
height: 20px;
margin: 0;
background-image: url('img/as.png'); 
background-position: left top;
background-repeat: no-repeat;
text-decoration: none;
white-space: nowrap;
text-indent: 50px;
overflow: hidden; }

a#as:hover {
background-position: left bottom; }