/* takhle se nemusi delat extra stylopis */
/* pro jina media - print, screen, atp. */
@media all {
body {
	background-image: url(general_background.gif);
	background-color: #ffcc99;
	text-align: center;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
/* uzavira cely web */
#telo {
	position: relative;
	display: block;
	width: 750px;
	height: 500px;
	border: 2px solid #f63;
	margin: 0 auto 0 auto;
	background-color: #fff;
}
/* hack kvuli IE */
body>#telo {
	height: auto;
	min-height: 500px;
}
#obsah {
	text-align: left;
	padding: 16px;
	width: 715px;
}
#footer {
	margin: .2em auto .5em auto;
	width: 750px;
	font-size: 70%;
	color: #963;
}
/* ************************************** */
/* hlavicka webu s logem a titulem strany */
/* ************************************** */
/* hlavni blok hlavicky */
#header {
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
	width: 750px;
	height: 123px;
	background-image: url(hlavicka_background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #f63;
}
/* logo v hlavicce strany */
#header a img {
	position: absolute;
	left: 383px;
	border: 0px none;
}
/* titulek strany v hlavicce */
#header h2 {
	display: block;
	width: 298px;
	position: absolute;
	left: 75px;
	top: 70px;
	font-size: 100%;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #fff;
	padding: 0px 5px 0px 5px;
}
/* **************************** */
/* ram uzavirajici hlavni obsah */
/* **************************** */
#content {
	display: block;
	width: 750px;
	height: 420px;
	position: relative;
}
/* hack kvuli IE */
#telo>#content {
	min-height: 420px;
	height: auto;
}
.index #content {
	background-image: url(../../grafika/vychozi/content_index_background.gif);
	background-position: center;
	background-repeat: no-repeat;
}
/* ********************* */
/* quick logg in, search */
/* ********************* */
#UpHeader {
	position: relative;
	width: 100px;
	width: 750px;
	margin: .5em auto .3em auto;
	height: 1.5em;
}
#SearchInput {
	position: absolute;
	left: 0px;
	text-align: left;
}
#QuickLoggIn {
	position: absolute;
	right: 0px;
	text-align: right;
}
#QuickLoggIn fieldset, #SearchInput fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}
#QuickLoggIn p, #SearchInput p {
	margin: 0px;
	display: inline;
}
#QuickLoggIn p label, #SearchInput p label, #QuickLoggIn em, #QuickLoggIn strong {
	font-size: 70%;
	color: #963;
	margin: 0 .3em 0 0;
}
#QuickLoggIn input, #SearchInput input {
	vertical-align: middle;
}
#QuickLoggIn p input, #SearchInput p input {
	border: 1px solid #963;
	background-color: #ffe;
	color: #963;
	width: 5em;
	margin: 0 .5em 0 0;
}
#SearchInput p input {
	width: 10em;
}
#QuickLoggIn p input:focus, #QuickLoggIn p input:focus, #SearchInput p input:focus {
	background-color: White;
	color: Black;
}
#QuickLogout {
	margin: 0 25px 0 0;
}
#QuickLoggIn a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	right: 0px;
	background-image: url(logout_button.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
}
#QuickLoggIn a span {
	display: none;
}
input.SubmitLogin, input.SubmitSearch {
	background-image: url(general_background.gif);
	border: 1px solid white;
	border-bottom: 1px solid #963;
	border-right: 1px solid #963;
	font-size: 60%;
	color: #963;
	padding: .2em .4em .2em .4em;
}
/* ************ */
/* vzhled textu */
/* ************ */
h1, h2, h3, h4, h6 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #F63;
}
h1 {
	font-size: 150%;
	margin: 0 0 1em 0;
}
h2 {
	font-size: 120%;
	color: Black;
	margin: 0 0 .5em 0;
}
h2 em {
	font-weight: normal;
	font-size: 90%;
}
/* titulek zbozi */
h4 {
	font-size: 90%;
	margin: .5em 0 .2em 0;
}
p {
	font-size: 80%;
	text-align: justify;
}
/*
p:hover,p.hover {
	color: Red;
}
p  {
  background-color: expression(
    this.onmouseover = function() { this.className += ' hover'; }, 
    this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
  );
}
*/
/* h6 jsou pouzity pro chybova hlaseni */
h6 {
	background-position: 9px;
	background-repeat: no-repeat;
	background-color: #FFA;
	border: 1px solid Black;
	text-align: left;
	font-size: 100%;
	padding: 25px 0px 25px 70px;
	margin: 0 0 1em 0;
	color: Black;
}
h6.stop {
	background-image: url(ico-stop.gif);
}
h6.alert {
	background-image: url(ico-alert.gif);
}
h6.ok {
	background-image: url(ico-ok.gif);
}
/* ****************************** */
/* ikony na specifickych stranach */
/* ****************************** 
div.hledat {
	background-image: url(../icons/search.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 100px;
}*/
/* ****************************** */
/* image fotky na indexove strane */
/* ****************************** */
#content table {
	position: absolute;
	left: 72px;
	top: 43px;
}
/* oprava kvuli IE */
#content>table {
	position: relative;
}
#content table tr td {
	padding: 0px 13px 9px 0px;
}
.katalog a {
	display: block;
	width: 130px;
	color: White;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	text-decoration: none;
}
.katalog a:hover {
	color: Black;
}
.chemie, .kuze {
	vertical-align: top;
}
.kartonaz, .rukavice {
	vertical-align: bottom;
	/*padding: -3px 13px 10px 0px;*/
	margin: -3px 13px 10px 0px;
}
.chemie a {
	background-color: #BBBB11;
}
.kuze a {
	background-color: #CC6633;
}
.kartonaz a {
	background-color: #AA3333;
}
.rukavice a {
	background-color: #336666;
}
/* ********* */
/* PickColor */
/* ********* */
.PickColor {
	display: block;
	position: relative;
	left: 2em;
	top: -1em;
	height: 3em;
	width: 3em;
	margin: -.5em 0 -1.5em 0;
	border: 2px solid #FDB;
}
.PickColor:hover {
	border: 2px dashed Black;
	background-image: url(kriz.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.PickColor em {
	display: none;
}
/* ******************** */
/* univerzalni definice */
/* ******************** */
a {
	color: #00C;
	text-decoration: underline;
}
a:visited {
	color: #008;
}
a:hover {
	color: #F00;
	text-decoration: none;
}
a.licha, a.suda {
	display: block;
	position: relative;
	padding: .3em;
	margin: 0 0 0 0;
	border: 1px solid #ddd;
	font-size: 80%;
}
a.licha br, a.suda br {
	display: none;
	visibility: hidden;
}
hr {
	border: 1px dashed #F63;
}
/* linky s clear - liche nemaji "cistit" */
hr.licha {
	display: none;
	visibility: hidden;
}
.clear {
	visibility: hidden;
	width: 50%;
	clear: both;
	margin: 0;
	padding: 0px;
}
.right {
	float: right;
}
.left {
	float: left;
	margin: 0 1em 1em 0;
}
.StoPro {
	width: 98%;
	margin: 0 auto 0 auto;
}
.ico {
	display: inline;
	margin: .1em .2em -.1em .2em;
}
.LinkToKat {
	background-color: #FEC;
	border: 1px solid #F63;
	padding: 1em;
}
.LinkToKat img {
	border: 1px solid #F63;
	background-color: White;
	padding: 3px;
	margin: 0 0 1em 1em;
}
.LeftCol {
	width: 50%;
	float: left;
}
.RightCol {
	width: 50%;
	float: right;
}
/*
.button {
	border: 1px solid #963;
	margin: .5em 0 0 0;
	padding: 0 .5em 0 .5em;
	background-color: #F8EDE0;
	font-weight: bold;
	color: #963;
	text-decoration: none;
	font-size: 80%;
}
*/
/* ******* */
/* ToolBar */
/* ******* */
.ToolBar {
	text-align: center;
	width: 713px;
	margin: -1px auto .5em auto;
	padding: .5em 0 .5em 0;
	background-color: #eee;
	border: 1px solid #BBB;
}
.ToolBar a, .ToolBar strong, .ToolBar a:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: 80%;
	width: 10em;
	line-height: 1.5em;
	background-color: #F6F6F6;
	color: #777;
	border-top: 3px double #BBB;
	border-right: 3px double #666;
	border-bottom: 3px double #666;
	border-left: 3px double #BBB;
	margin: 1em .2em 0 .2em;
	padding: .2em 1em .2em 1em;
}
.ToolBar a:hover {
	color: #000;
	background-color: #EEE;
	border-top: 3px double #888;
	border-right: 3px double #000;
	border-bottom: 3px double #000;
	border-left: 3px double #888;
}
.ToolBar strong {
	color: Black;
	background-color: #BBB;
	border-top: 3px double #888;
	border-right: 3px double #000;
	border-bottom: 3px double #000;
	border-left: 3px double #888;
}
.narrow {
	width: 400px;
}
/* *********************** */
/* div a tabulka se zbozim */
/* *********************** */
.zbozi {
	position: relative;
	display: block;
	width: 315px;
	height: 315px;
	height: 20em;
	padding: 16px;
	margin: 0 16px 16px 0 ;
	background-color: #FEC;
	border: 1px solid #F63;
	float: left;
	overflow: auto;
}
div.licha, div.suda {
	background-color: #FEC;
}
div.suda {
	margin-right: 0px;
}
.zbozi img {
	border: 1px solid #F63;
	background-color: White;
	padding: 3px;
	margin: 0 0 2em 1em;
	float: right;
}
table {
	font-size: 70%;
}
.zbozi table {
	clear: both;
	width: 100%;
}
.zbozi h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.zbozi h4 em {
	font-size: 80%;
	font-weight: normal;
}
.zbozi p {
	text-align: left;
}
td, th {
	padding: .2em .5em .2em .5em;
	border-left: 1px solid #F63;
	border-right: 1px solid #F63;
	text-align: center;
}
#obsah table {
	border-collapse: collapse;
	border: 1px solid #F63;
}
#obsah table tr th {
	background-color: #FB6;
	border: 1px solid #F63;
	color: Black;
}
#obsah table tr.head th {
	border: 1px solid #F63;
	background-color: #F63;
	color: White;
	font-size: 140%;
	font-weight: normal;
	padding: .4em .5em .4em .5em;
}
.licha {
	background-color: White;
}
.suda {
	background-color: #EEE;
}
.linky {
	background-color: White;
	border: 1px solid #F63;
}
/*
*/
.LinkToKat {
	height: auto;
}
.LinkToKat img {
	margin: 0 0 0 1em;
}
.zbozi em.ClickToDetail {
	display: block;
	width: 150px;
	font-size: 70%;
	position: absolute;
	right: 20px;
	top: 178px;
	text-align: center;
}
/* *********** */
/* braadcrumbs */
/* *********** */
#BreadCrumbs {
	padding: .5em 16px .5em 16px;
	margin: 0px 0 1em 0;
	text-align: left;
	font-weight: bold;
	font-size: 90%;
	color: #999;
	background-color: #fab767;
	background-color: #eee;
}
#BreadCrumbs p {
	padding: 0px;
	margin: 0px;
}
/*
*/
#BreadCrumbs a {
	color: #99f;
}
#BreadCrumbs a:hover {
	color: #f99;
}
/* ********************************* */
/* formatovani formulare ala tabulka */
/* ********************************* */
/* blok formularovych poli */
fieldset {
	width: 100%;
	padding: 0 0 0 0;
	margin: 1em auto 0 auto;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
}
fieldset.NarrowForm {
	width: 400px;
}
/* nadpis bloku formularovych poli */
legend {
	font-style: italic;
	font-weight: bold;
	padding: 0 0 .2em .4em;
	font-family: "Times New Roman", Times, serif;
	color: #963;
}
fieldset h5 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 100%;
	color: #963;
	margin: 0 0 .5em .5em;
	display: none;
}
/* odstavec ve formularich - leva strana */
fieldset p.popis {
	display: block;
	width: 13em;
	float: left;
	margin: 0;
	padding: .2em;
	font-size: 70%;
}
/* odstavec ve formularich - prava strana */
fieldset p.vstup {
	float: left;
	margin: .2em 0 0 .2em;
}
/* label v prave casti formularu - napr. u radio vstupu */
fieldset p.vstup label,
fieldset div label {
	font-size: 80%;
	margin: 0 0 0 .5em;
	font-weight: normal;
	line-height: 2em;
	display: block;
	width: 10em;
	height: 2em;
	float: left;
}
fieldset p.vstup label,
fieldset div label {
	height: auto;
	min-height: 2em;
}
/* ram uzavirajici jednotlive "radky" */
fieldset div {
	position: relative;
	padding: .2em .2em 0 .2em;
}
fieldset div br {
	clear: both;
}
fieldset .licha, fieldset .suda {
	border: 1px solid #963;
	height: 1em;
	margin: -1px 0 0 0;
}
fieldset div.licha {
	background-color: #FDB;
}
fieldset div.suda {
	background-color: #FED;
}
/* oprava kvuli IE */
fieldset>.licha, fieldset>.suda {
	height: auto;
}
.MusisVyplnit {
	color: Red;
}
input {
	margin: .1em 0 .1em 0;
}
/* aby to nezformatovalo  */
fieldset div.NoSubmit p > input, 
fieldset div.NoSubmit > input,
fieldset div.NoSubmit div.rewrite > input,
fieldset div.NoSubmit p > textarea,
fieldset div.NoSubmit > textarea, 
fieldset div.NoSubmit p > select,
fieldset div.NoSubmit > select {
	border: 1px solid #963;
	color: #963;
	background-color: #FFE;
}
div form p>input:focus, div form p>textarea:focus, div form p>select:focus {
	background-color: White;
	color: Black;
	border: 1px solid Black;
}
div.submit {
	text-align: center;
}
.NarrowForm  textarea, #JSForms {
	width: 380px;
}
optgroup {
	background-color: White;
	color: Black;
}
#JSForms {
	margin: 0 auto 0 auto;
	width: 400px;
	padding: 0px;
}
JSForms fieldset {
	margin: 0px 0px 0px -5px;
}
/* ff to potrebuje v IE to byt nemuze */
fieldset div hr.clear {
	display: none;
}
fieldset div>hr.clear {
	display: block;
}
fieldset img {
	border: 1px solid #963;
}
div.rewrite {
	float: left;
}
/* ************************************************************** */
/*                         PURE CSS MENU                          */
/* ************************************************************** */
/* ****** */
/* OBECNE */
/* ****** */
/* lista uzavirajici cele menu */
#MenuLista {
	position: relative;
	display: block;
	width: 750px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(menu_lista_index_background.gif);
	z-index: 200;
}
/* srovnava silu bocnich linek oproti vnitrnim */
#menu {
	position: absolute;
	top: 0px;
	left: 75px;
	text-align: left;
	border-right: 1px solid #FFBB66;
	border-left: 1px solid #FFBB66;
}
/* This is the part for the CSS menu - these settings are for a horizontal menu */
#dmenu {
	list-style-type: none;			/* disable the display of the list item bullets */
	margin: 0px;						/* space around the list container */
	padding: 0px;						/* space within the list container */
	position: static;
	background-color: #dddddd;		/* the default background color within the main menu container */
	color: Black;						/* the default font color (not links) within the main menu container */
	z-index: 20;						/* push the menu up in the layer order a bit so it isn't hidden behind anything */
}
/* odkazy v hlavni liste */
#dmenu a {
	font-weight: bold;
	font-size: 12px;
	position: relative;
	padding: 2px 5px 2px 5px;
}


/* ********************** */
/* top-level menu element */
/* ********************** */
/* ================== */
/* hlavni menu - neaktivni stav */
#dmenu li {
	position: relative;
	display: inline;
	list-style-type: none; 					/* disable the display of the list item bullets */
	float: left; 								/* this is to allow for the horizontal main menu */
	border-left: 1px solid #FFBB66;
	border-right: 1px solid #FFBB66;
	background-color: maroon; 				/* main menu item background color */
	/*background-color: #FFBB66;				 */
	color: #FFBB66; 							/* main menu item font color (not links) */
	width: auto; 								/* sirka poli nejvyssi urovne menu */
	height: 20px;
}
/* top-level menu element links */
#dmenu li a{
	display: inline;
	text-align: center;         /* text alignment in main menu item links */
	color: #FFBB66;
	text-decoration: none;
	height: 16px;
	padding: 2px 5px 2px 5px;
	/*background-color: Maroon;  */
}
/* top-level hovering properties */
#dmenu a:hover {
	color: #CC9933;
	background-color: #660000;
}
/* top-menu rozbalene, ale ne aktivni */
#dmenu li:hover{
	background-color: #660000;
}
/* ================== */



/* ****************************************** */
/* second-level or greater menu element links */
/* ****************************************** */
/* third-level (or greater) menu element list elements */
#dmenu ul {
	display: none;						/* aby se nezobrazovalo pred najetim mysi */
	position: absolute;         	/* this is so that it doesn't push that page content around on hover */
	margin: 0px;                	/* space around the list container */
	padding: 0px;               	/* space within the list container */
	list-style-type: none;      	/* disable the display of the list item bullets */
	top: 20px;
	left: 0px;
	width: 150px;                	/* should be the same as #dmenu li width */
	background-color: #FFBB66;		/* sub-menu default background color */
	background-color: transparent;
	border-top: 1px solid #660000;	/* the border around the sub-menu list */
	color: #FFBB66;					/* sub-menu default font color (not links) */
	/*z-index: 100;						 want to be sure this is above the rest of the menu */
}
/* oprava kvuli IE */
#dmenu>ul {
	top: 0;
	left: auto;
}
#dmenu ul li{
	display: block;
	color: #FFBB66;                /* default font color (not links) for sub-menu container */
	border: none;               /* sub-menu item border settings */
	margin: 0px 0px 0px 0px;                /* spacing between sub-menu containers */
	padding: 0px;               /* This is for padding between menu items in the drop-downs */
	width: 150px;                /*(padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
	/*border: 1px solid #FFBB66;    kdyz tady nejsou linky tak menu neproblikava */
	height: auto;
}
/* higher level hovering properties */
/* vzhled aktivnich nadrazenych urovni */
#dmenu ul li:hover {
	text-align: left;
}
/* all the other level menu link elements */
#dmenu ul a {
	display: block;
	height: auto;
	/*width: 94px;                (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
	padding: 3px;
	margin: 0px;
	display: block;
	color: #660000;
	text-align: left;
	 background-color: #FFBB66;     /*default background color for sub-menu container */
	border-left: 1px solid #660000;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660000;
}
/* aby zustavali aktivni nadrazene prvky */
/* nejak graficky zvyraznene */
/* bohuzel jen pro firefox */
#dmenu ul li:hover a {
	background-color: #EA5;
}
#dmenu ul li:hover ul li a {
	background-color: #FFBB66;
}
#dmenu ul li:hover ul li a:hover {
	background-color: #EA5; /**/
	color: #600;
}
#dmenu ul li a:hover{
	background-color: #EA5; /**/
	color: #600;
}
/* higher-level list containers */
#dmenu ul ul{
	/*display: none;               don't display by default */
	position: absolute;
	width: 150px;
	margin-left: 140px;				/* this should be the width of #dmenu ul li */
	margin-top: -1.3em;           /* this will push the sub-menu up to the level of it's parent */
	z-index: 200;
	background-image: url(maroon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
/* only non-MSIE browsers use this */
#dmenu ul li>ul, #dmenu ul ul li>ul {
	width: 160px;
	margin-top: -1.3em;           /* should be set to the same as #dmenu ul ul margin-top */
}
/* treti uroven bude uzsi */
/* nebo taky ne...  :-)   */
#dmenu ul ul li {
	width: 150px;
	z-index: 200;
	margin: 0 0 0 5px;
}
#dmenu ul ul>li {
	margin: 0 0 0 10px;
}
/* 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;
}
/* This is used for the content that will appear below the menu */
.content {
	clear: left;
}
}