@import "layout.css";
@import "components.css"; 

/* Global */

html, body {
	margin: 0px;
	padding: 0px;
	/* net */
	background: #D7D4BF url(../img/bg_full.jpg) repeat-x top;
	/* local */
	/* background: #EFEEE5 url(../img/bg_full_local.jpg) repeat-y center; */
	font: 75% Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	height: 100%;
	text-align: center;
	scrollbar-base-color: #D7D4BF;
}

ul {
	margin: 0px;
	padding: 0px;
}
ul li {
	margin: 0px; 
}
div, p, span, ul, a, input  {
	color: #333333;
	padding: 0px;
	margin: 0px;
}
p {
	text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0px;	
}
h1 {
	font-size: 1.25em;
	color: #333333;
	padding-top: 88px;
	text-align: center;
}
h1 a {
	color: #605400;
	text-decoration: none;
}
h1 a:hover {
	color: #A30400;
	text-decoration: none;
}
img {
	border: 0px;
}
form {
	margin: 0px;
}

a {
	color: #A30400;
	text-decoration: none;
}
a:hover {
	color: #A30400;
	text-decoration: underline;
}

hr.cleaner {  
	display: none;
	clear: both;
	height:1px;
}
.spacer {
	clear: both;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}


/* Full */

#full {
	margin: 0 auto;
	background: #FFFFFF url(../img/bg.gif) repeat-y center;
	width: 900px;
	min-height: 100%;
	height: 100%;
	text-align: left;
	position: relative;
	font-size: 1.2em;
	line-height: 140%;
}
body>#full {
 	height: auto;
}
#full .topborder {
	width: 870px;
	height: 15px;
	_height: 20px;
	background-color: #FFFFFF;
	border-bottom: 5px solid #605400;
	margin: 0px 15px 0px 15px;
}

#main {
	width: 850px;
	border-top: 5px solid #FFFFFF;
	margin: 0px 25px 0px 25px;
}

#left {
   float: left;
	width: 200px;
}
.logo {
	width: 200px;
	height: 200px;
	position: relative;
}
.logo h1 a span {  
  display: block;
  background: url(../img/logo.jpg) no-repeat;
  width: 180px;
  height: 45px;
  position: absolute;
  top: 80px;
  left: 10px;
  z-index: 2;
  cursor: pointer;
}
.shadetop {
	background: url(../img/shade_top.jpg) no-repeat right;
	width: 200px;
	height: 200px;
}

#content {
   float: right;
	width: 650px;
}
#content .sidespace {
	margin-left: 5px;
}
#header {
	background: #FFFFFF url(../img/header.jpg) no-repeat;
	width: 645px;
	height: 150px;
}

#footer {
	width: 900px;
	height: 105px;
	clear: both;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
   position: absolute;
}
#footer .downborder {
	width: 870px;
	height: 15px;
	_height: 20px;
	background-color: #FFFFFF;
	border-top: 5px solid #605400;
	margin: 0px 15px 0px 15px;
}

.footerbox {
	width: 850px;
	height: 80px;
	border-bottom: 5px solid #FFFFFF;
	margin: 0px 25px 0px 25px;
}
.footerbox .fleft {   
	float: left;
	width: 200px;
}
.footerbox .fcontent {
	float: right;
	width: 650px;
}
.shadedown {
	background: url(../img/shade_down.jpg) no-repeat right;
	width: 200px;
	height: 80px;
}
.down {
	background: url(../img/bg_footer.jpg) repeat-y bottom;
	width: 645px;
	height: 20px;
	_height: 25px;
	border-bottom: 5px solid #B5D89F;
	margin: 55px 0px 0px 5px;
}
.leafdown {
	background: url(../img/footer_leaf.jpg) no-repeat;
	width: 240px;
	height: 80px;
	top: 0px;
	right: 25px;
	position: absolute;
	margin-left: 5px;
}
.mail {
	color: #333333;
	line-height: 160%;
	padding-left: 20px;
}
.mail a {
	color: #333333;
}
.mail a:hover {
	text-decoration: underline;
}

#area {
	margin: 0px 20px 110px 20px;
}

/* Header */

#header .headbox {	
	padding: 15px 0px 0px 20px;
}

#header #product {
	background: #D7D4BF url(../img/header/header_product.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #necoodreve {
	background: #D7D4BF url(../img/header/header_necoodreve.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #podlahovetopeni {
	background: #D7D4BF url(../img/header/header_podlahovetopeni.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #lakneboolej {
	background: #D7D4BF url(../img/header/header_lakneboolej.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #novinky {
	background: #D7D4BF url(../img/header/header_novinky.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #akce {
	background: #D7D4BF url(../img/header/header_akce.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #profilfirmy {
	background: #D7D4BF url(../img/header/header_profilfirmy.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #kontakt {
	background: #D7D4BF url(../img/header/header_kontakt.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #kestazeni {
	background: #D7D4BF url(../img/header/header_kestazeni.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #dotazy {
	background: #D7D4BF url(../img/header/header_dotazy.jpg) no-repeat;
	width: 600px;
	height: 100px;
}
#header #mapawebu {
	background: #D7D4BF url(../img/header/header_mapawebu.jpg) no-repeat;
	width: 600px;
	height: 100px;
}

/* Menu */

.menuprimary {
	color: #333333;
	width: 200px;
	/* padding-bottom: 110px; bez banneru (lexikon) */
	padding-bottom: 50px;
}
.menuprimary ul {
	list-style: none;
	background-color: #FFFFFF;
	width: 195px;
	padding: 5px 0px 5px 0px;
}
.menuprimary ul li {
	font-weight: bold;
	line-height: 230%;
	cursor: default;
}
.menuprimary ul li a, .menuprimary ul li a:link, .menuprimary ul li a:visited  { 
	color: #333333;
	display: block;	
	background: #FFFFFF url(../img/bg_mn.jpg) repeat-y;
	height: 25px;
	_height: 29px;
	padding-left: 15px;
	border-top: 1px solid #FFFFFF;	
	border-bottom: 3px solid #6BB13D;		
}
.menuprimary ul li a:hover, .menuprimary ul .active { 
	color: #605400;
	background: #FFFFFF url(../img/bg_mn_o.jpg) repeat-y;
	border-top: 1px solid #FFFFFF;
	border-bottom: 3px solid #605400;
	text-decoration: none;
	padding-left: 15px;
}
.menuprimary ul .active a, .menuprimary ul .active a:link, .menuprimary ul .active a:visited, .menuprimary ul .active a:hover { 
	color: #605400;
	background: none;
	height: 25px;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #605400;
	text-decoration: none;
	padding-left: 0px;
}

.menuprimary .arrowwood { 
	width: 8px;
	height: 4px;
	margin-left: 89px;
	margin-top: 13px;
}
.menuprimary .arrowproduct { 
	width: 8px;
	height: 4px;
	margin-left: 59px;
	margin-top: 13px;
}


.menuprimary ul ul {
	list-style: none;
	padding: 0px;
	border-bottom: 3px solid #6BB13D;
}
.menuprimary ul ul li {
	font-weight: normal;
	line-height: 200%;
}
.menuprimary ul ul li a, .menuprimary ul ul li a:link, .menuprimary ul ul li a:visited {	
	background: #DAEBCF none;
	border-top: 0px;
	border-bottom: 1px solid #B5D89F;
	height: 20px;
	_height: 19px;
	padding-left: 30px;
}
.menuprimary ul ul li a:hover, .menuprimary ul ul .active {	
	background: #B5D89F none;
	color: #333333;		
	border-top: 0px;
	border-bottom: 1px solid #90C56E;
	height: 20px;
	padding-left: 30px;
	text-decoration: none;
}
.menuprimary ul ul .active a, .menuprimary ul ul .active a:link, .menuprimary ul ul .active a:visited, .menuprimary ul ul .active a:hover { 
	color: #333333;
	height: 20px;		
}


.menusecondary {
	width: 645px;
	height: 35px;
	color: #605400;
}
.menusecondary ul {
	list-style: none;
	float: right;
	width: 645px;
	height: 25px;
	margin-top: 10px;
}
.menusecondary ul li {
	float: left;
	background: url(../img/dotted_ver.gif) no-repeat top left;
}
.menusecondary a, .menusecondary a:link, .menusecondary a:visited  { 
	color: #605400;	
	display: block;
	width: 85px;
	_width: 100px;
	height: 20px;
	_height: 25px;
	padding-left: 15px;	
	border-bottom: 5px solid #6BB13D;
	line-height: 200%;
}
.menusecondary a:hover, .menusecondary .active {
	text-decoration: none;	
	border-bottom: 5px solid #605400;
}
.menusecondary .space {
	background: none;
	width: 45px;
	height: 20px;
	_height: 26px;
	border-bottom: 5px solid #6BB13D;
}
.menusecondary .active {
	color: #A30400;
	width: 85px;
	_width: 100px;
	height: 20px;
	_height: 25px;
	padding-left: 15px;	
	border-bottom: 5px solid #A30400;
	line-height: 200%;
	display: block;
	cursor: default;
}

.pagemenu {
	line-height: 160%;
}

.pagemenu ul {
	list-style-type: none;
}
.pagemenu ul li a {
	background: url(../content/arrow_brown.gif) no-repeat top left;
	padding-left: 21px;
}
.pagemenu ul li a:hover {
	background: url(../content/arrow_red.gif) no-repeat top left;
	padding-left: 21px;
}
.pagemenu ul .pagemenusub {
	list-style-type: none;
	padding: 10px 0px 10px 0px;
}
.pagemenu ul .pagemenusub li {
	margin-left: 25px;
}
.pagemenu a, .pagemenu a:link, .pagemenu a:visited  { 
	color: #605400;
}
.pagemenu a:hover { 	
	color: #605400;
	text-decoration: underline;
}
.pagemenu .active {		
	background: url(../content/arrow_red.gif) no-repeat top left;
	padding-left: 21px;
	color: #605400;
	/* color: #A30400; RED */
	font-weight: bold;
	display: block;
	cursor: default;
}
.pagemenu .action a {		
	color: #A30400;
	font-weight: bold;
}
.pagemenu .action a:hover {		
	color: #A30400;
	font-weight: bold;
}

.pagemenu .leaficon {
	height: 12px;
	width: 12px;
	margin-left: 10px;	
	border: 0px;
	margin-right: 0px;
}
.pagemenu .leaficonlong {
	height: 12px;
	width: 12px;
	margin-left: 3px;	
	border: 0px;
	margin-right: 0px;
}
.pagemenu .leaficonno {
	height: 12px;
	width: 12px;
	margin-left: 0px;	
	border: 0px;
	margin-right: 0px;
}