body, html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(bg.gif) #e0e0e0 repeat fixed;
	color: black;
}

div.stoposto {
	height: 100%;
}
div.dno { 
	font: 10px verdana;
	width: 100%;
	border-top: 3px double #a0a0a0; 
	padding-top: 10px; 
	bottom: 0px;
}
div.prozor {
	width: 280px;
	background: #f5f5f5;
	color: inherit;
	border: 1px solid #e0e0e0;
	padding: 10px;
}

div.okvir {
	background: #f5f5f5;
	color: inherit;
	border: 1px solid #e0e0e0;
	padding: 10px;
	line-height: 160%;
}
div.webm {
	width: 200px;
	text-align: center;
	line-height: 160%;
	margin: auto;
	background: #f5f5f5;
	color: inherit;
	border: 1px solid #e0e0e0;
	padding: 10px;
}


div.gb {
	width: 60%;
	padding: 10px;
	border: 1px solid silver;
	background: #f8f8f8;
}


table { 
	border-collapse: collapse;
	width: 100%;
}

table.maintable {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 750px;
	color: inherit;
	background: white;
	border-left: 3px double #a0a0a0;
	border-right: 3px double #a0a0a0;
}	

table.rub td {
	vertical-align: middle;
	border: 1px solid silver;
	padding: 5px;
}

table.pedigre{border: 1px solid black;}

table.pedigre td{
	font: 10px verdana;
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #a0a0a0;
	background: #f5f5f5;
}

table.center td{
	text-align: center;
}


table.povijest td{
	text-align:justify;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:16px;
}

tr.legenda td{
	font: 9px verdana;
	color: inherit;
	background: #e0e0e0;
}
 
td {
	text-align: left;
	vertical-align: top;
	border: none;
	padding: 0px;
	font: 11px verdana;
	background: transparent; 
	color: inherit;

}

td.right{ text-align: right;}
td.center{ text-align: center;}


td.lijevoprostor{
	width: 180px;
	color: inherit;
	background: url(traka2.gif) bottom repeat-x transparent;
	border-right: 1px solid silver;
}

td.desnoprostor{
	width: 570px;
	color: inherit;
	background: url(traka2.gif) bottom repeat-x transparent;
	border-left: 1px solid silver;
}

td.main{
	padding: 30px;
}

td.opasmini{
	padding: 15px;
	padding-right: 15px;
	width: 140px;
	background: #f0f0f0;
	color: black;
	font: 10px verdana;

}

/* horizontalni menu */

td.tab, td.tabsel {
	text-align: center;
	vertical-align: middle;
}

td.tab {
	color: white;
	background: #b0b0b0 top url(tabbg.gif) repeat-x;
	border-top: 7px solid white;
	border-bottom: 1px solid #b0b0b0;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

td.tabsel {
	color: inherit;
	background: url(traka.gif) top repeat-x transparent;
	border-top:7px solid #e8e8e8;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;

}

td.tab a:link, td.tab a:visited, td.tab a:hover {
	display: block;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	color: white;
	background: transparent;
	text-decoration: none;
}

td.tab a:hover {
	color: inherit;
	background: #909090 top url(tabselbg.gif) repeat-x;
}

td.tabsel a:link, td.tabsel a:visited, td.tabsel a:hover {
	color: black;
	background: transparent;
	text-decoration: none;
}

td.naslov{
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 10px;
	background: url(traka.gif) top repeat-x transparent;
	color: inherit;
}

/* span */

span.naslov {
	font: 24px verdana; 
	letter-spacing: 6px;
}

span.vidljivo{
	font: bold 13px verdana;
	color: #ff9900;
	background: inherit;
	letter-spacing: 1px;
}

span.poglavlje {
	font: bold 11px verdana;
	color: inherit;
	background: #e0e0e0;
	letter-spacing: 1px;
}

span.datum {
	font: bold 10px verdana;
	color: black;
	letter-spacing: 1px;
}
span.tocno{
	font: small-caps bold 13px verdana;
	color: #0060c0;
}
span.netocno{
	font: small-caps bold 13px verdana;
	color: #ff9900;
}
span.odgovor{
	font: 11px verdana;
	text-decoration: underline;
	color: #568;
}
span.highlight{
	font: 11px verdana;
	background: #e8e8e8;
	color: black;
}
span.ime {
	font: small-caps 15px verdana;
	letter-spacing: 2px;
	word-spacing: 5px;
}

/* p */

p { line-height:150%; }
p.jednostruki { line-height:100%;}
p.dupli { line-height:200%;}
p.justify { text-align: justify;}
p.center { text-align: center;}
p.right { text-align: right;}

/* izložbe */

td.par, td.pars, td.nepar, td.nepars {
	font: 10px verdana;
	vertical-align: middle;
	padding: 4px;
	border: 1px solid silver;
	color: inherit;
}
td.pars, td.nepars {
	color: gray;
}
td.par, td.pars {
	background: #f0f0f0;
}
td.nepar, td.nepars {
	background: white;
}

/* naslovi */

h3 {
	font: bold 17px verdana; 
	padding: 3px;
	padding-bottom: 5px;
	letter-spacing: 3px;
	word-spacing: 3px;
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	color: inherit;
	background: #f5f5f5;
}
h4 {
	font: 16px verdana;
	letter-spacing: 3px;
	border-bottom: 3px double gray; 
	color: inherit;
}
h5 {
	font: small-caps 15px verdana;
	letter-spacing: 3px;
	border-bottom: 3px double silver;
}
h6 {
	padding: 2px;
	font: bold 10px verdana;
	color: inherit;
	background: #f0f0f0;
	letter-spacing: 1px;
}

img {border: 3px double black; vertical-align: middle;}
img.jedan {border: 1px solid black;}
img.bez {border: none;}
img.t {border: none; margin-left:6px; margin-right:2px;}
img.left{
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
img.right{
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
}
a:link, a:visited, a:active {
	text-decoration: none; 
	color: #0060c0;
	background: transparent;
}
a:hover {
	text-decoration: none; 
	color: #ffaa00;
	background: transparent;
}

form { margin: 0px; }

ul, ol {margin-top: 2px; margin-bottom:2px;}
li {
	line-height: 150%;
	padding-top:4px;
	padding-bottom:4px;
}
ul.gusto li, ol.gusto li {
	padding: 0px;
}


/* vertikalni menu */

ul.menu {
	list-style-type: none;
	color: black;
	background: transparent;
	margin: 0px;
	padding: 0px;
	border: none;
}
ul.menu li{
	text-align: right;
	background: white;
	color: inherit;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #e0e0e0;
}
ul.menu a:link, ul.menu a:visited, ul.menu a:hover, ul.menu a:active {
	text-decoration: none;
	letter-spacing: 1px;
	font: 11px verdana;
	color: black;
	background: transparent;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	width: 170px;
	border: none;
	display: block;
}
ul.menu a:hover {
	background: #f0f0f0;
	color: inherit;
}
ul.menu li.liselected {
	background: #f5f5f5;
	color: inherit;
}

label {
    color: #666;
    background: inherit;
    text-align: left;
    width: 100px;
    float: left;
}
label.bez{
	width:auto;
}
select, input, textarea{
	font: 11px verdana;
	vertical-align: middle;
	padding: 2px;
}

input.rub, textarea.rub{
	margin: 1px;
	border: 1px solid gray;
}


ol.kviz li{
	padding: 8px;
	margin: 0px;
	line-height: 150%;
}
big{
	font: 13px verdana;
	letter-spacing: 1px;
	word-spacing: 5px;
}

.indent {
	text-indent: 30px;
}

div.specka {
	line-height: 200%;
	text-align: center;
	border: 1px solid silver;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	background: white;
	padding-top: 10px;
	padding-bottom: 10px;
}