/* ===================== ZAKLADNI HTML PRVKY */
body {
	font-family: sans-serif;
	font-size: 13px;
	color: #aa272f;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	background: #e2e2e2;
}

img {
	border: 0px;
}

img.ramecek {
	padding: 3px;
	border: 1px solid #cc3333;
}

sub, sup {
	vertical-align: baseline;
	position: relative;
}

sub {
	top: 0.4em;
}

sup {
	bottom: 0.4em;
}

a {
	color: #aa272f;
}

a:hover {
	text-decoration: none;
}

a.mail	{background: url(../img/ico_mailanchor.gif) no-repeat right 7px; padding-right: 12px;}
a.out		{background: url(../img/ico_outanchor.gif) no-repeat right 4px; padding-right: 12px;}
a.avi 	{background: url(../img/ico/avi.gif) no-repeat left; padding-left: 20px;}
a.bmp 	{background: url(../img/ico/bmp.gif) no-repeat left; padding-left: 20px;}
a.doc 	{background: url(../img/ico/doc.gif) no-repeat left; padding-left: 20px;}
a.gif 	{background: url(../img/ico/gif.gif) no-repeat left; padding-left: 20px;}
a.htm 	{background: url(../img/ico/htm.gif) no-repeat left; padding-left: 20px;}
a.html 	{background: url(../img/ico/html.gif) no-repeat left; padding-left: 20px;}
a.jpg 	{background: url(../img/ico/jpg.gif) no-repeat left; padding-left: 20px;}
a.mp3 	{background: url(../img/ico/mp3.gif) no-repeat left; padding-left: 20px;}
a.pdf 	{background: url(../img/ico/pdf.gif) no-repeat left; padding-left: 20px;}
a.ppt 	{background: url(../img/ico/ppt.gif) no-repeat left; padding-left: 20px;}
a.txt 	{background: url(../img/ico/txt.gif) no-repeat left; padding-left: 20px;}
a.xls 	{background: url(../img/ico/xls.gif) no-repeat left; padding-left: 20px;}
a.zip 	{background: url(../img/ico/zip.gif) no-repeat left; padding-left: 20px;}
a.plus 	{background: url(../img/ico/plus.gif) no-repeat left 6px;	padding-left: 13px;}
a.tisk 	{background: url(../img/ico_print.gif) no-repeat left 2px; padding-left: 18px; color: #999999; text-decoration: none;}

em {
	font-style: normal;
}

h2 {
	margin: 5px 0px 5px 0px;
	color: #aa272f;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	margin: 5px 0px 5px 0px;
	color: #aa272f;
	font-size: 14px;	
	text-transform: uppercase;
}

h3.text {
	text-decoration: underline;
	background: url(../img/sipka.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

h4 {
	margin: 0px 0px 5px 0px;
	clear: both;
	font-size: 13px;	
	text-decoration: underline;
}

hr {
	display: block;
	clear: both;
	color: #00599a;
	background: #00599a;
	height: 1px;
	border: 0px;
}

table.pekna {
	width: 510px;
}

table.pekna td {
	padding: 2px;
	font-size: 13px;
	border: 1px solid #dddddd;
}

table.pekna td.polozka, table.pekna tr.hlavicka td {
	background: #dfdfdf;
	font-weight: bold;
}

table.pekna tr.mensi td {
	font-size: 11px;
}

table.pekna tr.tmavsi td {
	background: #eeeeee;
}

ul 								{margin: 5px 0px 0px 20px; padding: 0px 0px 0px 10px;}
ul.cislovany 			{list-style-type: decimal;}
ul.pismena 				{list-style-type: lower-alpha; margin: 0px 0px 0px 20px;}
ul.cd 						{margin: 0px 0px 0px 20px; list-style-type: circle;}
p 								{text-align: left;}
input, textarea		{border: 1px solid #de8835;}
fieldset 					{margin: 0px; border: 1px solid #c5c5c5;}
legend						{padding: 3px 5px 3px 5px; font-weight: bold;}
label 						{margin: 4px 10px 3px 10px; width: 130px; float: left; text-align: right;}
label.povinny 		{color: #004080;}
input, textarea		{border: 1px solid #aa272f; margin: 2px 0px 2px 0px; font-family: sans-serif; font-size: 12px; padding: 2px 3px 2px 3px}
input.aktivni, textarea.aktivni {border: 1px solid #de8835; background: #f3f3f3;}
textarea 					{overflow: auto;}


/* ======================================== */

/* ========================== BLOKOVE PRVKY */
#hlavni {
	display: block;
	width: 970px;
	margin: auto;
	border: 5px solid #aa272f;
	background: url(../img/bcg_hlavni.gif) repeat-y;
}

#hlavni #levy {
	display: block;
	float: left;
	width: 170px;
	height: 620px;
	padding: 10px;
	text-align: center;
	background: #ffffff;
	overflow: auto;
	scrollbar-face-color: #aa272e;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #aa272e;
	scrollbar-3dlight-color: #aa272e;
	scrollbar-shadow-color: #aa272e;
	scrollbar-darkshadow-color: #aa272e;
	scrollbar-track-color: #d0cfc0;
}

#hlavni #levy .menu {
	display: block;
	text-align: left;
	color: #919191;
}

#hlavni #levy .menu h2 {
	color: #919191;
}

#hlavni #levy .menu a {
	display: block;
	width: 140px;
	color: #919191;
	text-decoration: none;
}

#hlavni #levy .menu a:hover, #hlavni #levy .menu a.zvyraznene {
	color: #aa272f;
}

#hlavni #levy img {
	border: 1px solid #ededed;
	margin: 2px 0px 3px 0px;
}

#hlavni #pravy {
	display: block;
	float: right;
	width: 780px;
}

#hlavni #pravy #top {
	display: block;
	clear: both;
}

#hlavni #pravy #top #nadpis_top {
	display: block;
	float: left;
	height: 90px;
	width: 440px;
	padding: 70px 20px 20px 20px;
}

#hlavni #pravy #top #nadpis_top h1 {
	display: none;
}

#hlavni #pravy #top #logo_top {
	display: block;
	float: right;
	width: 300px;
}

#hlavni #pravy #obsah {
	display: block;
	clear: both;
	width: 780px;
}

#hlavni #pravy #obsah #text {
	display: block;
	float: left;
	width: 500px;
	height: 430px;
	padding: 5px 20px 20px 10px;
	overflow: auto;
	scrollbar-face-color: #aa272e;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #aa272e;
	scrollbar-3dlight-color: #aa272e;
	scrollbar-shadow-color: #aa272e;
	scrollbar-darkshadow-color: #aa272e;
	scrollbar-track-color: #d0cfc0;
}

#hlavni #pravy #obsah #menu {
	display: block;
	float: right;
	width: 227px;
	padding: 10px;
	color: #ffffff;
	background: #aa272f;
	margin-left: 3px;
}

#hlavni #pravy #obsah #menu h2, #hlavni #pravy #obsah #menu a {
	color: #ffffff;
}

#hlavni #pravy #obsah #menu ul {
	display: block;
	margin: 0px 0px 0px 10px;
}

#hlavni #pravy #obsah #menu ul li {
	list-style: none;
	background: url(../img/bcg_menu_ul.gif) no-repeat 2px 3px;
	padding-left: 20px; 
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}

#hlavni #pravy #obsah #menu ul ol {
	margin: 0px;
	padding: 0px;
}

#hlavni #pravy #obsah #menu ul ol li {
	list-style: none;
	background: none;
	padding: 0px;
	font-weight: normal;
	margin: 0px;
	text-transform: none;
}

#hlavni #pravy #obsah #menu ul ol li p {
	margin: 0px 0px 10px 0px;
}

#hlavni #pravy #obsah #menu ul ol li a.polozka {
	display: block;
	width: 160px;
	color: #ffffff;
}

#hlavni #pravy #obsah #menu ul ol li a.zvyraznene {
	color: #cfcfcf;
	text-decoration: none;
}


/* ========================= globalni tridy */
.cistic			{clear: both;}
.maly 			{font-size: 12px;}
.sedy 			{color: #808080;}
.modry 			{color: #003564;}
.cerveny		{color: #ff0000;}
.zeleny			{color: #5a8c2d;}
.nulovy 		{margin: 0px;}
.pravy 			{text-align: right;}
.centrovany	{text-align: center;}
.levy				{text-align: left;}
.dobloku		{text-align: justify;}
.doleva			{display: block; float: left;	text-align: left;}
.doprava		{display: block;	float: right;	text-align: right;}
.error			{display: block; color: #ffffff; font-weight: bold; text-align: center; margin-bottom: 10px; background: #00599a; padding: 2px 0px 2px 0px; border: 1px solid #dddddd;}
.error a		{color: #ffffff;}
.dnes				{color: #cb0101; font-weight: bold;}
.vcera			{color: #fe8400; font-weight: bold;}
.mensi			{font-size: 11px;}
.stredni		{font-size: 12px;}
.listovani	{display: block; text-align: center;}
.formular_chyba						{display: block; margin-bottom: 10px; font-weight: bold;}
.formular_chyba .sipka		{color: #ff0000; font-weight: bold; margin: 0px 3px 0px 3px; vertical-align: 1px;}
.formular_odesel					{display: block; border: 1px solid #e86c57; padding: 4px; background: #f3f3f3; margin: 5px 0px 5px 0px;}
.skryty			{display: none;}
.zitra 			{font-weight: bold}
.dnes 			{font-weight: bold; color: #bf0000;}
.ramecek		{	display: block;	border: 1px dotted #00599a;	margin: 5px 0px 5px 0px;padding: 5px;}