/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }
body                                   {
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	padding: 10px;
	text-align: center;
}
a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; color: #000; text-decoration: none; }
br.clear                               { clear: both; }
/*--------------------------------------
   HIDE
-------------------------------------- */
#flash, #tel, #mainMenu ul, #nav, 
#rightCol, #topLink, #footer { display: none; }

/*--------------------------------------
   LAYOUT & Typ.
-------------------------------------- */
#wrapper                               { text-align: left; }

#logo { font-size: 25px; display: block; margin-bottom: 30px; font-weight: bold; }
#logo span { font-size: 10pt; margin-left: 5px; }

h1                                     { font-size: 18pt; font-weight: normal; margin-bottom: 20px; }
h2                                     { font-size: 14pt; font-weight: normal; margin: 20px 0 15px 0; }
h3                                     { font-size: 12pt; font-weight: bold; margin: 15px 0 15px 0; }
h4,
h5,
h6                                     { font-size: 10pt; font-weight: bold; margin: 15px 0 10px 0; }
p, ul, ol                              { margin: 10px 0; }
ul, ol                                 { padding-left: 10px; }
ul li                                  { list-style: outside circle; margin-left: 30px;  }
ol li                                  { list-style: outside decimal; margin-left: 30px;  }
img                                    { display: inline; margin: 10px; }

.disciplina                            {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ccc;
	display: table;
	width: 610px;
}
.disciplina .image                         { display: inline; float: left; width: 100px; text-align: center; }
.disciplina .content                       { display: inline; float: right; width: 500px;}	
#mainContent .disciplina img               { padding: 0; border: 0; }
#mainContent .disciplina ul,
#mainContent .disciplina ol                { padding: 0 0 0 5px; }
#mainContent .disciplina h3                { font-weight: bold; margin: 0 0 10px 0; }

#racunanjepodznaka                         { margin-bottom: 20px; }
#racunanjepodznaka legend                  { display: none; }
#racunanjepodznaka fieldset                { border: none; }
#mainContent #racunanjepodznaka p          { clear: both; }
#mainContent #racunanjepodznaka p img      { margin: 0 0 0 10px; vertical-align: middle; }
#racunanjepodznaka label                   {
	display: block; 
	float: left; 
	width: 90px; 
	margin-right: 15px;
	text-align: right;
}
#racunanjepodznaka input                   {
	display: inline; 
	float: left;
	background: #fff;
	border: 1px solid #704366;
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 142px;
	padding: 2px 4px;
	text-align: center;
	}	
#racunanjepodznaka select                  {
	background: #fff;
	border: 1px solid #704366;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
}	
.sat                                       { width: 60px; margin-right: 15px; }
.minuta                                    { width: 70px; }
#racunanjepodznaka input#izracunaj,
#racunanjepodznaka input#odustani          { width: 70px; background: #896882; color: #fff; }
#racunanjepodznaka input#izracunaj         { margin-left: 105px; margin-right: 10px; }
#podznak-rezultat                          { padding: 10px; border: 1px solid #704366; }