/************ Global Reset ************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

ol, ul {
	list-style: none;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}
table.centered {
	margin: 0 auto;
}
tr.bgLightGrey{
	background-color: #ffffff;
}
img {
	border: 0;
}
img.IEvalign {
	vertical-align: bottom;
}

/************ CSS ************/
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	color: #666666;
	font-size: 12px;
	text-align: justify;
}

h1 {
	display: block;
	text-align: left;
	color: #330066;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 16px;
}
h2 {
	display: block;
	text-align: left;
	color: #330066;
	font-size: 13px;
	font-weight: bold;
}
h3 {
	display: block;
	text-align: left;
	color: #330066;
	font-size: 12px;
	font-weight: bold;
}
h2.index {
	display: block;
	text-align: left;
	color: #330066;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

.motto {
	display: inline;
	text-align: left;
	color: #dc2b18;
	font-weight: bold;
}

ul {
	list-style: square inside;
	margin: 0px;
	padding: 0px 0px 2px 2px;
}
ol {
	list-style: decimal inside;
	margin: 0px;
	padding: 0px 0px 2px 2px;
}
ol.rez_podrobno {
	list-style: lower-alpha inside;
}
ol.rez_podrobno  li{
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 1px 2px;
}

li.Bgrey_Fgreen {
	color: #339933;
	background-color: #eaeaea;
}
li.Bgrey_Fred {
	color: #dc2b18;
	background-color: #eaeaea;
}
li.Fgreen {
	color: #339933;
}

.font14bold {
	font-size: 14px;
	font-weight: bold;
}


span.t_correct {
	padding: 2px 5px;
	margin: 1px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #339933;
}
span.t_wrong {
	padding: 2px 5px;
	margin: 1px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #dc2b18;
}

.font18bold {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
.BGviolet_P3
{
	background-color: #330066;
	padding: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}
.BGlightviolet_P3{
	background-color: #eeddff;
	color: #330066;
	padding: 3px;
	line-height: 150%;
}


.cpp_nav{
	border-top: 1px solid #666666;
	margin: 0px;
	margin-top: 20px;
	padding: 5px;
	text-align: center;
}
.violetB{
	color: #330066;
	font-weight: bold;
}

.Bbottom {
	border-bottom: #666666 1px solid;
}

td.BdarkGrey{
	background-color: #d3d1d1;
}
td.BlightGrey{
	background-color: #eaeaea;
}
td.cpptest{
	background-color: #339933;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
td.correct{
	background-color: #339933;
}
td.wrong{
	background-color: #dc2b18;
}
td.byuser{
	background-color: #eaeaea;
}


img.hasBorder {
	border: 1px solid #666666;
}
img.Mlr16 {
	margin: 0px 16px 0px 16px;
}
img.floatLeft_Mt4r7 {
	display: inline;
	float: left;
	margin-top: 4px;
	margin-right: 7px;
}
img.floatRight_Mt4l7 {
	display: inline;
	float: right;
	margin-top: 4px;
	margin-left: 7px;
}
img.floatLeft_Mt2r7 {
	display: inline;
	float: left;
	margin-top: 2px;
	margin-right: 7px;
}
img.floatRight_Mt2l7 {
	display: inline;
	float: right;
	margin-top: 2px;
	margin-left: 7px;
}
img.floatLeft_Mr10 {
	display: inline;
	float: left;
	margin-right: 10px;
}
img.floatRight_Ml10 {
	display: inline;
	float: right;
	margin-left: 10px;
}
img.floatLeft_Mr4t5 {
	display: inline;
	float: left;
	margin-right: 4px;
	margin-top: 5px;
}
img.floatLeft_Mlr4t5 {
	display: inline;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 5px;
}
img.floatRight_Ml4t5 {
	display: inline;
	float: right;
	margin-left: 4px;
	margin-top: 5px;
}
img.m_vehicle {
	margin:  2px 7px 2px 0px;
}


img.P3_border1 {
	padding: 3px;
	border: 1px solid #eaeaea;
	margin: 0px;
}
img.vehicleBig {
	display: inline;
	float: left;
	padding: 3px;
	border: 1px solid #eaeaea;
	margin: 1px 0px;
	vertical-align: bottom;
}
img.vehicleSmall_left {
	display: inline;
	float: left;
	padding: 3px;
	border: 1px solid #eaeaea;
	margin: 1px 0px;
	vertical-align: bottom;
}
img.vehicleSmall_right {
	display: inline;
	float: right;
	padding: 3px;
	border: 1px solid #eaeaea;
	margin: 1px 0px;
	vertical-align: bottom;
}


/************ Color Styles ************/
.white{
	color: #ffffff;
}
.black{
	color: #000000;
}
.darkGrey{
	color: #d3d1d1;
}
.lightGrey{
	color: #eaeaea;
}
.red{
	color: #dc2b18;
}
violet{
	color: #330066;
}
.green{
	color: #339933;
}



/************ Link Styles ************/
a:link, a:visited {
  color:#dc2b18;
  text-decoration: underline;
  font-weight : normal;
}
a:hover {
  color:#666666;
  text-decoration: underline;
  font-weight : normal;
}
a.noUnder:link, a.noUnder:visited {
  color:#dc2b18;
  text-decoration: none;
  font-weight: normal;
}
a.noUnder:hover {
  color:#666666;
  text-decoration: none;
  font-weight: normal;
}
a.bold:link, a.bold:visited {
  color:#dc2b18;
  text-decoration: underline;
  font-weight : bold;
}
a.bold:hover {
  color:#666666;
  text-decoration: underline;
  font-weight : bold;
}
a.bold_noUnder:link, a.bold_noUnder:visited {
  color:#dc2b18;
  text-decoration: none;
  font-weight: bold;
}
a.bold_noUnder:hover {
  color:#666666;
  text-decoration: none;
  font-weight: bold;
}

a.bold_violet:link, a.bold_violet:visited {
  color:#330066;
  text-decoration: underline;
  font-weight : bold;
}
a.bold_violet:hover {
  color:#666666;
  text-decoration: underline;
  font-weight : bold;
}
a.bold_noUnder_violet:link, a.bold_noUnder_violet:visited {
  color:#330066;
  text-decoration: none;
  font-weight : bold;
}
a.bold_noUnder_violet:hover {
  color:#666666;
  text-decoration: none;
  font-weight : bold;
}

a.text:link, a.text:visited {
  color:#666666;
  text-decoration: underline;
  font-weight : normal;
}
a.text:hover {
  color:#dc2b18;
  text-decoration: underline;
  font-weight : normal;
}

a.inline:link, a.inline:visited {
  color: inherit;
  text-decoration: none;
  font-weight : inherit;
}
a.inline:hover {
  color: inherit;
  text-decoration: none;
  font-weight : inherit;
}

#footer a:link, #footer a:visited {
  color:#ffffff;
  text-decoration: none;
  font-weight: normal;
}
#footer a:hover {
  color:#dc2b18;
  text-decoration: none;
  font-weight: normal;
}
#footer_copy a.ro:link, #footer_copy a.ro:visited {
  color: #666666;
  text-decoration: none;
}
#footer_copy a.ro:hover {
  color: #666666;
  text-decoration: none;
}

/************ Positioning Classes ************/
.clear {
	clear: both;
	line-height: 0px;
}
.clearLeft {
	clear: left;
	line-height: 0px;
}
.clearRight {
	clear: right;
	line-height: 0px;
}
.textLeft {
	text-align: left;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.posCenter {
	margin: 0 auto;
	padding: 0px;
}
.VAmiddle {
	vertical-align: middle;
}
.VAbottom {
	vertical-align: bottom;
}
.floatLeft{
	display: inline;
	float: left;
}
.floatRight{
	display: inline;
	float: right;
}
.block{
	display: block;
}

/************ Layout ************/
#container {
	display: block;
	margin: 0px auto;
	margin-bottom: 30px;
	padding: 10px;
	width: 775px;
	background-color: #ffffff;
}
#header {
	display: block;
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
	padding-top: 10px;
	width: 100%;
	height: 65px;
	/*background-color: red;*/
}
	#header_leftCol {
		display: inline;
		float: left;
		margin: 0px;
		padding: 0px;
		width: 200px;
		height: 65px;
		/*background-color: black;*/
	}
	#header_banner {
		display: inline;
		float: right;
		margin: 0px;
		padding: 0px;
		width: 575px;
		height: 54px;
		/*background-color: pink;*/
		border-bottom: 11px solid #330066;
	}
#menu {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 209px;
	text-align: left;
	color: #666666;
	/*background-color: green;*/
}
	#menu_leftCol {
		display: inline;
		float: left;
		margin: 0px;
		margin-right: 3px;
		padding: 0px;
		width: 197px;
		height: 208px;
		border-top: 1px solid #d3d1d1;
		/*background-color: violet;*/
	}
	#menu_rightCol {
		display: inline;
		float: right;
		margin: 0px;
		padding: 0px;
		width: 575px;
		height: 209px;
		/*background-color: yellow;*/
	}

#main {
	display: block;
	margin: 5px auto;
	padding: 0px;
	width: 100%;
	color: #666666;
	text-align: justify;
}
	#main_leftCol {
		display: inline;
		float: left;
		margin: 0px;
		margin-right: 10px;
		padding: 0px;
		width: 190px;
		text-align: left;
		/*background-color: black;*/
	}
		#main_leftCol .banner{
			display: block;
			margin: 0px;
			margin-bottom: 15px;
			padding: 0px;
			width: 190px;
		}
	#main_rightCol {
		display: inline;
		float: right;
		margin: 0px;
		padding: 0px;
		width: 575px;
		background-color: #ffffff;
		color: #666666;
	}
		
		#main .cols3_left {
			display: inline;
			float: left;
			width: 188px;
			margin: 0px;
			margin-right: 5px;
			padding: 0px;
			text-align: left;
		}
		#main .cols3_right {
			display: inline;
			float: right;
			width: 188px;
			margin: 0px;
			padding: 0px;
			text-align: left;
		}
		#main .Lcol150_Mr5{
			display: inline;
			float: left;
			width: 150px;
			margin: 0px;
			margin-right: 5px;
			padding: 0px;
		}
		#main .Lcol200_Mr5 {
			display: inline;
			float: left;
			width: 200px;
			margin: 0px;
			margin-right: 5px;
			padding: 0px;
		}
		#main .Lcol200 {
			display: inline;
			float: left;
			width: 200px;
			margin: 0px;
			padding: 0px;
		}
		#main .Lcol160_Mr5 {
			display: inline;
			float: left;
			width: 160px;
			margin: 0px;
			margin-right: 5px;
			padding: 0px;
		}
		#main .Lcol420 {
			display: inline;
			float: left;
			width: 420px;
			margin: 0px;
			padding: 0px;
		}
		#main .Lcol370 {
			display: inline;
			float: left;
			width: 370px;
			margin: 0px;
			padding: 0px;
		}
		#main .Lcol370_Mr5 {
			display: inline;
			float: left;
			width: 370px;
			margin: 0px;
			padding: 0px;
			margin-right: 5px;
		}
		#main .Lcol410 {
			display: inline;
			float: left;
			width: 410px;
			margin: 0px;
			padding: 0px;
		}
		#main .Lcol310_Ml5 {
			display: inline;
			float: left;
			width: 310px;
			margin: 0px;
			margin-left: 5px;
			padding: 0px;
		}

#footer {
	display: block;
	margin: 0px;
	margin-top: 30px;
	padding: 0px;
	width: 100%;
	color: #666666;
	text-align: left;
	/*background-color: yellow;*/
}
	#footer_copy {
		display: inline;
		float: left;
		margin: 0px;
		margin-right: 3px;
		padding: 0px;
		width: 197px;
		border-top: 1px solid #d3d1d1;
		font-size: 11px;
		/*background-color: black;*/
	}
	#footer_rightCol {
		display: inline;
		float: right;
		margin: 0px;
		padding: 8px 5px;
		width: 565px;
		background-color: #330066;
		color: #ffffff;
		text-align: center;
	}

/************ WEB ADMIN Layout ************/
#admin_main {
	display: block;
	margin: 0px;
	margin-bottom: 50px;
	padding: 0px;
	width: 100%;
	text-align: left;
	color: #666666;
	/*background-color: green;*/
}
	#admin_leftCol {
		display: inline;
		float: left;
		margin: 0px;
		margin-right: 3px;
		padding: 0px;
		width: 197px;
		/*background-color: violet;*/
	}
	#admin_rightCol {
		display: inline;
		float: right;
		margin: 10px 0px;
		padding: 0px;
		width: 575px;
		/*background-color: yellow;*/
	}
/************* WEB ADMIN styles *************/
#admin_main tr.bkground_dark {
	background-color: #d3d1d1;
}
#admin_main td.header {
	background-color: #330066;
	color: #d3d1d1;
	font-weight : bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#admin_main td.header a.sort:link, td.header a.sort:visited {
	color:#d3d1d1;
	text-decoration: none;
	font-weight : bold;
}
#admin_main td.header a.sort:hover {
	color:#ffffff;
	text-decoration: none;
	font-weight : bold;
}
#admin_main td.header a.sorted:link, td.header a.sorted:visited {
	color:#ffffff;
	text-decoration: none;
	font-weight : bold;
}
#admin_main td.header a.sorted:hover {
	color:#ffffff;
	text-decoration: none;
	font-weight : bold;
}



/************ Forms ************/
form {
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
.input120
{
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	width: 120px;
	background-color: #ffffff;
    border: #666666 1px solid;
    margin: 0px;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    color: #666666;
	font-size: 12px;
}
.input300
{
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	width: 300px;
	background-color: #ffffff;
    border: #666666 1px solid;
    margin: 0px;
    text-align: left;
    padding-left: 2px;
    padding-right: 2px;
    color: #666666;
	font-size: 12px;
}
select
{
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
    border: #666666 1px solid;
    margin: 0px;
    color: #666666;
	font-size: 12px;
}
textarea {
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	background-color: #ffffff;
    border: #666666 1px solid;
    padding-left: 2px;
    padding-right: 2px;
    color: #666666;
	font-size: 12px;
}
.Submit {
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	border: #666666 1px solid;
	padding: 0px 7px;
	background-color: transparent;
	color : #dc2b18;
	font-weight : bold;
	margin: 0px;
	cursor: pointer;
	font-size: 12px;
}
.Submit:hover {
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	border: #666666 1px solid;
	padding: 0px 7px;
	background-color: transparent;
	color : #666666;
	font-weight : bold;
	margin: 0px;
	cursor: pointer;
	font-size: 12px;
}


/************ OBVESTILO  TECAJA ************/
.obvestilo{
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	text-align: right;
	font-weight: bold;	
	Color: navy;
	font-size: 17px;
}
.datum{	
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;	
	font-weight: bold;
	Color: red;
	font-size: 20px;
	
}
.kraj{
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS", sans-serif;
	font-weight: bold;
	Color: navy;
	font-size: 14px;
	
}