/* CSS V-SPED default */

/***************** LAYOUT ************************/

* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #000000 url(../images/bg_body.jpg) top left repeat-x; font-size: 90%; color: #FFFFFF;}

#page {width: 920px; margin: auto; background: #F5F5F5}
#header { height: 260px; background: url(../images/bg_header.jpg) no-repeat; position: relative}
#content_holder {width: 920px; background: #000000 url(../images/bg_content_holder.jpg) no-repeat; padding: 15px 0 0 0;}
#content { width: 560px; float: left; padding: 20px 30px 15px 10px}
#right { width: 320px; float: left}

/* right */
#right_content { background: #333333;}
#right_top { background:url(../images/bg_right_top.jpg) no-repeat; padding: 23px 0 0 0;}
#right_bottom { background: url(../images/bg_right_bottom.jpg) no-repeat; padding: 15px 0 0 0}
#right_top h2, #right_top h3, #right_top h4, #right_top p, #right_top span {padding: 0 20px;}
#right_top h2 {border-bottom: solid 4px #4d4d4d; margin: 0 20px 10px 20px; padding: 0 0 5px 0;}
#right_top table {font-size: 0.75em; margin: 0 0 20px 20px; width: 280px; /*border: solid 1px red*/}
#right_top table tr td {vertical-align: top}
#right_top table tr td.lblue {color: #66ccff; font-weight: bold; width: 80px; /*border: solid 1px white*/}

/* logo */
h2 a#logo span {display: none}
h2 a#logo {display: block; width: 240px; height: 75px; position: absolute; top: 25px; left: 20px}

/* horni navigace */
#vernav { height: 42px; background: url(../images/bg_vernav.jpg) repeat-x}
#vernav ul {list-style: none;}
#vernav ul li {float: left;}
#vernav ul li a span {display:none}
#vernav ul li a {display: block;}
#vernav ul li a:hover { color: #000000}

#vernav ul li.item01 a { width: 146px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) 0 0 no-repeat}
#vernav ul li.item02 a { width: 149px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) -146px 0 no-repeat}
#vernav ul li.item03 a { width: 178px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) -295px 0 no-repeat}
#vernav ul li.item04 a { width: 158px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) -473px 0 no-repeat}
#vernav ul li.item01 a:hover { width: 146px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) 0 -42px no-repeat}
#vernav ul li.item02 a:hover { width: 149px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) -146px -42px no-repeat}
#vernav ul li.item03 a:hover { width: 178px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) -295px -42px no-repeat}
#vernav ul li.item04 a:hover { width: 158px; height: 42px; display: block; background: url(../images/bg_vernav_item.jpg) -473px -42px no-repeat}

/* red box */
#content #red_box {width: 546px; height: 240px; background: url(../images/bg_red_box.jpg) no-repeat; position: relative; margin: 0 0 0 8px} 
#content #red_box ul {list-style: none; position: absolute; top: 42px; line-height: 1.65em}
#content #red_box ul li { background: none; font-size: 0.85em; font-weight: bold;}

/* footer */
#footer { height: 46px; background: url(../images/bg_footer.jpg) repeat-x; color: #7795a8; font-size: 0.75em; padding: 0 0 0 20px; line-height: 46px; margin: 15px 0 0 0}
#footer a {color: #7795a8}