﻿

/* ONLY FOR TESTING SECTION /
div
{
	border: red 1px solid;
}
.left-menu{
	border: blue thin solid;
}
/* END OF ONLY FOR TESTING SECTION */
body {
	margin: 0;
	padding: 0;
	position: relative;
	font-family: "Tahoma", "Verdana CE", Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	background: #191c1d url("../Images/background.gif") repeat-x;
}
.page
{
	margin: 0 auto; 
	width: 975px;
}
.error
{
	color: Yellow;
}
.content
{
	width: 561px;
	margin: 0px auto 0px auto;
	background: #3a3a3a;
}
.content-header
{
	background: url("../Images/content-header.png");
	height: 49px;
	line-height: 32px;
	padding: 0px 10px;
}
.content-body
{
	padding: 0px 7px 15px 20px;
	margin: 0px;
	min-height: 65px;
}
.content-footer 
{
	
}/*************** TODO ******************/
.content-wide
{
	width: 760px;
	margin: 7px 0px 0px 205px;
	background: #3a3a3a;
}
.content-wide-header
{
	background: url("../Images/content-wide-header.png");
	height: 49px;
	line-height: 32px;
	padding: 0px 10px;
}
.content-wide-body
{
	padding: 7px 17px 20px 7px;
}
.content-wide-footer 
{
	
} /*************** TODO ******************/


.akce-top-cz, .akce-top-en, .akce-top-sk, .box-top
{
	margin-top: 10px;
	background: url("../Images/box-top.png") no-repeat;
	width: 190px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	color: #b9e100;
	font-weight: bold;
}
.akce-top-cz
{
	background: url("../Images/box-top-akce-cz.png") no-repeat;
}
.akce-top-en
{
	background: url("../Images/box-top-akce-en.png") no-repeat;
}
.akce-top-sk
{
	background: url("../Images/box-top-akce-sk.png") no-repeat;
}
/*.akce
{
	background: url("../Images/box-middle-bg.png") repeat-x;
}*/
.right-menu
{
	float: right;
	width: 190px;
	margin-right: 10px;
	background: url("") repeat-x 0px 30px;
}
.left-menu
{
	float: left;
	width: 190px;
	margin-left: 7px;
}
.kosik-cz, .kosik-en, .kosik-sk
{
	position: relative;
	width: 190px;
	height: 129px;
}
.kosik-cz
{
		background: url("../Images/box-kosik-cz.png") no-repeat;
}
.kosik-en
{
		background: url("../Images/box-kosik-en.png") no-repeat;
}
.kosik-sk
{
		background: url("../Images/box-kosik-sk.png") no-repeat;
}
.box-dekorace-cz, .box-dekorace-en, .box-dekorace-sk
{
	margin-top: 3px;
	padding: 0px;
}
.box-dekorace-cz
{
	background: url("../Images/box-top-dekorace-cz.png") #1c1c1c no-repeat;
}
.box-dekorace-en
{
	background: url("../Images/box-top-dekorace-en.png") #1c1c1c no-repeat;
}
.box-dekorace-sk
{
	background: url("../Images/box-top-dekorace-sk.png") #1c1c1c no-repeat;
}

.box-nabytek-cz
{
	background: url("../Images/box-top-nabytek-cz.png") #1c1c1c no-repeat;
	padding: 0px;
}
.box-nabytek-en
{
	background: url("../Images/box-top-nabytek-en.png") #1c1c1c no-repeat;
	padding: 0px;
}
.box-nabytek-sk
{
	background: url("../Images/box-top-nabytek-sk.png") #1c1c1c no-repeat;
	padding: 0px;
}

.box-sestavy-cz
{
	background: url("../Images/box-top-sestavy-cz.png") #1c1c1c no-repeat;
}
.box-sestavy-en
{
	background: url("../Images/box-top-sestavy-en.png") #1c1c1c no-repeat;
}
.box-sestavy-sk
{
	background: url("../Images/box-top-sestavy-sk.png") #1c1c1c no-repeat;
}

.box-barevne-varianty-cz
{
	background: url("../Images/box-top-barevne-varianty-cz.png") #1c1c1c no-repeat;
}
.box-barevne-varianty-en
{
	background: url("../Images/box-top-barevne-varianty-en.png") #1c1c1c no-repeat;
}
.box-barevne-varianty-sk
{
	background: url("../Images/box-top-barevne-varianty-sk.png") #1c1c1c no-repeat;
}

.box-title-link-nabytek-cz, .box-title-link-nabytek-en, .box-title-link-nabytek-sk,
.box-title-link-dekorace-cz, .box-title-link-dekorace-en, .box-title-link-dekorace-sk
{
	display: block;
	position: relative;
	margin-bottom: 5px;
	width: 190px;
	height: 33px;
}
.box-title-link-nabytek-cz
{
	background: url("../Images/box-top-nabytek-cz.png") no-repeat;
}
.box-title-link-nabytek-en
{
	background: url("../Images/box-top-nabytek-en.png") no-repeat;
}
.box-title-link-nabytek-sk
{
	background: url("../Images/box-top-nabytek-sk.png") no-repeat;
}
.box-title-link-dekorace-cz
{
	background: url("../Images/box-top-dekorace-cz.png") no-repeat;
}
.box-title-link-dekorace-en
{
	background: url("../Images/box-top-dekorace-en.png") no-repeat;
}
.box-title-link-dekorace-sk
{
	background: url("../Images/box-top-dekorace-sk.png") no-repeat;
}
.box-nabytek-middle, .box-dekorace-middle
{
	 padding: 0px 10px 10px 17px;
}
.box-middle 
{
	background: url("../Images/box-middle-bg.png") #1c1c1c repeat-x;
	padding-left: 20px;
}
.box-bottom
{
	background: url("../Images/box-bottom.png");
	height: 3px;
	margin-bottom: 10px;
}
.banner
{
	position: relative;
	height: 205px;
	background: url("../Images/banner-main.jpg") no-repeat;
	margin-bottom: 0px;
	padding-top: 8px;
}
.banner-button 
{
	display: block;
	margin: 2px 0px 0px 775px;
	width: 191px;
	height: 62px;
}
.banner-button-user-account-cz
{
	background: url("../Images/button-muj-ucet-cz.png");
}
.banner-button-user-account-en
{
	background: url("../Images/button-muj-ucet-en.png");
}
.banner-button-user-account-sk
{
	background: url("../Images/button-muj-ucet-sk.png");
}
.banner-button-download
{
	background: url("../Images/button-download.png");
}
.banner-button-contact-cz
{
	background: url("../Images/button-kontakt-cz.png");
}
.banner-button-contact-en
{
	background: url("../Images/button-kontakt-en.png");
}
.banner-button-contact-sk
{
	background: url("../Images/button-kontakt-sk.png");
}
.banner-button-home
{
	display: block;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 200px;
	height: 200px;
}
h1, h2, h3, h4, h5, .cena
{
	color: #b9e100; /* green */
}
.green
{
	color: #b9e100; /* green */
}
tr.cena td
{
	padding-top: 1em;
}
h3
{
	margin-bottom: 1.3em;
}
textarea
{
	overflow: auto;
}
div.content .itext, div.content-wide .itext
{
	background: #1c1c1c;
	border: solid 1px #484848;
	color: White;
}
.numeric
{
	width: 60px;
}
div.content input.button, div.content-wide input.button, .button-green-wide
{
	background: url("../Images/button-green-wide.png");
	width: 140px;
	height: 21px;
	border: none;
	margin-top: 8px;
	font-weight: bold;
	color: Black;
}
div.top input
{
	background-color: black;
	border: Gray 1px solid;
	color: Gray;
	width: 100px;
}
a
{
	color: White;
}
/* sections */
.top
{
	position: relative;
	height: 55px;
}
.search
{
	position: absolute;
	left: 10px;
	top: 5px;
}
.login
{
	position: absolute;
	right: 100px;
	top: 8px;
}
.language 
{
	position: absolute;
	right: 5px;
	top: 5px;
}
.alignright {
	float: right;
	margin-right: 5px;
}

.alignleft {
	float: left;
	margin-right: 5px;
}
.button-green 
{
	margin: 0px 5px;
	width: 80px;
	height: 21px;
	color: Black;
	background: url("../Images/button-green.png");
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	line-height: 21px;
}
.button-black
{
	position: relative;
	padding: 0px 4px;
	display: inline-block;
	height: 21px;
	background: url("../Images/button-black-middle.png") repeat-x;
}
.button-black-left
{
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	background: url("../Images/button-black-left.png") no-repeat;
	width: 3px;
	height: 21px;
}
.button-black-right
{
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	background: url("../Images/button-black-right.png") no-repeat;
	width: 3px;
	height: 21px;
}
.button-black-middle
{
	line-height: 21px;
	text-decoration: none;
}
.button-zobrazit-kosik
{
	position: absolute;
	right: 15px;
	bottom: 10px;
}
.kosik-info
{
	position: absolute;
	left: 8px;
	top: 45px;
}
.footer 
{
	clear: both;
	padding: 5px 5px 3px 15px;
	text-align: center;
}
.separator
{
	float: right;
	width: 745px;
	margin-bottom: 100px;
}
.vertical-separator
{
	display: inline-block;
	width: 10px;
}
.nomargin
{
	margin: 0px;
}
.leftpadding
{
	padding-left: 2em;
}
table.grid td, th
{
	padding: 2px;
}
.produkt-obrazek
{
	float: left;
	width: 130px;
	height: 88px;
	padding-right: 7px;
}
.right-menu .produkt-obrazek,
.barevne-varianty .produkt-obrazek
{
	float: none;
}
div.typbox
{
	margin-left: 133px;
}
.skupinawin {
	/*float:left;*/
	font-size:12px;
}
.paletaskupin {
	/*float:left;*/
	padding-right:auto;
	padding-left:10px;
}
.skupina, .skupinaKontejnery {
	float: left;
	width: 190px;
	height: 150px;
	margin-left: 30px;
	margin-top: 5px;
	margin-right:7px;
}
.skupinaKontejnery
{
	height: 165px;
}
.skupina .popisekbox {
	text-align: center;
}
div.koupit a, div.detail a, div.cena a, .button-gray
{
	display: inline-block;
	width: 70px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: url("../Images/button-gray.png");
	text-decoration: none;
	font-weight: bold;
	margin: 2px 0px;
}
.barevne-varianty .produkt div.koupit, 
.barevne-varianty .produkt div.detail,
.right-menu div.koupit,
.right-menu div.detail
{
	display: inline;
	margin-right: 4px;
}
.button-gray
{
	display: inline;
}
div.koupit
{
	margin-top: 3px;
}
div.koupit a
{
	background: url("../Images/button-green-small.png");
	color: Black;
}
.produkt {
	float: left;
	width: 235px;
	margin: 0px 7px 5px 6px;
	padding-bottom: 10px;
}
.detailProduktu
{
	margin: 20px 0px 0px 0px;
}
.popis
{
	color: #999999; /*gray*/
}
.barevne-varianty .produkt, 
.right-menu .produkt
{
	width: 155px;
}

.obrazky
{
	float: left;
	margin-top: 20px;
}
.obrazky td
{
	padding-right: 35px;
	padding-bottom: 25px;
}
.barevne-varianty
{
	float: left;
	margin-top: 25px;
}
.potahy td, .potahy table, .potahy tr, .potahy th,
.sestavy td, .sestavy table, .sestavy tr, .sestavy th
{
	border: none 0px;
}
.sestavy
{
	margin-top: 17px;
	float: left;
	width: 100%;
}
.sestavy td
{
	width: 33%;
}
.potahy
{
	margin-top: 27px;
	float: left;
	width: 100%;
}
.potahy h3
{
	margin-bottom: 1em;
}
.sestava
{
	text-align: center;
	margin: 10px 0px 5px 0px;
}
.potah
{
	width: 150px;
	text-align: center;
	margin: 5px 10px;
	line-height: 1.7em;
}
.sestava .produkt-obrazek,
.potah .produkt-obrazek
{
	float: none;
}

.floatend
{
	margin-bottom: 10px;
}
.skladembox
{
	margin-top: 10px;
}
.table td 
{
	padding: 2px;
}
.leftmargin1em
{
	margin-left: 1em;
}
.padding1em
{
	padding: 1em;
}
.bottompadding1em
{
	padding-bottom: 1em !important;
}
.linka
{
	color: #b9e100; /* green */
	height: 1px;
}
.boxLevy img
{
	margin-right: 10px;
}
.buttons
{
	padding: 10px 0px;
}
.link-simple
{
	text-decoration: none;
}
.link-simple:hover
{
	text-decoration: underline;
}
/* ********************* TreeView ********************** 
color: #bfbfbf;
	color: #989898;
*/
.AspNet-TreeView {
    margin: 5px 0 0;
    padding: 0 0 50px 10px;
}
.AspNet-TreeView ul {
    margin: 0;
    padding: 0;
	font-weight: bold;
	font-size: 9pt;
}
.AspNet-TreeView ul ul
{
	font-weight: normal;
	font-size: 8pt;
}
.AspNet-TreeView-Root
{
	line-height:17px;
}
li.AspNet-TreeView-Parent span {
	background-image: url('arrow.gif');
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
.AspNet-TreeView-Root a {
	text-decoration: none;
}
.AspNet-TreeView-Root a:hover {
	text-decoration: underline;
}
.AspNet-TreeView-Leaf {
	/*margin-left: 5px;*/
	background-image: none;
}
.AspNet-TreeView-Root ul li
{
	list-style: url("../Images/list-dot.png");
	margin-left: 15px;
}
.AspNet-TreeView-Root ul li.AspNet-TreeView-Selected
{
	list-style: url("../Images/list-dot-selected.png");
}
li.AspNet-TreeView-Root
{
	list-style-image: none;
	list-style: none;
}
.AspNet-TreeView-Expand, .AspNet-TreeView-Collapse
{
	display: none;
}

.AspNet-TreeView-Root a
{
	color: #989898;
}
.AspNet-TreeView-Root > a
{
	color: #bfbfbf;
}
.AspNet-TreeView-Selected a {
	color: #b9e100;
}

.AspNet-TreeView-Selected li a 
{
	color: #989898;
}