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

body a {
  color:#cc0000;
  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;
}

.ikonka {
margin-bottom:-3px;
border:0px;
}

p {
text-align:justify;
}

h1 {
  color:#ff3030;
  text-align:left;
padding-left:40px;
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);*/
}

.nadpis {
color:#dd3030;
text-align:left;
padding-left:5px;
padding-top:5px;
padding-bottom:2px;
letter-spacing:1px;
  font-size:11px;
  font-weight:bold;
  border-top: 0px solid #000000;
  margin-top:10px;
  margin-bottom:10px;

background:url(img/50blu.png);
}

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

h3 {
/*zahlavi panelu*/
margin-top:6px;
letter-spacing:1px;
font-size: 10px; font-weight:bold;color:#ff2020;
}

#pagewidth {
  width:1000px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
}
#top {
  float:left;
  position:relative;
  height:243px;
  width:1000px;
  background-image:url(img/_top.png);
  margin-bottom:-20px;
}

#counter {
width:220px;
  position:absolute;
  top:2px;;
  right:0px;
  color:#999999;
  font-size:9px;
}

#nav {
margin-top:0px;

}


/*
MENU
*/
.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 11px Tahoma;
border-bottom: 1px solid #404040;
list-style-type: none;
margin-bottom: 0;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

#main .basictab li a{
text-decoration: none;
padding-left:6px;
padding-right:6px;
padding-top:2px;
padding-bottom:2px;
margin-right: 5px;
border: 0px solid gray;
border-bottom: none;
/*background:url(img/50blu.png);*/
/*background:url(img/30red.png);*/
/*background:url(img/20.png);*/
/*background:url(img/70redgrad.png) repeat-y;*/
/*background:url(img/_left_panel_top.png) no-repeat;*/
color: #ffffff;
}


.basictab li a:visited{
color: white;
}

.basictab li a:hover{
/*background:url(img/sikmy.png);*/
/*background:url(img/30red.png);*/
background:url(img/20.png);
color: red;

}

.basictab li a:active{
color: white;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 2px;
padding-top: 4px;
background:url(img/20.png);
color: white;
}


.submenustyle{
/*font-family:tahoma;*/
padding:5px;
border: 0px solid gray;
border-top-width: 0;
width: auto;
display: none;
background:url(img/sikmy.png);
filter:alpha(opacity=0);
-moz-opacity:0;
font-weight:bold;
text-align:center;

}

* html .submenustyle{ /*IE only width definition*/
width: 100%;
}

.submenustyle a{
border: 0px dashed black;
margin:5px;
padding-left:28px;
padding-right:10px;
padding-top:0px;
padding-bottom:0px;
line-height:2.2;
text-align:center;
text-decoration: none;
/*color:#ddffcc;*/
color:#ddffee;
background:url(img/_left_panel_top.png) -5px no-repeat;
/*background:url(img/50blu.png);*/
/*background:url(img/30red.png);*/
/*background:url(img/20.png);*/
}

.submenustyle a:hover{

color:red;
}
/*
konec MENU
*/

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

#slideshow {
width:440px;height:243px;margin-left:262px;margin-top:0px;
}

#gallery {position:relative; width:440px;height:243px;background:#000000;overflow:hidden;}
#images {border:0px solid #9ac1c9; height:243px; margin-bottom:0px;overflow:hidden;}
#image {position:relative; width:440px; height:243px; padding:0px; border:0px solid #666; overflow:hidden; background:url(img/slide/images/loading.gif) center center no-repeat}
#image img {position:absolute; top:0px; left:0px;}
#thumbwrapper {display:none;margin-top:00px; padding:0px 0; width:372px; height:60px; border-top:1px solid #666;border-bottom:1px solid #666;overflow:hidden; }
#thumbarea {display:none;position:relative; overflow:hidden; height:60px; width:372px; }
#thumbs {display:none;position:absolute; list-style:none; margin-left:0px; height:60px; width:10000px; border-right:0px solid #FFF}
#thumbs li {display:none;float:left; margin-right:0px; cursor:pointer}
.imgnav {position:absolute; height:43px; width:2%; z-index:10; height:43px; width:2%; z-index:10; outline:none; cursor:pointer}
#previmg {left:50px; background:url(img/slide/images/left.png) left top no-repeat; border-left:0px solid #FFF}
#previmg:hover {left:50px; background:url(img/slide/images/lefthover.png) left top no-repeat; border-left:0px solid #FFF}
#nextimg {right:60px; background:url(img/slide/images/right.png) right top no-repeat; border-right:0px solid #FFF}
#nextimg:hover {right:60px; background:url(img/slide/images/righthover.png) right top no-repeat; border-right:0px solid #FFF}

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

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

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

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

#left {
margin-top:-15px;
  width:285px;
  color:#cccccc;
  float:left;
  position:relative;
}

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



.left_panel_content {
margin-left:3px;
padding:10px;
text-align:justify;
/*background:#000000;*/
background:url(img/30red.png);
  /*background:url(img/sikmy.png); */
  width:280px;
  font-size: 11px; color:#cccccc;
  border-left:0px dashed #582525;
    border-right:0px dashed #582525;
}

.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;
  height:21px;
}

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

#twocol {
width:695px;
margin-top:-10px;
overflow:hidden;
  float:right;
  position:relative;
}

#right {
margin-top:0px;
margin-left:15px;
padding-left:0px;
padding-right:0px;
overflow:hidden;
background:url(img/30redgrad.png) repeat-y;
/*background:url(img/sikmy.png);*/
text-align:left;
  width:525px;
  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;
  color:white;
}

.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;
}

.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;
}    



/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shadeactive.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: #ffffff;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 0px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
/*border-color: #D25A0B; Brown color theme*/ 
}

.tabcontent{
display:none;
color:#000000;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

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

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;

background:white;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}