html, body {
  margin:0;
  margin-top:0px;
  padding:0;
  text-align:center;
  background: url(img/bg.jpg) repeat-x;
  background-color:#eae85f;
font: x-small tahoma, verdana;
}

body a {
  color:#cc0000;
  font-weight:bold;
  text-decoration: none;

}
body a:hover {
  color:#ee0000;
  text-decoration: none;
}

body a:visited {
  color:#cc0000;
  text-decoration: none;
}

hr 
{
  border: 0;
  height: 1px;
  background: #404040;
}

p {
text-align:justify;
}

h1 {
  color:#3030ff;
  text-align:left;
padding-left:00px;
padding-top:5px;
padding-bottom:2px;
  letter-spacing:1px;
  font-size:11px;
  font-weight:bold;
  border-top: 0px solid #000000;
  margin-top:20px;
  margin-bottom:10px;
/*background:url(img/_left_panel_top.png) no-repeat;*/
/*background:url(img/sikmy.png);*/
}

h2 {
margin-top:3px;
margin-left:3px;
letter-spacing:1px;
font-size: 11px; font-weight:bold;color:#ff5050;
}

h3 {
/*zahlavi panelu*/
margin-top:0px;
margin-left:3px;
letter-spacing:1px;
font-size: 11px; font-weight:bold;color:navy;
}

#pagewidth {
  width:1024px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}
#top {
  float:left;
  text-align:left;
  position:relative;
  height:143px;
  width:1024px;
  background-image:url(img/top.jpg);
}



#main {
  float:left;
  position:relative;
  width:1024px;
  /*background:url(img/../main.png) repeat-y;*/
}

#main a {
color:#0096d7;
text-decoration:none
}

#main a:hover {
color:navy;
text-decoration:none
}


#nav {
margin-left:35px;
margin-bottom:20px;
color:#eeeeee;
letter-spacing:0.15px;
font-size:10px;
font-family:verdana;
font-weight:bold
}




.indentmenu{

width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
border-bottom:1px solid #eeeeee;
/*background: url(img/15orange.png);*/

}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
/*background: url(img/bg.jpg) 0px 950px; repeat-x;
*/
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #eeeeee; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color:navy;
/*background: url(img/15orange.png);*/
background: url(img/bg.jpg) 10px 800px; repeat-x;


}





#nav a:, a:visited  {
font-size:11px;
font-weight:bold;
}

#nav a:hover {
color:navy;
}

#screenshot{
	position:absolute;
	border:0px solid #ccc;
background:url(img/menunahledbg.png);
	padding:5px;
	margin-top:25px;
	display:none;
	color:black;
font-weight:bold;
background: url(img/bg.jpg) 500px 800px; repeat-x;
	}

#content {
margin:10px;
float:left;
font-family:Verdana, Tahoma;
color:#dddddd;
}





#left {

  width:400px;
  padding:5px;
  color:#333333;
  float:left;
  position:relative;

  /*background:#ffffee;*/
}

#vpravo {
width:580px;
padding:5px;
/*background:url(img/50.png);*/
border:0px solid #dddddd;
/*background:#ffeeff;*/
overflow:hidden;
  float:right;
  position:relative;
  margin-top:5px;
}

.left_panel_top {
overflow:hidden;
  background:url(img/30orange.png);
height:13px;
  padding-top:0px;padding-left:0px;
}



.left_panel_content {
padding:5px;
text-align:justify;
background:url(img/15orange.png);
  border:0px solid #eeeeee;
  border-top:0px solid #eeeeee;

}

.left_panel_content a, .left_panel_content a:visited {
color:#ee0000;
}


.left_panel_bottom {
overflow:hidden;
  background:url(img/_left_panel_bottom.png);
  width:305px;
  margin-bottom:15px;
}



#right {
margin-top:0px;
margin-left:35px;
padding-left:0px;
padding-right:0px;
overflow:hidden;
background:url(img/30redgrad.png) repeat-y;
/*background:url(img/sikmy.png);*/
text-align:left;
  width:600px;
  float:left;
  position:relative;
  color:white;
  font-size:11px;
}

#right_youtube {
margin-top:0px;
margin-left:0px;
overflow:hidden;
padding:5px;
text-align:left;
  width:135px;
  float:right;
  position:relative;
 
}

.right_panel_top {
margin-top:5px;overflow:hidden;
  background:url(img/_left_panel_top.png) no-repeat;
  /*width:305px;*/
  height:21px;
  padding-top:0px;padding-left:37px;
}

.right_panel_content {
padding:10px;
padding-left:12.5px;
background:url(img/_left_panel_content.png) repeat-y;
  /*width:305px;*/
  font-size: 11px; font-weight:bold;color:#dddddd;
}

.right_panel_bottom {
overflow:hidden;
  background:url(img/_left_panel_bottom.png);
  /*width:305px;*/
  height:21px;
}

.quote {
float:right;
padding-right:25px;
font-style:italic;
text-align:right;
font-size:9px;
color:#dd8080;
}

.strankovani {
font-weight:bold;text-align:center;margin-top:10px;background:url(img/clanek_bg2.jpg) right repeat-y;
}

.oddelovac {
clear:both;width:100%;height:1px;background:url(img/20.png);margin-bottom:15px;
}

.clanek
{
/*border-bottom:1px solid #304158;*/
position: relative;
margin-bottom:30px;
clear:both;
padding-top:10px;
/*background-color: #FFFFFF;*/
font-family:verdana;
}

.clanek_top
{
color:#BBBBBB;
float:right;
font-size:80%;
text-align:right;
margin-bottom:8px;
margin-top:8px;
background:url(img/clanek_bg2.jpg) right repeat-y;
padding-right:2px;
font-family:verdana;
}

.clanek_content
{
clear:both;
position: relative;
/*background:#EEEEFF;*/
margin-top:1px;
font-family:verdana;
}
.clanek_mainpic
{
border:0;float:left;padding-top:4px;padding-right:10px;padding-bottom:5px;
}

.clanek_popis {
margin-top:0px;
margin-bottom:2px;
text-align:justify;
line-height:1.2;
background:url(img/clanek_bg.jpg) repeat-y;
padding:5px;
font-family:tahoma;
}

.clanek_text {
margin-top:5px;text-align:justify;font-size:100%;padding-left:5px;
font-family:verdana;
}

.clanek_text img {
border:0px;
}

.clear_both {
clear:both;
}

#footer {
  font-size:10px;
  text-align:center;
  color:#A92900;
  background:url(../img/bg_footer.jpg) no-repeat;
  margin-top:30px;
  margin-left:157px;
  padding-bottom:0px;
  height:20px;
  clear:both;
  width:695px;
}
#footer a {
  color:#CCDDEE;
  text-decoration: none;
}
#footer a:hover {
  color:#A92900;
  text-decoration: none;
}
#footer_content {
  float:left;
  position: relative;
  bottom: 0px;
  left: 20px;
  margin-top:4px;
  width:655px;
  height:15px;
  color:#A92900;
}

.submit {
  background: #AABBCC;
  color:#000000;
  border: 0px solid #A92900;
}
input, select {
  font-size:90%;
  /*background-color: #CCCCCC;*/
  border: 0px solid #3E5968;
}
.labelfield { /*CSS for label field in general*/
  color:#508099;
  display: block;
  font-size: 80%;
}
.datefield { /*CSS for date field in general*/
  color:gray;
  font-size: 80%;
}





.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
.spiffy4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
.spiffy5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf}
.spiffyfg{
  background:#ffffff;padding:5px;}
  
.spiffyfg a {
  color:navy;
}
.spiffyfg a:hover {
  color:blue;
}    



#map {
    margin-left:25px;;
    padding:0;
    width:350px;
    height:274px;
    background:url(img/3ka.png) top left no-repeat;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
}
#map li {
    margin:0;
    padding:0;
    list-style:none;
}

#map li a {
    position:absolute;
    display:block;
    /*
       Specifying a background image
       (a 1px by 1px transparent gif)
       fixes a bug in older versions of
       IE that causeses the block to not
       render at its full dimensions.
    */
    background:url(blank.gif);
}

#map li a span { display:none; }

#map li a:hover span {
    position:relative;
    display:block;
    width:200px;
    left:20px;
    top:20px;
    padding:5px;
    border:1px solid #000;
    background:#fff;
    text-decoration:none;
    color:#000;
    filter:alpha(opacity=80);
    opacity:0.8;
}

#map a.connect {
	top:35px;
	left:140px;
	width:165px;
	height:90px;
}
        
#map a.communicate {
	top:185px;
	left:246px;
	width:86px;
	height:97px;
}
        
#map a.navigate {
	top:169px;
	left:11px;
	width:131px;
	height:98px;
}