body, div, p, a, h1, h2, h3, h4, ul { padding: 0; margin: 0; }
body { background-image: url(img/body-bkg.jpg); background-position: 0 0; background-repeat: no-repeat; /*background-attachment: fixed;*/ font-size: 12px; color: #333; font-family: arial,helvetica,sans-serif; }
a { color: #039; text-decoration: none; }
a:hover { text-decoration: underline; color: #056; }
.cleaner { clear: both; }
.selected { color: #08e; }
ul { list-style: square; margin-bottom: 20px; }
ul ul { list-style: disc; margin-bottom: 0px; }
li { margin-bottom: 5px; }
.magenta { color: #e08; }
.center { text-align: center; }
.invisible { display: none; }

/***** LAYOUT *******************************/
#holder { width: 980px; border: 0px solid; }
#lang { text-align: right; font-size: 10px; height: 20px; padding-top: 1px; }
#lang a { text-transform: uppercase; font-size: 10px; padding: 0 1px; }
#lang a:hover { background: #08e; color: #fff; text-decoration: none; }
#lang a.selected { background: #078; color: #fff; }

/**** INFOPANEL *****/
#infopanel { height: 75px; }
#infopanel table { border-collapse: collapse; margin: 0 0 0 auto; width: 250px; height: 75px; }
#infopanel td { vertical-align: center; font-size: 11px; }
.logo { vertical-align: top; text-align: right; width: 85px; }
.logo img { }
.kosikinfo { text-align: right; vertical-align: bottom; }
.kosikinfo span { background: #e0eBeF; border: 1px solid #bcd; padding: 3px 5px; }
.user { height: 35px; text-align: right; vertical-align: bottom; }
#toplinka { background: #048; height: 2px; margin: 5px 0; font-size: 1px; }
#toptext { text-align: right; font-size: 18px; height: 45px; letter-spacing: 8px; color: #039; }
#toptext small { letter-spacing: 0px; font-size: 11px; font-style: italic; }
#footer { border-top: 1px solid #048; text-align: center; font-size: 11px; padding: 10px 0; margin: 0 auto; width: 99%; color: #039; }
#footer .visvitalis { padding: 10px 0 0; }
#footer .visvitalis img { margin: 0 0 10px 0; }
#toplinka, #vlinka { opacity: 0.50; /* pro Firefox a Operu 9 */ filter:alpha(opacity=50); /* pro IE6 */ }

/***** MENU **********/
#vlinka { position: absolute; left: 167px; top: 0; width: 2px; height: 570px; background: url(img/menu/vlink.gif) bottom left no-repeat; }
#topmenu { position: absolute; left: 0px; top: 190px; width: 180px; height: 600px; margin: 0 0 0 0px; border: 0px solid; }
#topmenu a { font-weight: bold; }
#topmenu ul { list-style-type: none; margin: 0; }
#topmenu li { text-align: right; line-height: 25px; height: 25px; margin-bottom: 10px; }
#topmenu li img { vertical-align: -8px; margin-left: 5px; }
#submenu { margin-top: 1px; background: #eee; padding: 5px; }
#submenu a { font-size: 10px; }

/***** MAIN *************************/
#main { min-height: 400px; _height: 400px; padding: 0px 0 20px; margin-left: 255px; }
#main div { line-height: 1.4em; }
#main div { margin: 0 0 20px; }
#main a { color: #048; text-decoration: underline; }
#main a:hover { color: #08e; }
h1 { font-weight: bold; font-size: 160%; margin-bottom: 15px; color: #08e; }
h2 { font-weight: bold; font-size: 145%; margin-bottom: 15px; color: #078; }
h3 { font-weight: bold; font-size: 145%; margin-bottom: 0px; color: #078; font-weight: normal; font-style: italic; }
h4 { font-weight: bold; font-size: 110%; }
#main ul { padding: 0 0 20px 15px; }
.box { text-align: left; }
#main .box a { color: #06e; font-weight: bold; font-size: 14px; }
#main .box p a { color: #08e; font-weight: normal; font-size: 11px; }
#main .box a:hover { text-decoration: underline; color: #056; }
.box .datum { color: #333; }

/***** kosik info *****/
#kosikinfo { border: 1px solid #abc; background: #E0EBEF; text-align: center; padding: 5px; margin: 48px 20px 0; float: right; font-size: 11px; }
#kosikinfo a { text-decoration: underline; }

/**** submenu ***********/
.pacienti li { background: url(img/menu/submenu-violet.gif) right 3px no-repeat; }
.lekari li { background: url(img/menu/submenu-cyan.gif) right 3px no-repeat; }
.poradna li { background: url(img/menu/submenu-yellow.gif) right 3px no-repeat; }
.eshop li { background: url(img/menu/submenu-eshop.gif) right 3px no-repeat; }
.akce { background: #09e; padding: 3px 5px; margin: 5px 0; border: 1px solid #26c; display: block; width: 200px; text-align: center; }
.akce strong { color: #fff; }
.rc { /* round corners */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/border-radius.htc); /* IE */ }

