/**************************************** 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 #d0d0d0; 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:0 0 14px 14px; -moz-border-radius: 0 0 14px 14px; border-radius: 0 0 14px 14px;}

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;
}

/******************************* OPEN SANS FONT STYLE ******************************************/

.opensans {font-family: 'Open Sans';}

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

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

.wrap {margin:0 auto; width:996px; position:relative;}

header {float:left; width:100%; height:178px; display:inline; background:url(../images/headerbg.png) repeat-x top;}
	nav {float:left; width:996px;}
		nav ul {float:left; width:996px; text-align:center;}
		nav ul li {display:inline;}
		nav ul li a {text-decoration:none;}
	nav.step01 {height:28px; padding:12px 0 0 0;}
		nav.step01 li {font-size:14px; line-height:16px; text-transform:lowercase;}
		nav.step01 a {background:url(../images/delimiter01step.gif) no-repeat left; padding:0 11px 0 15px; color:#000;}
		nav.step01 li.fbegin a {background:none;}
		nav.step01 li a.fact {color:#a90500; text-decoration:underline;}
		nav.step01 a:hover {color:#a90500; text-decoration:underline;}
	nav.step02 {height:74px; padding:13px 0 0 0; font-family:'Open Sans';}
		nav.step02 li {font-size:17px; line-height:30px; text-transform:uppercase; font-weight:bold; white-space:nowrap;}
		nav.step02 li.sbegin {background:url(../images/delimiter02step.gif) no-repeat left;}
		nav.step02 li.sbegin a {padding-left:28px;}
		nav.step02 a {background:url(../images/delimiter02step.gif) no-repeat right; padding:0 28px 0 20px; color:#000;}
		nav.step02 li a.sact {font-weight:bold; color:#a90500; text-decoration:underline;}
		nav.step02 a:hover {color:#a90500; text-decoration:underline;}
	nav.step03 {height:38px; font-family:'Open Sans'; padding:13px 0 0 0;}
		nav.step03 li {font-size:16px; line-height:18px; text-transform:uppercase; font-weight:bold;}
		nav.step03 a {background:url(../images/delimiter03step.gif) no-repeat left; padding:0 28px 0 33px; color:#fff;}
		nav.step03 li.tbegin a {background:none;}
		nav.step03 li a.tact {font-weight:bold; color:#ccc; text-decoration:underline;}
		nav.step03 a:hover {color:#ccc; text-decoration:underline;}

#indexside {float:left; width:996px; height:570px; display:inline; margin:20px 0 0 0; background:url(../images/crackbg.png) no-repeat top;}
	div.indbox {float:left; height:400px; display:inline; margin-top:66px;}
		div.leftbox {float:left; width:300px; margin-left:60px;}
		div.rightbox {float:left; width:420px; margin-left:160px;}
		.indbox h2 {font-size:25px; line-height:30px; color:#d6d6d6; font-family:Georgia; font-weight:normal; text-align:center;}
			.indbox h2 span {color:#000;}
		.indbox ul {float:left; margin:12px 0 0 0; font-family:'Open Sans';}
			.indbox ul li {font-size:14px; line-height:22px; background:url(../images/bullet76.gif) no-repeat 0 8px; padding:0 0 5px 14px;}
			.indbox ul li a {text-decoration:none; color:#bb180f;}
			.indbox ul li a:hover {color:#000; text-decoration:underline;}
		.rightbox ul {width:210px;}
#underside {float:left; width:996px; display:inline; margin:28px 0 0 0; background:url(../images/contentshadow.png) no-repeat center bottom; padding:0 0 20px 0;}
	div.leftus {float:left; width:660px;}
		.aktbox {float:left; width:300px; margin:0 20px 0 10px; display:inline;}
			p.akmain {float:left; display:block; height:30px; width:295px; background:url(../images/shadowline300.png) no-repeat bottom; color:#8c8c8c; font-family:Georgia; font-size:20px; line-height:22px; padding:0 0 0 5px;}
			p.akmain a {font-family:Arial; font-size:14px; color:#bb180f; text-decoration:none;}
			p.aktit {font-size:18px; line-height:20px; color:#bb180f; font-family:Georgia; margin:8px 0 0 0; float:left; padding:0 0 10px 0; width:290px;}
				p.aktit a {color:#bb180f; text-decoration:none;}
			p.akdat {font-size:12px; color:#8c8c8c; padding:8px 0; line-height:14px;}
			p.akbod {font-size:13px; line-height:18px; width:290px;}
			p.akmor {font-size:12px; line-height:16px; padding:10px 0;}
			a.more, a.back {float:left; background:#f6f6f6; border:1px solid #c8c8c8; border-radius:8px; padding:8px 12px; color:#8d8d8d; text-decoration:none; font-size:13px; line-height:14px;}
			a.more:hover, a.back:hover {background:#c8c8c8; color:#fff;}
		.mailbox {float:left; background:#d3d3d3; width:620px; margin:20px 0 0 10px; display:inline; padding:14px 0 14px 20px;}
			p.mbmain {font-size:20px; line-height:22px; font-family:Georgia;}
				p.mbmain span {font-family:Arial; font-size:13px; line-height:16px;}
			.mailbox input {float:left; border:1px solid #c8c8c8; border-radius:8px; background:#fff; color:#8d8d8d; font-size:12px; line-height:14px; font-family:Arial; padding:5px; margin-top:10px; display:inline;}
			.enewsinp {width:300px;}
			.mailbox .enewsmag {cursor:pointer; padding:4px; margin-left:10px;}
			.mailbox a {float:left; color:#000; margin:16px 0 0 20px; line-height:14px;}
	div.rightus {float:left; width:316px; padding:0 0 20px 20px; background:url(../images/brsljan.png) no-repeat bottom right;}
		p.rutit {color:#000; font-family:Georgia; font-size:20px; line-height:22px;}
		p.rubod {font-size:13px; line-height:18px; padding:2px 0 10px 0;}
			p.rubod a {color:#a90500;}
		.rightus input, .rightus textarea {float:left; border:1px solid #c8c8c8; border-radius:8px; background:#fff; color:#8d8d8d; font-size:12px; line-height:14px; font-family:Arial; padding:5px; margin-top:6px; display:inline;}
		input.ruinp {width:270px;}
		textarea.ruarea {width:270px; height:176px;}
		input.rumag {background:#bb180f; color:#fff; border:1px solid #a90500; cursor:pointer; padding-left:20px; padding-right:20px; text-transform:uppercase;}

footer {float:left; font-size:12px; padding:20px; height:30px; display:inline; width:956px; color:#969696; background:url(../images/footershad.png) no-repeat center top;}
	footer img {float:right; margin:0 0 0 8px;}
	footer a {color:#969696; text-decoration:none;}

/******************************* PODSTRANI ***************************************/
#breads {float:left; width:956px; display:inline; padding:10px 20px 16px 20px;}
	#breads p {color:#202020; font-family:Arial; font-size:12px; line-height:14px;}
	#breads p a {color:#858585; text-decoration:none;}
	#breads p a:hover {text-decoration:underline;}
		
#content {float:left; width:996px; min-height:500px; height:auto !important; height:500px; background:#fff; line-height:18px;}
	#content h1 {font-family:Georgia; font-size:26px; font-weight:normal; color:#000; line-height:32px; margin:20px 20px 0 20px; padding:0 0 10px 0; border-bottom:1px solid #d0d0d0; float:left; width:956px;}
	#submenu {float:left; width:240px; margin:20px 0 0 0;}
		#submenu h2 {font-family:Georgia; font-size:20px; line-height:24px; font-weight:normal; float:left; width:200px; display:inline; padding:0 20px 10px 20px;}
		#submenu ul {float:left; font-family:'Open Sans'; width:240px; padding:0 0 20px 0;}
			#submenu ul li {font-size:14px; line-height:16px; background:url(../images/bullet76.gif) no-repeat 0 5px; float:left; width:186px; margin:0 0 0 20px; padding:0 0 8px 14px;}
			#submenu ul li a {text-decoration:none; color:#bb180f;}
			#submenu ul li a:hover {color:#000; text-decoration:underline;}
			#submenu ul li.subact {margin:0; width:160px; background:url(../images/activesubmenu.gif) no-repeat 0 5px; padding-left:40px; font-weight:bold;}
	#page {float:left; display:inline; margin:20px 0 0 0; font-size:13px; min-height:300px; height:auto !important; height:300px;}
		.wsub {width:736px; padding:0 0 20px 0;}
		.wosub {width:956px; padding:0 0 20px 20px;}
	#page p {padding:10px 0 0 0;}
	#page ul {padding:10px 0 0 0;}	
		#page ul li {background:url(../images/redbullet.gif) no-repeat 0 8px; padding:0 0 2px 12px;}
	#page h2 {font-family:Georgia; font-size:26px; font-weight:normal; line-height:30px; padding:20px 0 0 0;}
	#page h3 {font-family:Georgia; font-size:22px; font-weight:normal; line-height:26px; padding:16px 0 0 0;}
	#page h4 {font-family:Georgia; font-size:16px; font-weight:normal; line-height:20px; padding:14px 0 0 0;}
	#page a {color:#bb180f;}
#subsite {float:left; width:956px; display:inline; padding:10px 20px 16px 20px;}
	#subsite .mailbox {margin:0;}
	#subsite .rightus {width:296px; padding:0 0 0 20px; background:none;}
	#subsite .rubod {padding-top:10px;}

div.onenb {float:left; width:956px; background:url(../images/shadowline.png) no-repeat bottom; padding:0 0 30px 0; display:inline;}
	#news p.onbtit {font-size:18px; line-height:20px; color:#bb180f; font-family:Georgia; padding:20px 0 0 0;}
		#news p.onbtit a {color:#bb180f; text-decoration:none;}
		#news p.onbtit a:hover {color:#000;}
	p.akdat {font-size:12px; color:#8c8c8c; padding:8px 0; line-height:14px;}
	#paging {font-size:14px;}
	#paging .active {font-weight:bold; color:#000; text-decoration:none;}
#page .nopadd, #content .nopadd, #news p.nopadd {padding:0;}


.quesbox {float:left; background:#e2e2e2; width:916px; margin:10px 0 0 0; display:inline; padding:6px 20px 10px 20px;}
	.quesbox input, .quesbox textarea {float:left; border:1px solid #c8c8c8; border-radius:8px; background:#fff; color:#8d8d8d; font-size:12px; line-height:14px; font-family:Arial; padding:5px; margin-top:5px; display:inline;}
	input.qbinp {width:300px;}
	textarea.qbarea {width:550px; height:180px;}
	.quesbox .qbmag {background:#bb180f; color:#fff; border:1px solid #a90500; cursor:pointer; padding-left:20px; padding-right:20px; text-transform:uppercase;}