*
{
	margin: 0;
	padding: 0;
}

ul
{
	list-style-type: none;
}

img
{
	border: none;
	display:block;
	
}

.bl {background: url(bl.gif) 0 100% no-repeat #e6e6e6; width: 100%}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat;padding:10px}

b, .blue{color:#1A598A}
a b
{
	color:#1A598A;
}
.red{color:#CC0000}

.framed{
	padding: 3px;
	border: 1px solid #CCC}
	
.center
{
	text-align:center;
}

.brand
{
	font-size:1.34em;
	font-weight:bold;
	text-transform: lowercase;
	color: #cc3333;
	font-style: italic;
	font-family: 'Times New Roman';
}

.brandh2
{
	font-size:1.48em;
	font-weight:bold;
	text-transform: lowercase;
	color: #cc3333;
	font-style: italic;
	font-family: 'Times New Roman';
}


.brand1
{
	font-size:1.62em;
	font-weight: bold;
	text-transform: lowercase;
	font-style: italic;
	font-family: 'Times New Roman';
}

.brand-t
{
	font-size:1.35em;
	font-weight:bold;
	text-transform: lowercase;
	color: #cc3333;
	font-style: italic;
	font-family: 'Times New Roman';
}

address{
	padding: 0.5em 1em;
	border: 1px solid #6B8F88;
	margin: 1em 0;
	background: #F8F8F8;
	color: Maroon}
	
body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	font-size: 62.5%}
	
a:link, a:visited, a:active
{
	color: #1A598A;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a.b
{
	color: #1A598A
}

a.b:hover
{
	color:#ffffff;
}

a.special
{
	padding-left:40px;
	background-position: left center;
	background-image: url(arrows_ani.gif);
	background-repeat: no-repeat;
}

a.ani
{
	background-position: left center;
	background-image: url(ar-ani-r.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	margin-top:0.3em;
}

#wrap
{
	height:auto;
}


#hea{
	height: 100px;
	margin-bottom:3px;
	background: #1A598A url(bgr_header.jpg) repeat-x top}
	
#heaMail{
	height: 100px;
	margin-bottom:3px;
	background: #1A598A url(logoHeader.gif) repeat-x top}
	
#hea h1{
	text-indent: -1000px;
	width: 100%;
	height: 93px;
	background: transparent url(header.jpg) no-repeat}
	
#hea img{
	position: absolute;
	top: 13px;
	left: 183px}

#sid
{
	display:block;
	width: 180px;
	position: absolute;
	top: 100px;
	left: 0px;
}
	

#sid div
{
	visibility:hidden;
}

#sid div#nav, #sid div#prv,#sid div#myMenu
{
	visibility:visible;
	cursor:pointer;
}

#nest
{
}

	
.nesto
{
	cursor:pointer;
	color:white;
}

.hnesto
{
	cursor:pointer;
	color:white;
}

.fnesto
{
	cursor:pointer;
	color:white;
}

#nav
{
	display:block;
	cursor:pointer;
}
	
#nav span
{
	cursor:pointer;
}

#nav span a
{
	height:13px;
	padding:5px 0px 7px 10px;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	background: url(bgr_nav.png) #1d5b8b repeat-y right 100%;
	color: white;
	border-top: white 3px solid;
	text-decoration: none;
	cursor:pointer;
}
#nav span a:visited 
{ 
	text-decoration:none;
}

#nav span a:hover
{
	text-decoration: none;
	background: url(bgr_nav_faux.png)	
}
#nav a.faux
{
	background-image: url(bgr_nav_faux.png);
	background-color: #7494C6;
	cursor:pointer;
}
#nav span a.sub
{
	height:13px;
	padding:5px 0px 7px 16px;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	background: url(bgr_nav.png) #1d5b8b repeat-y right 100%;
	color: white;
	border-top: white 3px solid;
	text-decoration: none;
	font-style: italic;
	cursor: pointer;
	margin-right:0px;
}

#nav a.sub:hover
{
	background: url(bgr_nav_faux.png)
}	
	
#nav a.sfaux
{
	height:13px;
	padding:5px 0px 7px 16px;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	background: url(bgr_nav_faux.png) #1a598a repeat-y right 50%;
	color: white;
	border-top: white 3px solid;
	text-decoration: none;
	font-style: italic;
	margin-right:0px;
}

#sid a.mail
{
	padding-right: 14px;
	display: inline;
	padding-left: 14px;
	background-image: url(mail.gif);
	padding-bottom: 8px;
	width: 28px;
	padding-top: 8px;
	background-repeat: no-repeat;
	height: 15px;
	background-color: transparent;
	text-align: center;
}

#sid a.mail:hover
{
	background-image: url(mail-over.gif);
}

#sid p
{
	margin-top: 5px;
	display: block;
	font-size: 1.2em;
	color: #006699;
	text-align: left;
	padding-right: 10px;
	margin-left: 10px;
}

#sid ul
{
	margin-top:30px;
	padding-left:10px;
}

#sid li
{
	padding-top:3px;
}

#nav .banner
{
	font-weight: bold;
	font-size: 1.1em;
	color: white;
	padding-left: 20px;
}

#con a.link
{
	display:block;
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: white;
	background: url(alink.gif) repeat-y right #336699;
}

#con a.link:hover
{
	color: white;
	text-decoration: none;
	background: url(ahlink.gif) repeat-y right #6699cc;
}
	
.nesto, .hnesto, .fnesto
{
	display:block;
	padding-right: 35px;
	border-top: white 3px solid;
	padding-left: 7px;
	font-weight: bold;
	font-size: 1.2em;
	background: url(bgr_nav.png) #1d5b8b repeat-y right 50%;
	color: white;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
}

.hnesto, .fnesto
{
	color:white;
	background: url(bgr_nav_faux.png) repeat-y right 50% #7695c7;
}

#bsd
{
	background-color: transparent;
}
#con
{
	background: url(spacer.png) #FFFFFF repeat-y left 50%;
	margin-left: 180px;
	margin-right: 200px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	border-left: lightgrey 1px solid;
	border-right: lightgrey 1px solid;
	/*position:relative;*/
	top: 100px;
	text-align: left;
}
#right
{
    position: absolute;
    top: 100px;
    right: 0px;
    width: 180px;
   	font-size: 1.3em;
	padding: 5px 10px 10px 10px;
}
#right .PlaviOkvir a
{
	color:White;
}
#right .f5f5f5
{
	background-color: #f5f5f5
}
#right img
{
	float:none;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	border:none;
}    
#right h3
{
	margin-top:0.8em;
	margin-bottom:2em;
	border-top:none;
	font-size: 1.2em;
	color: white;
	text-align: center;
}
#right li
{
	margin-top: 5px;
}
#right a
{
	text-decoration: underline;
}
#right a:hover
{
	text-decoration: none;
}
.RBbl {background: url(RBbl.gif) 0 100% no-repeat #1A598A; width: 100%}
.RBbr {background: url(RBbr.gif) 100% 100% no-repeat}
.RBtl {background: url(RBtl.gif) 0 0 no-repeat}
.RBtr {background: url(RBtr.gif) 100% 0 no-repeat;padding:10px; color:White}

.DCHBbl {width: 100%}
.DCHBbr {padding:5px 10px 5px 10px; background-color: #1A598A; border: 1px solid #d3d3d3}
.DCHBtl {background: url(DCHBtl.gif) 0 0 no-repeat; background-color: #dcdcdc; height:auto}
.DCHBtr {background: url(DCHBtr.gif) 100% 0 no-repeat; padding:5px 10px 5px 10px; color:#1A598A; font-weight:bold;}
/*
#right-down
{
	font-size:1.3em;
	right: 0px;
	background: url(bgr_link.png);
	color:White;
	width: 188px;
	padding:5px 5px 5px 40px;
	position: absolute;
	top: 200px;
	margin-right:10px;
}
#right-banner
{
	right: 0px;
	width: 300px;
	padding:5px 5px 5px 40px;
	top: 150px;
	margin-right:10px;
	position: absolute;

}
*/

#con h2, #con h3, #con h4, #con h1
{
	color: #1A598A;
	font-weight: normal;
	line-height:1.4em;
}

#con h5
{
	font-family:Times New Roman; 
	font-style:italic;
	font-size:18px;
	font-weight: bold;
	color:#999999;
}

#con h1
{
	font-size:1.3em;
	margin-bottom:0.2em;
}

#con h2, #con h3
{
	text-align:left;
	background: url(bgr_heading.png) repeat-x bottom;
}
#con h2
{	
	margin-bottom: 0.5em;
	font-size: 1.3em;
	font-weight: bold;
}
#con h2 span
{	
	display: block;
	background: url(bgr_heading_bullet.png) no-repeat right bottom;
	padding-bottom: 7px;
}

#con h3
{
	font-size: 1.3em;
	margin-top: 0.2em;
	font-weight: bold;
	padding-bottom: 5px;
}

#con h4
{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0.1em;
	text-align:left;	
}


#con p
{
	font-size:1.1em;
	margin: 1em 0;
	clear:right;
}


#con img
{
	padding:0;
	margin-top: 0px;
	float: left;
	margin-bottom: 15px;
	margin-right: 15px;
	border:none;
}

#con img.naslovnica
{
	padding:0;
	margin-top: 0px;
	float: left;
	margin-bottom: 4px;
	margin-right: 15px;
	border:none;
}

#con img.rasp
{
	padding:0px;
	margin:0;
	z-index:2;
	
}

#con img.rig
{	
	padding:3px 3px 3px 3px;
	margin-top: 1em;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	border: lightgrey 1px solid;
}

#con img.rigbez
{	padding:0;
	margin-top:0;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	border:none;
}

#con p span.centar
{
	text-align:center;
}

#con p.above
{
	margin:0;
}

#con p.rub
{
	margin-top:0;
	text-indent:1em;
	font-style:italic;
}

#con p.kraj
{
	font-size:1.12em;
	color: #1A598A;
	font-weight:bold;
}

#con p.urednik
{
	font-size:0.9em;
	text-align:right;
	text-indent:0;
	margin:0 0 0.4em 0;
}

#con p.urednik b
{
	color:#1A598A;
	font-weight:normal;
}

#con p.autor
{
	text-indent:0;
	margin:0;
}

#con p.autor span
{	
	color: #1A598A;
}

#con p.nadnaslov, #con p.podnaslov
{
	text-align:left;
	font-weight: bold;
	color: #1A598A;
	text-indent:0;
	margin:0;
}

#con p.nadnaslov
{

	font-size:1.3em;
}

#con p.podnaslov
{
	font-size:1.1em;
}

#con p.right
{
	text-align:right;
}
#con p.box
{
	border-right: lightgrey 1px solid;
	padding-right: 5px;
	border-top: lightgrey 1px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: lightgrey 1px solid;
	color:#CC3333;
	padding-top: 10px;
	border-bottom: lightgrey 1px solid;
	background-color: #f9f9f9;
	text-align: left;
	font-weight:bold;
	font-size:1.1em;
}
#con ul
{
	margin: 1.2em 1em 1.3em 1.5px;
}

#con ul li
{
	padding-left: 15px;
	margin-top:0.3em;
	background: url(bullet.png) no-repeat left 0.6em;
}

#con ul li.ani
{
	padding-left: 30px;
	margin-top:0.3em;
	background: url(ar-ani-r.gif) no-repeat left 0.6em;
}

#cllist ul li
{
	background: none;
	padding-bottom: 5px;
}

#con input, #con textarea
{
	border-right: lightgrey thin solid;
	border-top: lightgrey thin solid;
	border-left: lightgrey thin solid;
	color: #1a598a;
	border-bottom: lightgrey thin solid;
}

#con input.but
{
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	background-color: #1a598a;
	cursor:pointer;
}
#con input.but:hover
{
	color:#FF8E8E;
}
#con form p.lab
{
	font-weight:bold;
	color:#1A598A;
	margin:5px 0 0 0;
	padding:0;
}

#sub p
{
	text-indent:0;
	margin:0;
}

#sub p.rub
{
	font-style:italic;
}

#izdanja
{
	margin-top:5px;
	padding-top:15px;
}
#izdanja ul
{
	list-style:none;
	margin:0;
}

#izdanja ul li
{
	padding-top:0px;
	margin:15px 0px 0px 0px;
	background:none;
	clear:both;
	border-bottom:solid 1px #BBBBBB;
	padding-top:0;
	padding-left:0;
	padding-right:0;
}

#izdanja img
{
	/*vertical-align:middle;	
	display:inline;
	padding:0px;
	border:solid 1px #1A598A;
	float:left;*/
}

#izdanja .sredina
{
	margin:0 0 0 0;
	padding:0;
	clear:right;
	padding-left:120px;
}

#izdanja .sredina p
{
	margin:0;
}


#foo
{	
	margin-right: 200px;
	margin-left: 180px;
	padding-bottom: 10px;
	text-align: center;
}
#foo p
{
	color: #a2c6e7;
	text-align: center;
}

#foo p a
{
	color:#a2c6e7;
}

table
{
	font-size:1em;
	margin: 0em 0 1em 0;
	border-collapse: collapse;
	border: 1px solid silver;
	vertical-align: sub;
}
.NoU a
{
	text-decoration: none;
}
.NoU a:hover
{
	text-decoration: underline;
}

tr
{
	border-bottom: 1px solid silver;
	border: 1px solid silver;
}

thead tr
{
	border: 1px solid silver;
	border-width: 1px 0 3px 0;
	border-bottom: 1px solid silver;
	background: #1A598A;
	color: white;
	font-size:1em;
	font-weight: bold;

}

tbody tr.alternate
{
	background: #F8F8F8;
}
td, th
{
	text-align:left;
	padding: 0.3em 0.5em;
}

#check table
{
   	font-size:1em;
	color:#1A598A;
	margin: 0em 0 1em 0;
	border-collapse: collapse;
	border: 0px solid silver;
	vertical-align: sub;
}

#check tr
{
	border-bottom: 0px solid silver;
	border: 0px solid silver;
}

#check tr td
{
	text-align:left;
	padding: 0.3em 0.5em;
	border-bottom: 0px solid silver;
}
#appendTable table
{
	width:inherit;
	padding: 0em;
	margin: 0em 0em 0em 0em;
	font-size:1em;
	border-collapse: collapse;
	border: 1px solid silver;
	vertical-align: sub;
}
#appendTable thead tr
{
	border: 1px solid silver;
	border-width: 1px 0 3px 0;
	border-bottom: 1px solid silver;
	background: #1A598A;
	color: white;
	font-size:1em;
	font-weight: bold;
	padding: 5px;
}
#appendTable tr td
{
	text-align:left;
	border-bottom: 1px solid silver;
	border: 1px solid silver;
	padding: 5px;
	margin-top: 0em;
	margin-bottom: 0em;
}
#appendTable tr td img
{
	border:none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.kompleti
{
	padding: 10px 10px 0px 0px;
	background: url(kompletiShadow.gif) repeat-x top;
}
.khead
{
	border: 1px solid silver;
	border-width: 1px 0 3px 0;
	border-bottom: 1px solid silver;
	background: #1A598A;
	color: white;
	font-size:12px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
}
.kbl {width:100%}
.kbr {padding:10px; background-color: #ffffff; border: 1px solid #d3d3d3}
.ktl {background: url(kompleti/round/tl.gif) 0 0 no-repeat; height:auto}
.ktr {background: url(kompleti/round/tr.gif) 100% 0 no-repeat; padding:10px}

.Ibl {background: url(Ibl.gif) 0 100% no-repeat #f5f5f5; width: 100%}
.Ibr {background: url(Ibr.gif) 100% 100% no-repeat}
.Itl {background: url(Itl.gif) 0 0 no-repeat}
.Itr {background: url(Itr.gif) 100% 0 no-repeat;padding:10px}