/* CSS Document www.sdhopatovice.cz style.css*/
body {
   margin: 0px;
   padding: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 75%;
   color:#000;
   text-align:center;
   background: #3d1e07 url(images/bg_body.png) repeat-x;
   behavior: url(csshover.htc);
}
a:link {
  color:#000;
  text-decoration: none;
}
a:visited {
  color:#000;
  text-decoration: none;
}	
a:active {
  color:#000;
  text-decoration: none;
}
a:hover {
  color:#000;
  text-decoration: none;
}
form{
  margin:0px;
  padding:0px;
}
img{
  border:0px;
  margin:0px;
  padding:0px;
}
.cleaner
{
  clear:both;
  display:block;
  font-size:0px;
  height:0px;
  overflow:hidden;
  line-height:0px;
}
table
{
  font-size:1em;
  margin-bottom:1.1em;
}
.noprint
{
  display:none;
}
#box1{
  text-align:left;
  margin:0px auto 0px auto;
  width: 940px;
  padding-top:0px;
  background:#fff;
}
#main_img
{
  position:relative;
  width: 660px;
  height:297px;
  overflow:hidden;
  background: #d6742a;
}
#main_img h1
{
  padding:0px 0px 0px 0px;
  text-align:center;
  font-size:18px;
  display:block;
  line-height:18px;
  margin:240px 0px 0px 26px;
  position:absolute;
  z-index:10;
  color:#fff;
}
#main_img a
{
  display:block;
  position:absolute; 
  left:0; 
  top:0; 
  width: 660px;
  height:297px;
  background: url(images/main_img.jpg) no-repeat;
}
#main
{
  width:940px;
  background: #e6cba1 url(images/bg_main.png) repeat-y;
}
#panel_left
{
  width:280px;
  float:left;
  padding-top:0px;
}
#logo
{
  position:relative;
  width: 280px;
  height:297px;
  overflow:hidden;
  background: #d6742a;
}
#logo h1
{
  padding:55px 0px 0px 0px;
  text-align:center;
  font-size:20px;
  display:block;
  line-height:22px;
  margin:0px;
  color:#fff;
}
#logo a
{
  display:block;
  position:absolute; 
  left:0; 
  top:0; 
  width: 280px;
  height:297px;
  background: url(images/logo.jpg) no-repeat;
}
#menu_left
{
  width:280px;
  background: #eee6e0 url(images/bg_menu.png) repeat-y;
}
#menu_left_top
{
  width:280px;
  background: url(images/bg_menu_top.png) no-repeat;
}
#menu_left_bottom
{
  width:280px;
  background: url(images/bg_menu_bottom.png) 0px 100% no-repeat;
  padding-bottom:10px;
}
#menu_left ul.menu_left
{
  width:205px;
  position:relative;
  margin-top:-34px;
  margin-left:46px;
}
ul, li { 
  margin: 0px; 
  padding: 0px; 
} 
#menu_left ul.menu_left li { 
  list-style-type: none;
}
#menu_left ul.menu_left li .btn_text{
  display:block;
  font-size:17px;
  padding:5px 10px 5px 20px;
}
#menu_left ul.menu_left li.item { 
  width: 205px; 
  float: left; 
  border-top:2px solid #878787;
} 
#menu_left ul.menu_left li.item a { 
  display: block; 
  width: 205px; 
  color: #000;
  border-top:1px solid #fff;
} 
#menu_left ul.menu_left li a.active
{
  color: #bc3107;
}
#menu_left ul.menu_left li.item a:hover { 
  text-decoration: none;
  cursor:pointer;
  color: #bc3107;
}
#menu_left ul.menu_left a:hover, #menu_left ul.menu_left li:hover a, #menu_left ul.menu_left li.hover a, #menu_left ul.menu_left li ul a:hover, #menu_left ul.menu_left li ul li:hover a, #menu_left ul.menu_left li ul li.hover a  
{ 
  color: #bc3107;
} 
#menu_left ul.menu_left li:hover ul a, #menu_left ul.menu_left li.hover ul a, #menu_left ul.menu_left li ul li:hover ul a, #menu_left ul.menu_left li ul li.hover ul a
{ 
  color: #000;
} 
#menu_left ul.menu_left li:hover ul a:hover, #menu_left ul.menu_left li.hover ul a:hover, #menu_left ul.menu_left li ul li:hover ul a:hover, #menu_left ul.menu_left li ul li.hover ul a:hover  
{ 
  color: #bc3107;
}
#menu_left ul.menu_left ul.menu_left_1 
{ 
  position:absolute; 
  margin-top:-40px; 
  padding:20px 10px 10px 10px;
  margin-left:205px;
  visibility:hidden;
  width:305px;
  border:2px solid #d7d0ca;
  background:#e6dfd8;
} 
#menu_left ul.menu_left ul.menu_left_1 li.item { 
  width: 305px; 
  
} 
#menu_left ul.menu_left ul.menu_left_1 li.item a { 
  
  width: 305px; 
  
} 
#menu_left ul.menu_left li:hover ul.menu_left_1
{ 
  visibility:visible; 
  z-index:999;
}
#menu_left ul.menu_left ul.menu_left_1 ul.menu_left_2
{ 
  position:absolute; 
  margin-top:-36px; 
  margin-left:200px;
  visibility:hidden;
  width:200px;
  border:0px solid #91a5f3;
  border-bottom:0px;
  background: #eceff7;
} 
#menu_left ul.menu_left ul.menu_left_1 li:hover ul.menu_left_2
{ 
  visibility:visible; 
  z-index:999;
}
#panel_left h3
{
  margin:20px 4px 10px 20px;
  padding:6px 0px 6px 25px;
  background:#dcbb87;
  color:#000;
  font-size:17px;
  border-bottom:1px solid #f8dfb8;
}
#panel_left .fotografie
{
  margin:0px 4px 10px 20px;
}
#panel_right
{
  width:660px;
  float:right;
}
#content
{
  color:#000;
  padding:8px 25px 20px 10px;
}
#content h1
{
  font-size:1.7em;
  color:#725c3b;
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  font-weight:normal;
}
#content a:link, #content a:visited, #content a:active{
  color:#bb3107;
  text-decoration:underline;
}
#content a:hover{
  color:#bb3107; 
  text-decoration:none;
}
#content .line_full
{
  background:#d0b07c;
  height:2px;
  line-height:1px;
  overflow:hidden;
  font-size:1px;
  margin:10px 0px;
}
#content h2
{
  font-size:1.5em;
  color:#725c3b;
  margin:0px 0px 8px 10px;
  padding:10px 0px 0px 0px;
}
#content h3 
{
  color:#bb3107;
  font-size:1.2em;
  margin:0em 0px 0.3em 0px;
  padding:0.5em 0px 6px 0px;
}
#content h4
{
  color:#000;
  font-size:1.1em;
  margin:0px 0px 0.3em 0px;
  padding:0px 0px 0px 0px; 
}
#content h5
{
  color:#000;
  font-size:1em;
  margin:0px 0px 0.3em 0px;
  padding:0px 0px 0px 0px;
}
#content p
{
  margin:0px 0px 1.2em 0px;
  font-size:1em;
  padding:0px 0px 0px 0px;
  line-height:1.4em;
}
#content p.block
{
  text-align:justify;
}
#content p.right
{
  text-align:right;
}
#content p.center
{
  text-align:center;
}
#content ul
{
  margin:0px 0px 1.2em 30px;
  line-height:1.4em;
  font-size:1em;
  padding:0px 0px 0px 0px;
}
#content ol
{
  margin:0px 0px 1.2em 30px;
  line-height:1.4em;
  font-size:1em;
  padding:0px 0px 0px 0px;
}
#content ul li ul
{
  margin:0.6em 0px 1.2em 25px;
  padding:0px 0px 0px 0px;
}
#content li
{
  margin:0.3em 0px 0.3em 0px;
  padding:0px 0px 0px 0px;
}
#footer
{
  color:#e6cba1;
  background:#cb5216 url(images/bg_footer.png) no-repeat;
  width:940px;
  height:67px;
  font-size:11px;
  margin:0px auto 0px auto;
}
#footer p
{
  float:left;
  padding:15px 20px;
  margin:0px;
}
#footer p.right
{
  float:right;
  text-align:right;
}
#footer a:link, #footer a:visited, #footer a:active{
  color:#e6cba1;
  text-decoration:underline;
}
#footer a:hover{
  color:#e6cba1;
  text-decoration:none;
}
.nahoru
{
  margin-top:6px;  
  text-align:right;
}
img.right
{
  float:right;
  margin-left:10px;
}
img.left
{
  float:left;
  margin-right:10px;
}
.strankovani
{
    text-align: center;
    margin-top: 10px;
    height: 26px;
    font-size:11px;
    line-height: 26px;
    color: #424242;
    font-weight: bold;
}
.strankovani .selected
{
    padding: 0px 3px 0px 3px;
    font-weight: normal;
}
.strankovani .page
{
    padding: 0px 3px 0px 3px;
}
.strankovani .zpet
{
    padding: 3px 20px 3px 15px;
    background: url(images/ico_back.gif) 0% 50% no-repeat;
}
.strankovani .vpred
{
    padding: 3px 15px 3px 20px;
    background: url(images/ico_next.gif) 100% 50% no-repeat;
}
#content .strankovani a:link, #content .strankovani a:visited, #content .strankovani a:active
{
    text-decoration: underline;
    color: #424242;
}
#content .strankovani a:hover
{
    text-decoration: none;
    color: #424242;
}
#content .pnlPictures
{
  margin: 15px 0px 30px 0px;
}
.gallery_text
{
  margin: 10px 0px 0px 0px;
  clear: both;
}
.gallery
{
    
}
.picture_m 
{
  width:134px;
  _width:130px;
  height:140px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
  padding-right: 70px;
}
.picture{
   float:left;
  /*  width:10px;*/
  /* obrázek vlevo */
  background: url(images/shadowAlpha.png) no-repeat bottom right !important; 
  /* pro Operu a Mozillu pou?ijeme transparentní PNG */
  background: url(images/shadowAlpha.gif) no-repeat bottom right; 
  /* pro IE musíme je?ti doplnit GIF, Opera a Mozilla kvuli !important pou?ije PNG */
  margin: 15px 4px 10px 4px;
  display:inline;
}
.picture img  {
  display: block;
  position: relative;
  background-color: #fff; /* bílé pozadí kolem */
  border: 1px solid #a9a9a9; /* rámeeek */
  margin: -6px 6px 6px -6px; /* posun kvuli stínu */
  padding: 4px; /* pozadí 4px mezi rámeekem a obrázkem */
}
#content .galleries
{
  margin: 20px 0px 30px 0px;
}
#content .galleries a.title_v
{
  top:-10px;
  position:relative;
}
#content .galleries a.title_h
{
  margin-right:11px;
}
#content .galleries .picture
{
  margin: 0px 4px 0px 4px;
}
#content .galleries .picture_m
{
  height:auto;
  text-align:center;
  margin-bottom: 5px;
}
#content .gallery .picture_m
{
  height:auto;
  text-align:center;
  margin-bottom: 5px;
}
.navigace
{
  font-size:0.85em;
  font-weight:bold;
  margin-bottom:10px;
  
}
#panel_left .navigace a:link, #panel_left .navigace a:visited, #panel_left .navigace a:active{
  color:#9d9d9d;
  font-weight:normal;
  text-decoration:underline;
}
#panel_left .navigace a:hover{
  color:#9d9d9d; 
  font-weight:normal;
  text-decoration:none;
}  
#content H2
{
  font-size:1.3em;
  font-weight:bold;
  
}
#content H1
{
  font-size:1.3em;
  font-weight:bold;
  padding:0px 0px 0px 0px;
}
#panel_left .fotografie img
{
  border:4px solid #fff !important;
  margin-bottom:10px;
}
