/*
 Common styles
-------------------------------------------------------------------------------
 */
* {
  padding: 0px;
  margin: 0px;
}

body {
  text-align: center;
  background-color: #ddbf76;
  font-family: verdana, arial, hevetica, sans-serif;
  font-size: 11px;
}

h3 {
  padding: 5px;
}

li {
  margin-left: 45px;
}

ol { 
  padding-left: 0px;
}

a { 
  text-decoration: none;
  color: #8c552e;
	cursor: pointer;
}

a:hover { 
  text-decoration: underline;
}

table { 
  border: 1px solid black;
  border-right: 0;
  border-bottom: 0;
}

th { 
  background: #b8641b;
  padding: 3px;
  text-align: center;
  color: white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

td { 
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px;
}

blockquote { 
  padding-left: 30px;
}
/*
 Layout
-------------------------------------------------------------------------------
 */
 .left {
	width: 150px;
	text-align: center;
	float: left;
	display: block;
	margin-left: 20px;
 }
 
 .left img {
	display: block;
	margin: 10px;
}

 .right {
	float: right;
	width: 150px;
	text-align: center;
	margin-right: 20px;
 }
 
 .right img {
	display: block;
	margin: 10px;
}

.container {
  width: 760px;
  height: 500px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: left;
}

div#topMenu ul {
  position: absolute;
  margin-left: 15px;
  margin-top: 5px;
}

div#topMenu li { 
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0;
  color: #8c552e;
  font-weight: bold;
}

.header {
  background: url("../images/headerbg.gif") no-repeat;
  width: 730px;
  height: 150px;
  padding-left: 30px;
}

.header img { 
  border: 1px solid black;
}

.header h1 {
  font-size: 22px;
  padding-top: 0px;
  color: white;
  letter-spacing: -1px;
  padding-top: 35px;
  text-align: left;
}

.header h2 {
  float: left;
  font-size: 12px;
  color: white;
}

/*
   lvl 1 menu
-------------------------------------------------------------------------------
 */

#menuContainer {
  position: absolute;
  width: 758px;
  margin-top: -29px;
  float: left;
  border: 1px solid black;
  border-top: 0;
  border-bottom: 0;
}

#menu {
  list-style-type: none;
  width: 100%;
  /* Works for IE */
  height: 11px;
  padding: 10px 0 6px 0;
  text-align: left;
}

#menu li {
  float: left;
  padding: 0px 5px 0px 5px;
  border-right: 1px solid black;
  margin-left: 0;
}

#menu li.last {
  border-right: 0px;
	margin-right: 230px;
}

/* IE6 hack */
html>body #menu li.last {
	margin-right: 200px;
}

#menu li.button { 
  border: 0px;
  padding: 0px 3px 0px 3px;
}

#menu li a {
  display: block;
  text-decoration: none;
  color: #e9e9e9;
  font-weight: bold;
  font-size: 10px;
}

#menu li a:hover, .topMenu li a:hover {
  color: white;
  text-decoration: underline;
}

/*
	lvl2 Submenu
-------------------------------------------------------------------------------
 */

#menu ul.lvl2 {
  display: none;
  position: absolute;
  padding: 0;
  margin-left: -6px;
  list-style-type: none;
  border: 0px;
  text-align: left;
}

#menu li:hover ul.lvl2, #menu li.sfhover ul.lvl2 {
  display: block;
  left: auto;
}

#menu ul.lvl2 li {
  position: relative;
  border: 1px solid black;
  border-top: 0px;
  list-style-type: none;
  text-align: center;
  background: #8a4d20;
  width: 100%;
}

#menu ul.lvl2 li.sub {
    background: #8a4d20 url('/images/submenu.gif') no-repeat right center;
}
    

#menu ul.lvl2 li.padding {
  background: transparent;
  height: 6px;
  _margin-top: -4px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
}

#menu ul.lvl2 li a {
  padding: 3px 5px 3px 5px;
}

#menu ul.lvl2 li.padding a { 
  padding: 0;
}

/*
	lvl 3/4 Submenu
 ----------------------------------------------------------------------------------
 */

#menu ul.lvl3,
#menu ul.lvl4,
#menu ul.lvl5,
#menu ul.lvl6 { 
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: left;
  background: #ffcc00;
  left: 100%;
}

#menu ul.lvl2 li:hover ul.lvl3, #menu ul.lvl2 li.sfhover ul.lvl3,
#menu ul.lvl3 li:hover ul.lvl4, #menu ul.lvl3 li.sfhover ul.lvl4,
#menu ul.lvl4 li:hover ul.lvl5, #menu ul.lvl4 li.sfhover ul.lvl5,
#menu ul.lvl5 li:hover ul.lvl6, #menu ul.lvl5 li.sfhover ul.lvl6 { 
  display: block;
  margin-top: -19px;
  border-top: 1px solid black;
}

/*
 Main content container
------------------------------------------------------------------------------------
 */


.content {
  width: 718px;
  text-align: justify;
  border: 1px solid black;
  background-color: white;
  padding: 20px;
  padding-bottom: 10px;
}

#leftside { 
  float: left;
  width: 500px;
  padding-right: 30px;
}

#leftside h1, #fullpage h1 { 
  text-align: center;
  color: #8c552e;
  padding: 5px;
  font-size: 15px;
}

#leftside h2,
#fullpage h2 { 
  font-size: 13px;
  color: #8c552e;
  padding: 10px 0 5px 0;
}

#leftside h3,
#fullpage h3 {
  font-size: 12px;
  color: #8c552e;
  padding: 10px 0 5px 0;
}

#leftside p,
#fullpage p { 
  padding: 3px 0 3px 0;
}

#rightside { 
  float: right;
  padding-left: 20px;
}

#fullpage { 
  width: 700px;
}

#nav { 
  text-align: right;
}

.slika { 
  width: 500px;
  text-align: center;
  margin-bottom: 15px;
}

.centerimg {
	text-align: center;
	margin-bottom: 15px;
	width: 100%;
}

.slika h2,
.centerimg h2 { 
  font-size: 12px;
}

.slika img { 
  max-width: 450px;
}

.news {
  background-color: transparent;
  font-size: 12px;
  margin-bottom: 15px;
}

#leftside .news h1,
#fullpage .news h1 {
  padding-bottom: 4px;
  font-size: 14px;
  color: #8c552e;
  border-bottom: 1px solid black;
  text-align: left;
}

.news p { 
  padding-top: 4px;
  font-size: 11px;
}

.news p.published { 
  text-align: right;
}

.news ul {
  padding: 5px 0px 5px 40px;
}

.news p.published {
	padding: 10px 0px 5px 0px;
	font-style: italic;
	font-size: 11px;
}

.menu { 
  margin-bottom: 15px;
}

.menu h1 { 
  background: url('../images/menubg.jpg') no-repeat;
  font-size: 13px;
  text-align: center;
  border: 1px solid black;
  padding: 3px;
  width: 144px;
  color: white;
}

.menu ul { 
  padding: 5px;
  border: 1px solid black;
  width: 140px;
}

.menu li { 
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}

/*
 * Sportni dnevi tabela
 */

table.sd {
  font-size: 11px;
  empty-cells: show;
  border-top: 1px;
  border-left: 1px;
  border-bottom: 0;
  border-right: 0;
  border-style: solid;
  border-color: black;
}

table.clean { 
  border: 0;
}

table.clean td { 
  border: 0;
  vertical-align: top;
}

table.clean td li { 
  padding-left: 0px;
  margin-left: 15px;
}

table.sd th {
	background: #018599;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	border: 1px solid black;
	color: white;
	border-left: 0;
	border-top: 0;
}

table.sd td {
	margin: 0;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-top: 0px;
	border-left: 0px;
	margin-bottom: 20px;
}

.footer {
  background: url("../images/footerbg.jpg") no-repeat;
  width: 748px;
  text-align: center;
  padding: 4px 0px 0px 10px;
  color: white;
  border: 1px solid black;
  border-top: 0;
  height: 32px;
}

.footer a {
  color: white;
}

img {
  border: 0px;
}

div.gallery {
  text-align: center;
  margin-left: 50px;
}

.clearing {
  height: 0;
  clear: both;
}

p.imgnav { 
  text-align: center;
  background-color: #d2d2d2;
  border: 1px solid #c2c2c2;
}

div.gallery div.image {
  text-align: center;
  min-width: 100px;
  max-width: 100px;
  min-height: 105px;
  height: auto;
  margin: 10px;
  padding: 10px;
  background-color: white;
  border: 1px solid #727272;
  display: block;
  float: left;
}

.cbRight {
  font-weight: bold;
  color: green;
}

.cbWrong {
  color: red;
}

.cbNeutral {
  font-weight: normal;
  color: inherit;
}

input.tbIncorrect { 
  background-color: red;
  color: white;
}

input.tbCorrect { 
  color: green;
  font-weight: bold;
  background-color: white;
}

input.tbNeutral { 
  color: black;
  background-color: white;
  font-weight: normal;
}


p.imgcomment { 
  text-align: center;
  padding-bottom: 5px;
}

div.index {
    width: 180px;
    float: left;
    margin: 21px;
}

div.index h1 {
    border-bottom: 2px solid #8c552e;
    text-align: left;
}

div.index ul {
    list-style-type: none;
    margin-top: 5px;
}

ul.alpha {
    list-style-type: lower-alpha;
    padding-left: 10px;
    text-align: left;
}

#fullpage div.source {
		margin-top: 15px;
}

#leftside div.source h1,
#fullpage div.source h1 {
  font-size: 11px;
  text-align: left;
  background: #d17417;
  border: 1px solid black;
  padding: 2px;
  padding-left: 10px;
  color: white;
}

#leftside div.source p,
#fullpage div.source p {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid black;
}

#fullpage form {
		border: 0px;
		padding: 5px;
}

#fullpage form fieldset {
		border: 0px;
		display: block;
		border: 1px solid #a2a2a2;
		padding: 5px;
}

#fullpage form fieldset legend {
		border: 1px solid #a2a2a2;
		margin-left: 20px;
		margin-bottom: 5px;
		font-weight: bold;
		padding: 5px;
		margin-top: 0;
}

div#rezultat {
		display: none;
		padding: 20px;
		position: fixed;
		background: #d2d2d2;
		border: 1px solid black;
		z-index: 123;
		left: 40%;
		top: 40%;
}

div#rezultat.visible {
		display: block;
}