/* layout */
#main {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: #FECB00;
}
#top {
    background: #E47200 url("images/bg1.jpg") no-repeat center top;
    height: 40px;
}
#logo {
	position: absolute;
	display: block;
	float: left;
	width: 124px;
	height: 68px;
	margin: 7px 0 0 5px;
	padding: 0;
}
#logo span {
	display: none;
}
#hledani {
	float: right;
	width: 198px;
	height: 30px;
	padding-top: 10px;
}
#hledani .query {
	width: 109px;
	line-height: 18px;
	padding: 2px;
	margin: 0;
	margin-left: 10px;
}
#hledani .button, .login .button {
	width: 13px;
	height: 13px;
	background: url("images/hledani.gif") no-repeat left top;
	padding: 0;
	margin: 0;
	border: 0;
	margin-left: 10px;
	cursor: pointer;
}
#hledani .button span {
	display: none;
}
#header {
	clear: both;
	background: url("images/head02.jpg") no-repeat top left;
	height: 202px;
	margin: 0; padding: 0;
}
#header {
	color: #fff;
}
#header .hmenu {
	clear: right;
}
#header .hmenu a {
	display: block;
	float: right;
	padding: 5px 5px;
	margin: 0 10px 0 0;
	background: #f8871a;
	color: #fff;
	text-decoration: none;
}
#header .hmenu a:hover {
	background: #ffa73a;
}
.login input {
	width: 110px;
}
#header .login {
	float: right;
	width: 176px;
	height: 100px;
	margin-top: 70px;
}
#header .login2 {
	float: right;
	height: 60px;
	line-height: 25px;
	margin-top: 110px;
	padding-right: 10px;
	text-align: right;
}

#header label {
	display: block;
	width: 50px;
	float: left;
	clear: both;
	margin-top: 2px;
}
#header input {
	width: 110px;
	margin: 0;
	margin-top: 2px;
}
#header .button {
	margin-top: 3px;
	width: 60px;
}
#main.homepage #header {
	height: 772px;
}
#header .link_home {
	float:left;
	display: block;
	height: 202px;
	width: 600px;
}
#header .link_home span {
	display: none;
}
/*----------------------------------------------------------------------------*/
#header-menu {
  height: 120px;
  background: url("images/bg2.jpg") no-repeat left top;
  padding-left: 30px;
}
#header-menu a {
  display: block;
  float: left;
  height: 120px;
}
#header-menu a span {
  display: none;
}
#header-menu a.a1 {
  width: 230px;
}
#header-menu a.a1:hover {
  background: url("images/bg2h.jpg") no-repeat -30px top;
}
#header-menu a.a2 {
  width: 395px;
}
#header-menu a.a2:hover {
  background: url("images/bg2h.jpg") no-repeat -260px top;
}
#header-menu a.a3 {
  width: 165px;
}
#header-menu a.a3:hover {
  background: url("images/bg2h.jpg") no-repeat -655px top;
}
#header-menu a.a4 {
  width: 320px;
}
#header-menu a.a4:hover {
  background: url("images/bg2h.jpg") no-repeat -820px top;
}

/*----------------------------------------------------------------------------*/
#login {
}
/*----------------------------------------------------------------------------*/
#menu {
	position: relative;
	float: left;
	padding-left: 90px;
}
.udm {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.udm li {
	display: block;
	float: left;
}
.udm li a {
	display: block;
	float: left;
	height: 20px;
	color: #fff1e9;
	text-decoration: none;
	padding: 10px 25px 0 25px;
	z-index: 10;
	position: relative;
	cursor: pointer;
	background: url("images/hvezda.gif") no-repeat 15px center;
}
.udm li.back {
	background: #AA3106;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
}
.udm li a:hover, .udm li a:active, .udm li a:visited {
	border: none;
}   
.udm li a:hover {
	text-decoration: underline;
}   
/*----------------------------------------------------------------------------*/
#content {
    clear: both;
    height: 772px;
    background: url("images/pozadi2.jpg") no-repeat top left;
    text-align: center;
}
#main.eshop #content {
    background-image: url("images/pozadi1.jpg");
}
#main.hry #content {
    background-image: url("images/pozadi3.jpg");
}
#main.flash #content {
    background-image: url("images/pozadi4.jpg");
}
#maincontent {
    text-align: left;
    width: 910px;
    margin: 0 auto;
}
/*----------------------------------------------------------------------------*/
#history {
    color: #8f7261;
    line-height: 50px;
    height: 50px;
    padding-left: 15px;
}
#history a {
    color: #8f7261;
}
#main.homepage #history {
    display: none;
}
#main.fullscreen #sidebar {
    display: none;
}
#sidebar {
    clear: both;
    float: left;
    width: 210px;
    margin: 0; padding: 50px 0 20px 0;
}
#sidebar .content {
	margin: 0;
	padding: 5px 15px;
}
#sidebar input {
	padding: 1px;
	margin: 1px;
}
#sidebar label {
	display: block;
	float: left;
	width: 40px;
}

#sidebar h2 {
	font-size: 130%;
	font-family: serif;
	color: #fff;
	background: url("images/headline1.gif") no-repeat top left;
	padding-left: 15px;
	height: 42px;
	line-height: 42px;
}
#sidebar h2.kosik {
	background: url("images/headline2.gif") no-repeat top left;
}
#sidebar h2.katalog {
	background: url("images/headline3.gif") no-repeat top left;
}
#sidebar h2 a {
	color: #fff;
	text-decoration: none;
}
#sidebar h2 a:hover {
	color: #ccc;
	text-decoration: underline;
}

#mainbar {
    float: right;
    width: 580px;
    height: 410px;
    overflow: auto;
    margin: 20px 5px 0 0; padding: 0 0 0 0;
}
#main.eshop #mainbar {
    width: 675px;
}
#main.flash #mainbar {
    width: 860px;
    height: 460px;
    margin: 190px 20px 0 0;
    overflow: hidden;
}
#main.flash #mainbar #mainbar-content {
    padding: 0;
}
#main.fullscreen #mainbar {
    width: 1030px;
    padding: 15px;
}

#mainbar-content {
    padding: 10px 10px 10px 0;
}

#footer {
    color: #c86f06;
    clear: both;
    font-size: 90%;
    background: #FECB00 url('images/bg3.jpg') left top;
    padding: 35px 140px 0 140px;
    line-height: 20px;
    height: 82px;
}
#main.homepage #footer {
    background: #FECB00;
    padding: 35px 60px 0 60px;
}
#footer p {
    margin: 0;
    padding: 0;
}

#footer_menu {
    float: right;
    text-align: right;
}
#footer_menu a.external_link {
    padding: 0 15px 0 5px;
}
#footer_menu img {
      position: relative;
      top: 2px;
}
#footer .content {
    position:relative;
    top: -50px;
}
#main.homepage #footer .content {
    top: 0;
}
/*------------------------------------------------- */
.cena-puvodni {
    color: #666;
	text-decoration: line-through;
}
.dph {
    font-size: 80%;
}
/*-------------------------------------------------*/
a			    { color: #a84f00;  }
a:hover         { color: #e88f26; }
a.external_link {
	padding-right: 13px;
	background: url("images/external_link.png") no-repeat center right;
}

body {
	background: #000;
	color: #260d00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin:0; padding:0;
	text-align: center;
}

input, select	{
					font-size: 90%;
                }
input {
	background: #d9cbb8;
	border-top: 1px solid #afa59c;
	border-left: 1px solid #afa59c;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px 3px;
	color: #222;
}
input:focus {
	background: #fff;
}
img             {	margin:0; padding:0;
			        border:0;

                }
td              {   vertical-align: top;
                }
form			{   margin: 0;
 			        padding: 0; }
h1 {
	color: #fff;
	font-size: 200%;
	font-family: serif;
	font-weight: bold;
	margin: 0;
	padding: 158px 0 0 250px;
	line-height: 60px;
}
h2              {
		    color: #bb0006;
                    font-size: 120%;
                    font-weight: bold;
                    margin-top: 2px;
                    margin-bottom: 5px;
                }
h2 a              {
		    color: #bb0006;
}
h2.headline              {
					color: #bb0006;
				      font-size: 170%;
					font-weight: normal;
					margin: 0;
                    padding: 0;
					line-height: 30px;
                }
h3              {
					color: #bb0006;
                    font-size: 110%;
                    font-weight: bold;
                    margin-top: 2px;
                    margin-bottom: 2px;
                }
p               {
                }
hr              {
		    clear: both;
                    height:0;
                    border: 0;
                    border-top:1px solid #EFA300;
}
hr.cleaner {
                    border: 0;
}
/*----------------------------------------------------------------------*/
.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-left: 5px;
                        vertical-align:top;
                    }
.table_light .headline     {
                    color: #fff;
		    background: #3E0800;
                    font-size: 90%;
                    font-style: normal;
                    font-weight: bold;
                    text-align: left;
                    }
.table_light .headline td {
                    padding: 3px;
                    }
.table_light .line1    { background-color: #EFA300; }
.table_light .line2    { background-color: #FFB310 }
.table_light a {
		    color: #bb0006;
}
.table_light a:hover         { color: #fb4046; }
/*----------------------------------------------------------------------*/
.table_dialog   {   margin-top: 10px;
                    margin-bottom: 10px;
                    border-collapse: collapse;
		    background: #EFA300;
                }
.table_dialog thead td {
                    color: #fff;
		    background: #3E0800;
                    font-style: normal;
                    font-weight: bold;
                    padding: 3px;
                    }
.table_dialog tbody td {
                    padding: 2px;
                    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;
}
/*------------------------------------------------- eshop menu */
.module_eshop_menu {
		padding: 0 10px 5px 5px;
                }
.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: #993715;
                line-height: 22px;
		height: 22px;
                text-decoration: none;
		padding: 0 10px 0 25px;
		background:  url('images/bg4.gif') no-repeat 5px center;
                }
.module_eshop_menu a:hover {
                background-color: #EFA300;
		color: #000;
		text-decoration: underline;
                }
.module_eshop_menu .selected {
                background-color: #EFA300;
		color: #000;
                }
.xmodule_eshop_menu li.submenu a {
		background-image: url('images/menu03.gif');
		background-position: left center;
		background-repeat: no-repeat;
                }
.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;
}
.box {
    float: left;
    width: 310px;
    height: 170px;
    background:  url('images/box01.gif') no-repeat top left;
    margin: 0 5px 5px 0;
}
#main.homepage .box {
    width: 290px;
    height: 194px;
    background:  url('images/box02.jpg') no-repeat top left;
    margin: 0 7px 7px 0;
}
.box .box-content {
    padding: 10px;
}
.box .nadpis {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 120%;
    font-weight: bold;
    color: #bb0006;
}
#main.homepage .box .nadpis {
    color: #fff;
}
.box .nadpis:hover {
	color: #ce5328;
}
.box .image {
	float: left;
	height: 120px;
	width: 120px;
	overflow: hidden;
	text-align: center;
}
.ktg43 .box .image {
	background: #fff;
}
.box .info {
	float: right;	
	width: 160px;
	padding-top: 10px;
	font-size: 90%;
}
#main.homepage .box .info {
	width: 140px;
	font-size: 90%;
}
.box .bottom {
	float: right;	
	width: 160px;
}
.box .bottom img {
	position: relative;
	top: 4px;
}
.cena {
	color: #bb0006;
	font-weight: bold;
	font-size: 140%;
}
.cena_doporucena {
	text-decoration: line-through;
}
.sleva {
	font-size: 160%;
}
.box .kosik {
	display: block;
	width: 82px;
	height: 22px;
    background:  url('images/module_eshop_kosik.png') no-repeat top left;
}
.box .kosik:hover {
    background:  url('images/module_eshop_kosik2.png') no-repeat top left;
}
.box .kosik span {
    display: none;
}
.ktg43 .detail_img div {
    background: #fff;
}
.detail_img {
	width:660px;
	padding: 10px 0;
}
.detail_img div {
	text-align: center;
}
#kategorie {
	width: 275px;
	height: 180px;
}
#kategorie_button {
	display: block;
	width: 22px;
	height: 22px;
	position: relative;
	top: 75px;
	text-decoration: none;
	background: url("images/button_sipka.png") no-repeat top left;
	float: right;
}
#kategorie_button:hover {
	background: url("images/button_sipka2.png") no-repeat top left;
}
.no_show {
	display: none;
}
#priznaky {
	padding: 5px 0;
	background: #fff;
	border: 1px solid #C6B182;
	height: 300px;
	overflow: auto;
}
#priznaky span {
	display: none;
}
#priznaky a {
	display: block;
	color: #000;
	padding: 1px 10px;
	text-decoration: none;
}
#priznaky a:hover {
	color: #ce5328;
	text-decoration: underline;
	background: #FEEEE3;
}
#priznaky a.selected {
	color: #ce5328;
	background: #FEEEE3;
}
div.right {
	float: right;
}
/* -------------------------------------------- */
#banner {
	position: absolute;
	top: 50px;
	text-align: center;
	width: 1200px;
	z-index: 100;
}
#banner.hide {
	display: none;
}
#banner .content {
	margin: 0 auto;
	border: 10px solid #006323;
	width: 600px;
	height: 248px;
}
#banner .close {
	display: block;
	position: relative;
	margin: 0 auto;
	top: 60px;
	left: 225px;
	width: 50px;
	height: 50px;
	text-decoration: none;
}