@media screen
{

	body,
	input,
	select,
	textarea,
	td,
	th
	{
		font-family: "Arial CE", "Helvetica CE", Arial, sans-serif;
		font-size: 12px;
	}
	
	body
	{
		margin: 0;
		padding: 0;
		background: #FFFFFF url("img/body-bg.gif") top left repeat-y;
		color: #000000;
		text-align: left;
	}


	#uvod
	{
		margin: 0;
		padding: 0;
		background: #FFFFFF;
		color: #000000;
		text-align: center;
		background: #FFFFFF url("img/bg.gif") top left repeat-y;
	}
	
	form
	{
		margin: 0;
		padding: 0;
	}
	
	h1
	{
		display: none;
	}
	
	/* vsechny odkazy jsou defaultne podtrzene */

	.menu
	{
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
	}


	.menu:hover
	{
		color: #D5D5D5;
	}


	.zelena
	{
		color: #33a488;
		text-decoration: underline;
	}


	a
	{
		color: #1A4298;
		text-decoration: underline;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	a img
	{
		border: none;
		vertical-align: bottom;
	}
	
	.clnr 
	{
		clear: both;
		height: 0;
		font-size: 0;
		line-height: 0;
		padding:0;
	}

	#pageHolder
	{
		width: 770px;
	}

	#top
	{	
		margin: 0 38px 0 10px;
		height: 50px;
		background: #ecfaff;
	}
	#top2
	{	
		margin: 0 38px 0 10px;
		height: 50px;
		background: #eaffea;
	}


	#top img
	{
		text-align: right;
	}
	
	#mainMenu
	{
		margin: 0 38px 0 0;
		background: url("img/menu-bg.gif") center top no-repeat;
		height: 26px;
		text-align: right;
	}


	#mainMenu ul
	{
		margin: 0 auto;
		text-align: right;
		width: 698px;
		list-style: none;
		padding: 0;
		_margin-left: -3px;
		_margin-left/**/: 0;
		_margin-top: 5px;
		_margin-top/**/: 5px;
	}
	
	#mainMenu ul li
	{
		display: inline;
		margin: 0;
		padding: 0;
	}



	#mainMenu2
	{
		margin: 0 38px 0 0;
		background: url("img/menu-bg2.gif") center top no-repeat;
		height: 26px;
		text-align: right;
	}


	#mainMenu2 ul
	{
		margin: 0 auto;
		text-align: right;
		width: 698px;
		list-style: none;
		padding: 0;
		_margin-left: -3px;
		_margin-left/**/: 0;
		_margin-top: 5px;
		_margin-top/**/: 5px;
	}
	
	#mainMenu2 ul li
	{
		display: inline;
		margin: 0;
		padding: 0;
	}


	
	#contentHolder
	{
		margin: 0 38px 0 0;
		height: 1%;
		padding-bottom: 20px;
	}
	#contentHolder[id]
	{
		height: auto;
	}
	
	#image
	{
		font-size: 0;
		line-height: 0;
		margin-left: 1px;
	}

	#menu, #menu2, #textHolder
	{
		float: left;
	}
	
	#menu,
	#menu2
	{
		width: 245px;
	}
	
	#menu ul,
	#menu2 ul
	{
		list-style: none;
		margin: 4px 0;
		padding: 0;
		font-weight: bold;
	}
	#menu ul li,
	#menu2 ul li
	{
		margin: 0;
		padding: 0;
		height: 1%;
	}
	#menu[id] ul li,
	#menu2[id] ul li
	{
		height: auto;
	}
	
	#menu ul li a,
	#menu2 ul li a
	{
		display: block;
		color: #8C8C8C;
		text-decoration: none;
		padding: 2px 24px;
		_width: 245px;
		_w\idth: auto;
	}
	
	#menu ul li a:hover
	{
		background: #E0E8F5;
	}

	#menu2 ul li a:hover
	{
		background: #E0F5E7;
	}

	#textHolder
	{
		width: 485px;
	}
	
	#text
	{
		padding: 0 15px;
	}
		
	h2,h3
	{
		margin: 0;
		padding: 0;
	}

	h2 img, h3 img
	{
		vertical-align: bottom;
	}
	
	#text h2,
	#text h3,
	#menu h2,
	#menu h3,
	#menu2 h2,
	#menu2 h3
	{
		font-size: 20px;
		font-weight: normal;
	}
	
	#menu h2,
	#menu2 h2
	{
		color: #007ac8;
		margin-left: 21px;
	}


	#menu h3,
	#menu2 h3
	{
		color: #00cc99;
		margin-left: 21px;
	}

	#text h2
	{
		font-size: 18px;
		color: #007ac8;
	}
	
	#text h3
	{
		font-size: 18px;
		color: #00cc99;
	}
	
	#text p
	{
		margin: 14px 0;
	}
	
	.imgLeft, .imgRight
	{
		border: solid 1px #A3A3A3;
	}
	
	.imgLeft
	{
		float: left;
		margin: 0 10px 10px 0;
	}
	
	.imgRight
	{
		float: right;
		margin: 0 0 10px 10px;
	}

}