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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
                                                /* end of resets */
body {font-size:62.5%; font-family: arial, helvetica, sans-serif;text-align: left;}

    .tag h2 { font-size: 1.75em;  font-weight: bold;  }
	.col h3, .col-side h3, .col-wide h3{ font-size: 2.15em;  color: #132f29;}
	p  { font-size: 1.3em; margin: 0 0 0.8em 0; line-height:1.9em }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a:link { color: #9D2900; text-decoration: none; }
    a:visited { color: #9D2900; text-decoration: none; }
	a:hover {color:#930; text-decoration: underline; }
    a:active { color: #9D2900; text-decoration: none; }
	img { border: 0; }
 	.col ul { list-style-type: circle;margin:0 0 0 0.6em; }

	 .col li { margin:0.25em 0 0 0;  font-size: 1.1em; font-weight:bold; }

img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; background: #f3ffd9; border: 1px solid #2f1319; float: left; clear: both; }

img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; background: #f3ffd9; border: 1px solid #2f1319; float: right; clear: both; }

img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; background: #f3ffd9; border: 1px solid #2f1319; float: none; clear: both; }

	.red { color: #9D2900; }
.tag { width: 100%; padding: 1em 0 1.25em 22px; margin: 0 auto 6px;background: #2f1319;color: #e8ffb3; }
.wrap { width: 940px; margin: 0 auto; }
#page-wrap {
	background: white;
	min-width: 780px;
	max-width: 980px;
	margin: 10px auto;
	width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto");
	}
	#page-wrap #inside {
		margin: 10px 10px 0px 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
 
#header { width: 100%; height: 50px; margin: 0 auto; }
#header h1 { color: #2f1319;font-size: 3.6em; font-weight: normal; float: left; padding: 0 0 0 10px}
	#menu  { float: right; padding: 6px 0 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 30px; padding: 7px;
        text-decoration: none; font-size: 13px; color: #9D2900; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
        #menu #current a { display:none/*border-bottom: 2px solid #C70012; color: #9D2900;*/}
    /*
#teaser { clear: both; height: 259px; background: #fff url(../images/teaserbg.jpg) repeat-x; }
	.box { float: left; padding: 66px 0 0; width: 480px; color: #C7E3EE; }
	#image { float: right; width: 388px; position: relative; top: 16px; background: url(../images/logotype.jpg) no-repeat top right; height: 258px; }
    */
#teaser { clear: both; height: 115px; background: #000; }

#bar { height: 40px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/dm-bar.png) repeat-x; }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0; }
 #navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#navlist li  { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: transparent; height: 30px; }
#navlist li  a { color: #fff; margin: 0 10px 0 0; }

.col { float: left; width: 31.5%; padding: 0 10px 16px 0; }
	.last { float: right; margin: 0; }
	.info { border: 1px solid #2f1319; background: #f3ffd9;padding:0.25em 0.5em 0; margin:0.3em 0 1.2em;}
    .info h2 { font-size: 1.6em;  padding:0.25em; background:#b3ffee; color: #132f29;}
    .info p { font-size: 1.1em; font-weight:bold;margin:0.3em 0.5em; line-height:1.4em }
.col-wide { float: left; width: 600px; margin: 0 30px 16px 0; }
.col-side { float: left; width: 200px; margin: 0 30px 16px 0; }
#map {
  padding:2px;background:#ddd;border:1px solid #9d2900;
}

#sidebar ul{
list-style:none;
margin:0.25em 0 0;
}
#sidebar li {
margin:0.3em 0;
padding:0.25em;
}
#footer { clear: both; width: 100%; margin: 8px auto; padding: 15px; border-top:3px solid #9d2900; background: #fff; }
	#footer .right { float: right; margin: 0 55px 0 0; }
	#footer a { color: #808080; font-weight: bold; }

/*
	project: web application template
	author: luka cvrk (www.solucija.com)
    #2f1319=brown;#d6a029
*/