/*------------------------------------------------------------------
[Colors]
Body (blue) #1e8dc4
Text (gray) #636363
Header menu text (gray) #383838
Header menu text hover (orange) #d2562b
Left menu text #ffffff
Footer #2d356d
-------------------------------------------------------------------*/

body {
  background: #1e8dc4 url("../img/body.gif") repeat-x top;
  color: #636363;
}
p {
  font-size: 0.9em;
  margin: 0 0 1em 0;
}
.container {
  width: 940px;
  position: relative;
  min-height: 1600px;
}
.logo {
  position: absolute;
  width: 228px;
  height: 72px;
  top: 73px;
  left: 0;
}
#index {
	width: 271px;
	height: 165px;
	background: url("../img/index.png") no-repeat;
	position: absolute;
	top: 400px;
	left: 223px;
	z-index: 999;
	color: #C0E0E9;
	padding: 60px 30px 20px 75px;
	font-size: 0.9em;
}

/*------ HEADER
{
*/
#header-menu, #content
{
	width: 655px;
}

#header-menu
{
	float: right; display: inline;
	margin: 0 15px 0 0;
}
#header-menu ul
{
	display: block;
	list-style: none;
	margin: 0 0 0 30px;
	padding: 0;
}
#header-menu ul li {
  float: left;
}
#header-menu ul li a {
  height: 50px;
  line-height: 50px;
  color: #383838;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 25px;
  font-size: 0.8em;
  display: inline-block;
}
#header-menu ul li a:hover
{
  background: #f1a96f;
  color: #fff;
}
#header-menu ul li.hereLi a
{
  background: #d2562b;
  color: #fff;
}
/*
} / KONEC  HEADER
*/


/*------ CONTENT
{
*/
#content
{
	float: right; display: inline;
	margin: -3px 16px 0 0;
	_margin: -11px 0 0 0;
	position: relative;
		left: 5px;
	z-index: 10;
}
#content .top
{
  height: 10px;
  display: block;
  background: url("../img/content-top.png") no-repeat top left;
  padding: 0;
}
#content .bottom
{
	font-size: 0.01%;
	height: 8px;
	display: block;
	background: url("../img/content-bottom.png") no-repeat top left;
	content: "";
	clear: both;
}
#content .bg
{
  background: url("../img/content-repeat.png") no-repeat;
}
#content .bg .clipart
{
	width: 174px;
	height: 233px;
	background: url("../img/content.gif") no-repeat;
	position: absolute;
	z-index: 1;
	bottom: 4px;
	_bottom: 11px;
	left: 5px;
}
#content .bg .text
{
	position: relative;
	z-index: 1;
	padding: 11px 19px 12px 21px;
	min-height: 400px;
}
#content .bg .text .main-img
{
	line-height: 1;
	margin: 0 0 0 0;
	display: block;
}
	
	/*--- leftmenu
	{
	*/
		#leftmenu
		{
			float: left; display: inline;
			width: 281px;
			position: absolute;
				top: 200px;
				left: -3px;
			z-index: 0;
			background: url("../img/leftmenu-white-top.png") no-repeat;
		}
		
			#leftmenu .spanner
			{
				margin-top: 25px;
				background: url("../img/leftmenu-white-center.png") repeat-y;
			}
			
			
			
			#leftmenu div.bottomspannner
			{
				background: #1e8dc4 url("../img/leftmenu-white-bottom.png") bottom left no-repeat;
				height: 25px;
				font-size: 0.1%;
				line-height: 0.1%;
				margin-top: -19px;
			}
			
			/*
				tenhle div nam drzi barvu
				pozadi a vnitrni obrazek
			*/
			#leftmenu .color
			{
				margin: 0 0 0 23px;
				background: #d2562b url("../img/color.png") no-repeat;			
			}
				#leftmenu ul
				{
					list-style: none;
					padding: 80px 0 15px 75px;
				}
					#leftmenu ul li a
					{
						width: 150px;
						margin: 0 0 4px 0;
						line-height: 1.2;
						text-transform: uppercase;
						text-decoration: none;
						display: block;
						padding: 5px 0 5px 5px;
						color: #fff;
						font-size: 0.9em;
					}
					#leftmenu ul li a:hover,
					#leftmenu ul li a:active,
					#leftmenu ul li a:focus,
					#leftmenu ul li.hereLi a
					{
					  background: #e0896b;
					  opacity: 0.8;
					  filter: alpha(opacity=80);
					  -moz-opacity: 0.8;
					  -khtml-opacity: 0.8;
					}
	/*
	}
	*/
	
	p#langSwitch
	{
		clear: both;
		margin: 0;
		font-weight: bold;
		color: white;
		position: relative;
			top: 27px;
	}
		p#langSwitch a
		{
			color: white;
			text-decoration: none;
		}
			p#langSwitch a:hover
			{
				text-decoration: underline;
			}
	


/*
} / KONEC CONTENT
*/

/*------ FOOTER
{
*/
#footer
{
  width: 940px;
  border-top: 1px solid #266198;
  float: left;
  margin: 35px 0 0 0;
  color: #2d356d;
}
	body#homePage #footer
	{
		margin-top: 135px;
	}

#footer ul {
  list-style: none;
  margin: 5px 0 0 0;
}
#footer ul li {
  display: inline;
  font-size: 0.9em;
}
#footer ul li a {
  text-decoration: none;
  color: #2d356d;
}
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
  text-decoration: underline;
}
#footer ul li span {
  padding: 0 5px 0 8px;
}
#footer .disclaimer {
  font-size: 0.777em;
  line-height: 1.1em;
  text-align: right;
  margin: 15px 0 10px 40px;
}
/*
} / KONEC FOOTER
*/

table thead tr td
{
	background-color: #a3e0f3;
}
	table tbody tr td
	{
		background-color: #f9f9f9;
	}
	table tbody tr.emRow td
	{
		background-color: #eaeaea;
	}
	
	table tr td
	{
		padding: 6px 5px 5px 5px;
	}
	table.toCenter tr td
	{
		text-align: center;
	}
	

/*------------------------------------------------------------------
  GLOBAL SETTINGS
-------------------------------------------------------------------*/
ul
{
	list-style: square;
	margin-left: 1.25em;
}

ul.noStyle, ol.noStyle, ul.noStyle li { list-style: none; background: none; }

ul.noIndent, ol.noIndent { margin-left: 0; }

dl dd { margin-left: 0; }

sup
{
	font-size: 0.65em;
	line-height: 1;
}

hr
{
	background: #ddd;
	color: #ddd;
}

.floatStop {
	display: block;
	clear: both;
	line-height: 0.01%;
	height: 0.01em;
	font-size: 0.01%;
}
.border-gray {border: 1px solid #e3e3e3; margin: 17px 0 0 0; padding: 40px 20px 10px 90px;}

.toLeft {text-align: left;}
.toCenter {text-align: center; margin-left: auto; margin-right: auto;}
.toRight {text-align: right;}

.fltLft {display: block; float: left;}
.fltRgt {display: block; float: right;}
.fltNone {float: none;}

.clrRgt {clear: right;}
.clrLft {clear: left;}
.clrBth {clear: both;}

.noBorder {border: none;}
.noMargin {margin: 0;}
.noDecor {text-decoration: none;}

.disBlock {display: block !important;}
.disInline {display: inline;}
.disNone {display: none !important;}
.visNone {position: relative; top: -999px;}
