HTML {margin: 20px 0px 10px 0px;}

BODY {
	background-color:#308844;
	font: normal 80% Geneva CE, Geneva, Verdana, Helvetica, sans-serif;
	color: #1A1A1A;
	line-height:16px;
	text-align:center
	}

#stranka {
	width: 768px;
	margin: 0 auto; /* <-- auto zajistí "vycentrování" */
	padding: 0em;
	text-align:left;
	background-color:white;
  	}

A {color: #1A1A1A; text-decoration:underline}
A:visited { color:#4C4C4C; text-decoration:underline}
A:hover { color:#ED008C; text-decoration:underline}



FORM {margin:0px;padding:0px}
TD {font-size: 12px;vertical-align:top;line-height:16px;}
TH {font-size: 12px;text-align:left;vertical-align:top; background-color: #197b30; color:#d1e5d6; padding:5px}
P     {margin-top:12px;}
HR    {height:1px;
	color:#C1DCC7;
	width:100%;
	background-color:#C1DCC7;
	border:0px solid #C1DCC7}

H1   {
	font-size:18px;
	margin:18px 0px 15px 0px;
	color:#ED008C;
	font-weight:normal
	} /*hlavne nadpisi*/

H2   {font-size:12px; margin:15px 0px 5px 0px;} /*druhy podnadpis*/
H3   {font-size:12px; margin:15px 0px 20px 0px;font-weight:lighter;} /*vnutro nadpisi*/

TABLE {BORDER-COLLAPSE: collapse; border-spacing:0px }
IMG { BORDER: 0px; display:block}

.red {color:#ED008C;font-weight:bold }
.font-small {font-size:10px;font-weight:normal }
.center {padding-left:5px} /*Pouzite u KOTACII, hviezdicka dostredu*/
.underline {text-decoration:underline}
.clear           {clear:both;}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}


/*---------------------------------------------SITE*/

#left {
	float:left;
	width:264px;
	padding-top:60px;
	background-color:white;
	}


#right {
	float:left;
	width:504px;height:273px;
	padding-top:21px;
	background-color:white;
	}


#menu {
	width:504px;height:33px;
	background-color:#197B30;
	color:white;
	font-weight:bold;
	float: left;
	}

	#menu UL {
		margin: 0px;
		padding:0px;
	}

	#menu LI {
		padding: 8px 8px 0px 8px;
		margin:0px;
		list-style-type: none;
		float: left;
	}
	#menu LI a {color: white; text-decoration:none}
	#menu LI a:hover {color: #BAD8C1; text-decoration:underline;}
	 #menu LI a.active {color: #BAD8C1; text-decoration:none;}
	#menu b {color: #BAD8C1;}

#copyright {
	clear:both;
	font-size:10px;
	width:768px; height:60px;
	color:white;
	background-color:#308844;
	padding:8px 0px 0px 15px
	}
	#copyright IMG {float:left;}
	#copyright P {float:right;margin:0px;text-align:right;padding-right:21px}
	#copyright A {color: white; text-decoration:none}
	#copyright A:hover {color: #BAD8C1; text-decoration:none}

/*------------------------------------OBSAH*/

#left-obsah {
	float:left;
	width:264px;
	background-color:white;
	}
	#left-obsah-joska {
		padding: 0px 20px 0px 30px;
	}

#left-obsah-vnutro {
	text-align:right;
	margin: 9px 20px 20px 0px;
	}
	#left-obsah-vnutro LI{
		line-height:20px;
		list-style: none;
		}
	#left-obsah-vnutro LI a.active {color:#ED008C; text-decoration:none;font-weight:bold;}
	#left-obsah-vnutro IMG{
		display:inline;
		margin:15px 0px 0px 0px;
		}

#right-obsah {
	float:left;
	width:504px;
	background-color:white;
	}
	#right-obsah-joska {
		padding: 0px 20px 21px 10px;
	}
	#right-obsah-joska IMG{
		display:inline;
	}

#aktualizacia{
	position:relative;
	left:230px;top:128px;
	text-align:right;
	font-size:11px;
	padding:0px 10px 7px 0px;
	}
#aktuality LI {background: url(../images/gulka.gif) no-repeat 195px 8px;	padding-right:15px}
/*------------------------------------INPUTS*/

FORM DIV {margin-bottom:5px}
.input{
	BORDER-RIGHT: #d3d3d3 1px solid;
	BORDER-BOTTOM: #d3d3d3 1px solid;
	BORDER-TOP: #848484 1px solid;
	BORDER-LEFT: #848484 1px solid;
	}

.button {
	color:white;
	border: none;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #308844
	}
#odsadenie-button{
	margin: 15px 0px 0px 25px
	}

FIELDSET {
	border-top: black 1px solid;
	border-left: white 1px solid;
	border-bottom: black 1px solid;
	border-right: white 1px solid;
	PADDING: 5px 5px 10px 15px;
	MARGIN-TOP: 5px;

}

label {
	FLOAT: left; WIDTH: 130px;
}

LEGEND {
	color:white;
	PADDING: 2px;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 10px;
	BACKGROUND-COLOR: #308844
}

/*------------------------------------RAMCEKY - KOTACIE----*/

#kotacie2a {background: url(../images/kotacie-2a.gif) repeat-y; width:2px}
#kotacie2bb {background: url(../images/kotacie-2bb.gif) repeat-y;}

#aktualizacia-kotacie  {float:left}
#aktualizacia-kotacie2  {float:right; margin-right:15px}


/*----------------------------------------CBOT----------- */

#cbot2a {background: url(../images/cbot-2a.gif) repeat-y; width:2px}
#cbot2bb {background: url(../images/cbot-2bb.gif) repeat-y top top; vertical-align:bottom}


/*------------------------------------------MATIF---------*/

#matif2a {background: url(../images/matif-2a.gif) repeat-y; width:2px}
#matif2bb {background: url(../images/matif-2bb.gif) repeat-y top top; vertical-align:bottom}


TABLE.ramik {
	border: 1px solid #8cbd97; margin: 4px 4px 0px 4px; background-color: #fff;
}
.ramik  TD {
	border: #C5DECB 1px solid;  padding:2px; font-size:12px;
}
#matif {width:260px; background: url(../images/matif.jpg) no-repeat bottom right; padding-bottom:30px}
#adm {width:290px; background: url(../images/dma.jpg) no-repeat bottom right; padding-bottom:50px}
#cbot {width:410px; background: url(../images/cbot.jpg) no-repeat bottom right; }
#kotacie {background: url(../images/kotacie.jpg) no-repeat bottom right }
/*------------------------------ ADMIN AKUTALITY */

.certifikat {padding:10px 0 0 60px}
.certifikat DIV {float: left; margin-right:20px; text-align: center; width: 150px; }
.certifikat IMG {border:1px solid #ccc; padding:3px}
.certifikat  IMG.inline {border:none}

.admin-priloha {
	margin-top: 5px
}