/* CSS Document */
	
	/* !!! TEXT !!! */
		
	.text, .text3 a ins{
		font-weight: bold;
		font-size: 14px;
		color: #4C4C4C;
		margin: 0;
		padding: 10px 0;
		letter-spacing: 0.1em;
	
		}
		
		.text ul, #text li {
		list-style: circle;
		font-size: 12px;
		font-weight: normal;
	}
	
	.text a { 
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	}
	
	.text2, .text2 a em { 
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4C4C4C;
	margin: 0;
	padding: 0;
	}
	
	.text2 a{
	color: #CC3300;
	}
	
	.text3{
		font-size: 11px;
		font-weight: bold;
		color: #4C4C4C;
		font-style:normal;
		text-decoration: none;
		}
		
		.text3 li a{
		color: #9E0B0F;
		}
		
		.text4 {
		font-size: 14px;
		font-weight: bold;
		color: #4C4C4C;
		font-style:normal;
		text-decoration: none;
		}
	
	h5, { 
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #9E0B0F;
	}
	
	em {
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	font-style: normal;
	color: #9E0B0F;
	}
	
			/* !!! TABULKA  !!! */
	
	.tabulka
	{
	width: 100%;
	min-width: 1px;
	_width: 1px; /* IE */
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	}
	
	.radek
	{
	clear: left;
	padding: 0 0 0 5px;
	}
	
	
	.bunkaleft
	{
	float: left;
	width:49%;
	color: #000000;
	} 
	
	.bunkaright
	{
	float: left;
	width:45%;
	color: #666666;
	margin: 0 0 0 10px;
	} 
	 
	.hlavicka
	{
	color: #9E0B0F;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	width: 100%;
	padding: 10px 0 5px 0;
	} 
	
	.matrjoska
	{
	padding: .2em .5em;
	}
	
	
			/* !!! STRÁNKA !!! */
	
	 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;
				  }
		
		  #page {
			width: 740px;
			height: auto;
			min-height: 571px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			background-color:  #FFFFFF;
			border: #9E0B0F 8px solid;
		   clear: both;
			
		  }
		  
		   #pageindex {
			width: 740px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color:  #FFFFFF;
			clear: both;
		}
		  
		  #pageservis {
			width: 740px;
			height: 571px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			background: #FFFFFF url(../pageimg/background_servis.jpg) no-repeat;
			border: #9E0B0F 8px solid;
		   clear: both;
		   }
			
			 #pageonas {
			width: 740px;
			height: auto;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background: #FFFFFF url(../pageimg/background_onas.jpg) repeat;
			border: #9E0B0F 8px solid;
		   clear: both;
		  }
			
		  #pagetext {
			width: 740px;
			height: 580px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color:  #FFFFFF;
			border: #9E0B0F 8px solid;
			font-size: 95%;
			line-height: 108%;
			letter-spacing: 0.01em;
		  }
		  
		  #pagetext {
			width: 740px;
			height: 580px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color:  #FFFFFF;
			border: #9E0B0F 8px solid;
			font-size: 95%;
			line-height: 108%;
			letter-spacing: 0.01em;
			overflow: auto;
		  }
		  
		  #pagelinky {
			width: 740px;
			height: 580px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			background-color:  #FFFFFF;
			background-repeat: repeat;
			border: #9E0B0F 8px solid;
			font-size: 91%;
			line-height: 110%;
			letter-spacing: 0.01em;
			overflow: auto;
		  }
		  
		  #blokindex1 {
		  width: 730px;
		  height: auto;
		  margin-left: auto;
		  margin-right: auto;
		  padding: 10px 0 10px 0px;
		  position: relative;
		  }
		  
		  #blokindex1 #blokindex2 {
		  width: 730px;
		  height: auto;
		  margin-left: auto;
		  margin-right: auto;
		  margin-top: 10px;
		  padding: 0 0 0 6px;
		  }
		  
		  #blokindex1 #blokindex3 {
		  width: 730px;
		  height: auto;
		  margin-left: auto;
		  margin-right: auto;
		  margin-top: 10px;
		  padding: 0;
		  clear: both;
		  }
		  
		  #blokonasleft{
		  width: 100%;
		  height: auto;
		  margin: 10px 0 0 0px;
		  padding: 0;
		  }
		  
		  #blokonasright{
		  font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
		  font-style: normal;
		  font-weight: bold;
		  width: 90%;
		  height: 500px;
		  margin: 10px 0 0 0px;
		  padding: 0;    
          overflow: auto;
		  }
			  
		  #blok1 {
			float: right;
			width: 59%;
			margin: 6px 0 0 0;
		  }
		  
		  
		  #blok1 #blok12 {
			float: right;
			font-size: 80%;
			width: 310px;
			margin: 0 10px 0 0;
			padding: 10px 0;
			height: 560px;
			overflow: auto;
		  }
			 
		#blok1 #blok13 {
			float: right;
			font-size: 80%;
			width: 350px;
			margin: 10px 10px 0 0;
			height: 360px;
			overflow: auto;
		  }		
			
			 #blok1 #blok14 {
			float: right;
			width: 380px;
			height: 500px;
			margin: 10px 10px 0 0;
			padding: 0 10px 0 0;
			overflow: auto;
		  }
		  
		  #blok1 #blok15 {
			float: right;
			width: 380px;
			height: 500px;
			margin: 10px 0 0 0;
			padding: 0 0 0 0;
			overflow: auto;
		  }
		  
		  #blok1 #blok16 {
			float: right;
			font-size: 80%;
			width: 350px;
			height: 300px;
			margin: 10px 10px 0 0;
			overflow: auto;
		  } 
		 
		  #blok2 {
			float: left;
			width: 39%;
			font-size: 80%;
	
		  }
		  
		  #blok2 #blok21 {
		  float: left;
		  width: 400px;
		  height: 500px;
		  margin: 0;
		  padding: 0 0 0 10px;
		  }
		  
		  #blok2 #blok22 {
		  float: left;
		  width: 100%;
		  height: 330px;
		  margin: 0;
		  padding: 0;
		  overflow: auto;
		  }
			  
			  #blok2 #blok23 {
		  float: left;
		  width: 400px;
		  margin: 0;
		  padding: 0;
		  }
				
	#blok2 #blok24 {
	position: absolute;
		  float: left;
		  width: 380px;
		  margin: 518px 0 0 10px;
		  padding: 0;
		  }
		  
		  #blok2 #blok25 {	  
		  position: absolute;
		  width:740px;
		  margin: 450px 0 0 0;
		  padding: 0;
		  float: left;
		  }
		 
			  
		 #blok2 #blok26, #blok27, #blok28, #blok29 {
		  float: left;
		  width: 300px;
		  height: 360px;
		  margin: 0;
		  padding: 20px 0 0 20px;
		  overflow: auto;
		  }
		  
		   #blok2 #blok26 {
		  height: 300px;
		  background-image: url(../pageimg/background_archtop.jpg);
		  background-position: 20px 35px;
		  background-repeat: no-repeat;
		  }
		  
		 		  
		  
		   #blok2 #blok28 {
		  height: 300px;
		  background-image: url(../pageimg/background_acoustic.jpg);
		  background-position: 20px 35px;
		  background-repeat: no-repeat;
		  }
		  
		  #blok2 #blok29 {
		  height: 300px;
		  background-image: url(../pageimg/background_acoustic_nylon.jpg);
		  background-position: 20px 35px;
		  background-repeat: no-repeat;
		  }
		  
		  
		  #blok3 {
		  position: relative;
		  float: left;
			width: 100%;
			font-size: 80%;
			margin: 20px 0 0 0;
			padding: 0;
		  } 
		  
		  #blok3 #blok31{
		   
			width: 98%;
			height: 20px;
			font-size: 80%;
			margin-left: auto;
			margin-right: auto;
			padding: 0 0 0 10px;
			background-color: #CCCCCC;
		  background-image: url(../pageimg/bg_nav_index2.jpg);
		  background-repeat: repeat-x;
		  
		  }
		  
		  #blok3 #blok32{
		  float: left;
			width: 100%;
			height: auto;
			font-size: 80%;
			margin: 5px 0 0 5px;
			padding: 40px 0;
		  }
		  
		  /* !!! HLAVICKA !!! */
		  
		  #header{
			width: 100%;
			height: 130px;		
			padding: 0px 0 0 0;
			margin: 0;
			background-color: #FFFFFF;
			}
			
			
			
			#header #headerleft {
			float: left;
			margin: 0;
			padding: 0 0 0 15px;;	
			background: #FFFFFF;		
	
			
			}
			
			#header #headerright {
			width: auto;
			margin: 0px 0 0 0;
			padding: 10px 0 0 0;	
			background: #FFFFFF;
			}
			
			#header #headernav {
			height: 40px;
			margin: 0px 0 0 0;
			padding: 10px 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Í !!! */
	
		#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{  
			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;
	}
	
	/* MENU REFERENCE*/
	
	
#menuref { display:block; height:580px; width: 210px; margin:5px 5px 5px 100px;}
#menuref ul {margin:0; padding:0; list-style-type:none;}
#menuref li {float:right; margin:2px 0; display:block; width:210px;}

#menuref li.list1 {background: #FFFFFF url(../images/reference/bina.gif) no-repeat;}
#menuref li.list2 {background: #FFFFFF url(../images/reference/binder.gif) no-repeat;}
#menuref li.list3 {background: #FFFFFF url(../images/reference/doruzka.gif) no-repeat;}
#menuref li.list4 {background: #FFFFFF url(../images/reference/janik.gif) no-repeat;}
#menuref li.list5 {background: #FFFFFF url(../images/reference/koubek.gif) no-repeat;}
#menuref li.list6 {background: #FFFFFF url(../images/reference/linhart.gif) no-repeat;}
#menuref li.list7 {background: #FFFFFF url(../images/reference/rejhon.gif) no-repeat;}
#menuref li.list8 {background: #FFFFFF url(../images/reference/rover.gif) no-repeat;}
#menuref li.list9 {background: #FFFFFF url(../images/reference/sarkozy.gif) no-repeat;}
#menuref li.list10 {background: #FFFFFF url(../images/reference/vesely.gif) no-repeat;}

#menuref a {display:block; width:210px;  height:112px; color:#000; text-decoration:none; overflow:hidden;}

#menuref a#item1:hover {background:#FFFFFF url(../images/reference/bina_over.gif) no-repeat;}
#menuref a#item2:hover {background: #FFFFFF url(../images/reference/binder_over.gif) no-repeat;}
#menuref a#item3:hover {background: #FFFFFF url(../images/reference/doruzka_over.gif) no-repeat;}
#menuref a#item4:hover {background:#FFFFFF url(../images/reference/koubek_over.gif) no-repeat;}
#menuref a#item5:hover {background:#FFFFFF url(../images/reference/koubek_over.gif) no-repeat;}
#menuref a#item6:hover {background: #FFFFFF url(../images/reference/linhart_over.gif) no-repeat;}
#menuref a#item7:hover {background: #FFFFFF url(../images/reference/rejhon_over.gif) no-repeat;}
#menuref a#item8:hover {background: #FFFFFF url(../images/reference/rover_over.gif) no-repeat;}
#menuref a#item9:hover {background: #FFFFFF url(../images/reference/sarkozy_over.gif) no-repeat;}
#menuref a#item10:hover {background: #FFFFFF url(../images/reference/vesely_over.gif) no-repeat;}
	
	
		
			/* !!! MAPA WEBU !!! */
			
			#mapa {
			font-family:Arial,Verdana,Helvitica,sans-serif;
			font-size: 12px; 
			font-style: normal; 
			font-weight: bold;
			letter-spacing: 0.2em;
			color: #666666;
			height: 520px;
			overflow: auto;
			} 
			
			#mapa em {
			font-family:Arial,Verdana,Helvitica,sans-serif;
			font-size: 14px; 
			font-style: normal; 
			font-weight: bold;
			color: #9E0B0F;
			} 
			
			#mapa a{
			font-family:Arial,Verdana,Helvitica,sans-serif;
			font-size: 12px; 
			font-style: normal; 
			font-weight: normal;
			color: #666666;
			} 
			
			
	
	/* !!! HOVER GALERIE !!! */
	
	.gallerycontainer{
	position: relative;
	margin: -30px 0 0 0;
	height: 80px;
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	
	.thumbnail img{
	border: 1px solid white;
	margin:5px 5px 0px 0;
	}
	
	.thumbnail:hover{
	background-color: transparent;
	}
	
	.thumbnail:hover img{
	border: #FFFFCC  1px solid;
	}
	
	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	margin: -250px 0px 0 190px ;
	padding: 5px;
	visibility: hidden;
	color: black;
	text-decoration: none; 
	z-index:-150;                                /* !!! ÚPRAVA PRO OPERU, JINAK HOVER ZLOBÍ PO NAJETÍ NA VELKOU FOTKU VPRAVO !!! */
	}
	
	.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0;
	}
	
	.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 230px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}
	
	
	/* !!! HOVER GALERIE MALÁ !!! */ 
	
	.gallerysmall{ 
	position: absolute;
	margin: 0;
	padding: 0 0 0 10px;
	height: 80px;
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	color: #333333;
	}
	
	
	.thumbsmall img{
	margin: 0px;
	padding: 0;
	}
	
	.thumbsmall:hover, .thumbsmall:focus, .thumbsmall:active{
	background-color: transparent;
	
	}
	
	.thumbsmall:hover img, .thumbsmall:focus img, .thumbsmall:active img{
	border: 1px solid #999999;
	position: absolute;                                                              /* úprava pro operu - musí být absolute, jinak zlobí :hover */
	}
	
	.thumbsmall span{ /*CSS for enlarged image*/
	
	position: absolute;
	background-color: lightyellow;
	margin: 0;
	padding: 5px ;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
	
	.thumbsmall span img{ /*CSS for enlarged image*/
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0;
	}
	
	.thumbsmall:hover span, .thumbsmall:focus span, .thumbsmall:active span{ /*CSS for enlarged image*/
	height: 266px;
	width: 353px;
	visibility: visible;
	top: -440px;
	left: 10px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}
	
	 
	/* !!! HOVER GALERIE KATALOG !!! */
	
	.gallerycatalogue{
	position: relative;
	margin: -30px 0 0 0;
	padding: 0;
	height: 80px;
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	
	.thumbnailcatalogue img{
	margin: -2px;
	padding: 0;
	}
	
	.thumbnailcatalogue:hover{
	background-color: transparent;
	}
	
	
	
	.thumbnailcatalogue span{ /*CSS for enlarged image*/
	width: 310px;
	min-height:310px;
	height: auto;
	position: absolute;
	margin: -350px 0px 0 -5px ;
	padding: 0 0 0 5px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
	
	.thumbnailcatalogue span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0;
	}
	
	.thumbnailcatalogue:hover span, .thumbnailcatalogue:active span, .thumbnailcatalogue:focus span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 10px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	background: #FFFFFF;
	}
	
	 /* !!! HOVER GALERIE MATERIÁLY !!! */
	
	
	
	.gallerymaterial{
	position: absolute;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	text-align: right;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	
	.thumbnailmaterial img{
	margin: 0;
	padding: 2px 0 0 5px;
	}
	
	.thumbnailmaterial:hover{
	background-color: transparent;
	}
	
	
	
	.thumbnailmaterial span{ /*CSS for enlarged image*/
	
	width: 300px;
	min-height:360px;
	height: auto;
	position: absolute;
	margin: 0px 0px 0 -345px;
	padding: 0 0 5px 10px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	text-align: left;
	}
	
	.thumbnailmaterial span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 0;
	
	}
	
	.thumbnailmaterial:hover span, .thumbnailmaterial:active span, .thumbnailmaterial:focus span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 10px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	background: #FFFFFF;
	}
	
	/* !!! HOVER NÁPOVĚDA !!! */
	
	a.info{
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
		position:relative; /*this is the key*/
		z-index:24; 
		color:#000;
		text-decoration:none}
	
	a.info:hover{z-index:25; background-color:#FFFFFF}
	
	a.info span{display: none;
	}
	
	a.info:hover span{ /*the span will display just on :hover state*/
		display:inline;
		position:absolute;
		margin:  40px 0 0 -20px;
		padding: 2px;
		width: auto;
		border: #666666 1px solid;
		background-color: #FFFFCC; 
		color:#00000;
		text-align: center;
		white-space: nowrap;
		}
		
	
	
	/* ODKAZ VÍCE */
	
	
	
	.holder
	{
	width: 300px;
	height: 50px;
	margin:5px;
	padding:5px;
	float:left;
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	}
	
	
	
	a.skryty
	{
	color:#000;
	text-decoration:none;
	outline-style:none;
	}
	
	a.skryty p
	{
	display:none;
	}
	
	a.skryty:hover
	{
	text-decoration:none;
	}
	
	a.skryty:active, a.skryty:focus
	{
	background:#fff;
	
	}
	
	
	
	 a.skryty:active p, a.skryty:hover p,  a.skryty:focus p
	{
	display:block;
	width:240px;
	height: 300px;
	color:#000;
	position: absolute;
	margin: -366px 0 0 145px;
	padding: 5px;
	overflow: auto;
	background-color: lightyellow;
	border: grey 1px solid;
	
	}
	
	
	
	/* ODKAZ VÍCE B */
	
	a.skrytyb
	{
	color:#000;
	text-decoration:none;
	outline-style:none;
	}
	
	a.skrytyb p
	{
	
	display:none;
	}
	
	a.skrytyb:hover
	{
	text-decoration:none;
	}
	
	a.skrytyb:active, a.skrytyb:focus
	{
	background:#fff;
	}
	
	
	
	 a.skrytyb:active p, a.skrytyb:hover p,  a.skrytyb:focus p
	{
	display:block;
	width:240px;
	height: 300px;
	color:#000;
	position: absolute;
	margin: -366px 0 0 145px;
	padding: 5px;
	overflow: auto;
	background-color: lightyellow;
	border: grey 1px solid;
	}
	
	/* ODKAZ VÍCE C */
	
	a.skrytyc
	{
	color:#000;
	text-decoration:none;
	outline-style:none;
	}
	
	a.skrytyc p
	{
	
	display:none;
	}
	
	a.skrytyc:hover
	{
	text-decoration:none;
	}
	
	a.skrytyc:active, a.skrytyc:focus
	{
	background:#fff;
	}
	
	
	
	 a.skrytyc:active p, a.skrytyc:hover p,  a.skrytyc:focus p
	{
	display:block;
	width:240px;
	height: 300px;
	color:#000;
	position: absolute;
	margin: -366px 0 0 145px;
	padding: 5px;
	overflow: auto;
	background-color: lightyellow;
	border: grey 1px solid;
	}
	
	/* !!! ODKAZ VÍCE INDEX !!! */
	
	.viceindexcontainer
	{
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	color: #000000;
	width:200px;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0;
	border-top:1px solid #DDDDDD;
	float:left;
	overflow: auto;
	}
	
	
	
	.viceindexcontainer p
	{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #9E0B0F;
	}
	
	.viceindexcontainer ins {
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	}
	
	a.viceindex
	{
	color:#000000;
	text-decoration:none;
	outline-style:none;
	}
	
	a.viceindex ins
	{
	display:none;
	}
	
	a.viceindex:hover
	{
	text-decoration:none;
	}
	
	a.viceindex:active, a.viceindex:focus
	{
	background:#FFFFFF;
	}
	
	a.viceindex:active span, a.viceindex:focus span
	{
	display:none;
	}
	
	a.viceindex:active ins, a.viceindex:hover ins, a.viceindex:focus ins
	{
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style:normal;
	text-decoration: none;
	padding: 0 5px 0 5px;
	color: #333333;
	display:block;
	}
	
	.thumbindexvice {
	float: left;
	margin: 2px 5px 2px 2px;
	padding: 2px;
	border: #999999 thin solid;
	}
	
	.vicenav {
		  width: 100%;
		  height: 20px;
		  margin-left: auto;
		  margin-right: auto;
		  background-color: #CCCCCC;
		  background-image: url(../pageimg/bg_nav_index2.jpg);
		  background-repeat: repeat-x;
		  font-size: 11px;
		  font-style:normal;
		  font-weight: bold;
		  color: #000000;
		  text-align: left;
		  }
		  
		.vicenavright {
		  width: auto;
		  height: 20px;
		  background-color: #CCCCCC;
		  background-image: url(../pageimg/bg_nav_index2.jpg);
		  background-repeat: repeat-x;
		  border-top: #DDDDDD 1px solid;
		  margin: 0 10px 0 0;
		  }  
	
		.viceindexcontainerright
	{
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 10.5px;
	color: #9E0B0F;
	font-weight: bold;
	width:auto;
	height: auto;
	margin: 0 0 15px 0;
	padding: 78px 0 0 0;
	float:left;
	overflow: hidden;
	}  
	
	
	.onas {
	font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
	font-size: 12px;
	color: #4C4C4C;
	font-weight: bold;
	}
	
	.onas a {
	color: #9E0B0F;
	}
	
	.onas li{	  
		  font-family: Tahoma, Verdana, Arial, Courier, sans-serif;
		  font-size: 10.5px;
		  font-weight: normal;
		  color: #4C4C4C;
		  list-style-type: none;
		  margin: 0;
		  padding: 0;
		  }
		  
		
	
	/* !!! OSTATNÍ !!! */
	
	.content {
			margin: 5px;
		  }
		  
		hr.cleaner {
		clear: both;
		height: 1px;
		color: #0033FF;
		margin: 0;
		padding: 0;
		visibility: hidden;  
		}
		
#scrollleft, #scrollleftb{			
width: 400px;
height: 490px;
unicode-bidi:bidi-override;
direction:rtl;
float: left; 
display:block;
overflow:auto; 
padding:0px 5px 5px 20px;
margin:15px auto;
list-style: none;
} 

#scrollleftb{
width: 200px;
margin: 25px 0 0 15px;
}

#scrollleft  a, #scrollleftb a{
color: #666666;
font-size: 11px;
font-style: normal;
font-weight: bold;
}


#scrollleft  a:hover, #scrollleftb a:hover{
color: #9E0B0F;
}


#scrollleft ul, #scrollleftb ul {
list-style: none;
}