

 body {
			padding: 10px;
			margin: 0;
			background-image:url(../pageimg/background1.jpg);
		background-repeat:no-repeat;
		background-attachment: scroll;
		background-color:#000;
			background-position: 0 80px;
			font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
			font-size: 11px;
			}
		

#gbook {
background: #FFFFFF;

width: 740px;
height: 580px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 0;
overflow: auto;
border: #9E0B0F 8px solid;

}
a { 
	color: #808040; 
	text-decoration:none; 
}
a:hover {
	color:#808040; 
	text-decoration:underline; 
}
h3 {
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 16px;
	color: #000000;
}
td {
	color: #000000;
	padding: 2px;
	font-size:11px;
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
}
li{
	line-height:15px;
	list-style:disc;
}
.okraj {
	padding: 2px; 
	text-align:left;
	width:700px;
	margin:0px auto;
}
.center {	
	text-align:center;
}
.zdrojak {
	border: 1px solid #C9C992;
	background-color: #EDEDDC;
	padding: 2px; 
	margin-left: 15px; 
}
.zdrojak2 {
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: 2px; 
}
.kom_odp0{
	margin-left:0px;
	margin-top:11px;
}
.kom_odp1{
	margin-left:20px;
	margin-top:11px;
}
.kom_odp2{
	margin-left:40px;
	margin-top:11px;
}
.kom1{
	padding: 2px;
	padding-left: 6px;
	border-left:1px solid #C9C992;	
	border-top:1px solid #C9C992;	
	border-right:1px solid #C9C992;	
	background-color: #EDEDDC;
}
.kom2{
	padding: 2px;
	border-left:1px solid  #C9C992;	
	border-right:1px solid #C9C992;	
	#border-top:1px dotted #C9C992;	
	#border-bottom:1px dotted #C9C992;		
}
.kom3{
	padding: 2px;
	padding-left: 6px;	
	border-left:1px solid #C9C992;	
	border-right:1px solid #C9C992;
	border-bottom:1px solid #C9C992;	
	text-align:left;
	background-color: #EDEDDC;
	-moz-border-radius-bottomleft: 8px;
}
.input {
	border: 1px #CCCC99 solid;
	padding: 2px; 
	margin: 0px; 
	font-size: 11px;
}
.readonly{
	border: 1px #CCCC99 solid;
	padding: 2px; 
	margin: 0px;
	background-color: #eee;
	font-size: 11px;
}
.textarea {
	border: 1px #CCCC99 solid;
	width: 350px; 
	height: 100px; 
	padding: 2px; 
	margin: 2px; 
	background-color: #fff;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
}
.smajl{
	display: inline;
	vertical-align: middle;
	border:0px;
}
.smajl2{
	display: inline;
	float:right;
	padding:1px;
	border:1px solid black;
	background-color: #fff;	
}
.copyright{
	text-align:center; 
	font-size:10px; 
	color: grey;
}
.ok {
	color: green;
}
.error {
	color: red;
}

/* --------------------------------------------------------------------------------*/


			/* !!! STRÁNKA !!! */
	
	
		
		  
		  
		 
		  
		  #blok3 {
		  position: relative;
		  float: left;
			width: 100%;
			font-size: 80%;
			margin: 20px 0 0 0;
			padding: 0;
		  } 
		  
		  #blok3 #blok31{
		   
			width: 100%;
			height: 20px;
			font-size: 80%;
			margin-left: auto;
			margin-right: auto;
			padding: 0 0 0 10px;
		  
		  }
		  
		   
		  #blok3 #blok32{
		  float: left;
			width: 100%;
			height: auto;
			font-size: 80%;
			margin: 5px 0 15px 5px;
			padding: 40px 0;
		  }
		  
		  /* !!! HLAVICKA !!! */
		  
		  #header{
			width: 100%;
			height: 130px;		
			padding: 0px 0 0 0;
			margin: 0;
			background: #FFFFFF;
			}
			
			
			
			#header #headerleft {
			float: left;
			margin: 0 0 0 0;
			padding: 0 0 0 15px;;	
			background: #FFFFFF;		
	
			
			}
			
			#header #headerright {
			float: right;
			width: auto;
			margin: 0;			
	
			
			}
			
			#header #headernav {
			margin: 0px 0 0 0;
			padding: 25px 0 0 0;	
			background: #FFFFFF;
			}
			
			
				/* !!! PATICKA !!! */
			
		  #footer {
		  font-family: Verdana, Arial, Courier, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  color: #FFFFFF;
		  clear: both;
		  height: 35px;
		  margin: 10px 0 5px 0;
		  padding: 2px 0 0 0px;;
		  color: #666666;
		  background-color: #000000;
		  }
		  
			
			/* !!! MENU ROZBALOVACÍ !!! */
			/* This is the part for the CSS menu - these settings are for a horizontal menu */
	
		#dmenu{                         /* menu list container */
			height: 39px;
			width: 100%;
			font-family: Tahoma, Verdana, Arial, Courier, sans-serif;		       		
			font-size: 11px;
			font-weight: bold;
			color: #666666;
			list-style-type: none;      /* disable the display of the list item bullets */
			margin: 0px 0 0 0;                /* space around the list container */
			padding: 0px;               /* space within the list container */
			position: static;           /* need this so that the z-index stuff works correctly */
			background-color: #FFFFFF;     /* the default background color within the main menu container */
			background:transparent url(../pageimg/bgOFF.gif) repeat-x top left; 
			border-top:3px solid #B30000; 
			z-index: 20; }               /* push the menu up in the layer order a bit so it isn't hidden behind anything */
				/* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
		#dmenu li{                      /* top-level menu element */
			list-style-type: none;      /* disable the display of the list item bullets */
			float: right;                /* this is to allow for the horizontal main menu */
			margin: 0px;                /* spacing between main menu items */
			padding: 0;               /* padding within main menu items */
			width: auto;               /* the width of each main menu item */
			height: 20px;
			display: block;
	
		}
	
		#dmenu ul {                     /* third-level (or greater) menu element list elements */
			position: absolute;         /* this is so that it doesn't push that page content around on hover */
			margin: 0 ;                /* space around the list container */
			padding: 10px 0 0 0px;               /* space within the list container */
			list-style-type: none;      /* disable the display of the list item bullets */
			display: none;
			width: 130px;               /* should be the same as #dmenu li width */
			background: #FFFFFF;
			border: #000000 solid 1px;     /* the border around the sub-menu list */
			z-index: 99;                /* want to be sure this is above the rest of the menu */
		}
	
		#dmenu ul li{                   /* second-level or greater menu element links */
			border: none;               /* sub-menu item border settings */
			margin: 0px;                /* spacing between sub-menu containers */
			padding: 0px;               /* This is for padding between menu items in the drop-downs */
			width: 114px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
			
			
			background: #FFFFFF;        /* !!! musí být zadaná hodnota, jinak občas nechodí submenu !!! */
	
	 }
	
		#dmenu li a{                    /* top-level menu element links */
			text-align: center;         /* text alignment in main menu item links */
			width: auto;               /* set this to #dmenu ul width */
			display: block;
			margin: 10px 5px 0 0;
			padding: 0;		
			text-align: left;
		}
		
		#dmenu ul a {                   /* all the other level menu link elements */
			padding: 0 0 0 5px;
			margin: 0px;
			width: 108px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
			display: block;
		}
		
		
	
		#dmenu a:hover,                 /* top-level hovering properties */
		#dmenu li:hover{
			display: block;
			color: #999999;
			padding: 0px; 
		}
		
		#dmenu ul li:hover,             /* higher level hovering properties */
		#dmenu ul li a:hover{
			display: block;
			color: #999999;
			margin: 0;
			padding: 0 0 0 5px;
		}
		
		#dmenu ul li:hover {
		border-left: 5px solid #9E0B0F; 
		color: #999999;
	
		}
	
		#dmenu ul ul{                   /* higher-level list containers */
			display: none;              /* don't display by default */
			position: absolute;
			margin-left: 114px;         /* this should be the width of #dmenu ul li */
			margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
	}
	
		/* only non-MSIE browsers use this */
		#dmenu ul li>ul,
		#dmenu ul ul li>ul{
			margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
		}
	
		/* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
		#dmenu li:hover ul ul,              
		#dmenu li:hover ul ul ul,
		#dmenu li:hover ul ul ul ul,
		#dmenu li:hover ul ul ul ul ul{
			display:none;
		}
	
		#dmenu li:hover ul,
		#dmenu ul li:hover ul,
		#dmenu ul ul li:hover ul,
		#dmenu ul ul ul li:hover ul,
		#dmenu ul ul ul ul li:hover ul{
			display:block;
		}
	
		li>ul {
			top: auto;
			left: auto;
		}
		
		
	
		
		
	/* MENU MALÉ ŠEDÉ POZADÍ */	  
		  
		  .navsmall
	{
	display: inline;
	width: 95%;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../pageimg/bg_nav_index2.jpg);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	}
	
	
	
	.navsmall ul
	{
	margin: 0;
	padding: 0;
	}
	
	.navsmall ul li
	{
	display: inline;
	color: #666666;
	margin: 0;
	padding: 0;
	}
	
	.navsmall ul
	{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	}
	
	.navsmall ul li a
	{
	float: left;
	height: 20px;
	margin: 0;
	padding: 0 0 0 2px;
	background-color: #FFFFFF;
	background-image: url(../pageimg/bg_nav_index2.jpg);
	background-repeat: repeat-x;
	color: #333333;
	text-decoration: none;
	}
	
	.navsmall ul li a:hover
	{
	color: #9E0B0F;
	}
	
	
	.navsmall em{
	color:#333333;
	}

		  
		  
		  
		
		  
	/* !!! OSTATNÍ !!! */
	
	.content {
			margin: 5px;
		  }
		  
		hr.cleaner {
		clear: both;
		height: 1px;
		color: #0033FF;
		margin: 0;
		padding: 0;
		visibility: hidden;  
		}
		


/* ------------------------------------------------------------------------------------- */

#info {
  height:27em;
 
  }
#fixed {
  display:block; 
  width:100px;
  height:150px; 
  float:left;
  }

#submenus {
  display:block; 
  float:left; 
  width:170px; 
  height:150px; 
  margin-left:1px;
  overflow: hidden; 
}
#fixed ul {
  padding:0; 
  margin:0; 
  list-style-type:none;
  }
#fixed li {
  display:block; 
  width:100px; 
  height:20px; 
  margin-bottom:1px;
  }
#fixed li a {
  display:block; 
  width:95px; 
  height:20px; 
  background:#808; 
  color:#fff; 
  font-weight:bold; 
  text-align:right; 
  text-decoration:none; 
  padding-right:5px;
  }
#fixed li a:hover {
  background:#000;
  }
#fixed li a:active {
  background:#00c;
  }

#submenus dl {
  padding:0; 
  margin:0; 
  height:150px; 
  width:150px;
  }
#submenus dt {
  display:block; 
  width:145px; 
  height:20px; 
  background:#808; 
  color:#fff; 
  margin-bottom:1px; 
  color:#fff; 
  text-align:left; 
  padding-left:5px;  
  font-weight:bold;
  }
#submenus dt a {
  color:#fff;
  }
#submenus dd {
  display:block; 
  width:150px; 
  height:20px; 
  padding:0; 
  margin:0 0 1px 0;
  }
#submenus a.sub {
  display:block; 
  width:145px; 
  height:20px; 
  background:#88c; 
  color:#fff; 
  text-decoration:none; 
  padding-left:5px;
  }
#submenus a.sub:hover {
  background:#bbb; 
  color:#000;
  }

/* hack for Opera 7+ */
@media all and (min-width: 0px){
#submenus {overflow:auto; margin-top:-3px;}
#submenus dl.first {margin-top:3px;}
}

#content ol {font-size:11px;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Forum http://www.pecan.cz/ */

