/* reset default browser values */

html, body, h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px}
a, img {outline:0px; border:0px}

/* framework classes */

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

/* typografy */

body {font-size:90%; text-align: center; font-family: sans-serif; line-height: 1.75}
h1 {font-size:2.5em;} 
h2 {font-size:1.875em} 

p, ul {font-size:0.875em} 



/* xpage layout */

body{background: #090000 url('../img/bk.png') repeat-x 0px 0px}
#xpage {width: 804px; margin: 30px auto 10px auto; text-align: left}
#xheader{height: 130px; background: url('../img/tp.png') no-repeat bottom left}
#xfeatured{height: 198px; background: url('../img/space.jpg') no-repeat top center; position: relative; top: -8px; padding: 0px 30px; overflow: hidden}
#xmeniu{height: 50px; background: url('../img/meniu.jpg') no-repeat top center}
#xbody{background: url('../img/main.png') repeat-y 0px 0px; padding-bottom: 20px}
#xmain {float: right; width: 530px; padding-right: 20px}
#xpanel {float: left; width: 200px; padding-left: 20px}
#xfooter {text-align: left; height: 53px; background: url('../img/ft.jpg') no-repeat 0px 0px; padding: 10px 30px; font-size: 9pt}

/* custom style */

#xpage {color: #333333;}
#xheader #xlogo {width: 49%; float: left}
#xheader h1 {color: #fff; margin-top: 0px; padding-top: 0px;}
#xheader h1 span{color: #000;}
#xheader em {color: #ED3C3D; position: relative; top:16px}
#xheader a {color: #ED3C3D; text-decoration: none}
#xheader a:hover {text-decoration: underline}
#xheader #xlinks {float: right; width: 49%; margin-top: 45px; color: #ED3C3D; text-align: right}

#xfeatured {color: #fff; text-align: right; padding-top: 45px; height: 150px}

#xmeniu ul {margin: 0px; padding: 0px; list-style-type: none; padding-left: 30px}
#xmeniu ul li {width: 115px; height: 30px; float: left; text-align: center; padding-top: 6px;}
#xmeniu ul li a {width: 100%; height: 100%; display: block; padding-top: 5px; text-decoration: none; color: #fff}

#xmeniu ul li a:hover, #xmeniu ul li a.active {background: #fff url('../img/tab.jpg') no-repeat; color: #333333}

#xpanel {color: #999}
#xpanel h3 {color: #707070; background: url('../img/gbull.jpg') no-repeat left 12px ; padding-left: 20px; text-transform: lowercase}
#xpanel ul {border: 0px; padding: 0px; list-style-type: none; border-top: 1px dotted #999;}
#xpanel ul li {border-bottom: 1px dotted #999; padding: 3px}
#xpanel ul li a {text-decoration: none}

#xmain{color: #7A7A7A}
#xmain h1, #xmain h2 {color: #BA0000; background: url('../img/rbull.jpg') no-repeat left 12px; padding-left: 20px}
#xmain img {float: left; margin: 0px 10px 10px 0px; border: 3px solid #eaeaea}

#xmain h1, #xmain  h2, #xpanel h3 { padding-bottom: 5px; margin-top: 15px; font-size: 14pt}

#xfooter, #xfooter a {color: #ED3C3D; text-decoration: none; font-size: 8.5pt}

p {cursor: default}

a:link {color:#ED3C3D;}      /* unvisited link */
a:visited {color:#333333;}  /* visited link */
a:hover {color:#ED3C3D;}  /* mouse over link */
a:active {color:#ED3C3D;}  /* selected link */