/* CSS Document */

body
{
	margin: 0px;
	padding: 0px;
	background-color: #d5d6d8;
	background-position: center top;
	background-repeat: no-repeat;
	font-family: MS Sans Serif, Geneva, sans-serif;
	font-size: 10pt;
	color: #4b5052;
	text-align: center;
	height: 100%;
}


#bread-crumb-navigation

{

    position: relative;

    top: -20px;

    width: 600px;

    margin: 0px;

    padding: 0px;

}



#bread-crumb-navigation p

{

    font-size: 8pt;

    font-weight: bold;

    color: #7a7a7a;

    /*color: #00599c;*/

    margin: 0px;

    padding: 0px;

}



#contents-text-komodity #bread-crumb-navigation p a

{

   color: #7a7a7a;

}



#contents-text #bread-crumb-navigation p a

{
   color: #7a7a7a;
}

p#sloupec1
{
	position: relative;
	width: 250px;
	height: auto;
	float: left ;
  text-align: left;
}

p#sloupec2
{
	position: relative;
	width: 300px;
	height: auto;
	float: left;
}


#relative-contents
{
	position: relative;
	top: 0px;
	width: 766px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	text-align: center;
	background-color: White;
}

#pruh-opakovacka
{
	position: relative;
	top: 0px;
	width: 766px;
	height: 8px;
	padding: 0px;
	text-align: center;
	background-image: url("pruh-opakovacka.jpg");
	background-repeat: repeat-x;
}

#hlavicka
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 766px;
	height: 175px;
	padding: 0px;
}

#pruh-opakovacka-2
{
	position: relative;
	top: 0px;
	width: 766px;
	height: 32px;
	padding: 0px;
	text-align: center;
	background-image: url("pruh-opakovacka-2.jpg");
	background-repeat: repeat-x;
}

#left-menu
{
	position: absolute;
	top: 232px;
	left: 10px;
	width: 151px;
	height: 600px;
	padding: 0px;
	margin: 0px;
}



#form #but
{
	background: url("but.jpg" ) no-repeat;
	width: 79px;
	height: 24px;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 6px;
	top: 100px;
}

#form #input
{
	position: absolute;
	left: 0px;
	top: 130px;
	border: #00599c solid 1px;
	width: 139px;
}

#pozadi-left-menu
{
	background: url("left-menu.jpg" ) no-repeat;
	width: 151px;
	height: 450px;
	position: absolute;
	top: 69px;
	left: 0px;
	
}


#bleskovky
{
	width: 151px;
	height: 118px;
	position: absolute;
	top: 180px;
	left: 3px;
}


#realizujeme
{
	width: 151px;
	height: 118px;
	position: absolute;
	top: 28px;
	left: 3px;
	
}

ul.left
{
	height: 118px;
  list-style-type: none;
  font-size: 0.9em; 
}

ul.left li
{
  text-align: left;
  margin-top: 2px;
}

ul.left li a
{
  text-decoration: none;
  color: #005A9C;
}

ul.left li a:hover
{

}

#lupa
{
	background: url("lupa.jpg" ) no-repeat;
	width: 61px;
	height: 54px;
	position: absolute;
	top: 70px;
	left: 0px;
}


#logo-quality
{
	background: url("vdt-quality.jpg" ) no-repeat;
	width: 142px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; 
}

#razitko-pozar
{
	background: fff;
	width: 182; 
	height: 70; 
	position: relative;
	top: 30px;
	left: 0px;
}

#contents-text
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 16px;
	left: 80px;
	width: 555px;
	height: auto;
	padding-top: 70px;
	padding-left: 20px;
	padding-right: 30px;
	color: Gray;
	background-image: url("content-background.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: White;
	text-align: left;
}

#contents-text h1 
{
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
display: none !important;
}

#contents-text p a
{
	color: #00599c;
	text-decoration: underline;
}

#contents-text p a:hover
{
	color: #00599c;
	text-decoration: none;
}

#contents-text-komodity
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 16px;
	left: 80px;
	width: 435px;
	height: auto;
	min-height: 500px;
	padding-top: 70px;
	padding-left: 20px;
	padding-right: 150px;
	color: Gray;
	background-image: url("content-background.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: White;
	text-align: justify;
}




#contents-text-komodity h2 
{ 
font-size: 10pt;
margin: 25 0 25 0px;
color: #00599c;
text-decoration: underline;
}

#contents-text-komodity h3 
{ 
font-size: 10pt;
margin: 20 0 20 0px;
color: #808080;
font-weight: bold;
text-decoration: underline;
}

#contents-text-komodity p
{
  width: 400px;
}

#contents-text-komodity a
{
  color: #00599c;
	text-decoration: underline;
}

#contents-text-komodity p a:hover
{
	color: #00599c;
	text-decoration: none;
}


#contents-text-komodity .pic
{
	width: 150px;
	position: absolute;
	top: 110px;
	right: 20px;
	line-height: 2;

}

#contents-text-komodity .pic2
{
	text-align: left;
  width: 500px;
	top: 110px;
	left: 20px;
	line-height: 2;
}

ul.obsah
{
	position: relative;
	width: 380px;
}

ul.obsah li a
{
	color: #00599c;
	text-decoration: none;
}

ul.obsah li a:hover
{
	color: #00599c;
	text-decoration: underline;
}

ul.obsah li a:visited
{
	color: #424242;
}

.obsah li
{
	list-style-image: url("puntik.gif");
	list-style-position: outside;
	margin: 0 0 0 30px; 
	padding: 0 0 4px 0;
}

.obsah li.ctverecky
{
list-style: square;
list-style-position: outside;
margin: 0px 50px;  
}

#nadpis img
{
	width: 597px;
	height: 23px;
	position: absolute;
	right: 8px;
	top: 15px;
}

#spravnym-smerem img
{
	width: 204px;
	height: 25px;
	position: relative;
	left: 350px;
	top: 15px;
}

#logo-teu img
{
	width: 150px;
	height: 63px;
	position: relative;
	left: 0px;
	top: 30px;
	border: none;
}


/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/


ul#mainMenu5
{
	position: absolute;
	top: 190px;
	left: 614px;
	width: 150px;
	height: 36px;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: left;
}

ul#mainMenu5, ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#mainMenu5 ul
{
	margin: 0px;
}

ul#mainMenu5 li.menu-item5
{
	background-image: url( "menu-item5.jpg" );
	left: 0px;
	top: 0px;
	position: absolute;
	text-decoration: none;
	height: 36px;
	width: 150px;
}

ul#mainMenu5 li.menu-item5:hover
{
	background-image: url( "menu-item5-a.jpg" );
}

ul#mainMenu5 li
{
	float: left;
}

ul#mainMenu5 a
{
	text-decoration: none;
	display: block;
	text-decoration: none;
	padding-bottom: 7px;
	width: 133px;
	font-weight: bold;
}

ul#mainMenu5 ul a
{
	color: #e6e6e6; /* bila hlavni pismo */
	text-decoration: none;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e6e6e6;
	font-weight: bold;
	border-bottom: 1px solid #00599c;
	border-right: 1px solid #00599c;
	border-left: 1px solid #00599c;
	width: 131px;	
}

ul#mainMenu5 ul a:hover
{
	color: #00599c; /*  pismo pri najeti v podmenu */
	background-color: #b5b5b5; /* seda */
	background-image: url("opakovacka-menu.jpg");
	background-repeat: repeat-x;
}

ul#mainMenu5 li a:hover
{
	text-decoration: none;
}

ul#mainMenu5 ul
{
	position: absolute;
	visibility: hidden;
	background-color: #00599c; /* modra */
	width: 143px;
	top: 36px;
}

ul#mainMenu5 li:hover ul, ul#mainMenu5 li.hover ul
{
	visibility: visible;
}

ul#mainMenu5 li li
{
	float: none;
	border: none;
}

ul#mainMenu5 li
{
	behavior: url(hover.htc); /* ProtoÌe IE nedodrÌuje CSS standarty, aby bylo °eÅenÝ funkÀnÝ, pouÌijeme tento *.htc soubor */
}
/*-------------------------------------------------------------------------------------------*/

ul#mainMenu4
{
	position: absolute;
	top: 190px;
	left: 10px;
	width: 150px;
	height: 36px;
	z-index: 3;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: left;
}

ul#mainMenu4, ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#mainMenu4 ul
{
	margin: 0px;
}

ul#mainMenu4 li.menu-item1
{
	background-image: url( "menu-item1.jpg" );
	left: 0px;
	top: 0px;
	position: absolute;
	text-decoration: none;
	height: 36px;
	width: 150px;
}

ul#mainMenu4 li.menu-item1:hover
{
	background-image: url( "menu-item1-a.jpg" );
}

ul#mainMenu4 li
{
	float: left;
}

ul#mainMenu4 a
{
	text-decoration: none;
	display: block;
	text-decoration: none;
	padding-bottom: 7px;
	width: 133px;
	font-weight: bold;
}

ul#mainMenu4 ul a
{
	color: #e6e6e6; /* bila hlavni pismo */
	text-decoration: none;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e6e6e6;
	font-weight: bold;
	border-bottom: 1px solid #00599c;
	border-right: 1px solid #00599c;
	border-left: 1px solid #00599c;
	width: 131px;	
}

ul#mainMenu4 ul a:hover
{
	color: #00599c; /*  pismo pri najeti v podmenu */
	background-color: #b5b5b5; /* seda */
	background-image: url("opakovacka-menu.jpg");
	background-repeat: repeat-x;
}

ul#mainMenu4 li a:hover
{
	text-decoration: none;
}

ul#mainMenu4 ul
{
	position: absolute;
	visibility: hidden;
	background-color: #00599c; /* modra */
	width: 143px;
	top: 36px;
}

ul#mainMenu4 li:hover ul, ul#mainMenu4 li.hover ul
{
	visibility: visible;
}

ul#mainMenu4 li li
{
	float: none;
	border: none;
}

ul#mainMenu4 li
{
	behavior: url(hover.htc); /* ProtoÌe IE nedodrÌuje CSS standarty, aby bylo °eÅenÝ funkÀnÝ, pouÌijeme tento *.htc soubor */
}

/*---------------------------------------------------------------------------------------*/

ul#mainMenu
{
	position: absolute;
	top: 190px;
	left: 161px;
	width: 150px;
	height: 36px;
	z-index: 5;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: left;
}

ul#mainMenu, ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#mainMenu ul
{
	margin: 0px;
}

ul#mainMenu li.menu-item2
{
	background-image: url( "menu-item2.jpg" );
	left: 0px;
	top: 0px;
	position: absolute;
	text-decoration: none;
	height: 36px;
	width: 150px;
}

ul#mainMenu li.menu-item2:hover
{
	background-image: url( "menu-item2-a.jpg" );
}

ul#mainMenu li
{
	float: left;
}

ul#mainMenu a
{
	text-decoration: none;
	display: block;
	text-decoration: none;
	font-weight: bold;
	width: 133px;
}

ul#mainMenu ul a
{
	color: #e6e6e6; /* bila hlavni pismo */
	text-decoration: none;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e6e6e6;
	font-weight: bold;
	border-bottom: 1px solid #00599c;
	border-right: 1px solid #00599c;
	border-left: 1px solid #00599c;
	width: 131px;
}

ul#mainMenu ul a:hover
{
	color: #00599c; /*  pismo pri najeti v podmenu */
	background-color: #e6e6e6; /* seda */
	background-image: url("opakovacka-menu.jpg");
	background-repeat: repeat-x;
}

ul#mainMenu li a:hover
{
	text-decoration: none;
}

ul#mainMenu ul
{
	position: absolute;
	visibility: hidden;
	background-color: #00599c; /* modra */
	width: 143px;
	top: 36px;
}

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
	visibility: visible;
}

ul#mainMenu li li
{
	float: none;
	border: none;
}

ul#mainMenu li
{
	behavior: url(hover.htc); /* ProtoÌe IE nedodrÌuje CSS standarty, aby bylo °eÅenÝ funkÀnÝ, pouÌijeme tento *.htc soubor */
}

ul#mainMenu li.jedna > ul.dve
{          
	position: absolute;
	visibility: hidden;
	background-color: #00599c; /* modra */
	width: 143px;
	margin-top: 16px;               
}
  
ul#mainMenu li.jedna:hover > ul.dve, ul#mainMenu li.jedna.hover ul.dve 
{          
	visibility:visible;         
}

ul#mainMenu li.jedna:hover
{          
	background-color: #0271c5; /* svetle modra */
}


/*-------------------------------------------------------------------------------------------*/



ul#mainMenu2
{
	position: absolute;
	top: 190px;
	left: 312px;
	width: 150px;
	height: 36px;
	z-index: 5;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: left;
}

ul#mainMenu2, ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#mainMenu2 ul
{
	margin: 0px;
}

ul#mainMenu2 li.menu-item3
{
	background-image: url( "menu-item3.jpg" );
	left: 0px;
	top: 0px;
	position: absolute;
	text-decoration: none;
	height: 36px;
	width: 150px;
}

ul#mainMenu2 li.menu-item3:hover
{
	background-image: url( "menu-item3-a.jpg" );
}

/*
ul#mainMenu2 li
{
	float: left;
}

ul#mainMenu2 a
{
	text-decoration: none;
	display: block;
	text-decoration: none;
	padding-bottom: 7px;
	width: 133px;
	font-weight: bold;
}

ul#mainMenu2 ul a
{
	color: #e6e6e6; 
	text-decoration: none;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e6e6e6;
	font-weight: bold;
	border-bottom: 1px solid #00599c;
	border-right: 1px solid #00599c;
	border-left: 1px solid #00599c;
	width: 131px;
}

ul#mainMenu2 ul a:hover
{
	color: #00599c; 
	background-color: #b5b5b5; 
	background-image: url("opakovacka-menu.jpg");
	background-repeat: repeat-x;
}

ul#mainMenu2 li a:hover
{
	text-decoration: none;
}

ul#mainMenu2 ul
{
	position: absolute;
	visibility: hidden;
	background-color: #00599c; 
	width: 143px;
	top: 36px;
}

ul#mainMenu2 li:hover ul, ul#mainMenu2 li.hover ul
{
	visibility: visible;
}

ul#mainMenu2 li li
{
	float: none;
	border: none;
}

ul#mainMenu2 li
{
	behavior: url(hover.htc); 
}

*/

/*-------------------------------------------------------------------------------------------*/
ul#mainMenu3
{
	position: absolute;
	top: 190px;
	left: 463px;
	width: 150px;
	height: 36px;
	z-index: 5;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: left;
}

ul#mainMenu3, ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#mainMenu3 ul
{
	margin: 0px;
}

ul#mainMenu3 li.menu-item4
{
	background-image: url( "menu-item4.jpg" );
	left: 0px;
	top: 0px;
	position: absolute;
	text-decoration: none;
	height: 36px;
	width: 150px;
}

ul#mainMenu3 li.menu-item4:hover
{
	background-image: url( "menu-item4-a.jpg" );
}

ul#mainMenu3 li
{
	float: left;
}

ul#mainMenu3 a
{
	text-decoration: none;
	display: block;
	text-decoration: none;
	padding-bottom: 7px;
	width: 133px;
	font-weight: bold;
}

ul#mainMenu3 ul a
{
	color: #e6e6e6; /* bila hlavni pismo */
	text-decoration: none;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e6e6e6;
	font-weight: bold;
	border-bottom: 1px solid #00599c;
	border-right: 1px solid #00599c;
	border-left: 1px solid #00599c;
	width: 131px;
}

ul#mainMenu3 ul a:hover
{
	color: #00599c; /*  pismo pri najeti v podmenu */
	background-color: #b5b5b5; /* seda */
	background-image: url("opakovacka-menu.jpg");
	background-repeat: repeat-x;
}

ul#mainMenu3 li a:hover
{
	text-decoration: none;
}

ul#mainMenu3 ul
{
	position: absolute;
	visibility: hidden;
	background-color: #00599c; /* modra */
	width: 143px;
	top: 36px;
}

ul#mainMenu3 li:hover ul, ul#mainMenu3 li.hover ul
{
	visibility: visible;
}

ul#mainMenu3 li li
{
	float: none;
	border: none;
}

ul#mainMenu3 li
{
	behavior: url(hover.htc); /* ProtoÌe IE nedodrÌuje CSS standarty, aby bylo °eÅenÝ funkÀnÝ, pouÌijeme tento *.htc soubor */
}



/*-------------------------------------------------------------------------------------------*/

#footer
{
	position: relative;
	top: 60px;
	width: 766px;
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-image: url("paticka.jpg");
	text-align: center;
}

#footer p
{
	position: absolute;
	font-size: 7pt;
	color: gray;
	font-family: arial, "Book Antiqua" , palatino, serif;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 100px;
	top: 25px;
}

/*-------------------------------------------------------------------------------------------*/


#lightbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{  /*toto je nevim ale taky dulezite*/
border: none; 
position: relative;
top: 0px;
}

#outerImageContainer{   /* pozicovani celeho lighboxu*/
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	top: 140px;
	}

#imageContainer{
	padding: 5px;     /* to je vnitrni obrazek*/
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{			/* pozice pro navigaci sipky dalsi a zpet*/
	position: absolute;
	top: 0px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{  /* pozice atd. dolni listy*/
	font: 10px Tahoma;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	position: relative;
	top: 140px;
	}

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #333;
	filter:alpha(opacity=80);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.clearer {
  clear: both;
}