body, html
{
background: #ff9900 url(../img/pozadi.jpg) repeat-x;
margin: 0px auto;
padding: 0px;
height: 100%;
font-family: "verdana", "trebuchet ms", "helvetica", "myriad web pro", "sans-serif";
font-size: 11px;
font-weight: normal;
color: #000000;
text-align: center;
}

#container {
min-width: 920px;
min-height: 615px;
width: 100%;
height: 100%;
width: expression(document.body.clientWidth < 920? "920px": "100%" ); /* for IE */
height: expression(document.body.clientHeight < 615? "615px": "100%" ); /* for IE */
position: absolute;
top: 0px;
left: 0px;
}

#container-horizontal {
text-align: left;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
}

#container-in {
position: absolute;	
top: -307px;
left: -460px;
width: 920px;
height: 615px;
overflow: hidden;
}

#content
{
position: relative;
margin: 0px auto;
padding: 0px;
height: 615px;
width: 920px;
}

#zahlavi
{
position: relative;
height: 30px;
width: 920px;
margin: 0px;
padding: 0px;
background: #000000;
}

#zahlavi img
{
border: none;
float: left;
padding: 0px;
}

.panelMenuBtn {
cursor: pointer;
}

#jazyky
{
position: relative;
padding: 0px 20px 0px 0px;
float: right;
height: 30px;
}

#jazyky img
{
position: relative;
float: left;
padding: 0px;
}

#telo
{
position: relative;
height: 605px;
width: 920px;
background: url(../img/background.png) no-repeat left top;
margin: 0px;
padding: 0px;
}

#hlavnimenu
{
position: absolute;
z-index: 500;
height: 245px;
width: 920px;
background: #000000;
font-size: 11px;
padding: 5px 0px 0px 25px;
margin: 0px;
}

#hlavnimenu ul
{
position: relative;
list-style-type: none;
float: left;
padding: 0;
margin: 10px 19px 0px 0px;
}

#hlavnimenu ul li
{
position: relative;
background: url(../img/tecka.png) no-repeat left;
padding: 0px 0px 0px 8px;
margin: 8px 0px 0px 0px;
color: #ffffff;
}

#hlavnimenu ul li a
{
color: #ffffff;
text-decoration: none;
}

#hlavnimenu ul li a:hover
{
color: #e9b407;
text-decoration: none;
}

#hlavnimenu .divize
{
margin: 6px 0px 15px 0px;
background: none;
padding: 0px;
}

#leemon
{
position: relative;
top: 25px;
left: -25px;
clear: left;
height: 50px; 
background: #f0ba06;
padding: 10px 10px;
margin: 10px;
}

* html #leemon
{
position: relative;
top: 13px;
}

#leemon p
{
position: relative;
float: left;
padding: 0px;
margin: 0px 0px 0px 52px;
font-size: 10px;
color: #232020;
}

#leemon a
{
color: #232020;
}

#leemon a:hover
{
text-decoration: none;;
}

#hlflash
{
position: absolute;
z-index: 50;
height: 585px;
width: 920px;
padding: 0px;
margin: 0px;
}

#hlflashRefe {
position: absolute;
z-index: 0;
height: 585px;
width: 920px;
padding: 0px;
margin: 0px;
}

#navigace
{
position: absolute;
z-index: 100;
width: 620px;
background: url(../img/text-background.png) repeat left top;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/text-background.png', sizingMethod='scale'); 
_background: none;
padding: 8px 0;
margin: 12px 10px 0 10px;
}

#navigace p
{
position: relative;
margin: 0;
padding: 0 15px;
color: #000;
}

#navigace a
{
color: #000;
text-decoration: none;
}

#navigace a:hover
{
color: #000;
text-decoration: underline;
}

#obsah
{
position: absolute;
z-index: 100;
width: 620px;
background: url(../img/text-background.png) repeat left top;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/text-background.png', sizingMethod='scale'); 
_background: none;
padding: 10px 0px;
margin: 20px 10px 0 10px;
}

#obsah p
{
position: relative;
margin: 0px;
padding: 10px 15px 0 15px;
line-height: 18px;
color: #000000;
}

#obsah h1
{
position: relative;
margin: 0px;
padding: 10px 15px 0px 15px;
font-size: 12px;
font-weight: normal;
color: #000000;
}

#obsah-podstranka
{
position: absolute;
top: 32px;
z-index: 100;
width: 620px;
background: url(../img/text-background.png) repeat left top;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/text-background.png', sizingMethod='scale'); 
_background: none;
padding: 10px 0px 15px 0px;
margin: 20px 10px 0 10px;
}

#obsah-podstranka p
{
position: relative;
margin: 5px 0 0 0;
padding: 10px 15px 0 15px;
line-height: 18px;
color: #000;
}

#obsah-podstranka h1
{
position: relative;
margin: 0;
padding: 10px 15px 0 15px;
font-size: 12px;
font-weight: bold;
color: #000;
}

/*****NOVINKY**/
#novinky
{
position: absolute;
z-index: 80;
top: 403px;
width: 920px;
padding: 0;
margin: 0;
}

#novinky-nadpis
{
position: relative;
height: 40px;
width: 920px;
background: url(../img/news-background.png) no-repeat left top;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/news-background.png', sizingMethod='image'); 
_background: none;
padding: 0;
margin: 0;
}

#novinky-nadpis img
{
position: relative;
top: 14px;
left: 11px;
}

#novinky-pas
{
position: relative;
padding: 0;
margin: 0 0 0 25px;
}

* html #novinky-pas
{
margin: 0 0 0 15px;
}

#novinky-pas img
{
position: relative;
padding: 11px 5px;
margin: 0;
border: none;
}

.novinky-box
{
position: relative;
float: left;
height: 140px;
width: 275px;
background: url(../img/flash-banner-background.png) no-repeat left top;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/flash-banner-background.png', sizingMethod='scale'); 
_background: none;
padding: 0;
margin: 0 0 0 10px;
}

.novinky-box img
{
position: relative;
padding: 0;
margin: 0;
width: 270px;
height: 120px;
}
/****NOVINKY BOX****/
#boxNews {
  position: absolute;
}

.maskaNews{
	position:absolute;
	width:865px;
	height: 140px;
	overflow:hidden;
}

.banner
{
position: relative;
left: 5px;
top: 11px;
margin: 0;
width: 270px;
height: 120px;
}

.referenceBtn {
  position: absolute; 
  top: 0px; 
  left: 125px;
}

.referenceBtn a img {
  border: none
}

/*---novinky vysouvacka----*/
.panelBtn{
	/*background: #000;
	color: white;
	vertical-align: middle;
	filter: alpha(opacity=85);
	float: right;
	opacity: .70;
	position: relative;
	top: 1px;
	width: 100px;*/
}

.panelBtn img {
  border: 0;
}

.panelBtn a{
	/*height: 55px;
	line-height: 55px;
	text-align: center;
	text-decoration: none;
	color: white;*/
	border: 0;
}

.panelBtn a img{
	/*height: 30px;
	margin-right: 5px;
	vertical-align: middle;
	width: 30px;*/
	border: 0;
}

.show {
  background-position: left bottom;
} 

.collapse {
	/*background: url(btn_collapse.gif) no-repeat left top;*/
	height: 27px; width: 93px;
	/*text-indent: -99999px;*/
	position: absolute; 
	/*top: -27px; right: 20px; */
}

#prev
{
position: absolute;
top: 50px;
left: -15px;
cursor: pointer;
z-index: 5000;
}

#next
{
position: absolute;
top: 50px;
left: 860px;
cursor: pointer;
z-index: 5000;
}

* html #prev
{
left: -5px;
}

* html #next
{
left: 870px;
}

/*****REFERENCE****/
#map {
  position: relative;
}
/*#popisArea,*/#popisArea1, #popisArea2, #popisArea3, #popisArea4, #popisArea5, #popisArea6, #popisArea7, #popisArea8, #popisArea9, #popisArea10, #popisArea11, #popisArea12, #popisArea13, #popisArea14, #popisArea15, #popisArea16, #popisArea17, #popisArea18, #popisArea19, #popisArea20, #popisArea21, #popisArea22, #popisArea23, #popisArea24, #popisArea25, #popisArea26, #popisArea27, #popisArea28, #popisArea29 {
  position: absolute;
  z-index: 5000;
  background: black;
  /*opacity: 0.1;
  filter: alpha(opacity=10);*/
  padding: 8px;
  color: #9E9E9E;
  font-size: 13px;
  width: 920px;
  height: 125px;
}

#popisArea {
  position: absolute;
  background-color: black;
  color: white;
  width: 920px;
  height: 125px;
  padding: 8px;
  color: #9E9E9E;
}

#popisArea h1, #popisArea1 h1, #popisArea2 h1, #popisArea3 h1, #popisArea4 h1, #popisArea5 h1, #popisArea6 h1, #popisArea7 h1, #popisArea8 h1, #popisArea9 h1, #popisArea10 h1, #popisArea11 h1, #popisArea12 h1, #popisArea13 h1, #popisArea14 h1, #popisArea15 h1, #popisArea16 h1, #popisArea17 h1, #popisArea18 h1, #popisArea19 h1, #popisArea20 h1, #popisArea21 h1, #popisArea22 h1, #popisArea23 h1, #popisArea24 h1, #popisArea25 h1, #popisArea26 h1, #popisArea27 h1, #popisArea28 h1, #popisArea29 h1 {
  padding: 0;
  padding-bottom: 5px;
  margin: 0;
  font-size: 15px;
}

#popisArea p, #popisArea1 p, #popisArea2 p, #popisArea3 p, #popisArea4 p, #popisArea5 p, #popisArea6 p, #popisArea7 p, #popisArea8 p, #popisArea9 p, #popisArea10 p, #popisArea11 p, #popisArea12 p, #popisArea13 p, #popisArea14 p, #popisArea15 p, #popisArea16 p, #popisArea17 p, #popisArea18 p, #popisArea19 p, #popisArea20 p, #popisArea21 p, #popisArea22 p, #popisArea23 p, #popisArea24 p, #popisArea25 p, #popisArea26 p, #popisArea27 p, #popisArea28 p, #popisArea29 p  {
  font-size: 11px;
  margin: 0;
}


.pocitadlo {
  float: left;
  width: 25px;
  height: 15px;
  border: 1px black solid;
}

.pocitadlo a {
  text-decoration: none;
  color: white;
}

#box1 {
  position: absolute;
}

#box1 img, #box1>div {
float: left;
}

.maska{
	position:relative;
	width:920px;
	/*height:605px;*/
	height: 480px;
	overflow:hidden;
}

#refe-num {
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 15000;
  font-size: 15px;
  font-weight: bold;
}

.tlacitko-vlevo 
{
width: 27px; 
height: 27px; 
background-image: url(../img/refe-left.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/refe-left.png', sizingMethod='image'); 
_background: none;
}

.tlacitko-vpravo
{
width: 27px; 
height: 27px; 
background-image: url(../img/refe-right.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/refe-right.png', sizingMethod='image'); 
_background: none;
}

.kolco
{
width: 50px; 
height: 50px; 
background-image: url(../img/refe-kruh.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/refe-kruh.png', sizingMethod='image'); 
_background: none;
}

.sipka-doleva
{
width: 17px; 
height: 17px; 
position: absolute; 
background-image: url(../img/sipka-doleva.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/sipka-doleva.png', sizingMethod='image'); 
_background: none;
}

.sipka-doprava
{
width: 17px; 
height: 17px; 
position: absolute; 
background-image: url(../img/sipka-doprava.png);
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/sipka-doprava.png', sizingMethod='image'); 
_background: none;
}