img,p,hr,h1,h2,li,ul{
border:0;
margin:0;
padding:0;
}


.noborder, .noborder td, .noborder th, .noborder tr{border:0;}

dfn{font-style:normal; text-decoration:underline;}

body {
	font-family: Tahoma, Trebuchet MS, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	text-align:center;
	background:#57585B url("images/web/back.gif") repeat-x;
  color:white;
  margin:0;
  padding:0;
	}
	
td{font-size:12px;}



#stred { 
        background: url("images/web/stred.gif") repeat-y;
	width:600px;
       }

						 	
#obsah      {	width:600px;

		margin:auto auto;
		text-align:left;
		 _height:1048px;
		min-height:1048px;
	           }
	
#paticka    {
             height:20px;
             width:600px;
             text-align:center;
             z-index:1;
						 margin:auto auto;
						 font-size:10px;
position:relative; top:25px;
						 }
a{color:white;
text-decoration:none;}

#hlavicka   {
  position:relative;
	width:600px;
	height:415px;
	background: url("images/web/top.jpg") 0 35px no-repeat;
text-align:center;
             }


hr.cleaner {
clear:both;
display: none
}

.brcko{
clear: left;
}

.clearboth { 
clear: both; 
}

#obsahklas { 
height:585px;
}

#obsahklas ul{ 
padding:10px 0 10px 30px;
}

#obsahklas ol{ 
padding:10px 0 10px 30px;
}

#obsahklas p{ 
padding:0 0 20px 10px;
margin:0;
}

/*typografie*/

h1 {
	font-weight:normal;
	font-size: 28px;
	text-align:center;
	margin:0 0px 20px 0;
padding:20px 0 20px 0;
  }
  
h2 {
	margin:10px 0px 10px 5px;
  padding:0;
	font-weight:normal;
	font-size: 20px;
  }
		

img {
	border:0;
	margin:0px;
	padding:0px;
	}

.foto{float:left; margin:3px;}
.foto-nazev{display:block; font-weight:bold; margin-bottom:3px;}

input{border:1px solid #2B4FA7;}
textarea{border:1px solid #2B4FA7; width:400px; height:70px;}


/*menu*/


#menu
{
margin:0;
padding:0;
list-style-type:none;
font-family: Trebuchet MS,verdana, arial, Helvetica, sans-serif;
font-size:12px;
}

#menu li{
 list-style-type:none;
}

#menu a
{
display:block;
width:222px;
_width:260px;
height:22px;
_height:26px;
text-decoration:none;
color:white;
font-weight:bold;
padding:4px 0px 0px 38px;
}

#menu li a
{
background:#34459A url("images/web/li.gif") 23px 9px no-repeat;
border-bottom:1px solid #5F70C8;
}

#menu li a.topmenu
{
background:#E58715 url("images/web/li-red.gif") 23px 9px no-repeat;
border-bottom:1px solid #8C9DC9;
}

#menu li a.topmenu:hover
{
background:#E58715 url("images/web/li-red.gif") 23px 9px no-repeat;
}

#menu li a:hover{background:#4853B3 url("images/web/li.gif") 23px 9px no-repeat;}

#menu li ul li a
{
background:#7382B9 url("images/web/li-li.gif") 23px 9px no-repeat;
border-bottom:1px solid #8C9DC9;
}
#menu li ul li a:hover{background:#8B98C5 url("images/web/li-li.gif") 23px 9px no-repeat;}

#menu li ul li ul li a
{
background:#949FC9;
border-bottom:1px solid #AAB3D5;
font-style:italic;
font-weight:normal;
}
#menu li ul li ul li a:hover{background:#A4ACD0;}

#menu li ul li ul li ul li a
{
background:#B3BAD9;
border-bottom:1px solid #BAC0DC;
font-style:italic;
font-weight:normal;
}
#menu li ul li ul li ul li a:hover{background:#BEC4DE;}

#active { color:white; font-weight:bold;}


/* Horizontální menu */

    #TopMenu{
      position:relative;
      top:385px;
      left:0;
	text-align:center;
        width:580px;
margin:auto auto;
    }

    #TopMenu ul {
      list-style-type: none;
      margin: 0; padding: 0;
    }
    
    #TopMenu a{
      font-size:13px;
      color:white;
      font-weight:bold;
      text-decoration:none;
    }

    #TopMenu a:hover{color:#e7bf06;} /* on_mouse_text */

    #menuHoriz ul {
      display: none;
      padding-top:11px;
      position: absolute;
      left: -8px; top: 2em;
      _left: 0; top: 2em;
      background:url("images/web/roh-menu.gif") left bottom no-repeat;
      padding-bottom:9px;
      z-index:10;
    }
    #menuHoriz li {
      position: relative;
      float: left;
      padding: 0 0 1em 0;
    }
    #menuHoriz li li {
      background-color: #57595B;/* pozadi podmenu */
      float: none;
      padding: 0;
      border-left: 1px solid white;
      border-right: 1px solid white;
    }
    #menuHoriz li:hover > ul { display: block; }
    #menuHoriz ul a {
      display: block;
      text-align: left;
      width: 100%;
      color:white;
      background-color: #57595B;/* pozadi podmenu */
      border:0;
      font-size:12px;
      padding:2px 5px 2px 10px;
      _padding:4px 10px 4px 10px;
      width: 222px;
      &width: 222px;
      _width: 237px;
    }
    #menuHoriz ul a:hover { background-color: #81bb41; color:white;}

#TopMenu .default{cursor:default;}
    
    
.tb1{background-color:#FBDE86; padding-left:5px;}
.tb2{background-color:#FDF2D0; padding-left:5px;}

/* LIGHTBOX2 */
#lightbox{	position: absolute;	left: 0; _margin-top:50px; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }background: url(../js) no-repeat;
width: 0px;
height: 0px;
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */

.fotogalerka{
width:167px;
height:134px;
overflow:hidden;
float:left;
margin:0 17px 17px 0;
background:white;
}

.strankovani1{
width:10px;
height:10px;
color:#57585A;
font-size:18px;
background-color:white;
border:2px solid white;
display:block;
float:left;
text-align:center;
margin-right:5px;
}

.strankovani2{
width:10px;
height:10px;
color:white;
border:2px solid white;
font-size:18px;
display:block;
float:left;
text-align:center;
margin-right:5px;
}

.strankovani{position:absolute; top:980px;}
.strankovani a:hover{ background-color:#57585A; }


#mycustomscroll {
     /* Typical fixed height and fixed width example */
  /*   width: 820px;*/
     height: 530px;
     overflow: auto;
     /* IE overflow fix, position must be relative or absolute*/
     padding: 15px;
     margin:30px 0 15px 0;
}