/* CSS Document */



/* Obecne direktivy */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
background: #F6FBFF url('../img/bg.gif') repeat-x 0 0;
min-width: 900px;
}

a:link, a:visited {
color: #EFF8FF;
text-decoration: underline;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}

hr.noscreen {
display: none;
}

.hidden { /* Preskocit menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Odstavce, nadpisy, definicni seznamy */

p {
line-height: 160%;
}

h1 {
position: absolute;
overflow: hidden;
font-size: 190%;
text-align: left;
left: 0;
top: 31px;
}

h1, h1 span {
width: 300px;
height: 101px;
}

h1 span {
display: block;
position: absolute;
top: 0;
left: 0;
background: url('../img/nazev.gif') no-repeat 0 0;
cursor: pointer;
}

h1 a, h1 a:visited {
color: #032845;
background-color: #002338;
}

h2 {
font-size: 1.2em;
color: #EFF8FF;
padding: 10px 0 7px 0;
margin: 37px 0 10px 0;
}

h2.first {
margin-top: -10px;
background: url('../img/otaznicek.gif') no-repeat 0 bottom;
width: 493px;
}

h2.puzzle {
background: url('../img/puzzle.gif') no-repeat 0 bottom;
width: 493px;
}

h2.vyhoda {
background: url('../img/vyhoda.gif') no-repeat 0 bottom;
width: 497px;
}

h2.ukazky {
background: url('../img/ukazky.gif') no-repeat 0 bottom;
width: 493px;
}

h3 {
color: #FFFFFF;
line-height: 28px;
font-size: 1.1em;
text-align: center;
letter-spacing: 1px;
margin-bottom: 10px;
}

h3.novinky {
background: url('../img/novinky-bg.gif') no-repeat 0 center;
}

h3.kontakty {
background: url('../img/kontakty-bg.gif') no-repeat 0 center;
}

dl {
margin-left: 5px;
}

dt {
font-weight: bold;
font-size: 1.1em;
letter-spacing: 1px;
margin-bottom: 0.1em;
}

dd {
margin: 0 0 0.9em 2.2em;
line-height: 130%;
}


/* Hlavicka */

#header {
margin: 0 auto;
width: 900px;
height: 200px;
position: relative;
background: #002338 url('../img/hlavicka-bg.gif') repeat-x 1px 0;
}

ul#navigace {
float: right;
margin: 8px 3px 0 0;
display: inline;
color: #FFFFFF;
}

ul#navigace li {
float: left;
display: inline;
list-style-type: none;
text-align: center;
font-size: 0.9em;
}

ul#navigace li a, ul#navigace li a:visited {
text-decoration: none;
color: #FFFFFF;
font-weight: normal;
}

ul#navigace li a:hover {
text-decoration: underline;
}

li#domecek {
background: url('../img/domecek.gif') no-repeat 0 1px;
padding-left: 25px;
}

li#domecek a {
margin-right: 16px;
}

li#mapa {
background: url('../img/mapa-webu.gif') no-repeat 0 2px;
padding-left: 25px;
margin-left: 16px;
}

li#mapa a {
margin-right: 16px;
}

li#obalka {
background: url('../img/obalka.gif') no-repeat 0 2px;
padding-left: 25px;
margin-left: 16px;
}

form {
width: 265px;
position: absolute;
top: 47px;
right: 3px;
}

input.search {
letter-spacing: 1px;
float: left;
width: 149px;
padding: 2px 0 2px 6px;
border: 1px solid #232323;
}

.hledat {
letter-spacing: 1px;
padding-left: 0;
font-weight: bold;
color: #FFFFFF;
float: left;
margin-left: 3px;
}

label {
float: left;
background: url('../img/lupa.png') no-repeat center;
width: 23px;
height: 19px;
margin-right: 12px;
display: inline;
}


/* Menu */

menu {
position: absolute;
top: 161px;
right: 22px;
z-index: 100;
}

menu li, menu li a {
float: left;
display: inline;
list-style-type: none;
text-align: center;
}

li#uvod a {
width: 73px;
height: 39px;
background: #2E6600 url('../img/menu/uvod.gif') no-repeat 0 0;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
line-height: 39px;
margin-right: 3px;
}

li#uvod a:hover {
background-position: 0 -39px;
background-color: #AC4900;
}

li#uvod a.active {
background-position: 0 -39px;
background-color: #AC4900;
}

li#verze a {
width: 79px;
height: 39px;
background: #2E6600 url('../img/menu/verze.gif') no-repeat 0 0;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
line-height: 39px;
margin-right: 3px;
}

li#verze a:hover {
background-position: 0 -39px;
background-color: #AC4900;
}

li#verze a.active {
background-position: 0 -39px;
background-color: #AC4900;
}

li#cenik a {
width: 78px;
height: 39px;
background: #2E6600 url('../img/menu/cenik.gif') no-repeat 0 0;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
line-height: 39px;
margin-right: 3px;
}

li#cenik a:hover {
background-position: 0 -39px;
background-color: #AC4900;
}

li#cenik a.active {
background-position: 0 -39px;
background-color: #AC4900;
}

li#demo a {
width: 79px;
height: 39px;
background: #2E6600 url('../img/menu/demo.gif') no-repeat 0 0;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
line-height: 39px;
margin-right: 3px;
}

li#demo a:hover {
background-position: 0 -39px;
background-color: #AC4900;
}

li#demo a.active {
background-position: 0 -39px;
background-color: #AC4900;
}

li#novinky-v-systemu a {
width: 176px;
height: 39px;
background: #2E6600 url('../img/menu/novinky-v-systemu.gif') no-repeat 0 0;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
line-height: 39px;
margin-right: 3px;
}

li#novinky-v-systemu a:hover {
background-position: 0 -39px;
background-color: #AC4900;
}

li#novinky-v-systemu a.active {
background-position: 0 -39px;
background-color: #AC4900;
}

li#reference a {
width: 120px;
height: 39px;
background: #2E6600 url('../img/menu/novinky-v-systemu.gif') no-repeat 0 0;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
line-height: 39px;
}

li#reference a:hover {
background-position: 0 -39px;
background-color: #AC4900;
}

li#reference a.active {
background-position: 0 -39px;
background-color: #AC4900;
}

/* Box s obsahem */

#content-box {
width: 900px;
min-height: 100%;
margin: 0 auto;
background-color: #032845;
border: 3px solid #FFFFFF;
text-align: left;
color: #EFF8FF;
position: relative;
z-index: 10;
}

#content-box-in {
width: 100%;
}

#content-box-left {
float: left;
width: 66%;
}

#content-box-right {
float: right;
width: 30%;
}

#content-box-left-in {
margin: 2.4em 64px 8em 2.8em;
}

#content-box-right-in {
margin: 2.4em 0 8em 28px;
}


/* Predpisy pro boxy s obsahem */

#content-box-right-in dl {
margin: 0 0 40px 8px;
}

#content-box-right-in dt {
font-size: 0.9em;
background: url('../img/news-bg.gif') no-repeat 0 center;
line-height: 17px;
padding-left: 7px;
margin-bottom: 3px;
}

#content-box-right-in dd {
margin: 0 5px 22px 7px;
line-height: 145%;
}

#content-box-right-in dd a, #content-box-right-in dd a:visited {
color: #D6FF15;
font-weight: normal;
}

ul#vyhody {
font-weight: bold;
letter-spacing: 1px;
list-style-type: none;
margin-left: 5px;
}

ul#vyhody li {
margin-bottom: 1.2em;
font-size: 1.1em;
background: url('../img/fajfka.gif') no-repeat 0 0;
padding-left: 2.2em;
}

#galerie {
width: 100%;
margin-top: 15px;
}

img.rf {
margin: 0 18px 20px 0;
float: left;
text-align: center;
}

img.rf2 {
margin: 0 0 20px 0;
float: left;
}

a img.rf, a img.rf2 {
border: 4px solid #97de00;
}

a:hover img.rf, a:hover img.rf2 {
border: 4px solid #FF7D13;
}

p.na-demo a {
position: relative;
top: 10px;
left: 2.2em;
display: block; 
width: 126px; 
height: 38px; 
font-size: 1.2em; 
font-weight: bold; 
text-align: center;
line-height: 38px;
text-decoration: none;
position: relative;
background-color: #2E6600;
color: #FFFFFF;
overflow: hidden;
padding: 0;
}

p.na-demo a span {
display: block;
width: 126px; 
height: 38px; 
position: absolute;
top: 0;
left: 0;
background: url('../img/na-demo_button.gif') no-repeat 0 0;
cursor: pointer;
}

p.na-demo a:hover {
background-color: #AC4900;
}

p.na-demo a:hover span {
background-position : 0 -38px;
}


/* Paticka */

#footer {
height: 68px;
background: url('../img/footer-bg.gif') repeat-x 0 0;
margin-top: -26px;
color: #FFFFFF;
float: left; /* Kvuli Opera Float Bug */
width: 100%;
min-width: 900px;
}

#footer-in {
width: 900px;
height: 68px;
margin: 0 auto;
}

#footer a, #footer a:visited {
color: #FFFFFF;
font-weight: normal;
}

p.footer-left {
width: 425px;
float: left;
text-align: left;
margin: 33px 0 0 12px;
display: inline;
}

p.footer-right {
width: 425px;
float: right;
text-align: right;
margin: 33px 12px 0 0;
display: inline;
}

#tisk {
background: url('../img/tiskarnicka.gif') no-repeat left center;
padding-left: 30px;
}

#up {
padding-left: 7px;
}