/* CSS OK strechy default */

* { margin: 0; padding: 0;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #ffffff url(../images/bg-body.jpg) repeat-x; font-size: 90%; color: #000000}
div#bg-page { background: url(../images/bg-page.jpg) center 82px no-repeat; margin: auto;}
div#page { width: 960px; margin: 0 auto; text-align: left}
div#top { width: 920px; height: 82px; background: url(../images/bg-top.jpg) bottom left no-repeat; padding: 0 20px; position: relative}
div#header { width: 960px; height: 230px; background: url(../images/bg-header.jpg) center top no-repeat}
/*div#header { _background: url(../images/bg-header.jpg) 21px top no-repeat} /* IE FIX */
div#content-holder { background: url(../images/bg-content-holder.jpg) repeat-y; padding: 0 0 0 0}
div#content { background: url(../images/bg-content.jpg) top center no-repeat; padding: 0 20px 0 20px}
/*div#content { _background: url(../images/bg-content.jpg) 21px top no-repeat} /* IE FIX */

/* logo */
h2#logo a { position: relative; display: block; left: 9px; top: 102px; width: 412px; height: 52px}
h2#logo span { display: none}

/* text */
div#text { width: 545px; position: relative; left: 30px; padding: 20px 0 20px 0}
div#text ul { list-style: none; margin: 0 0 0 40px; padding: 0 0 20px 0}
div#text ul li { padding: 0 0 0 25px; color: #000000; font-size: 0.85em; line-height: 1.5em; background: url(../images/li.gif) 0 3px no-repeat; _height: 1px}

div#text ol { list-style: none; margin: 0 0 0 40px; padding: 0 0 20px 0; list-style-type: decimal}
div#text ol li { padding: 0 0 0 25px; color: #000000; font-size: 0.85em; line-height: 1.5em}

div#right ul { list-style: none; margin: 0 0 0 10px; padding: 0 0 20px 0}
div#right li { padding: 0 0 5px 25px; color: #000000; font-size: 0.75em; line-height: 1.5em; background: url(../images/li.gif) 0 3px no-repeat; _height: 1px}
div.r-img { width: 274px; height: 206px; background: url(../images/bg-img.jpg) no-repeat; text-align: center; padding: 11px 0 0 0; float: left}
div.f-img { width: 172px; height: 131px; background: url(../images/bg-img_s.jpg) no-repeat; text-align: center; padding: 9px 0 0 0; float: left}


/* right column */
div#right { width: 275px; float: right; padding: 0 25px 0 0; margin: -60px 0 0 0}
div#right.kontakt { background: url(../images/bg-kontakt.jpg) 0 30px no-repeat; padding: 0 25px 20px 0}
span.adresa { font-size: 0.75em; display: block; padding: 25px 0 20px 15px}
span.adresa a { font-weight: normal}

/* hor nav */
#hornav { width: 726px; height: 45px; position: absolute; top: 37px; left: 0; background: url(../img/bg-hornav.jpg) no-repeat;}
#hornav ul { list-style: none; position: relative; left: 214px; _left: 213px;}
#hornav ul li { position: relative; width: 120px; height: 45px; float: left; margin: 0 0 0 1px;  overflow: hidden}
#hornav ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) no-repeat}
#hornav ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -120px 0 no-repeat;}
#hornav ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -241px 0 no-repeat}
#hornav ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -362px 0 no-repeat}
#hornav ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -483px 0 no-repeat}
#hornav ul li.h06 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav.jpg) -604px 0 no-repeat}

#hornav ul li.h01 a:hover span, #hornav ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) no-repeat; cursor:pointer;}
#hornav ul li.h02 a:hover span, #hornav ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -120px 0 no-repeat; cursor:pointer;}
#hornav ul li.h03 a:hover span, #hornav ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -241px 0 no-repeat; cursor:pointer;}
#hornav ul li.h04 a:hover span, #hornav ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -362px 0 no-repeat; cursor:pointer;}
#hornav ul li.h05 a:hover span, #hornav ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -483px 0 no-repeat; cursor:pointer;}
#hornav ul li.h06 a:hover span, #hornav ul li.h06 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -604px 0 no-repeat; cursor:pointer;}

/* top nav */
div#topnav { float: right; position: absolute; top: 7px; right: 35px; background: #1878B5}
div#topnav ul { list-style: none; font-size: 0.75em}
div#topnav ul li { float: left; padding: 0 0 0 20px; background: url(../images/bg-topnav-li.jpg) 10px 4px no-repeat; color: #FFFFFF}
div#topnav ul li a { color: #FFFFFF; text-decoration: underline; font-weight: normal}
div#topnav ul li a:hover { text-decoration: none}

/* spodni navigace */
div#botnav { margin: 0 0 0 160px}
div#botnav ul { list-style: none; position: absolute; top: 285px; font-size: 0.85em}
div#botnav ul li { float: left; padding: 0 0 0 20px}
div#botnav ul li a { color: #FFFFFF; text-decoration: none}
div#botnav ul li a:hover { text-decoration: underline}

/* HP 3 items */
div#boxes { width: 100%; background: #0182c4 url(../images/bg-boxes.jpg) repeat-x; position: relative; _top: 2px}

div.box { width: 250px;  float: left; padding: 15px 0 15px 25px}
div.box p { color: #FFFFFF; line-height: normal}
div.box span.name { color: #FFFFFF; font-size: 1em; font-weight: bold}
div.box a.more { height: 13px; width: auto; display: block; color: #FFFFFF; font-size: 0.85em; text-decoration: none; padding: 0 25px 0 0; background: url(../images/bg-more.jpg) 90px 0px no-repeat; float: right}
div.box a:hover.more { text-decoration: underline}
span.split { height: 153px; width: 30px; background: url(../images/bg-split.jpg) 25px 15px no-repeat; float: left}

/* footer */
div#footer { font-size: 0.75em; color:#666666; height: 70px; background: url(../images/bg-footer.jpg) no-repeat; padding: 0 20px 0 20px; text-align: center; padding: 20px 0 0 0}
div#footer a { color: #666666; font-weight: normal}

/* text elements */
h1, h2, h3, h4 { clear: left}
h1 {font-size: 1.5em; color: #003366}
h2 {font-size: 1.3em; color: #025394}
h3 {font-size: 1.2em; color: #1676B3}
h4 {font-size: 1em;	font-weight: bold}
p {padding: 0 0 10px 0; color: #000000; font-size: 0.85em; line-height: 1.5em; clear: left}

a:link, a:hover, a:visited { color: #2077af; font-weight: bold;}
a:hover { text-decoration: none;}
img { border: none;}
img.left { border: solid 1px #000000; float: left; margin: 0 30px 20px 37px;}
img.right { border: solid 1px #000000; float: right; margin: 0 0 20px 30px;}
hr { display: none}

/* classes */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.red {color: #cc0000}
.left {float:left; margin: 5px 10px 5px 0;}
.right {float: right; margin: 5px 0 5px 10px;}
.noborder {border: none}
.lblue {color: #66ccff; font-weight: bold;}