/* css for: reset */
/* description: reset default browser styles to take care of cross-browser inconsistancies */
html, body, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px}
a, img {outline: 0px; border: 0px}

/* css for: standard xPage */
/* description: create standard css for all xPage layouts */

.layout {margin: 0px; padding: 0px}
.content {padding: 15px}
.debug {border: 1px dotted red}
.clear {clear: both}

body {text-align: center; font-family: sans-serif; font-size: 75%; line-height: 1.75}

/* css for:  layout */
body {background: #eeeeee url('../img/bk.png') repeat-x}
#xpage {width: 804px; margin: 0px auto; text-align: left; margin-top: 10px}

#xmeniu{height: 50px}
#xmain {float: right; width: 550px; padding-right: 20px}
#xpanel {float: left; width: 220px}


#xtop {background: transparent url('../img/top.png') no-repeat; height: 18px; overflow: hidden}
#xtopheader {background: #fff url('../img/middle.png') repeat-y; height: 127px;}
#xbody  {background: #fff url('../img/middleg.png') repeat-y}
#xfooter {text-align: left; background: #eee url('../img/footer.png') no-repeat top left; height: 70px; padding-top: 25px}
#xfooter div{float: right}


/* css for:  custom */
body {color: #333; font-size: 10pt; word-spacing: 2px; font-family: "trebuchet ms", verdana, futura, sans-serif ;}
h1, h2, h3, a, .red, #xpanel ul li {color: #CC0033}
h1, h2, h3 {font-weight: normal; font-family: impact, "trebuchet ms", verdana, futura, sans-serif;margin-bottom: 10px;}
#xfooter {font-size: .8em; padding: 30px;}
#xfooter div{text-align: right; }
#xfooter a {text-decoration: none; color: #333}
#xtopheader div {float: left;   overflow: hidden; width: 150px; padding-left: 30px}


#xtopheader ul {background: #CC0033 url('../img/meniu.png') no-repeat; float: right; width: 530px; height: 48px; overflow: hidden; margin: 0px; padding: 0px; padding-left: 30px; list-style-type: none; margin-right: 15px;}


#xtopheader ul li {float: left; margin: 0px; padding: 0px; height: 100%; padding-top: 10px; padding-right: 10px}
#xtopheader ul li a{color: #eaeaea; text-decoration: none; background: url('../img/whitebullet.png') no-repeat 1px 8px; font-size: 10pt; border: 0px solid red; padding-left: 15px;}
#xtopheader ul li a:hover, a.active {color: #fff; background: url('../img/b-whitebullet.png') no-repeat 0px 6px}

#xpanel ul {margin-left: 15px; padding: 0px; }
#xpanel ul li  {font-size: .95em; clear: both}
#xpanel ul li span {color: #333; float: left; font-size: .9em; display: block}
#xmain {text-align: justify}