/**************************************** RESET *****************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; outline:0;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul, ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
:focus, a {outline: 0;}
a:hover {text-decoration:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-bottom:1px solid #cce1f2; margin:10px 0 0 0; padding:0;}
input, select {vertical-align:middle;}
.lefty {float:left;}
.righty {float:right;}
.nopadd {padding:0;}

/******************************* CSS3 FANCY EFFECTS ***************************************/

::selection      {background:#AAAAAA;color:#fff;}
::-moz-selection {background:#AAAAAA;color:#fff;}

.roundy {-webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}

a {  
  outline:none;
  -webkit-transition: color .15s ease-out, text-shadow .25s ease-out;
  -moz-transition: color .15s ease-out, text-shadow .25s ease-out;
  -o-transition: color .15s ease-out, text-shadow .25s ease-out;
  transition: color .15s ease-out, text-shadow .25s ease-out;
}

nav a {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

/**********************************************************************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:1;
	background:url(../images/bodybg.jpg) center top no-repeat fixed #004ab6;
}

#wrap {margin:0 auto; width:960px; position:relative;}

header {float:left; width:960px; height:120px; display:inline;}
	.logo {float:left; width:270px; height:88px; margin:26px 0 0 0; display:inline;}
	.search {float:right; width:194px; height:20px; background:url(../images/srcinp.png) no-repeat left; display:inline; margin:24px 10px 0 0;}
		.srcinp {background:#eeeeee; border:1px solid #eeeeee; font-family:Arial; font-size:11px; line-height:11px; color:#7d8489; width:150px; float:left; margin:3px 0 0 8px; padding:0;}
		.srcmag {float:right;}
	nav {float:right; display:inline; margin:18px 5px 0 0; width:640px;}
		nav ul {float:right;}
		nav ul li {float:left; font-size:14px; line-height:16px; float:left; margin:0 0 0 8px;}
		nav ul li a {color:#fff; text-decoration:none; float:left; display:block; height:20px; padding:4px 9px 0 9px;}
		nav ul li a:hover, nav ul li.actmenu a {background:url(../images/navlibg.gif) repeat-x; border:1px solid #0065a1; border-radius:4px; padding:4px 8px 0 8px; color:#000;}

#pagecover {float:left; width:960px; height:352px; background:url(../images/pagecover.jpg) no-repeat 0 22px;}
	.pagecovertop {float:left; width:960px; height:22px; background:url(../images/pagecovertop.png) no-repeat;}
	.pcleft {float:left; width:640px; position:relative;}
		.slogan {float:left; width:610px; display:inline; padding:0 0 0 30px; height:40px; font-size:25px; line-height:28px; color:#e5d84c; font-style:italic; font-weight:bold; text-shadow:1px 1px 1px #000;}
		.logohover {float:left; width:120px; height:90px; display:block; display:inline; margin:126px 0 0 30px;}
		.hovercloud {position:absolute; display:block; width:306px; height:94px; padding:20px; background:url(../images/noticecloud.png) no-repeat; top:34px; left:50px;}
			.hovercloud p {text-align:justify; line-height:15px;}
		.slogantip {float:left; color:#fbfdfe; font-size:25px; line-height:32px; font-style:italic; font-weight:bold; text-shadow:1px 1px 1px #000; text-align:right; margin:120px 0 0 160px;}
		.sloganques {float:left; color:#fff; font-weight:bold; font-size:14px; line-height:16px; margin:36px 0 0 30px; display:inline;}
		a.izracunlink {float:right; width:96px; height:19px; padding:6px 0 0 20px; background:url(../images/izracunlink.png) no-repeat; margin:32px 45px 0 0; display:inline; text-decoration:none; color:#000; font-weight:bold; font-size:12px; line-height:14px; text-transform:uppercase; text-shadow:1px 1px 1px #e1d38f;}
			.izracunlink:hover {color:#0167C9}
	.pcright {float:left; width:270px; display:inline; padding:20px 20px 0 30px;}
		.pcrtop {float:left; width:270px; display:inline; height:230px;}
			.pcrtop .pcrsub {font-size:15px; line-height:17px; font-weight:bold; padding:0;}
			.pcright h1 {font-weight:bold; color:#006bbf; text-transform:uppercase; font-size:17px; line-height:20px; padding:10px 0 0 0;}
			.pcrtop p {font-size:13px; line-height:18px; padding:10px 0 0 0;}
			a.moreabout {float:left; width:75px; height:19px; padding:6px 0 0 20px; background:url(../images/bluebutarr.png) no-repeat; margin:20px 0 0 0; display:inline; text-decoration:none; color:#fff; font-weight:bold; font-size:12px; line-height:14px; text-transform:uppercase; text-shadow:1px 1px 1px #003d7b;}
				.moreabout:hover {color:#ccc}
		.pcrbot {float:left; width:270px; display:inline; height:80px;}
			.pcrbot a {float:left; width:270px; display:block; height:80px; color:#000; padding:26px 0 0 0; font-size:12px; text-transform:uppercase; font-weight:normal; text-decoration:none;}
			.pcrbot a span {font-size:14px; line-height:26px; text-decoration:underline; font-weight:bold; text-transform:none;}
			.pcrbot a:hover span {text-decoration:none;}
			
#undercover {float:left; width:960px; height:191px; background:url(../images/coverleftcor.png) no-repeat bottom left #fff;}
	.ucleft {float:left; width:640px;}
		.uclbox {float:left; width:260px; display:inline; padding:30px 20px 0 30px;}
		.uclbox h2 {font-weight:bold; color:#006bbf; font-size:20px; line-height:22px;}
			.uclbox h2 a {text-decoration:none; color:#006bbf; font-weight:bold; font-size:20px; line-height:22px; background:none; padding:0;}
			.uclbox h2 a:hover {color:#000;}
		.uclbox p {font-size:13px; line-height:18px; padding:10px 0 5px 0;}
		.uclbox a {background:url(../images/bulletarr.gif) no-repeat left; color:#006bbf; padding:0 0 0 20px; font-size:13px; line-height:14px;}
	.ucright {float:left; width:270px; height:161px; padding:30px 20px 0 30px; background:url(../images/covernewsbg.png) no-repeat;}
		.ucrsub a.lefty {font-size:14px; line-height:16px; font-weight:bold; text-transform:uppercase; color:#143957; text-decoration:none;}
		.ucrsub a.righty {background:url(../images/bulletarr.gif) no-repeat right; color:#006bbf; padding:0 16px 0 0; font-size:13px; line-height:14px;}
		.ucright h2 {font-weight:bold; color:#006bbf; font-size:13px; line-height:16px; padding:4px 0 8px 0;}
			.ucright h2 a {color:#006bbf;}
		.ucrdat {color:#767676; font-size:11px; line-height:12px; padding:0 0 8px 0;}
		.ucrbod {font-size:13px; line-height:18px;}
			.ucrbod a {color:#006bbf;}
		
#subfooter {float:left; width:874px; height:56px; padding:20px 0 0 86px; background:url(../images/subfooterbg.jpg) no-repeat; display:inline; margin:20px 0 0 0;}
	#subfooter p {float:left; width:140px; font-size:13px; line-height:18px; color:#000; display:inline;}
	#subfooter p.sftit {width:120px;}
	#subfooter a {color:#000;}
	#subfooter p.quote {width:226px; font-size:14px; font-weight:bold; margin:0 0 0 104px;}
	#subfooter p.quote a {font-weight:normal; font-size:13px;}
	
footer {float:left; font-size:11px; line-height:12px; padding:20px 0 20px 0; display:inline; width:960px; color:#567ab7;}
	footer img {float:right; margin:0 0 0 8px;}
	footer a {color:#567ab7; text-decoration:none;}
	

/******************************* PODSTRANI ***************************************/
#subsite {float:left; width:960px;}
	.subhead {float:left; width:930px; height:42px; padding:24px 0 0 30px; display:inline; background:url(../images/subsiteheader.png) no-repeat;}
	
#content {float:left; width:900px; min-height:400px; height:auto !important; height:400px; background:url(../images/subsitecorners.png) no-repeat bottom #fff; line-height:18px; padding:30px; color:#202020;}

	#subsite h1 {font-size:26px; font-weight:bold; font-style:italic; color:#e5d84c; line-height:30px; text-shadow:1px 1px 1px #000;}
	#content p {padding:10px 0 0;}
	#content ul {padding:10px 0 0 0;}	
		#content ul li {background:url(../images/ularr.gif) no-repeat 0 4px; padding:0 0 2px 12px; line-height:18px;}
	#content h2 {font-size:20px; font-weight:bold; line-height:24px; padding:16px 0 10px 0; color:#006bbf; border-bottom:1px solid #006bbf;}
	#content h3 { font-size:16px; font-weight:bold; line-height:18px; padding:14px 0 0 0; color:#006bbf;}
	#content h4 {font-size:14px; font-weight:bold; line-height:16px; padding:14px 0 0 0; color:#006bbf;}
	#content a {color:#006bbf;}
	
#content a.izracun {width:96px; height:19px; padding:6px 0 0 20px; background:url(../images/izracunlink.png) no-repeat; display:inline; text-decoration:none; color:#000; font-weight:bold; font-size:12px; line-height:14px; text-transform:uppercase; text-shadow:1px 1px 1px #e1d38f; float:left;}
			#content .izracun:hover {color:#0167C9}	

/* NEWS */
.onenews {padding:10px 0;}
#content div.onenews h2 {font-size:14px; font-weight:bold; line-height:16px; padding:14px 0 0 0; color:#006bbf; border:0;}
.onpic {float:right; margin:0 0 5px 30px; display:inline;}
.ondat {font-size:11px; color:#767676;}
.onurl a {background:url(../images/bulletarr.gif) no-repeat left; color:#006bbf; padding:0 0 0 20px; font-size:13px; line-height:14px;}
#paging a {font-size:14px; font-weight:bold; line-height:16px;}
#paging a.active {font-weight:normal; text-decoration:none;}