table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #444444;
	text-decoration: none;
}
h1 {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

h2 {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	
}

.natjecajiopiscat {
	background-color: #ECF3F9;
	padding: 10px;
	border: 2px solid #CEE1F0;
}
.natjecajnaslov {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #142D41;
	letter-spacing: -0.5px;
	margin-top: 5px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.natjecajsolo1 {
	padding: 10px;
	border: 1px solid  #DBDBDB;
}
#natjecajdokument {
	background-image: url(download.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: 25px;
	margin-bottom: 9px;
	height: 20px;
	text-decoration: none;
	font-weight: bold;
}

.natjecajvezani {
	text-indent: 12px;
	display: block;
	margin-bottom: 8px;
	text-decoration: none;
	font-weight: bold;
	padding-top:8px;
	padding-bottom:8px;
	width:50%;
	background:#ededed;

}

#natjecajdokument a:link {
	text-decoration: none;
	font-weight: bold;
	color: #3476AB;
}
#natjecajdokument a:active {
	text-decoration: none;
	font-weight: bold;
	color: #3476AB;
}
#natjecajdokument a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #3476AB;
}
#natjecajdokument a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #153046;
}

.natjecajdatum {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #275881;
	margin-top: 3px;
}



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg1.gif);


}

.style1 {color: #999999}
.style2 {font-family: Arial, Helvetica, sans-serif}
.style3 {color: #666666; }
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;

}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}
a:hover {




	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #006699;
	text-decoration: none;
}
.tbllinkovi {
	height: 35px;
	width: 180px;

}
.tblpodlinkovi {
	width: 232px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: none;
	border-left-style: none;
	background-color: #f3f3f3;




}
.botun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px outset #3399CC;
	cursor: hand;
	height: 21px;
	background-color: #6699CC;





}
.area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-weight: normal;

}
.area2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-weight: normal;
}
.imena {
	color: #14213F;
	font-weight: bold;
}



.urbangreymenu{
	width: 165px; /*width of menu*/
}

.urbangreymenu .headerbar{
	color: #333; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
	text-align:left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	background-image: url(downgreen.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 11px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
text-align:left;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background-color: #000000;
}

.trenutni {
	background-color: #D9E8F4;
	border: 1px solid #CCC;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
.click1 {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-weight: bold;
	color: #000;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}

a.boldbuttons{
background: transparent url('roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


a.ovalbutton{
background: transparent url('oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px ; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-bottom:10px;


}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

#crtica {
	height: 8px;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	}
	
#crtic2 {
	height: 5px;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	}