html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url('../Images/back.png');
	background-repeat: repeat-x;
}

*, .font, .menuRight a:hover
{
	color: #716f6e;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
#detailProduct .photo, .mainGridView, .border
{
	border: solid 1px;
}
#detailProduct .photo, .mainGridView, .headerGridView, .upDataField input, .upDataField textarea,
#defaultPage .catItemDP, #defaultPage .shopImage
{
	border-color: #716f6e;
}
h1
{
	font-size: 1.5em;
}
h2
{
	font-size: 1.1em;
}

.grey, html, body
{
	background-color: #999999;
}
.orange, #defaultPage .menuItemDP a
{
	color: #ffa200;
}
.orangeBorder
{
	border-color: #ffa200;
}
.orangeBack, a.orangeButton, .headerGridView
{
	background-color: #ffa200;
}

#defaultPage .menuItemLink a:hover
{
	color: #ffb83b;
	background-color: Transparent;
}
.orangeLightBack, a.orangeButton:hover, a.menuItemFirst:hover, .menuItemSelect, a.menuItemRed:hover,
.menuItemSelectMove, .menuItem a:hover, .menuItemNoSelect a:hover
{
	background-color: #ffb83b;
}
.orangeLightBorder
{
	border-color: #ffb83b;
}

.redColor
{
	color: Red;
}

.yellow, .MainMenuLeft a, .MainMenuRight a
{
	background-color: #fdde00;
}
.yellowLight, .MainMenuLeft a:hover, .MainMenuRight a:hover, a.yellowLightLink, a.yellowLightLink:link, 
a.yellowLightLink:visited, a.yellowLightLink:active, a.yellowLightLink:hover
{
	background-color: #fff399;
}

.smallerFont
{
	font-size: 0.87em;
}
.strong 
{
	font-weight:bold;
}

a
{
	text-decoration: none;
}
a:hover
{
	color: Black;
}

p
{
	margin: 0.3em 0 0.3em 0;
}
/* rozmisteni obsahu stranky */

#container /* + FIREFOX STYLE */
{
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	width: 71em;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	font-size: 0.83em;
	background-color: White;
}
#header
{
	width: 100%;
	position: relative;
	top: 2.3em;
}
#headerLogo
{
	top: -1.5em;
	position: relative;
	margin: 0 0 -2.3em -19px;
	height: 10em;
	z-index: 10;
}
.headerImageLogo
{
	position: absolute;
	width: 100%;
	height: 100%;	
}
.body
{
	padding-top: 6em;
	padding-bottom: 6em; /* Height of the footer */
	min-height: 490px; /* Kvuli patce - prechodu */
	_height: 490px;
}
#footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 4em; /* Height of the footer */
}
div#footer
{
	text-align: center;
	line-height: 200%;
	font-size: 0.8em;
}
/* ---------------------------- */

.MainMenuLeft
{
	line-height: 2;
	float: left;
	z-index: 5;
	position: relative;
}
.MainMenuRight
{
	line-height: 2;
	float: left;
	z-index: 15;
	position: relative;	
	text-align: right;
}
.MainMenuLeft a, .MainMenuRight a
{
	display: inline-block;
	text-decoration: none;
	padding: 0.4em 0 0.4em 0;
	text-align: center;
	margin-top:0.2em;
}

#bodyContent
{
	width: 83%;
	
	float: left;	
}
.bodyRight
{
	width: 15%;
	float: right;
	padding: 0 0.5em 0 0.5em;
}

.header
{
	text-align: right;
	padding-top: 3.8em;
	right: 1em;
	position: relative;
	z-index: 50;
	font-size: 0.8em;
	line-height: 150%;
}
.header a
{
	color: White;
}
.header a:hover
{
	text-decoration: underline;
}
.header .search
{
	padding-bottom: 2.6em; line-height: 150%;
}
.header .search input
{
	border-style: solid; border-width: 0.15em; vertical-align: middle; padding: 0.2em;
}
.header .image 
{
	vertical-align: middle; Width:1.5em; Height:1.5em;
}

.menuRight
{
	margin: 0 0 1em 0;
	padding: 0.5em 0.3em 0.5em 1.7em;
	font-weight: bolder;
	text-indent: -1.3em;
}
.menuRight h2
{
	font-size:0.8em;
}
.menuRight h3
{
	font-size: 0.9em;
	padding: 0 0 0.5em 0.5em;
	margin:0;
}
.menuRight a
{
	color: White;
	font-weight: bold;
	font-size: 0.9em;
}
.menuRight .menuTrian
{
	width: 0.7em;
	height: 0.7em;
	margin-right: 0.2em;
}
.aktuality
{
	border-style: solid;
	border-width: 1px;
	padding: 0.9em 0.6em 1.3em 1.2em;
	_width:85%;
	background-image: url('../Images/newsBack.png');
	background-repeat:repeat-y;		
	margin-bottom: 0.7em;
}
.aktuality h2
{
	margin: 0.3em 0 0.3em 0;
	font-size:1.05em;
	color:#ff4f4f;
}
.aktuality p
{		
	font-size:0.8em;
	font-weight:bold;
	margin: 0.8em 0 0.8em 0;
	line-height: 140%;
}
.aktuality a
{
	color: Black;
}
.aktuality a:hover
{
	text-decoration: underline;
}
/* ------ Hlasky ------- */
.errorMessage
{
	color: Red;
	border-color: Red;
	background-image: url('../Images/vykricnik.png');
}
.message 
{
	font-weight:bold;
	border-style: solid;
	border-width: 1px;
	padding: 0.8em 0 0.3em 3.5em;		
	background-repeat: no-repeat;
	margin-bottom: 2em;
	width:53%;
	min-height:1.8em;
	_height:0.7em;
	_padding-top:0.2em;
	background-position: 0.5em center;
}
.okMessage
{
	color: #8cc63f;
	border-color: #8cc63f;
	background-image: url('../Images/ok.png');
}
/* --------------------- */

/* ------- User profile -------- */
.newUser
{
	font-size: 0.8em;
	padding-left: 0.5em;
	padding-bottom: 2em;
	_margin-right: -11em;
	_width: 100%;
}
.newUserFinish
{
	text-align: center;
	width: 100%;
}
.newUserFinish p
{
	font-weight: bold;
	font-size: 0.8em;
}
.upRow
{
	clear: both;
	line-height: 150%;
	padding-top: 0.8em;
	_padding-top: 0.4em;
}
.upLabel
{
	float: left;
	vertical-align: middle;
	font-weight: bold;
}
.upLabel div
{
	float: left;
	width: 1.2em;
	color: Red;
}
.upDataField
{
	float: right;
	vertical-align: middle;
}
.upDataField input, .upDataField textarea
{
	font-size: 1em;
	border: solid 1px;
}
/* ----------------------------- */

/* ------------ Staticke stranky ---------- */
#staticPage 
{
	padding-left: 1em;
	font-size: 0.85em;
	line-height:150%;
}
#staticPage p
{
	margin: 1em 0 1em 0;
}
#staticPage a 
{
	text-decoration: underline;
	font-weight: bold;
}