/*
-----------------------------------------------------------------
 - global styles
-----------------------------------------------------------------
*/

html, body, h1, h2, h3, h4, h5, div, span, p, strong, em, table, form, input, ul, ol, li, hr
{
	margin: 0;
	padding: 0;
}

body
{
	padding: 0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #dd5d29 url(../images/design/body-bg.jpg) left top repeat-x;
	text-align: center;
}

body div
{
	text-align: left;
}

.hide
{
	display: none;
}

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

#bodyBackground
{
	width: 1288px;
	height: 647px;
	position: absolute;
	left: -500px;
	top: 0;
	background: transparent url(../images/design/bodyBackground.jpg) left top no-repeat;
}

#page
{
	width: 950px;
	margin: 0 auto;
	position: relative;
}

/*
-----------------------------------------------------------------
 - #top
-----------------------------------------------------------------
*/

#topHolder
{
	width: 100%;
	height: 198px;
}

#top
{
	width: 100%;
	height: 198px;
	position: absolute;
	left: 0;
	top: 0;
}

#top #logoHolder
{
	width: 352px;
	height: 212px;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../images/design/logo-bg.png) no-repeat left top;
	z-index: 5;
}

#top #menuHolder
{
	width: 762px;
	height: 61px;
	position: absolute;
	right: 0;
	top: 92px;
	background: transparent url(../images/design/menu-bg.png) no-repeat left top;
	z-index: 10;
}

#top #menu
{
	width: 732px;
	height: 45px;
	padding: 16px 0 0 30px;
	position: absolute;
	right: 0;
	top: 92px;
	list-style-type: none;
	z-index: 15;
}

#top .language
{
	width: 235px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 35px;
}

#top .breadcrumbs
{
	width: 530px;
	height: 25px;
	overflow: hidden;
	position: absolute;
	left: 380px;
	top: 165px;
}

/*
-----------------------------------------------------------------
 - #content
-----------------------------------------------------------------
*/

#content,
#index
{
	margin: 0 0 20px 0;
	_margin: 0 0 60px 0;
}

#index
{
	margin: 0;
	_margin: 0 0 20px 0;
}

/*
-----------------------------------------------------------------
 - #index
-----------------------------------------------------------------
*/

#index .about-maxivita
{
	width: 390px;
	/*height: 258px; - zakomentovano a upravena hodnota niže (Tomas Lach) */
	height: 288px;
	padding: 30px;
	float: left;
	overflow: hidden;
	position: relative;
	/*background: url(../images/design/about-maxivita-tp.png) no-repeat left top; - zakomentovano a upravena hodnota niže (Tomas Lach) */
	background: url(../images/design/about-maxivita3.png) no-repeat left top;
}

#index .maxivita-help
{
	width: 453px;/*450*/
	height: 318px;
	padding: 0 0 0 20px;
	float: right;
	position: relative;
	overflow: hidden;
	background: transparent url(../images/design/maxivita-help-tp.png) no-repeat right top;
}

#index .maxivita-help .contextInfo
{
	width: 464px;
	height: 48px;
	padding: 29px 0 0 15px;
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/design/contextInfo.png) no-repeat left top;
}

#index .maxivita-competition
{
	width: 890px;
	margin: 0 0 40px 0;
	padding: 30px 30px 0 30px;
	position: relative;
	background: #ffffff url(../images/design/maxivita-competition-top2.png) no-repeat left top;
}

#index .maxivita-competition .middle
{
	
	z-index: 5;
}

#index .maxivita-competition .bottom
{
	width: 950px;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: -20px;
	background: transparent url(../images/design/maxivita-competition-bottom.png) no-repeat left top;
	z-index: 10;
}

#index .maxivita-competition .bottom.index
{
	z-index: auto;
}

#index .maxivita-competition .competition
{
	width: 201px;
	height: 200px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url(../images/design/maxivita-soutez.png) no-repeat left top;
}

/*
-----------------------------------------------------------------
 - #content #leftSide
-----------------------------------------------------------------
*/

#content #leftSide
{
	width: 340px;
	float: left;
	position: relative;
	/*background: #fbf07a;*/
}

#page #content .text
{
	height: 229px;
	background: url(../images/design/text-bg.png) no-repeat left top;
}

#page #content .soutezBg
{
	height: 319px;
	background: url(../images/design/soutez-bg.png) no-repeat left top;
}

#content #leftSide .header
{
	width: 340px;
	height: 54px;
	position: relative;
	background: url(../images/design/left-menu-top-background.png) no-repeat left top;
	z-index: 3;
}

#content #leftSide .middle
{
	width: 340px;
	padding: 0 0 15px 0;
	min-height: 205px;
	_height: 205px;
	_position: relative;
	_z-index: 5;
}#content #leftSide .middle .background{	padding: 13px 0 0 30px;		background: url(../images/design/left-menu-middle-background.png) repeat-y left top;	}
#content #leftSide .bottom
{
	width: 340px;
	height: 141px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: transparent url(../images/design/left-menu-bottom-background.png) no-repeat left top;		z-index: 5;
}

#content #leftSide.text .header,
#content #leftSide.text .middle,
#content #leftSide.text .bottom,
#content #leftSide.soutezBg .header,
#content #leftSide.soutezBg .middle,
#content #leftSide.soutezBg .bottom
{
	background: none;
}


#content #leftSide .separator
{
	width: 282px;
	height: 2px;
	margin: 20px auto;
	_margin: 20px auto 0 auto;
	padding: 0 25px 0 0;
	background: url(../images/design/leftPanel-separator.gif) no-repeat left top;
}


#content .round
{
	width: 340px;
	height: 134px;
	margin: 20px 0 0 0;
	float: left;
	overflow: hidden;
	position: relative;
	background: transparent url(../images/design/leftPanel-soutez.png) no-repeat left top;
}

/*
-----------------------------------------------------------------
 - #content #rightSide
-----------------------------------------------------------------
*/

#content #rightSide
{
	width: 590px;
	min-height: 470px;
	_height: 470px;
	float: right;
	position: relative;
	background: #ffffff url(../images/design/rightPanel-top-noTabs.gif) no-repeat left top;
}

#content #rightSide.tabs
{
	background-image: url(../images/design/rightPanel-top.gif);
}

#content #rightSide .header
{
	width: 590px;
	height: 75px;
	position: relative;
}

#content #rightSide.tabs .header
{
	height: 128px;
}

#content #rightSide .middle
{
	width: 530px;
	padding: 0 30px;
	position: relative;
	overflow: hidden;
	background: transparent;
	z-index: 5;
}

#content #rightSide .bottom
{
	width: 590px;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: -20px;
	background: transparent url(../images/design/rightPanel-bottom-noTabs.png) no-repeat left top;
}

#content #rightSide.tabs .bottom
{
	height: 249px;
	background: transparent url(../images/design/rightPanel-bottom.png) no-repeat left top;
}

/*
-----------------------------------------------------------------
 - #content #bigPanel
-----------------------------------------------------------------
*/

#content #bigPanel
{
	width: 100%;
	position: relative;
}

#content #bigPanel .background
{
	padding: 26px 26px 0 26px;
	background: #f1dd50 url(../images/design/bigPanel-top.gif) no-repeat left top;
}

#content #bigPanel .search
{
	width: 371px;
	height: 48px;
	position: absolute;
	right: 24px;
	top: 14px;
	background: url(../images/design/productList-search.gif) no-repeat left top;
	z-index: 15;
}

#content #bigPanel .middle
{
	position: relative;
	z-index: 10;
}

#content #bigPanel .middle .rightColumn
{
	width: 629px;
	margin: 0;
	padding: 10px 0 5px 0;
	float: right;
	overflow: hidden;
	position: relative;
	z-index: 15;
}

#content #bigPanel .middle .leftColumn
{
	width: 245px;
	float: left;
	position: relative;
	overflow: hidden;
}

#content #bigPanel .middle .leftColumn .productDetail
{
	width: 245px;
	height: 451px;
	position: relative;
	overflow: hidden;
	background: url(../images/design/productDetail-img3.png) no-repeat left top;
}

#content #bigPanel .bottom
{
	width: 950px;
	height: 106px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -20px;
	background: transparent url(../images/design/bigPanel-bottom.png) no-repeat left top;
}

#content #bigPanel .middle #productList
{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#content #bigPanel .middle #productList .list
{
	width: 878px;
	padding: 10px 10px 0 10px;
	float: left;
	position: relative;
	overflow: hidden;
	background: #fcf8dc;
}

#content #bigPanel .middle #productList .top
{
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/design/productList-top.png) no-repeat left top;
}

#content #bigPanel .middle #productList .bottom
{
	width: 100%;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: transparent url(../images/design/productList-bottom.png) no-repeat left top;
}

#content #bigPanel .middle .paging
{
	width: 100%;
	height: 50px;
	position: relative;
	top: 15px;
}

/*
-----------------------------------------------------------------
 - #footer
-----------------------------------------------------------------
*/

#footer
{
	width: 951px;
	height: 64px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	/* IE7 hack */
	#padding: 40px 0 0 0;
	/* IE6 hack */
	_padding: 0;
	clear: both;
	background: transparent url(../images/design/footer-bg.png) no-repeat left bottom;
	/* IE6 hack */
	_background-position: left top;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	color: #ffffff;
	z-index: 10;
}

#footer.index
{
	margin: 0;
	padding: 20px 0 0 0;
	_padding: 0;
}

/* Tomas Lach */

#result {background: url('../images/design/soutez-konec.png') no-repeat;height: 71px;line-height: 71px;position: relative;z-index: 200;font-weight: bold;color: #fff;margin-bottom: 20px;padding: 0 30px;font-size: 1.1em}

.kdeKoupim {margin-left: -11px}
.kdeKoupim a {display: block;margin-bottom: 11px;margin-left: 11px;float: left;text-decoration: none;color: #fff;text-indent: -9999px;font-size: 12px;width: 148px;height: 72px;text-align: center;padding-top: 35px;}
.kdeKoupim a.globus {background: url(../images/prodejny/globus.gif) no-repeat;}
.kdeKoupim a.albert {background: url(../images/prodejny/albert.gif) no-repeat;}
.kdeKoupim a.makro {background: url(../images/prodejny/makro.gif) no-repeat;}
.kdeKoupim a.interspar {background: url(../images/prodejny/interspar.gif) no-repeat;}
.kdeKoupim a.schlecker {background: url(../images/prodejny/schlecker.gif) no-repeat;}
.kdeKoupim a.penny {background: url(../images/prodejny/penny.gif) no-repeat;}
.kdeKoupim a.tesco {background: url(../images/prodejny/tesco.gif) no-repeat;}
.kdeKoupim a.dm {background: url(../images/prodejny/dm.gif) no-repeat;}
.kdeKoupim a.kaufland {background: url(../images/prodejny/kaufland.gif) no-repeat;}
.kdeKoupim a.lidl {background: url(../images/prodejny/lidl.gif) no-repeat;}
.kdeKoupim a.coop {background: url(../images/prodejny/coop.gif) no-repeat;}
.kdeKoupim a.rossmann {background: url(../images/prodejny/rossmann.gif) no-repeat;}

.kdeKoupim a:hover {background: #352572;text-indent: 0;}
.kdeKoupim a strong {display: block;margin-top: 5px;font-size: 14px;}