/* layout */
.cervena {
	color: #990000;
}
.zluta {
	color: #CC9D14;
}
.zelena {
	color: #788D12;
}

body, div, p, form, img {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-family: sans-serif;
  font-size: 12px;
  background: #fff url("images/bg01.png") repeat-x left top;
}
a {
  color: #6699cc;
}
a:hover {
  color: #990000;
}
input, textarea {
  background: #e6e6e6;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 2px 3px;
  margin: 1px;
  color: #222;
}
input:focus, textarea:focus {
  background: #fff;
}
hr {
  border: 0;
  color: none;
  height: 0;
  border-top: 1px solid #ccc;
  clear: both;
}
h1 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #990000;
  font-size: 20px;
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #ccc;
}
h2 {
  font-size: 16px;
}
#bg01 {
  background: url("images/bg08.png") repeat-y center top;
}
#bg02 {
  background: url("images/bg02.png") no-repeat center top;
}
#page {
  background-color: #fff;
  width: 1000px;
  margin: 0 auto;
}
#header {
  padding: 0 25px;
}
#login {
  width: 163px;
  padding-top: 25px;
  float: right;
}
#login label {
  display: block;
  float: left;
  clear: left;
  width:45px;
  line-height: 20px;
}
#login input {
  padding: 1px;
}
#login .box {
  height: 200px;
}
#kosik {
  border-top: 1px solid #ccc;
  padding: 10px;
  background: url("images/ico_kosik.png") no-repeat right center;    
}
#top-menu {
  height: 21px;
  padding: 30px 0 0 10px;
  line-height: 21px;
  color: #ccc;
  border-bottom: 1px solid #ccc;
}
#top-menu a {
  color: #ccc;
  padding: 0 10px;
  text-transform: uppercase;
  text-decoration: none;
}
#top-menu a:hover {
  color: #666;
  text-decoration: underline;
}
#logo {
  display: block;
  height: 130px;
  background: url("images/bg03.png") no-repeat left top;  
}
#logo span {
  display: none;
}
#header-contacts {
  float: left;
  width: 200px;
  padding: 10px;
  background: url("images/bg06.png") repeat-y left top;  
}
#header-contacts strong {
  display: block;
  padding-top: 5px;
  font-weight: normal;
  color: #6699cc;
}
#header-menu {
  float: left;
  width: 200px;
  height: 148px; 
}
#header-gauc {
  float: left;
  width: 334px;
  height: 148px;
  position: relative;
  top: -30px;
  background: url("images/bg04.jpg") no-repeat left top;  
}
#menu {
  clear: both;
  border-top: 1px solid #ccc;
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
  height: 24px;
}
#menu ul {
  margin: 0; padding: 0;
  list-style-type: none;
}
#menu ul li {
  margin: 0; padding: 0;
  float: left;
}
#menu ul li a {
  display: none;
}
#menu ul ul li a {
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  margin-right: 4px;
  background-color: #efefef;
  color: #666;
  text-decoration: none;
}
#menu ul li a:hover, #menu ul li a.selected {
  color: #fff;
  background-color: #990000;
}
#menu ul ul li ul {
  display: none;
  position: absolute;
  margin-top: 24px;
}
#menu ul ul li:hover ul {
  display: block;
}

#content {
  clear: both;
  padding: 25px 25px 0 25px;
}

#content p {
  padding: 5px 0 5px 0;
}
#left-bar {
  width: 163px;
  float: left;
}
#left-bar #katalog .content {
  padding: 0;
  border: 0;
}
#right-bar {
  width: 163px;
  float: right;
}
#main-bar {
  width: 600px;
  float: right;
}
#main-bar .bar-content {
  padding: 0 25px 25px 0;
}
#content.noright #main-bar {
  width: 763px;
}
#content.noright #main-bar .bar-content {
  padding: 0 0 25px 0;
}

.box {
  width: 163px;
}
.box h2 {
  margin: 0;
  padding: 0 10px 0 33px;
  line-height: 27px;
  height: 27px;
  color: #fff;
  font-size: 110%;
  font-weight: normal;
  text-transform: uppercase;
  background: url("images/headline-black.png") no-repeat left top;
}
.box h2 a {
  color: #fff;
  text-decoration:none;
}
.box h2 a:hover {
  text-decoration:underline;
}
.box h2.red {
  background-image: url("images/headline-red.png");
}
.box h2.yellow {
  background-image: url("images/headline-yellow.png");
}
.box h2.green {
  background-image: url("images/headline-green.png");
}
.box h2.blue {
  background-image: url("images/headline-blue.png");
}
.box .content {
  padding: 10px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
}
.box .footer {
  height: 21px;
  background: url("images/bg05.jpg") no-repeat left top;
}
#footer {
  clear: both;
  color: #999;
  border-top: 1px solid #ccc;
  background: #ccc url("images/bg07.png") repeat-x left top;
  padding: 20px 25px 40px 0;
  text-align: right;
}
#footer a {
  text-decoration: none;
  color: #999;
}
#footer a:hover {
  text-decoration: underline;
  color: #666;
}
.cleaner {
  clear: both;
}
/*----------------------------------------------------------------------*/

.text_ok		{   font-weight: bold; color:#4F9C06; }
.text_error		{   font-weight: bold; color: #c00; }
.text_vystraha	{   color: #AF2222; }
/*----------------------------------------------------------------------*/
.table_light    {   margin-top: 10px;
                    margin-bottom: 10px;
                    border-collapse: collapse;
                    }
.table_light td    {    padding: 3px 5px;
                        vertical-align:top;
                    }
.table_light .headline     {
                    color: #fff;
		    background: #666666;
                    font-size: 100%;
                    font-style: normal;
                    font-weight: bold;
                    text-align: left;
                    }
.table_light .headline td {
                    padding: 5px;
                    }
.table_light .line1    { background-color: #f8f8f8; }
.table_light .line2    { background-color: #ffffff; }
/*----------------------------------------------------------------------*/
.table_dialog   {   margin-top: 10px;
                    margin-bottom: 10px;
                    border-collapse: collapse;
		    background: #f8f8f8;
                }
.table_dialog thead td {
                    color: #fff;
		    background: #666666;
                    font-style: normal;
                    font-weight: bold;
                    padding: 5px;
                    }
.table_dialog tbody td {
                    padding: 5px;
                    vertical-align: top;
                    }
/*----------------------------------------------------------------------*/
.table_mini   {     width: 100%;
                    margin: 0 0 10px 0;
                    padding: 0;
                    border-collapse: collapse;
                    background-color: #F0F0F0;
                    border: 1px solid #000;
                    }
.table_mini thead td {
                    color: #000;
                    font-size: 90%;
                    font-weight: bold;
                    padding: 2px 4px;
		    background: url("images/headline02.gif") repeat-x top left;

                    }
.table_mini tbody td {
                    padding: 4px;
                    }
/*----------------------------------------------------------------------*/
.button {
	width: auto;
	border-right: 1px solid #afa59c;
	border-bottom: 1px solid #afa59c;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	cursor: pointer;
	padding: 3px 2px;
}
.button:hover {
	background: #fff;
}
/*------------------------------------------------- eshop menu */
.module_eshop_menu {
		padding: 0px;
                }
.module_eshop_menu ul {
                margin: 0; padding: 0;
                list-style: none;
               }
.module_eshop_menu ul li {
                margin: 0; padding: 0;
                display: block;
                }
.module_eshop_menu ul li.no_show {
		display: none;
}
.module_eshop_menu a {
                display: block;
                margin: 0; padding: 0;
		color: #666;
                line-height: 23px;
		height: 23px;
                text-decoration: none;
		border-bottom: 1px solid #ccc;
		padding: 0 10px;
                background-color: #fff;
		font-size: 90%;
		overflow: hidden;
                }
.module_eshop_menu a:hover {
		color: #900;
		background-color: #f8f8f8;
                }
.module_eshop_menu a.selected {
                font-weight: bold;
		color: #900;
		background-color: #f8f8f8;
                }
.module_eshop_menu a.submenu {
		background-image: url('images/menu01.png');
		background-position: right center;
		background-repeat: no-repeat;
                }
.module_eshop_menu a.selected.submenu {
		background-image: url('images/menu02.png');
}
.xmodule_eshop_menu li.submenu li a {
		background:  url('images/menu04.gif') no-repeat 25px center;
}
.xmodule_eshop_menu li.submenu li a.selected {
		background:  #fff url('images/menu04.gif') no-repeat 25px center;
}
.module_eshop_menu ul li ul li a {
	                padding: 0 0 0 35px;
                }
.module_eshop_menu ul li ul li ul li a {
                padding: 0 0 0 45px;
}
.module_eshop_menu ul li ul li ul li ul li a {
                padding: 0 0 0 55px;
}
.module_eshop_menu ul li ul li ul li ul li ul li a {
                padding: 0 0 0 65px;
}
/* ------------------------------------ */

.zbozi {
    float: left;
    width: 239px;
    height: 187px;
    margin: 0 0 7px 0;
    border-bottom: 1px solid #ccc;
}
.zbozi-border {
    float: left;
    height: 180px;
    width: 1px;
    padding: 0 7px 0 0;
    margin: 0 0 0 7px;
    border-left: 1px solid #ccc;
}
.zbozi .nadpis {
    display: block;
    font-weight: bold;
}
.zbozi .image {
	float: left;
	height: 120px;
	width: 120px;
	padding-top: 5px;
	overflow: hidden;
	text-align: center;
}
.zbozi .info {
	float: right;	
	width: 110px;
	height: 110px;
	padding-top: 10px;
}
.zbozi .bottom {
	height: 24px;
	line-height: 23px;
	clear: both;	
}
.zbozi .bottom img {
	position: relative;
	top: 2px;
}
/* --------------------------- */
.toolbar {
	clear: both;
	background: #f2f0e5;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}
.center {
	text-align: center;
}
.cena {
	font-size: 120%;
	color: #990000;
}
.cleaner {
	clear: both;
}
/* --------------------------- */
.krok {
	background: url('css/custom-theme/images/ui-bg_inset-soft_95_fef1ec_1x100.png') repeat-x left center;
	font-weight: bold;
	color: #555;
	padding: 5px;
	border: 1px solid #c9c9c9;
}
.kroky {
	padding: 2px;
	border: 1px solid #c9c9c9;
}
.krokobsah {
	padding: 5px;
}
.potah {
	float: left;
	margin: 0 10px 0 0;
}
/* --------------------------- */
.ktginfo {
	padding: 10px 10px 10px 35px;
	color: #555;
	font-size: 100%;
	background: #F2F0E5 url('images/ico_info2.png') no-repeat 5px center;
	margin-bottom: 5px;
}
#search {
	float: right;
}
#search .button {
	padding: 0;
}

.pages a {
	border: 1px solid #bbb;
	padding: 2px 5px;
	background: #fff;
}

.pages a:hover, .pages strong a { 
	background: #d2d0c5;
}