@charset "utf-8";
/* CSS Document */

body {background:#285c18 url(../images/bg.jpg) no-repeat center 20px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px }

strong, h1, h2, h3 {font-weight:bold}

.S {font-size:10px}
.M {font-size:12px}
.L {font-size:14px}
.XL {font-size:18px}

.green {color:#285c18}
.white {color:#FFF}

.right {float:right; padding: 0 0 0 20px}

#page {margin:20px auto; width:960px}
#wrap {background:#FFF url(../images/jointly.jpg) no-repeat left bottom; float:left; position:relative; width:960px}

/*---- Header ----*/
#header {position:relative; background-color:#FFF; float:left; padding:22px 20px; width:920px }
/*logo*/
#logo {float:left; height:59px; position:relative; width:210px}
	#logo span {cursor:pointer; background:url(../images/natreg.jpg) no-repeat; position:absolute; width:100%; height:100%}
/*logod*/
#see {background:url(../images/see.jpg) no-repeat; display:inline-block; float:left; height:50px; margin:6px 40px 0 50px; width:126px}
#eu {background:url(../images/EU.jpg) no-repeat; display:inline-block; float:left; height:50px; margin:6px 0 0 0; width:44px}
/*search*/
#search {float:right}
	#search input {float:left}
	#search #searchText {background-color:#f6f6f6; border:solid 1px #c7c8ca; color:#a9aaaa; margin:0 8px 0 0; padding:2px 5px 1px 5px; width:180px}
/*navigation - top*/
#navtop {clear:right; position:relative; float:right; top:15px; width:260px}
	#navtop li {float:left}
	#navtop li a {border:solid 1px #d5dfd2; color:#098448; display:block; font-weight:bold; margin:0 5px; padding:5px; text-decoration:none}

/*---- Left column ----*/
#left {background:#fff; float:left; width:250px}
	/*#leftnav {padding: 0 0 0 20px; width:230px}
	#leftnav li a {background:#c7c8ca; color:#000; display:block; font-size:14px; margin:0 0 5px 0; padding:8px 20px 7px 0; text-align:right; text-decoration:none; width:190px}
	#leftnav li a:hover, #leftnav li a.lnactive {background:#098448; color:#FFF}

	#subleftnav {padding: 0 0 0 0px; width:230px}
	#subleftnav li a {background:#c7c8ca; color:#000; display:block; font-size:12px; margin:0 0 5px 0; padding:5px 30px 4px 0; text-align:right; text-decoration:none; width:180px}
	#subleftnav li a:hover, #leftnav li a.lnactive {background:#098448; color:#FFF}
*/
	#member {background:#eeeeef; float:left; margin:15px 0 0 20px; padding:10px 13px; text-align:center; width:184px; display:none}
	#member p {background:url(../images/member-area.jpg) no-repeat left center; font-weight:bold; font-size:15px; margin:0 0 10px 0; padding:8px 0 8px 5px }
	#member input {border:0; color:#a9aaaa; margin: 2px; padding:4px; width:170px}
	button {float:left; overflow: visible; width: auto}
	button.link {text-align: left; 	color: #000; background: none; margin: 4px 0 0 3px; padding: 0; border: none; cursor: pointer;	-moz-user-select: text}
	button.link span {font-weight:bold; text-decoration: underline}

/*---- Right column ----*/
#right {float:left; position:relative; width:690px}
	#over {background: url(../images/transpGray.png); position:absolute; margin-top:170px; padding: 10px 10px 8px 10px; height:46px; width:690px; z-index:1000; color: #000; font-size: 14px; line-height:1.5em}
	/* -- [ featured ] ------------------------ */
	#featured {width:690px; height:234px; padding:0 0 20px 0}
	.featured-images img {display:block}
	#featured-tabs {display:none}

	#news {float:left; font-size:14px; padding:0 10px 0 0; width:390px}
	#news #ntitle {font-size:10px; padding:0 0 20px 0}
	#news h3 {border-bottomm:solid 1px #c7c8ca; display:inline-block}
	#news h3 a {text-decoration:none;padding:0}
	#news #info {line-height:1.4em; padding: 8px 0 0 0}
	#news #info a {color:#285c18;font-weight:normal;padding:4px 0}
	#news #info ul {margin:0}
	#news #info ul li {background:url(../images/bg-li.jpg) no-repeat left 11px; margin:0px 0 0px 5px; padding:0 0 0 15px}
	#news a {color:#285c18; display:block; font-weight:bold; padding:10px 0;}
	/*#news .break {border-bottom:dotted 1px #285c18; margin:20px 0}*/
	.break {background:url(../images/bg-break.jpg); margin:13px 0; padding:7px 0}

	div#pilotmap {width:430px; height:400px}
	div.map {float:left; width:290px; height:245px}
	div#logos {float:left; height:70px; padding:20px 0; width:690px}

/*---- Footer ----*/
#copy, #dev {color:#a9bea3; float:left; font-size:12px; padding:20px 0 20px 20px}
#dev {float:right; padding:20px 20px 0 0; position:relative}
#dev span {padding:0 90px 0 0;}
#dev a {background:url(../images/izdelava-spletnih-strani.jpg) no-repeat left top; display:inline-block; height:12px; position:absolute; width:90px; left:105px; top:21px }

/*SUBPAGE*/
#pagepic {padding:0 0 20px 0}
#right h3#title {background:#045c31; color:#FFF; display:inline-block; font-size:22px; left:0px; padding:10px 12px; position:absolute; top:0px; text-transform:uppercase; max-width:585px;}
#right h1#subtitle {background:url(../images/bg-podstran.jpg) repeat-x bottom; color:#098448; font-size:18px; line-height:1.3em; padding:0px 0 25px 0; width:685px}
#right #content {font-size:12px; line-height:1.4em; width:680px}
#right #content a {color:#098448}
#right #content h2 { padding:5px 0 0 0}
#right #content ul {margin:8px 0}
#right #content ul li {background:url(../images/bg-li.jpg) no-repeat left 6px; margin:0px 0 0px 5px; padding:0 0 0 15px}
#right #content img {background:url(../images/bg-img.jpg) no-repeat bottom right; border-top:solid 1px #ababab; margin:5px; padding:1px 1px 16px 1px}

/*news*/
.links {padding: 3px 0 0 0}

/* LEVEL ONE */
ul.dropdown {position:relative;padding: 0 0 0 20px; width:230px;z-index:1001;}
ul.dropdown li {float: left; margin:0 8px 0 0; zoom: 1}
ul.dropdown a:hover	{background:#098448; color:#FFF}
ul.dropdown a:active {background:#098448; color:#FFF}
ul.dropdown a.lnactive {background:#098448; color:#FFF}
ul.dropdown li a {background:#c7c8ca; color:#000; display:block; font-size:14px; margin:0 0 5px 0; padding:8px 20px 7px 0; text-align:right; text-decoration:none; width:190px}

ul.dropdown li:last-child a {border-right: none} /* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover {position: relative; background-position:left bottom}
ul.dropdown li.hover a  {background-position:left bottom}
ul.dropdown li.hover a span {background-position:right bottom}

/* LEVEL TWO */
ul.dropdown ul 	{background:#fff no-repeat left bottom; visibility: hidden; position: absolute; padding:0; top: 2px; left: 210px}
ul.dropdown ul li{font-weight: normal; margin: 0; color: #000; padding:2px}
ul.dropdown ul li a	{background:#e9ebef;color:#000; display: inline-block; font-size:12px; margin:0 1px; padding:4px 10px; width:208px}
ul.dropdown ul li a:hover { background:#17a660; color:#FFF}

/* LEVEL THREE */
ul.dropdown ul li ul {position:absolute; left:232px; top:0px; }
ul.dropdown li:hover > ul { visibility: visible; }

/*FORM - Best Practice*/
table#form tr td {padding:5px}
table#form tr td span {display:block; font-size:11px; font-style:italic}
table#form tr td p {color:#285c18; font-size:10px}
table#form tr td input, table#form tr td textarea, table#form tr td select, table#form tr td file {width:250px}
table#form tr td textarea {height:100px}
td.formtitle {color:#285c18; font-weight:bold; padding:15px 0 0px 0 !important}
td.formnotes {vertical-align:top; width:250px}

#obmocje { display: block; float:left; padding:15px 0 0 48px }
#obmocje img { width:150px }