BODY {
	scrollbar-face-color: #eeeeee;
	scrollbar-highlight-color: gray;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#999999;
	scrollbar-shadow-color:#999999;
	scrollbar-arrow-color: black;
	scrollbar-track-color:#CCCCCC;
	scrollbar-track-color: #eeeeee;

	margin : 0px; padding : 0px;
	
	font-family: 'Helvetica CE', 'Helvetica', 'Arial', 'Tahoma';
	font-size: 0.75em;
	line-height: 1.4;
	color: #080808;
	
	text-align: center;
	margin-top: 0px;
}

.lft {
	text-align: left;
}

.rght {
	text-align: right;
}

.centr {
	text-align: center;
}

.just {
	text-align: justify;
}

.tucny {
	font-weight: bold;
}

.odrazka {
	text-INDENT: 0px;
}

.ridsi {
	line-height: 1.5;
}

.verttop {
	VERTICAL-align: top;
}

.mensi {
	font-size: 0.90em;
}

.odsazeny {
	padding-left: 30px;
}

.odsazeny-pravy {
	padding-right: 20px;
}

A {}
A:LINK, A:VISITED, A:ACTIVE {color: #cc3300; text-decoration: underline;}
A:HOVER   {color: #019f30; text-decoration: underline; }

FORM {
	padding: 0;
	MARGIN: 0;
}

IMG {
	border: 0px gray solid;
}

P {
	text-INDENT: 0px;
	padding: 0px 0px 10px 0px;
}

H1 {
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left: 0px;
}

H2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 0;
}

H3 {
	font-size: 1.1em;
	font-weight: bold;
	MARGIN: 0px 0px 10px 0px;
	color: #606060;
	padding: 0;
}

table tr {
	vertical-align: top;
}

input, select {
	font-family: 'Helvetica CE', 'Helvetica', 'Arial', 'Tahoma';
	font-size: 1.0em;
	background: #e4e4e4;
	border: 1px gray solid;
	width: 200px;
}

textarea {
	font-family: 'Helvetica CE', 'Helvetica', 'Arial', 'Tahoma';
	font-size: 1.0em;
	background: #e4e4e4;
	border: 1px gray solid;
	width: 200px;
}

#page {
	width: 100%;
	MARGIN-left: auto;
	MARGIN-right: auto; 
	text-align: left;
}


* {-moz-box-sizing: border-box; box-sizing: border-box;}


.navigace {
	font-size: 0.9em;
}

#main {
	padding: 0px 0px 0px 0px;
	background: white;
	clear: left;
}

#right-column {
	float: right;
	width: 300px;
	background: #e38804;
}

.right-column-content {
	margin: 5px 10px 10px 10px;
	background: #f5f5f5;
	padding: 7px;
}

.main-center {
	padding:  0px 320px 0px 0px;
	text-align: left;
}


.tlacitko {
  	background-color: WhiteSmoke;
   	font-family: Tahoma, Helvetica, sans-serif;
   	font-size: 11px;
   	font-weight: bold;
   	text-align: center;
   	color: black;
	border: gray 1px solid;
   	padding: 3px 3px 3px 3px;
}

.tlacitko_d {
   	background-color: Navy;
   	font-family: Tahoma, Helvetica, sans-serif;
   	font-size: 11px;
   	font-weight: bold;
   	text-align: center;
   	color: Red;
   	padding: 0px 0px 0px 0px;
   	border-color: #e1f0ff;
}

.oddelovac-textu {
	height: 15px;
}

.oddelovac-textu-velky {
	height: 30px;
}

.oddelovac-textu-mensi {
	padding-TOP:10px;
}

.hvezdicka  {
	color : red;
	font-family : Tahoma;
	font-STYLE : normal;
	font-size : 9px;
	font-weight: normal;
	text-decoration: none;
} 

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0px 0px 0px; padding:0;
      border:none;
      visibility: hidden;
}


#footer {
	width: 300px;
	height: 50px;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	background: white;
}

 .footer-text {
 	font-size: 0.9em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	padding-top: 5px;
	font-weight: normal;
	color: gray;
}

.footer-text A:link, .footer-text A:visited {
	border: 0;
	color: #cccccc;
	text-decoration: none;
}

.footer-text A:hover {
	text-decoration: underline;
}

.text-cerveny {
	color: red;
/*	font-size: 0.9em;*/
}


.text-help {
	color: gray;
/*	font-size: 0.70em;*/
}



/* for understanding browsers */
.container {
	MIN-height: 6.5em; 
	height:auto;
	MARGIN-BOTTOM: 1.5em;
}
/* for Internet Explorer */
/*\*/
* html .container {
	height: 6.5em;
}
/**/

label {
	color: #606060;
	font-size: 0.89em;
	font-weight: bolder;
}

#info {
	float: right;
}

#info2 {
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}
.sBox {
	width: 260px;
	height: 58px;
	background: url('../images/pattern_gray.png') repeat;
}

.sBoxSpace {
	padding: 10px 10px 10px 58px;
}


.basket {
	width: 260px;
	margin-top: 10px;
	background: url('../images/pattern_gray.png') repeat;
	padding-bottom: 3px;
}
.lupa {
	background: url('../images/lupa.png') no-repeat -5px 0px;
}

.mail {
	background: url('../images/mail.png') no-repeat -5px 0px;
}

.favorite {
	background: url('../images/favorite.png') no-repeat -5px 0px;
}

.facebook {
	background: url('../images/facebook.png') no-repeat -5px 0px;
}

.help {
	background: url('../images/help.png') no-repeat -5px 0px;
}

.akce {
	background: url('../images/akce.png') no-repeat -5px 0px;
}

.full {
	background: url('../images/fullsize.png') no-repeat center center;
}

.kosik {
	background: url('../images/kosik.png') no-repeat -5px 10px;
}

.sBoxCont {
	background: #fff;
/*	height: 38px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow: hidden;
 }

.product {
	width: 260px;
	margin-top: 10px;
	background: url('../images/pattern_gray.png') repeat;
}

.lBoxSpace {
	padding: 10px 0px 10px 10px;
}

.lBoxGood {
	margin-bottom: 10px;
	height: 58px;
}

.lBoxWhite {
	background: #fff;
	height: 58px;
	margin-bottom: 10px;
	text-align: right;
	font-size: 2.0em;
	font-weight: normal;

}
.lBoxWhiteCont{
	padding: 15px 15px 0 15px;
}

.lBoxText {
	background: #fff;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.0em;
}

.lBoxGood h1 {
	font-size: 2.4em;
	font-weight: normal;
	text-align: right;
	margin: 0;
	padding: 8px 15px 0 0px;
}

.lBoxWhite h2 {
	font-size: 0.5em;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 8px 0;
	line-height: 1.0;
}

.submitButton {
	width: 250px;
	height: 58px;
	border: 0;
	font-size: 2.2em;
	padding: 5px 0;
}

.submitButton:hover {
	cursor: pointer;
	background: yellow;
}

.clickBox {
	float: right;
	width: 58px;
	height: 58px;
	background: url('../images/pattern_gray.png') repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}

.clickBoxRed {
	float: right;
	width: 58px;
	height: 58px;
	background: url('../images/pattern_red.png') repeat;
	margin-right: 10px;
}

.clickBox a:link, .clickBox a:visited,
.clickBoxRed a:link, .clickBoxRed a:visited {
	display: block;
	width: 58px;
	height: 58px;
}



#back {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	position:relative;
	background: #f0f0f0;
}
/* Opera 9.5  hack, mozna najdete nekdo i jine reseni  */
@media all and (min-width: 0px){ 
  #back { 
     display: table;
	 height: 100% 
  } 
} 
/* Opera 9.5  hack, mozna najdete nekdo i jine reseni  */

#goodsBox {
	height: 221px;
	width: 100%;
	position:absolute;
	left: 0%;
	bottom: 0;
}
#goodsBox .in {
	width: 100%;
	margin: 0 auto;
	height: 220px;
/*	background: #000;*/
	color: #ffcc00;
	text-align: center
}

#goodsContainer{
	width: 88%;
	height: 220px;
/*	border: 8px solid #FFF;*/
	overflow: auto;
	margin: 0 auto;
	overflow-x:hidden;
	overflow-y:hidden;

	display: block;
}
 
.goodsMain-content {
	height: 220px;
/*	background:#CCCCCC;*/
}

.goodsSection{
	margin:0 10px 0 10px;
	height: 220px;
	width:160px;
	float:left;
	padding:0px;
	color: gray;
	border: 0;
}

.goodsSection a:link, .goodsSection a:visited {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 10px 0px;
} 

.goodsSection:hover a:link, .goodsSection:hover a:visited {
	text-decoration: none;
/*	background: #404040;*/
}

.goodsSection.sh:hover a:link, .goodsSection.sh:hover a:visited {
	text-decoration: none;
	background: #00a229;;
}

.goodsSection.te:hover a:link, .goodsSection.te:hover a:visited {
	text-decoration: none;
	background: #ffb400;;
}

.goodsSection.ac:hover a:link, .goodsSection.ac:hover a:visited {
	text-decoration: none;
	background: #26bbed;;
}

.goodsPrice {
	background: #000;
	font-size: 1.4em;
	margin-top: 2px;
	background: #000;
	text-align: center;
	font-weight: normal;
	display: block;
}

.goodsName {
	font-size: 1.0em;
	font-weight: normal;
	background: #000;
	margin-top: 2px;
	text-align: center;
	overflow: hidden;
	display: block;

}

.goodsPhoto {
	width: 160px;
	height: 120px;
	overflow: hidden;
}

.shoe {	background: #00a229; }
.textil {	background: #ffb400; }
/*.textil a:link, .textil a:visited { color: #000 }*/
.access {	background: #26bbed; }

input.warning {
	background-color: #ffdbe3;
	border: 3px red double;
}

.scrollLeft {
	z-index: 0;
	background: url('../images/blank.gif') repeat;
	width: 10%;
	position: absolute;
	top: 0px;
	left: 0;
	height: 200px;
}

.scrollRight {
	z-index: 0;
	background: url('images/blank.gif') repeat;
	width: 10%;
	position: absolute;
	top: 0px;
	left: 90%;
	height: 200px;
}

.scrollArrows {
	width: 58px;
	height: 220px;
	background: url('../images/pattern_gray.png') repeat;
}

.index-type {
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 0px;
	color: red;

}

.index-title {
	font-size: 1.4em;
	font-weight: normal;
	MARGIN: 0px 0px 0px 0px;
	color: #606060;
	padding: 0;
}

#scroller {
  width: 3240px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}


<!--[if IE]>
<style type="text/css">
#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->