ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,form, body, html,p, fieldset { margin:0; padding:0; list-style-type:none; }

.cf, #con_bot, .galerie { min-height:1%; }
.cf:after, #con_bot:after, .galerie:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

hr.hr { display:none; }

body, html, textarea, input, select, pre { color:black;  font-family:Verdana, Arial;  font-size:11px; }
html { height:100%; }
body { background:#314659 url('img/bg.jpg') 50% 0;  text-align:center;  position:relative; margin:0; padding:0; height:100%; }
#container { background:url('img/bgc.jpg') 50% 0 repeat-y; width:845px; margin:0 auto; padding:0; text-align:left; height:100%;min-height:100%; padding:0; }
body > #container { height:auto;  }

#footer { height:80px; }
#footer div { position:absolute; top:-100000px; }

#main { width:613px; position:relative; left:112px; }
#con { color:black;  font-family:verdana;  line-height:1.5em;  background:white; padding:10px; }
#con_top { background:url('img/con_top.jpg') 0 0 no-repeat;  width:593px; }
#con_bot { background:url('img/con_bot.jpg') 0 100% no-repeat;  width:593px; }
#con_mid { background:url('img/con_mid.jpg') 0 0 repeat-y;  width:593px; }

a { text-decoration:underline; color:#000; }
a:hover { text-decoration:none; }

img { border:0; }

h1 { font-size:1.4em; font-weight:normal; padding:0 0 1em; text-transform:uppercase; }
h2 { font-size:1em; font-weight:bold; }
hr { height: 1px; color: #f30; background-color: #f30; border: 0px solid #f30; margin:0 0 1em; }
p { padding:0 0 1em; }
.homepage h2 { border-bottom:1px solid #f30; padding:0 0 3px; margin:0 0 1em; text-align:center; color:#f60; }
h2.red { color:#f60; }
h1.hide { position:absolute; top:-10000px; }

#content li { padding:0 0 0 10px; background:url(img/li.gif) 3px .7em no-repeat; }

#header { height:130px; margin:0; padding:0; }

#logo { background:transparent url(img/vitality-martina-logo.gif) no-repeat scroll 0 0; height:80px; left:0; position:absolute; text-decoration:none; top:43px; width:148px; }
#logo span { position:absolute; top:-100000px; }

#menu { height:40px; position:absolute; left:155px; top:90px; padding:0; }
#menu .bg { width:443px; height:40px; position:absolute; left:0; top:0;background:url('img/menu_bg.png') 0 100% no-repeat; }
#menu ul { position:absolute; padding:0; margin:0; }
#menu li { padding:0; margin:0; position:absolute; top:0; height:40px; background:white; }
#menu li a { font-size:11px; }
#menu a, #kontakt a, #cenik a { color:black; font-family:Tahoma; font-size:11px; text-transform:uppercase; background:white url('img/menu_gr.png') 0 0 repeat-x;display:block;margin:5px;height:30px;text-decoration:none; }
#menu span,#kontakt a span,#cenik a span { display:block;text-align:center;padding:9px 0 0; }
#menu #cviceni { width:103px;  left:5px; }
#menu #cviceni-pro-deti { width:118px;  left:110px; }
#menu #masaz { width:103px;  left:230px; }
#menu #pobyty { width:103px;  left:335px; }
#kontakt, #cenik { width:100px;  left:493px; bottom:-35px;position:absolute;  height:40px;  background:white;  z-index:2; }
#cenik { left:391px; }
.noha { width:31px; height:27px;  background:url('img/noha.png');  position:absolute;  left:83px; bottom:-27px; }
.roh { width:162px; height:136px;  background:url('img/roh.gif') 100% 100% no-repeat;  position:absolute;  left:459px; bottom:-9px; _bottom:-10px;  z-index:3; }
.roh span { display:block;  width:162px; height:136px;  background:url('img/roh2.gif') 100% 100% no-repeat; }
#side { float:left;  margin:10px 0 120px; position:relative; left:10px; width:160px; }
#side img { border:10px solid white; }
#content { width:370px;  float:right;  margin:20px 20px 20px 0; }

#menu-servis { position:absolute;  right:10px; top:20px;  height:37px; }
#menu-servis a { width:37px; height:37px;  display:block; float:left; }
#menu-servis a.a1 { background:url('img/hlavni-s.gif') 0 0 no-repeat; }
#menu-servis a.a2 { background:url('img/tisk-s.gif') 0 0 no-repeat; }
#menu-servis a.a3 { background:url('img/mail-s.gif') 0 0 no-repeat; }
#menu-servis span { display:none; }

.submenu { padding:0; margin:10px 0 0 0; }
.submenu li,
#content .submenu li { padding:0 0 0 15px;  background:url('img/sipka.gif') 0 50% no-repeat; }
.submenu a { color:#360;  font-weight:bold;  text-decoration:none; }
.submenu li.active a,
.submenu li a:hover { text-decoration:underline; }

.title { display:block; margin:13px 0 3em; }

table { width:100%; }
table td { text-align:right; padding:0 0 10px; vertical-align:top; width:60px; }
table .th { text-align:left; width:auto; font-weight:bold; }
.galerie .item { display:block; width:100px; height:90px;  float:left; margin:0 20px 0 0; }
.galerie .item img { width:100px; height:75px; background:#ccc; display:block; }