html, body {

height: 100%;

}

body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

margin: 0px; padding: 0px;

background: #cfcfc0;

}

.body {

width: 1000px;

overflow: hidden;

text-align: left;

/*min-height:100%;

height: 100%;*/

background: white;

margin: 0 auto;

}

/*body>.body {

height: auto;

}*/

img {

border: 0px;

}

p.logo {

margin: 0px;

width: 205px;

height: 78px;

font-size: 16px;

overflow: hidden;

position: absolute;

top: 27px;

left: 17px;

}

p.logo a {

width: 205px;

height: 78px;

display: block;

position: relative;

text-decoration: none;

}

p.logo a span {

width: 205px;

height: 78px;

display: block;

position: absolute;

top: 0px;

left: 0px;

background: url(../gfx/logo.png) top left no-repeat;

}

/* ----- stylovani textu ----- */

h1 {

font-size: 18px;

margin-top: 18px;

margin-bottom: 8px;

font-family: "Arial CE", Arial, Helvetica, sans-serif;

color: #176ab3;

font-weight: normal;

}

h2 {

font-size: 16px;

margin-top: 8px;

margin-bottom: 3px;

font-family: "Arial CE", Arial, Helvetica, sans-serif;

color: #5b5b47;

}

a {

color: #5b5b47;

}

a:visited {

color: #7c7c68;

}

h1 a {

color: #176ab3;

}

p.cesta {

margin: 0px;

font-size: 12px;

font-family: "Arial CE", Arial, Helvetica, sans-serif;

margin-top:8px;

}

p, ul, ol {

/*margin-top: 3px;

margin-bottom: 3px;-*/

font-size: 12px/16px;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

a.small {

font-size: 10px;

color: #de3214;

}

a.small:visited {

color: #ff421e;

}

/* --------------------------- */

.header {

height: 216px;

background: url(../gfx/top.png) top left repeat-x;

position: relative;

}

.header {

height: 167px;

background: url(../gfx/top_background.png) top left repeat-x;

position: relative;

}

.content {

background: #f5f5ed;

height: auto;

_height: 400px;

min-height: 400px;

padding: 0px 20px 15px 20px;

}

.footer {

clear: both;

height: 40px;

background: url(../gfx/stin.png) top left repeat-x;

position: relative;

}

.footer .xko {

position: absolute;

top: 12px;

right: 10px;

}

.footer p {

margin: 0px;

padding: 0px;

position: relative;

top: 14px;

left: 20px;

font-size: 11px;

color: #7c7c68;

}

.footer p a{

color: #7c7c68;

text-decoration: none; 

}

.footer p a:hover{ 

color: #008ad3;

text-decoration: underline;

}



.ilustrace {

width: 710px;

height: 78px;

background: url(../gfx/ilustrace.jpg) top right no-repeat;

position: absolute;

right: 0px;

top: 18px;

}

.topmenu {

margin: 0px;

padding: 0px;

list-style: none;

position: absolute;

top: 120px;

left: 20px;

}

.topmenu li {

float: left;

margin-right: 2px;

position: relative;

}

.topmenu li a {

display: block;

width: 184px;

height: 17px;

background-color: #0c7ac3;

color: white;

padding-top: 2px;

padding-left: 6px;

font-weight: bold;

text-decoration: none;

font-family: "Arial CE", Arial, Helvetica, sans-serif;

position: relative;

}

.topmenu li a.withsubmenu {

background-image: url(../gfx/rozek.gif);

background-repeat: no-repeat;

background-position: bottom right;

}

.topmenu li a:hover {

background-color: #3294d6;

}

.corner1, .corner2, .corner3, .corner4 { position: absolute; top: 0px; left: 0px;}

.corner2 { right: 0px; left: auto; _left: 189px;}

.corner3 { right: 0px; left: auto; top: auto; bottom: 0px; _left: 189px; _top: 18px;}

.corner4 { bottom: 0px; left: 0px; top: auto; _bottom: -1px;}



ul.submenu .corner2 {

right: 0px; left: auto; _left: 134px;

}

ul.submenu .corner3 { right: 0px; left: auto; top: auto; bottom: 0px; _left: 134px; _top: 18px;

}

.topmenu2 li a {

text-transform: uppercase;

background-color: #ed650a;

}

.topmenu2 li a:hover {

background-color: #f9802e;

}

ul.submenu {

position: absolute;

top: 19px;

left: 0px;

list-style: none;

margin: 0px;

padding: 0px;

display: none;

padding-top: 2px;

padding-left: 20px;

padding-bottom: 20px;

background: transparent; 

width:600px;

}

.topmenu li:hover ul.submenu, .topmenu li.hover ul.submenu {

display: block;

}

.topmenu ul.submenu li {

margin-right: 0px;

float: left;

}

.topmenu ul.submenu li a {

background-color: #0c7ac3;

text-transform: none;

font-weight: normal;

font-family: Verdana, Arial, Helvetica, sans-serif;

margin-left: 2px;

}

.topmenu ul.submenu li a:hover {

background-color: #3294d6;

}

.small_menu {

text-align: right;

position: absolute;

right: 24px;

top: 100px;

padding: 0px;margin:0px;

}

.small_menu a {

color: #000000;

text-decoration: none;

font-size: 11px;

}

.small_menu strong a {

color: white;

background: #008ad3;

padding-left: 3px;

padding-right: 3px;

padding-top: 1px;

padding-bottom: 1px;

}

.small_menu a:hover {

text-decoration: underline;

}

.nothing {

width: 1px;

height: 1px;

overflow: hidden;

clear: both;

}

.left_block {

float: left;

padding-top: 15px;

margin-right: 20px;

}

.peoplebox {

padding-top: 20px;

padding-bottom: 20px;

clear: both;

}

.img {

float: left;

margin-right: 20px;

margin-bottom: 20px;

}

.peoplebox h1{

margin-top: 0px;

}

.peoplebox a {

font-weight: bold;

}

.dop {

clear:both;

padding-top: 30px;

}

.rightdop {

float: left;

margin-right: 30px;

text-align:center;

font-size: 11px;

width: 320px;

}

.dop h2 {

clear: both;

margin-top: 0px;

}

.col {

width: 209px;

margin-right: 20px;

padding-left: 10px;

float: left;

margin-top: 14px;

border-left: 1px solid #b8b991;

}

.dva_col {

width: 470px;

float: left;

margin-right: 10px;

margin-top: 14px;

}

.col h1  {

margin-top: 0px;

}

.col h2 {

margin: 0px;

}

.col p {

margin-top: 0px;

}

.block_main {

clear: both;

padding-top: 20px;

}

.bannery img{

border: 1px solid #b8b890;

}

table.eventy {

margin-top: 15px;

}

table.eventy td{

vertical-align: top;

padding-top: 20px;

padding: 20px 3px 2px 2px;

width: 22%;

}

table.eventy td.td_text{

padding-top: 0px;

vertical-align: top;

text-align: center;

}

table.eventy td img {

border: 1px solid #d3d3af;

}

.new_nadpis {

width: 25%;

float: left;

color: #808184;

font-weight: bold;

}

.new_linka {

height: 10px;

overflow: hidden;

margin-bottom: 30px;

border-bottom: 1px solid #8fa433;

}

.new_perex {

padding: 5px;

color: white;

font-weight: bold;

background: #c0baa9;

line-height: 160%;

}

p.autor {

text-align:right;

color: #808184;

}

.l p, .r p {

margin: 0px 0px 15px 0px;

}

.l, .r {

width: 460px;

margin-right: 20px;

float: left;

}

.videos {

width: 465px;

height: 380px;

background: #f5f5ed;

overflow: hidden;

}

.loading {

background: #f5f5ed url(../gfx/loading.gif) center no-repeat;

}

.loading p {

text-align: center;

padding-top: 40px;

color: #939472;

font-size: 11px;

}

.video {

float:left;

width:125px;

margin-right: 25px;
height: 175px;

}

.video * {

font-size: 11px;

margin: 0px;

}

.video p {

font-size: 10px;

}

.video h3 {

height: 25px;

overflow:hidden;

margin-bottom: 3px;

}

.video a {

text-decoration: none;

font-weight: bold;

}

.video a:hover {

color: black;

}

.insert_videos {

opacity: 0;

filter:Alpha(opacity=0);

}

#white {

width: 100%;

min-height: 100%;

height: auto;

_height: 100%;

background: white;

opacity: 0;

filter:Alpha(opacity=0);

position: absolute;

top: 0px;

left: 0px;

z-index: 100px;

display: none;

}

#player_outer{

position: absolute;

top: 0px;

left: 0px;

width: 100%;

text-align: center;

padding-top: 20px;

opacity: 0;

filter:Alpha(opacity=0);

display: none;

}

#player {

margin: 0 auto;

background: #f5f5ed;

width: 425px;

border: 1px solid #b8b991;

padding: 10px;

}

.close {

position: absolute;

top: 20px;

right: 20px;

}
#flash_uvod div {
height: 156px;
overflow:hidden;
}
#flash_uvod div img{
position: relative;
top: -21px;
}
}