BODY {
	font-family: Verdana;
	font-size: 75%;
	margin: 0;
	padding: 0;
}

A {
	color: #0000cc;
	text-decoration: underline;
}

A:hover {
	text-decoration: none;
}

A:visited {
	color: #6666cc;
}

H1 {
	color: #cc0000;
	font-family: Sylfaen, "Trebuchet MS", Verdana;
	font-size: 200%;
	margin-bottom: 0.75em;
	margin-top: 0;
}

H2 {
	font-family: Sylfaen, "Trebuchet MS", Verdana;
	font-size: 150%;
	margin-bottom: 0.5em;
	margin-top: 0;
}

H3 {
	font-family: Sylfaen, "Trebuchet MS", Verdana;
	font-size: 135%;
	margin-bottom: 0.5em;
	margin-top: 0;
}

H4 {
	/* font-family: Sylfaen, "Trebuchet MS", Verdana; */
	font-size: 120%;
	margin-bottom: 0;
	margin-top: 0.5em;
}

H5 {
	/* font-family: Sylfaen, "Trebuchet MS", Verdana; */
	font-weight: normal;
	font-style: italic;
	font-size: 150%;
	margin-bottom: 0;
	margin-top: 0.5em;
}

H6 {
	/* font-family: Sylfaen, "Trebuchet MS", Verdana; */
	font-size: 125%;
	margin-bottom: 0em;
	margin-top: 0.5em;
}

P {
	margin: 0.5em 0;
}

HTML>BODY TH, HTML>BODY TD {
	font-size: 100%;
}

TABLE {
	margin: 1em 0;
}

TH, TD {
	border-bottom: 1px solid #CCCCCC;
	font-size: 75%;
	padding: 0.2em 0.5em;
}

THEAD {
	border-bottom: 2px solid #CCCCCC;
}

THEAD TH {
	border: none;
}

TBODY TH {
	text-align: left;
}

.strankovani {
  clear: left;
	font-size: 90%;
	text-align: right;
}
	
	.strankovani A {
		color: #666666;
		font-weight: bold;
		margin-bottom: 0.5em;
		margin-right: 0.5em;
	}
	
	.strankovani A.active {
	  color: #000000;
		text-decoration: none;
	}

#vyrobci {
	/*background-color: #F1F1F1;*/
	border: 1px solid #CCCCCC;
	font-size: 80%;
	padding: 0.25em 0.5em;
}
	
	#vyrobci DIV {
		float: left;
	}
	
	#vyrobci P {
		/*clear: left;*/
		height: 0;
		margin: 0;
	}
	
	#vyrobci input { margin: 0; margin-left: 0.5em; padding: 0; }
	#vyrobci span { white-space: nowrap; }

.vyber-zobrazeni { margin: 0; padding: 0; }
.vyber-zobrazeni small { font-size: 90%; }
.vyber-zobrazeni a { color: #0000cc; }
.vyber-zobrazeni .sbez-dph a { color: #000000; }

HTML>BODY #produkty {
  width: 100%;
}

#produkty, #kosik {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	margin-top: 0.25em;
	width: auto;
}

#porovnavac {
	border: 1px solid #CCCCCC;
	margin-top: 0.25em;
	width: auto;
}
	
	#produkty SELECT, #produkty INPUT {
		font-size: 100%;
	}
	
	#produkty INPUT {
		width: 3em;
	}
	
	#produkty THEAD TH, #kosik THEAD TH, #porovnavac THEAD TH {
		background-color: #F1F1F1;
		font-size: 70%;
		vertical-align: top;
	}
	
	#produkty THEAD TH { font-weight: normal; }
	
	#produkty TBODY TH {
		font-size: 70%;
		font-weight: normal;
	}
	
	#produkty TBODY TH A {
		color: #0000cc;
	}
	
	#produkty TBODY TH A:visited {
		color: #6666cc;
	}



	#produkty .bezParametru {
    /*background-color:#E57F7F;*/
    background-color:#ffeeee;
	}



	#produkty TD {
		font-size: 70%;
		text-align: center;
	}
	
	#produkty SMALL {
		font-size: 90%;
	}
	
	#kosik TD, #kosik TH {
		padding: 1em;
		vertical-align: top;
	}
	
	#kosik P {
		margin-top: 0;
	}
	
	#porovnavac .stejne-hodnoty TD {
		color: #999999;
	}
	
	#porovnavac TBODY TH, #porovnavac TBODY TD {
		font-size: 60%;
		padding: 0.5em;
		vertical-align: middle;
	} 

#seznam-kategorii { line-height: 120%; }
#seznam-kategorii h2 { font-size: 125%; margin-bottom: 0.25em; }
#seznam-kategorii h2 a { color: #0000cc; }
#seznam-kategorii p { font-size: 90%; }

#produkty-obrazkove {}
#produkty-obrazkove table {
	margin-top: 0;
}
#produkty-obrazkove td {
  border-bottom: 1px solid #F2BFBF;
  border-right: 1px solid #F2BFBF; 
  padding-bottom: 0.5em;
  padding-right: 1em;
  vertical-align: top;
  width: 48%;
}
#produkty-obrazkove td small { line-height: 125%; }
#produkty-obrazkove td.pravy { border-right: none; padding-right: 0; }
#produkty-obrazkove .obrazek {
  float: left;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
#produkty-obrazkove H3 {
  font-size: 110%;
  margin-bottom: 0.1em;
  margin-top: 0;
}
#produkty-obrazkove h3 a { color: #0000cc; }
#produkty-obrazkove h3 a:visited { color: #6666cc; }

/**
 * Layout
 **/

#container {
	margin: 0 auto;
	/*margin: 1em;*/
  min-width: 1000px;
  _width: expression(document.body.clientWidth < 1000? "1000px" : "auto" );
}

#okno {
	padding: 1em;
}
	
	#okno p {
		line-height: 150%;
	}

#header {
	background: url("http://jlysak.dev/vede/layout/images/b_header.gif") #F1F1F1;
	border-bottom: 1px solid #FFFFFF;
	height: 8.5em;
}
	
#logo {
	color: #EEEEEE;
	font-family: Sylfaen;
	font-size: 300%;
	float: left;
	line-height: 100%;
	margin-left: 10px;
	margin-top: 0.3em;
}
	
	#logo A {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#logo A:hover {
		text-decoration: underline;
	}
	
	#logo SMALL {
		font-size: 40%;
		line-height: 125%;
	}
	
#slogan {
	float: right;
	line-height: 160%;
	margin-right: 10px;
	margin-top: 10px;
	text-align: right;
}

	#slogan BIG {
		margin-top: 0;
		font-size: 130%;
	}
	
	#slogan .kosik {
    background-color: #F1F1F1;
    border: 1px solid #cc0000;
    line-height: 125%;
    margin-top: 0.25em;
    padding: 0.5em 0.5em;
  }
  
  #slogan .kosik a {
		color: #cc0000;
	}

#uver-zdarma {
	float: right;
	margin-right: 2em;
	margin-top: 0.5em;
}

#super-akce {
	background-color: #f1f1f1;
	border: 1px solid #ff9900;
	float: right;
	line-height: 135%;
	margin-right: 2em;
	margin-top: 1em;
	padding: 0.5em;
	width: 380px;
}
#super-akce a { color: #0000cc; }

#menu {
	background: url("http://jlysak.dev/vede/layout/images/b_search.gif") #CC0000;
	color: #FFFFFF;
}
  
  #menu A {
    color: #FFFFFF;
  }
	
	#menu DIV {
		border-bottom: 1px solid #FFFFFF;
	}
	
	#menu P {
		margin: 0;
		padding: 0.5em 1em;
	}
	
	#menu P.right {
		float: right;
	}

	div#menu form{
		 display: inline;
		 min-height: 20px;
		 padding: 0em;
		 line-height: 120%;
	}

#main {
	margin-top: 1em;
}

#column-left {
	float: left;
	margin-bottom: 1em;
	width: 14%;
}
	
	#column-left UL {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#column-left LI {
		margin: 0;
		padding: 0;
	}
	
	HTML>BODY #column-left A {
		width: auto;
	}
	
	#column-left LI.indent-1 A {
		background-color: #CCCCCC !important;
		border: none;
		border-top: 1px solid #000000;
		color: #000000;
	}
	
	#column-left LI.indent-1 A.active {
		background-color: #E57F7F !important;
	}
	
	/*#column-left LI.indent-1 A:hover {
		color: #FFFFFF !important;
	}*/
	
	#column-left LI.indent-2 A, #column-left LI.indent-3 A {
		background-color: #F1F1F1 !important;
		border-top: none;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		color: #000000;
	}
	
	#column-left LI.indent-2 A.active, #column-left LI.indent-3 A.active {
		background-color: #E57F7F !important;
		border-right: none;
		font-weight: bold;
	}
	
	#column-left A {
		display: block;
		font-size: 90%;
		padding: 0.25em 0.5em;
		padding-left: 1em; /* kdy� container nem� margin */
		text-decoration: none;
		width: 100%;
	}
	
	/*#column-left A:hover {
		background-color: #FFFFFF !important;
		border-right: none;
		text-decoration: underline;
	}*/
	
	/*#column-left LI.indent-1 A:hover {
		color: #00CCFF;
	}
	
	#column-left LI.indent-2 A:hover {
		color: #000000;
	}*/
	
#column-right {
	line-height: 160%;
	margin-left: 85%;
	margin-right: 1em;
}

#content {
	line-height: 160%;
	margin-left: 15%;
	margin-right: 1%;
	margin-bottom: 1em;
	/*width: 85%;*/
}

#footer {	
	background-color: #FAE5E5;
	clear: both;
	line-height: 125%;
	padding: 0.1em 0.5em;
	text-align: right;
}
	
	#footer .left {
		float: left;
		text-align: left;
		width: 59%;
	}
	
	#footer .right {
		margin-left: 41%;
	}
	
	#footer HR {
		display: none;
	}
	
	#footer SMALL {
		font-size: 80%;
	}

/**
 *
 **/
 
.parametry {
  border: 1px solid #CCCCCC;
  margin-top: 0;
  font-size:
}
	
	.parametry TD, .parametry TH {
		font-size: 70%;
		vertical-align: middle;
	} 

.sbez-dph {
  float: right;
	margin-bottom: 0;
	/*text-align: right;*/
}

.box, .box-50p {
  background-color: #FAE5E5;
  border: 1px solid #E57F7F;
  margin: 1em 0;
  padding: 0.5em 1em;
}

HTML>BODY .box-50p { width: 40%; }
.box-50p { width: 70%; }

.float-right {
  float: right;
}

.float-left {
	float: left;
}

ul { list-style-type: square; }

fieldset { margin: 1em 0; padding: 0em 1em; }
fieldset legend { font-weight: bold; }
fieldset p label { float: left; font-weight: bold; }
fieldset p label.checkbox { float: none; }
fieldset p input.text, fieldset p input.password, fieldset p textarea, fieldset p select, fieldset p div.input { display: block; margin-left: 12.5em; }
fieldset p div.input { margin-left: 12.5em; }
input.button { font-weight: bold; color: #0000cc; }

.tlacitko {
	border: 1px solid #CCCCCC;
	padding: 0.35em 0.5em;
	text-align: center;
	width: auto;
}

div.messages ul li a {
	color: #0000cc !important;
	font-weight: bold !important;
}

.order-step2-detail ul { margin-top: 0.25em; }
.order-step2-detail li { font-size: 80%; line-height: 150%; }

HTML>BODY .tipy td { font-size: 80%; }
.tipy td { font-size: 75%; }
.tipy td h4 { font-size: 100%; height: 20px; padding-bottom: 35px;}
.tipy td h4 a, .akce-vpravo h4 a { color: #0000cc; margin: 0;}

HTML>BODY .akce-vpravo { width: 170px; } 
.akce-vpravo { width: 180px; float: right; margin-left: 2em; }
.akce-vpravo h4 { margin: 0.35em 0; font-size: 100%; }
.akce-vpravo { line-height: 120%; margin-bottom: 1em; }

.cervene { color: #cc0000; }
.modre { color: #0000cc; }
.zelene { color: #009900 !important; font-size: 110%; }