/* -- ==================================================================== -- 
                                  Basic styles			
   -- ==================================================================== -- */

html {font-size: 100.01%;}

body {
	background: #fff url('images/body-bg2.gif') center top no-repeat;
	color: #252525;
	font-family: Tahoma, Arial, sans-serif;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0.8em;
}

h2, h3, h4, h5, h6 {
	color: #b08e30;
	margin: 0.3em 0;
}

h1 {
	font-size: 160%;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #624007;
}

h2 {
	font-size: 140%;
}

h3 {font-size: 130%;}
h4 {font-size: 100%;}
h5, h6 {font-size: 100%;}

p {
	line-height: 1.3em;
	margin: 0.5em 0;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {color: #000;}

sub, sup {
	vertical-align: baseline;
	position: relative;
}

sub {top: 0.4em;}
sup {bottom: 0.4em;}
abbr, acronym {cursor: help;}
address {font-style: normal;}
address strong {margin: 5px 0;}
table {border: 0;}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0.4em 0 0 0;
	line-height: 130%;
	list-style-type: none;
}

form {margin: 0; padding: 0;}
a img {border: 0;}

.cleaner {
	clear: both;
	font-size: 1px;
	height: 1px;
}

.red {
	color: red;
	font-weight: bold;
}

.seznam {
	margin: 0 0 0 16px;
	font-style: italic;
}

.kalendar-pic{
width: 180px;
margin: 10px 0 0 0;
}

#left_kal{
float: left;
}


#user {
	margin: 10px 0 0 26px;
	font-size: 85%;
	color: #fff;
}

#user a{
	color:#D69D0A;
}

#user a:hover{
	color:#fff;
}


#user li {
	float: left;
	margin: 0 10px 0 0;
}

strong .nadpis {margin: 5px 0;}

label {margin: 16px 0 0 0;}

.small {
	font-size: 75%;
	margin: 10px 0 10px 0;
}

#mainMap {
	width: 500px;
	height: 300px;
	margin: 10px 0;
}

input.detail {
	cursor: pointer;
	font-weight: bold;
}

.left {float: left;}
.right {float: right;}


/* -- ==================================================================== -- 
                                 Wrapper styles			
   -- ==================================================================== -- */

div#wrapper {
	text-align: center;
	margin: 0 auto;
	width: 950px;
	position: relative;
	background: url('images/wrapper-bg.gif') 52px 310px no-repeat;
}

div#wrapper2 {
	text-align: left;
	margin: 0 auto;
	width: 830px;
	padding: 0 9px;
	position: relative;
	background: url('images/wrapper2-bg.gif') 20px 355px  no-repeat;
}	

h1#logo {
	float: left;
	position: relative; 
	overflow: hidden;
	background: #232424;
	text-decoration: none;
	margin: 162px 0 0 167px;
	/* firefox margin-left: 166px; */
	display: inline !important;
}

h1#logo, h1#logo span {
	width: 307px;
	height: 149px;
	display: block;
	cursor: pointer;
}
 
h1#logo span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('images/logo.png') no-repeat;
}

h1#logo a {
	color: #f0ce07;
	font-size: 150%;
}

h1#logo a:hover {color: #fff;}

a#visacka {
	float: left;
	position: relative; 
	overflow: hidden;
	background: transparent;
	text-decoration: none;
	color: #abca43;
	font-weight: bold;
	padding: 30px 0 0 50px;
}

span#vis {
	position: absolute; 
	top: -45px;
	_top: -46px;
	left: -44px;
	_left: -43px;
	z-index: 10;
}

a#visacka, a#visacka span {
	display: block;
	cursor: pointer;
	width: 111px;
	height: 112px;
}
 
a#visacka span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('images/visacka-all.gif') no-repeat;
	width: 161px;
	height: 142px;
}

ul#menu {
	float: left;
	margin: 25px 0 0 100px;
	padding: 0 0 0 85px;
	background: url('images/menu-g.gif') 35px 15px no-repeat;
	position: relative;
	z-index: 10;
	display: inline !important;
}

ul#menu li {
	float: left;
	background: url('images/ul-menu-a-g.png') bottom repeat-x;
	margin: 0;
}

ul#menu li a {
	color: #252525;
	background: url('images/ul-menu-a-g.png') bottom repeat-x;
	padding: 10px;
	float: left;
}

ul#menu li a:hover, ul#menu a.active {
	color: #ab6d05;
	background: url('images/ul-menu-a-bg-hover.png') bottom repeat-x;
}

div#right {
	float: right;
	width: 650px;
	margin: -4px 0 0 0;
	position: relative;
	z-index: 1;
}

div#cart {
	width: 635px;
	height: 30px;
	padding: 4px 0;
	float: left;
	background: url('images/cart.png') repeat-x;
}

/*span#obalka {
	width: 20px;
	height: 34px;
	margin: 4px 0 0;
	float: left;
	background: url('images/obalka.gif') no-repeat;
}*/

div#cart a.cart {
	height: 30px;
	padding: 0 15px;
	line-height: 30px;
	vertical-align: middle;
	float: right;
	background: red;
	margin: 0 10px 0 0;
	display: inline !important;
}

div#cart a.cart:hover {text-decoration: underline;}

div#cart a#register {
	background: #f69a01;
	color: #fff;
}

div#cart a#a-cart {
	background: #052d32 url('images/cart.gif') 15px center no-repeat;
	color: #fff;
	padding: 0 15px 0 40px;
}

div#intro {
	width: 380px;
	float: left;
	background: url('images/intro-bg.gif') left 30px no-repeat;
	padding: 30px 40px 25px 180px;
	min-height: 150px;
	_height: 150px;
	margin: 0 0 0 25px;
	display: inline !important;
	font-size: 100%;
	color: #000;
}

div#intro strong {font-weight: bold;}

div#intro  a{font-weight: bold; text-decoration: none; color: #000;}
div#intro  a:hover{font-weight: bold; text-decoration: underline; color: #000;}

div#content {
	float: left;
	width: 600px; /* 600 */
	min-height: 600px;
	_height: 600px;
	margin: 10px 0 0 25px;
	display: inline !important;
/*	padding: 0 10px; */  /* 0 */ 
}

div#content-2 {
	background: #eaeae7;
	padding: 10px; /* 0 */
	margin: 10px 0 0;
	width: 580px;
}

div#content h1 {
/*	background: #fff url('images/content-h1.png') left top no-repeat;
	*/margin: 0 0 10px 0;
}


div#offer-big {background: #eaeae7;}

div.offer {
	float: left;
	width: 190px; /* 200 */
	padding: 7px 0;
	background: #eaeae7;
}

div.offer h2 {color: #898989;}

div.offer h2.offer-heading {
	padding: 6px 0 0 15px;
	height: 22px;
	line-height: 28px;
	vertical-align: text-bottom;
	margin: 0 0 0 15px;
}

div.offer h2#men {background: url('images/h2-men.gif') left bottom no-repeat;}
div.offer h2#women {background: url('images/h2-women.gif') left bottom no-repeat;}
div.offer h2#children {background: url('images/h2-children.gif') left bottom no-repeat;}

div.offer div.box {
	float: left;
	margin: 6px 0 6px 13px;
	display: inline !important;
	border: 1px solid #aaa;
	width: 160px;
	padding: 5px;
	background: #fff;
	position: relative;
}

div.offer div.box h2.blue {color: #084249;}
div.offer div.box h2.red {color: #b7571d;}
div.offer div.box h2.green {color: #789a12;}
div.offer a:hover {text-decoration: underline;}

div.offer div.box img.thumb {
	float: left;
	max-width: 60px;
	_width: expression(document.body.clientWidth > 60 ? "60px" : "auto" ); 
	margin: 0 4px 4px 0;
}

div.offer div.box p {
	margin: 0.2em 0;
	color: #052225;
}

div.offer div.box p.blue {color: #005b7f;}

div.offer div.box p.price {
	background: #898989 url('images/box-price.gif') no-repeat;
	color: #fff;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	font-weight: bold;
	clear: both;
/*	position: absolute;
	bottom: 2px;*/
}

div.offer div.box p.price span {
	float: left;
	padding: 0 0 0 10px;
}

div.offer div.box p.price input.detail {
	color: #fff;
	background: #052225 url('images/box-detail.gif') no-repeat;
	float: right;
	width: 62px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	margin: 1px 0;
	padding 0;
	text-align: center;
	border: none;
}


div.offer div.box form select {width: 160px;}



div.offer_2 {
	float: left;
	width: 580px;
	padding: 7px 0;
	background: #eaeae7;
}

div.offer_2 div.box_cepice {
	float: left;
	margin: 6px 0 6px 13px;
	display: inline !important;
	border: 1px solid #aaa;
	width: 160px;
	height: 260px;
	padding: 5px;
	background: #fff;
	position: relative;
}

div.offer_2 div.box_cepice div.boxik{
height: 155px;
}

div.offer_2 div.box_cepice h2 {color: #084249; }
div.offer_2 a:hover {text-decoration: underline;}

div.offer_2 div.box_cepice img.thumb {
	float: left;
	max-width: 60px;
	_width: expression(document.body.clientWidth > 60 ? "60px" : "auto" ); 
	margin: 0 4px 4px 0;
}

div.offer_2 div.box_cepice p {
	margin: 0.2em 0;
	color: #052225;
}


div.offer_2 div.box_cepice p.blue {color: #005b7f;}

div.offer_2 div.box_cepice p.price {
	background: #898989 url('images/box-price.gif') no-repeat;
	color: #fff;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	font-weight: bold;
	clear: both;
	/*position: absolute;
	bottom: 2px;*/
}

div.offer_2 div.box_cepice p.price span {
	float: left;
	padding: 0 0 0 10px;
}

div.offer_2 div.box_cepice p.price input.detail {
	color: #fff;
	background: #052225 url('images/box-detail.gif') no-repeat;
	float: right;
	width: 62px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	margin: 1px 0;
	padding 0;
	text-align: center;
	border: none;
}


div.offer_2 div.box_cepice form select {width: 160px;}


div.offer_2 div.box_darky {
	float: left;
	margin: 6px 0 6px 13px;
	display: inline !important;
	border: 1px solid #aaa;
	width: 160px;
	height: auto;
	padding: 5px;
	background: #fff;
	position: relative;
}

div.offer_2 div.box_darky h2 {color: #084249; font-size: 130%; margin: 0 0 10px 0} 

div.offer_2 div.box_darky img.thumb {
	float: left;
	max-width: 60px;
	_width: expression(document.body.clientWidth > 60 ? "60px" : "auto" ); 
	margin: 0 4px 4px 0;
}

div.offer_2 div.box_darky p {
	margin: 0.2em 0;
	color: #052225;
	height: auto;
}

div.offer_2 div.box_darky div.boxik{
height: 155px;
}

div.offer_2 div.box_darky p.blue {color: #005b7f;}

div.offer_2 div.box_darky p.price {
	background: #898989 url('images/box-price.gif') no-repeat;
	color: #fff;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	font-weight: bold;
	clear: both;
	/*position: absolute;
	bottom: 2px;*/
}

div.offer_2 div.box_darky p.price span {
	float: left;
	padding: 0 0 0 10px;
}

div.offer_2 div.box_darky p.price input.detail {
	color: #fff;
	background: #052225 url('images/box-detail.gif') no-repeat;
	float: right;
	width: 62px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	margin: 1px 0;
	padding 0;
	text-align: center;
	border: none;
}


div.offer_2 div.box_darky form select {width: 160px;}

div#left {
	background: #cc7c00 url('images/left-bg.gif'); 
	float: left; 
	width: 180px;
	padding: 30px 0 0 0;
	margin-top: -4px;
	position: relative;
}


div#left h3 {
	font-weight: normal;
	color: #252525;
	padding: 0 0 0 15px; 
}

div#left ul.menu-left {
	float: left;
	padding: 0 0 15px 12px;
}

div#left ul#light li {
	background: #ab6d05;
	float: left;
	margin: 1px 0;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}

div#left ul#light li a, div#left ul#dark li a {
	width: 143px;
	min-height: 28px;
	_height: 28px;
	float: left;
	text-transform: uppercase;
	padding: 0 0 0 15px;
	color: #fff;
	position: relative;
}

div#left ul#light li a:hover, div#left ul#dark li a:hover {color: #ccc;}

div#left ul#light li a#trika {background: url('images/menu-left-trika.gif') right center no-repeat;}
div#left ul#light li a#trika2 {background: url('images/menu-left-trika2.gif') right center no-repeat;}
div#left ul#light li a#polokosile {background: url('images/menu-left-polokosile.gif') right center no-repeat;}
div#left ul#light li a#mikiny {background: url('images/menu-left-mikiny.gif') right center no-repeat;}
div#left ul#light li a#dresy {background: url('images/menu-left-dresy.gif') right center no-repeat;}
div#left ul#light li a#cepice {background: url('images/menu-left-cepice.gif') right center no-repeat;}

div#left ul#dark li a {
	padding: 4px 0 4px 15px;
	margin: 1px 0;
	min-height: 16px;
	_height: 16px;
	background: #624007 url('images/menu-dark-top.gif') no-repeat;
}

div#banner {
	 width: 800px; 
	 float: left;
	 margin: 20px 0 0;
	 =margin: 20px 0;
}

div#banner a {
	float: left;
	margin: 0 10px 30px 10px;
	display: inline !important;
	background: transparent;
}


/* -- ==================================================================== -- 
                                 Footer Styles		
   -- ==================================================================== -- */

div#footer {
	width: 785px; 
	float: left; 
	background: #624007; 
	color: #fff; 
	padding: 0 10px;
}

div#footer p {
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}

div#footer a {color: #f7d98d;}
div#footer a:hover {color: #fff;}


/* -- ==================================================================== -- 
                                 detail katalog kosik atd.		
   -- ==================================================================== -- */

.cena{
float: right;
font-size: 140%;
font-weight: bold;
color: red;
}


#back{
   width: 285px;
   height: 288px;
  float: right;
  margin: 10px 0px 0 0px;
  display: inline !important;
	background: url('../imgs/back.gif') left no-repeat;
}

#back p{
padding: 25px 0 0 72px;
  line-height: 18px;
}

#back strong{
margin: 6px 0 6px 0;
}


#front{
   width: 285px;
   height: 288px;
  float: left;
  margin: 10px 0 0 0;
  padding: 0px;
	background: url('../imgs/front.gif') left no-repeat;
}

#front p{
padding: 25px 0 0 80px;
  line-height: 18px;
}

#front strong{
margin: 6px 0 6px 0;
}


.svit a{
color: #00FF00;
font-weight: bold;
text-decoration: none;
}
.svit a:hover{
color: #00FF00;
font-weight: bold;
text-decoration: underline;
}

.form_text{
width: 120px;
height: 16px;
margin: 4px;
border: 2px solid #eeeeee;
}

.textar{
width: 258px;
height: 123px;
margin: 4px;
border: 1px solid #999;
}

.select{
width: 80px;
margin: 5px 0 5px 0;
border: 2px solid #eeeeee;
}

.select_2{
width: 130px;
border: 2px solid #eeeeee;
}

.select_kos{
width: 130px;
border: 2px solid #eeeeee;
}

.textarea{
width: 550px;
height: 90px;
padding: 10px;
margin: 7px;
border: 1px solid #999;
}

.obrDet{
	float: right;
	width: 80px;
	height: 80px;
	margin: 5px 10px 0 10px;
	border: 4px solid #999;
}


.subkos{
width: 150px;
font-weight: bold;
border: none;
font-size: 14px;
background: #eaeae7;
cursor: pointer;
}

.table{
width: 586px;
margin: 0 0 20px 0;
background: #eaeae7;
}

.table a{
color: #000000;
}


.table .red a{
color: red;
}

.table .red a:hover{
color: red;
}

.table form{
margin: 0px;
padding: 0px;
}

.table a:hover{
color: #000000;
text-decoration: underline;
}

.formKos{
	width: 20px;
	height: 20px;
	border: 2px solid #eeeeee;
	
}

.select_kos{
width: 130px;
border: 2px solid #eeeeee;
}

.submitKos{
width: 35px;
height: 28px;	
border: 2px solid #fff;
color: #000;
	cursor: pointer;
}

.form{
width: 140px;
height: 17px; 
border: 1px solid #999;
margin: 0 0 3px 0;
}

.select{
width: 140px;
height: 24px; 
border: 1px solid #999;
padding: 3px;
}

.submit{
width: 120px;
height: 25px;
text-align:center; 
font-weight: bold;
color: #fff;
margin: 0 0 7px 0;
border: none;
background-color: #F69A01;
cursor: pointer;
}

.sledovani{
width: 600px;
}