/**
 * establish some defaults
 */

 body, div, img, a, form, span, table, td, tr, th, ul, li, ol, dd, dt, em,
 h1, h2, h3, h4, h5, h6, p, fieldset, legend, hr, blockquote, pre, code {
	 margin:0; padding:0; border:0; font-size:1em; text-indent:0; }
 
html, body {
	min-height: 650px;
	position: relative;
}

 blockquote, pre, code {
	 font-size:1em; }
	 
 input, select, textarea {
	 font-size:1em; margin:0; }
 
 textarea {
	 font-size: 1.3em;
	 line-height:1.6em; }

 .mobilemenu {
	 display: none;
 }
 
 .hamburger {
	 display: none;
 }

 .mobile-search {
	 display: none;
 }

 .user-management {
	 display: none;
 }

 .search-modal {
	 display: none;
 }
 
 body {
	 font-size:77%; line-height:1.6em; font-family:Helvetica Neue, Tahoma, Verdana, Helvetica, sans-serif; }
	 
 pre, code { /* default rule */
	 font-size:1.1em; font-family:monospace;  }
 
 :root pre, :root code { /* only for mozilla & safari */
	 font-size:1.35em; }
	 
 pre code {
	 font-size:1em !important; }
 
 table { border-collapse:collapse; border-spacing:0; }
 
 .clear {
	 clear:both; height:1px; overflow:hidden; }
	 
 input.submit, input.reset {
	 cursor:pointer; }
 
	 .submit.send {
		 font-weight:bold; padding-left:1.5em; padding-right:1.5em; }
	 
 input.text, input.submit, input.datetime {
	 padding:0.1em 0.2em; }
	 
 acronym {
	 border-bottom-width:1px; border-bottom-style:dotted; cursor:help; }
 
 /* header*/
 #head {
	 margin:0 14em 0 13em; overflow:visible; position:relative; padding:0 2em;
	 z-index:2; }
	 
	 * html #head { /* ie hack */
	 display:inline-block; }
 
	 #accesibility {
		 position:absolute; left:0; top:-10em; }
		 
	 #logo {
		position: absolute;
		top: 1.8em;
		left: -120px;
		text-decoration: none;
		margin-top: 30px;
		margin-left: 0;
		z-index: 4;
		width: 125px;
		height: 54px;
		background-position: 0px 0px;
		background-size: 120px;
		background-repeat: no-repeat;
	}
		 
	 #logo span {
	    display:none; }
		
	 /* fresh news */
		 #fresh_news_title {
			 z-index:1; line-height:1.8em; padding:0 0.4em; text-align:right; }
		 
		 #fresh_news {
			 display:block; position:relative; z-index:2; height:1.8em;
			 margin:-1.8em 8em 0 0; list-style-type:none; overflow:hidden; }
		 
		 #fresh_news_all {
			 height:1.8em; list-style-type:none; overflow:hidden;
			 top:1.8em; z-index:6; display:none; position:absolute;
			 left:2em !important; left:0;
			 right:2em; }
		 
			 #fresh_news li, #fresh_news_all li {
				 display:block; height:1.8em; overflow:hidden; }
			 
			 #fresh_news a, #fresh_news_all a {
				 padding:0 0.8em; line-height:1.8em; display:block;
				 position:relative; height:1.8em; overflow:hidden; }
		 
			 * html #fresh_news li, * html #fresh_news_all li,
			 * html #fresh_news a, * html #fresh_news_all a { /* ie hack */
				 display:inline-block; }
				 
			 * html #fresh_news_all li { /* ie hack */
				 float:left; clear:left; }
	 
	 /* fresh articles */
		 #fresh_articles_title {
			 display:none; }
		 
		 #fresh_articles {
			 display:block; margin-top:5px; padding-right:480px; height:62px;
			 text-align:justify; overflow:hidden; position:relative; }
				 
			 #fresh_articles span.end {
				 padding-left:2500px; }
				 
			 #fresh_articles a img {
				 border-width:1px; border-style:solid; }
			 
			 * html #fresh_articles a:hover { /* ie hack */
				 border-width:1px; }
	 
	 /* banner*/
	 #banner {
		 margin-top:-62px; height:62px; text-align:right; }
		 
		 #banner div {
			 width:468px; height:60px; float:right; border-width:1px; border-style:solid;
			 position:relative; z-index:5; }
		 
		 #banner div div {
			 width:auto; height:auto; float:none; }
 
	 /* fix width link (written with javascript) */
	 #fixed_link {
		 position:absolute; right:-6em; top:0; line-height:0.9em; border: none; border-radius: none;
		 font-size:2em; }
 
 /* basic content layout */
 #page_content {
	 margin:0 14em 0 13em; overflow:visible; position:relative; min-height:63em;}
	 
	 * html #page_content { /* ie hack */
		 height:1px; display:inline-block; }
	 
	 #content {
		 overflow:visible; margin-top:2em; padding:0 2em;
		 position:relative; }
		 
	 #menus {
		 position:absolute; left:-13em; top:2em; width:13em;
		 padding-bottom:2em; }
		 
	 #panels {
		 position:absolute; right:-14em; top:0; z-index:2; width:14em;
		 padding-bottom:2em; padding-top:1px; }
 
 
 
 /* footer */
 #footer {
	 margin:0; padding:1em; overflow:visible; height:auto;
	 clear:left; width: calc(100% - 2em); height: auto; min-height: 20px;}
	 
	 * html #footer { /* ie hack */
		 height:1px; display:inline-block; }
 
	 #footer li {
		 display:inline; border-left-width:1px; border-style:solid; line-height:1.8em; clear:none; }
	 
	 #footer li a {
			 padding:0 0.5em; }
	 
	 #footer li.first {
		 border-width:0; }
		 
		 #footer li.first a {
			 padding-left:0; }
	 
	 #footer li.top {
		 float:right; border-width:0; }
		 
		 #footer li.top a {
			 padding:0; }
 
 
 /* menus */
 #menus {}
	 
	 #menu, #poll {
		 width:13em; padding:1em 0 0.8em 0; list-style-type:none;}
 
	 #menu {}
	 
		 #menu ul {
			 margin-left:0; list-style-position:inside; }
		 
			 #menu li {
				 padding:0 0.5em 0.8em 1em; }
			 
				 #menu li li {
					 padding:0; }
	 
	 #poll {
		 margin-top:1.4em; }
	 
		 #poll h2 {
			 margin:0 0 0 1em; }
			 
		 #poll fieldset {
			 padding:0 1em; margin-bottom:1em; }
			 
		 #poll label {
			 display:block; padding-bottom:0.4em; clear:left; }
			 
			 #poll label input {
				 float:left; padding:0; }
				 
			 #poll label span {
				 margin-left:2em; display:block; }
				 
				 
		 #poll p {
			 padding:0 1em 0.8em 1em; }
			 
		 #poll input.submit {
			 margin-top:0.8em; }
		 
		 #poll div {
			 clear:left; margin-left:1em; }
			 
			 #poll div span {
				 display:block; }
			 
		 #poll .count {
			 float:right; width:3em; }
			 
		 #poll .percentage {
			 width:7.5em; height:0.7em; margin:0.3em 0 0.75em 0; border-width:1px; border-style:solid;
			 overflow:hidden; }
			 
		 #poll .percentage div {
			 overflow:hidden; margin:0; height:100%; }
 
 /* panels */
 #panels {}
	 
	 #panels div {
		 width:12.5em; margin-bottom:2.4em; margin-top:-2px;}
	 
		 #panels h2 {
			 padding:0.5em 0.8em;}
			 
		 #panels div div {
			 padding:0 0.8em 1em 0.8em; list-style-type:none; margin:0.8em 0 0 0; border-width:0;
			 -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; width:auto; }
				 
			 #panels ul {
				 padding:0; margin:1.6em 0 0 0; padding:0 0 1em 0; list-style-type:none }
				 
				 #panels ul li {
					 padding:0; margin:0; }
						 
			 #panels li.username {
				 padding:0 0.8em 0.8em 0; }
			 
			 #panels legend {
				 display:none; }
				 
			 #panels label {
				 display:block; padding-bottom:0.8em; clear:left; }
				 
			 #panels input.text, #panels input.datetime {
				 width:10em; padding:0.1em 0.2em; }
				 
			 #panels select {
				 width:10.5em; }
			 
			 #personalization .font_size {
				 padding-top:0.5em; }
				 
			 #personalization .style span {
				 display:block; }
			 
			 #personalization .style a {
				 width:1.1em; height:1.1em; float:left; border-width:1px; border-style:solid; margin:0 0.2em 0.2em 0;
				 display:inline; }
 
 
 /* content */
 #content {}
	 
	 /* main page title */
	 #content h2 {
		 font-size:1.6em; line-height:1.4em; border-bottom-width:0.13em; border-bottom-style:solid;
		 margin:0 0 0.845em 0; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
	 
	 /* item titles, subtitles */
	 #content h3 {
		 font-size:1.5em; line-height:1.4em; margin-bottom:0.733em; }
		 
		 #content h3 span, #content h3 label { /* normalize back to 1em */
			 font-size:0.67em; }
		 
		 #content h3 input {
			 width:20em; }
			 
		 #content h3 label {
			 display:block; line-height:1.2em; }
			 
	 h4 {
		 margin-top:0.8em; clear:both; }
		 
		 h4.new_post {
			 margin-bottom:0.8em; }
			 
	 #content .info {
		 list-style-type:none; margin-left:0; padding-left:0; margin-top:-1.2em; margin-bottom:1.2em; }
		 
		 #content .info li {
			 display:inline; border-left-width:1px; border-left-style:solid; padding:0 0.7em; }
			 
		 #content .info li.first {
			 padding-left:0; border-width:0; }
			 
	 /* news */
	 .news_item {}
	 
		 .news_item.unpublished, .news_item.denied, .news_item.deleted, .embargo {
			 margin:0 -12px; border-width:2px; border-style:solid; padding:1em 10px;
			 position:relative; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
	 
		 .controls {
			 text-align:right; margin-bottom:-1.6em; }
		 
		 #content ul.extra {
			 list-style-type:none; margin-left:1.7em; position:relative; left:-2px; }
			 
			 #content .news_item .extra {
				 margin-top:-0.8em; }
		 
			 #content ul.extra li {
				 padding-left:0.8em; border-left-width:2px; border-left-style:solid; }
			 
			 * html #content ul.extra li { /* ie hack */
				 display:inline-block; }	
				 
		 p.comments {
			 margin-top:1.6em; }
	 
	 /* write news / posts */
	 .new {}
	 
		 .new label {
			 display:block; width:20em; }
	 
		 .new input.text, .new input.datetime {	
			 width:25em; float:left; }
			 
			 .new p input.text, .new p input.datetime {
				 width:15em; float:none; }
				 
			 .new h3 input.text, .new h3 input.datetime {
				 float:none; }
		 
		 .new select {	
			 width:18em; margin:0 0.5em; }
		 
		 .new label.content {
			 margin:1.6em 0 0 0; padding:0; }
		 
		 .new .buttons {
			 border-width:1px; border-style:solid; padding:1px 1px 0 1px; margin-bottom:-1px; }
				 
			 .new .buttons .container {
				 float:left; position:relative; }
				 
				 #content .new .buttons .container ul {
					 position:absolute; top:3px; left:3px; margin:0; list-style-type:none; border-width:1px;
					 border-style:solid; padding:2px; display:none; z-index:20; }
					 
					 #content .new .buttons .container ul li {
						 padding:0; float:left !important; width:20px; height:20px; overflow:hidden; }
						 
						 #content .new .buttons .container ul li a {
							 display:block; line-height:16px; width:16px; text-align:center; padding:2px; margin:0; border-width:0; height:20px; }
			 
			 .new .buttons a {
				 width:16px; padding:2px; height:16px; float:left; /*border-width:1px; border-style:solid;*/
				 margin:3px; line-height:16px; text-align:center; text-decoration:none; overflow:hidden;
				 background-repeat:no-repeat; background-position:center center; }
				 
				 .new .buttons a:hover {
					 border-style:solid; border-width:1px; padding:1px; }
				 
				 .new .buttons a.open {
					 border-style:solid; border-width:1px; padding:2px 0 0 2px; }
					 
			 .new .buttons .separator {
				 height:14px; width:1px; overflow:hidden; padding:1px 0; margin:5px 4px; float:left; }
		 
		 .new .textarea_container {
			 padding-right:8px; margin-bottom:0.8em; }
			 
			 .new textarea {
				 width:100%; height:25em; padding:0.3em 3px; }
				 
			 .new.post_item textarea {
				 height:20em; }
				 
		 #content .new fieldset {
			 border-width:0; padding:0; margin:0em 0 3.2em 0; }
			 
			 #content .new fieldset label {
				 width:28em; }
		 
		 .new .extra input.radio {
			 margin-right:0.5em; }
			 
		 .new .extra input.submit {
			 margin-top:0.8em; }
			 
		 .new .extra .add {
			 padding-top:1.6em; }
		 
		 .new .extra .add input.submit {
			 margin-top:0; }
			 
		 .new .controls .submit {
			 padding:0.3em 0.8em; }
				 
	 /* common items */
	 hr {
		 height:0.09em; margin:2.355em 0; clear:both; }
		 
		 hr#crta {
			 height:0.175em; margin:2.3125em 0; }
			 
	 img.smile {
		 margin:-6px 0;}
			 
	 li.new_year {
		 padding-top:1.6em; }
				 
	 #content p {
		 padding-bottom:0.8em; text-align:justify; }
 
	 #content blockquote {
		 margin-bottom:0.8em; padding:0.2em 2.5em 0 2.5em; max-width:42em; }
		 
		 blockquote cite {
			 display:block; text-align:right; }
		 
		 blockquote cite:before {
			 content: '» '; }
	 
	 #content pre {
		 margin:0 2.2727em 0.8em 2.2727em; padding:0; }
	 
		 #content pre code {
			 display:block; overflow:auto; line-height:1.4545em;
			 font-family:Courier, monospace; white-space:pre; }
	 
	 #content ol, #content ul { list-style-position:outside; margin:0 0 0.8em 2.5em; }
	 
		 #content ol ul, #content ol ol, #content ul ul, #content ul ol {
			 margin:0.2em 0 0.6em 1.5em; }
				 
	 .image {
		 margin:1em 4em 1em 2em; }
		 
		 .image .data {
			 max-width:45em; padding-top:0; }
			 
		 .image p {
			 text-align:left; margin-bottom:1em; }
			 
		 .image a {
			 display:inline; float:left; margin:0 15px 3px 0;
			 text-align:center; }
		 
		 .image a img {
			 display:block; }
			 
		 .image .data a {
			 margin:0; float:none; text-align:left; }
			 
	 dl {}
		 
		 dl dt {
			 clear:left; float:left; width:20em; }
			 
		 dl dd {
			 float:left; margin-left:2em; width:18em; }
			 
	 /*#content .avatar {
		 border-width:1px; border-style:solid; width:50px; height:50px; float:left; margin-right:10px; }*/
		 
	 .list {
		 float:left; width:50%; min-width:25em; }
	 
	 /* fieldsets */
	 #content fieldset {
		 padding:2em 1.5em 2em 2.5em; margin:0 0 3em 0; overflow:visible; clear:both; }
		 
		 fieldset .space {
			 clear:both; height:1.6em; }
		 
		 #content fieldset.search ul {
			 margin:0; }
		 
		 #content fieldset.search li {
			 display:block; clear:both; padding-top:0.6em;
			 position:relative; display:block; }
			 
			 #content fieldset.search li label {
				 float:left; width:10em; }
			 
			 #content fieldset.search ul span, #content fieldset.search ul ul {
				 float:left; padding:0; margin:0; }
				 
				 #content fieldset.search li * label {
					 padding:0; display:block; width:auto; float:none;
					 clear:both; padding-top:0.3em; }
				 
				 #content fieldset.search li li {
					 padding-top:0; }
				 
				 #content fieldset.search li ul label {
					 padding-top:0; }
					 
				 #content fieldset.search li ul select {
					 margin-bottom:0.5em; }
			 
			 #content fieldset label span, #content fieldset div span {
				 float:left; width:10em; }
		 
		 #content fieldset legend {
			 display:none; }
			 
		 #content fieldset input.text, #content fieldset input.datetime {
			 width:20em; float:left; }
			 
		 #content fieldset select {
			 width:20.6em; float:left; }
			 
		 #content fieldset input.submit {
			 padding:0.2em 3em; }
			 
		 #content fieldset .reset {
			 float:right; display:inline; margin-right:1em; }
			 
		 #content fieldset .help {
			 clear:both; padding-top:2em; }
			 
		 #content fieldset hr {
			 margin:2em 0.5em 1.5em -0.5em; }
			 
		 /* error */
		 body #content fieldset.error {
			 padding-bottom:1.2em; }
 
			 body #content fieldset.error ul {
				  }
			 
		 /* register, settings */
		 
		 #content fieldset.settings {
			 -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:1em 2em 1.5em 2em; }
		 
			 #content fieldset.settings legend {
				 margin:0 -0.6em; padding:0 0.6em; display:block; }
			 
			 #content .settings .joined {
				 clear:left; }
				 
				 #content .settings .joined label {
					 float:left; width:18em; clear:none; }
			 
			 #content .settings label {
				 display:block; float:left; clear:left; }
				 
				 #content .settings label.checkbox, #content .settings label.text {
					 padding-top:0.8em; float:none; }
				 
				 #content .settings label span {
					 display:block; float:none; width:auto; padding-top:0.8em; }
				 
				 #content .settings textarea {
							 width:100%; height:6em; padding:0.2em; margin:0.8em 0; min-height:6em}
				 
				 #content .settings input.text, #content .settings select {
					 float:none; margin-bottom:0; width:15em; float:left; }
					 
					 #content .settings input.text.short {
						 width:2em; text-align:center; }
						 
					 #content .settings label.text select, #content .settings label.text input.text {
						 float:none; }
					 
					 #content .settings select {
						 width:15.6em; }
						 
			 #content .settings ul {
				 list-style-type:none; margin:0; }
				 
				 #content .settings li {
					 padding-top:0.8em; display:block; }
					 
					 #content .settings li label {
						 float:none; }
			 
			 #content .settings .error {
				 float:none; clear:left; padding-top:0; } 
				 
			 #content .settings .controls {
				 float:none; text-align:left; clear:both; margin:0;
				 padding:0.1em 0 0 0; position:relative; }
				 
				 #content .settings .controls hr {
					 margin-right:-0.5em; }
				 
				 #content .settings .controls .reset {
					 float:none; margin-left:1em; }
					 
			 #content .register.controls {
				 text-align:left; }
				 
				 #content .register.controls .submit {
					 padding:0.4em 2.5em; }
						 
		 /* settings */
		 
		 #content .user_head {
			 margin-bottom:3.2em; min-height:52px; overflow:visible; }
			 
			 .stat_item {
				 padding-top:1.6em; clear:left; }
			 .stat_image {
				 text-align:center;
			 }
				 
			 .font_size_demo {
				 font-size:16px; width:26em; border-width:1px; border-style:solid; padding:0.3em 0.5em; }
				 
				 #content fieldset .font_size_demo span {
					 float:none; display:block; padding:0; width:auto; }
			 
			 #content fieldset.images hr {
				 margin-right:0; margin-left:0; }
			 
			 #content fieldset.images ul {
				 clear:both; }
				 
				 #content fieldset.images li {
					 float:left; clear:none; padding:0 1.6em 1.6em 0; }
			 
					 #content fieldset.images li a {
						 border-width:1px; border-style:solid; display:block; float:left; }
						 
				 #content fieldset.images .current {
					 margin:0.8em 0 2.4em 0; }
					 
					 #content fieldset.images .current img  {
						 border-width:1px; border-style:solid; float:left; margin:0 2.4em 0.6em 0; }
						 
					 #content fieldset.images .current h4 {
						 clear:none; margin-bottom:0.8em; }
						 
					 #content fieldset.images .current p span {
						 float:none; display:inline; }
					 
					 #content fieldset.images .current .submit.upload {
						 padding-left:0.4em; padding-right:0.4em; margin-left:0.3em; }
			 
			 
 
 /* forums */
 .forums {
	 width:100%; border-width:1px; border-style:solid; clear:both; margin-bottom:0.4em; line-height:1.3em; }
	 
	 .forums.main {
		 margin:2.5em 0; }
 
	 .forums td, .forums th {
		 text-align:left; font-weight:normal; }
		 
	 .forums td {
		 vertical-align:top; padding:0.7em 0.4em 0.4em 0.4em; line-height:1.3em; }
	 
	 .forums.main td.name {}
		 
		 #content .forums.main .info {
			 margin-bottom:0.6em; }
			 
		 #content .forums .info {
			 margin-bottom:0; }
			 
	 .forums th {
		 padding:0 0.4em; border-top-width:1px; border-style:solid; border-bottom-width:1px; }
		 
	 .forums .main_title {
		 padding:0.3em 0 0.3em 0.8em; }
	 
	 #content .forums .messages, #content  .forums .views, #content .forums .threads {
		 width:0.1em; }
		 
	 .forums .threads, .forums .messages, .forums .views, .forums td.author, .forums th.author {
		 text-align:center; }
		 
		 .forums .views span {
			 font-size:0.95em; color:#666; display:block; }
	 
	 .forums .icon {
		 border-right-width:0; vertical-align:top; font-size:1.5em; line-height:0.5em;
		 padding:0.53em; cursor:default; width:0.6em; text-align:center; }
		 
	 .forums td.name {
		 border-left-width:0;}
		 
	 .forums .last_msg {
		 text-align:left; min-width:0.1em; padding-left:0.8em; padding-right:0.8em; white-space:nowrap; }
		 
		 .forums .last_msg .date {
			 display:block; font-size:0.95em; }
		 
	 #content .forums h3 {
		 margin:0; padding:0; font-size:1.1em; line-height:1.1em; }
		 
	 #content .forums h4 {
		 border-width:0; margin:0 0 1.2em 0; padding:0; font-size:1.05em; }
		 
		 #content .forums h3 span {
			 font-size:0.864em; }
			 
		 #content .forums h3 span a {
			 padding:0 0.05em; }
		 
		 #content .forums .name div a {
			 font-size:0.95em; text-decoration:none; }
			 
			 #content .forums .name div a:hover {
				 text-decoration:underline; }
		 
	 #content .forums.main h3 {
		 font-size:1.2em; }
		 
	 #content .forums p {
		 padding:0; text-align:left; }
		 
	 .forums #crta {
		 padding:0; height:2px; }
		 
	 #content .pages {
		 float:none; padding:0; margin:0; }

		 #content .pages a {
			-webkit-transition: background-color 100ms linear;
			-moz-transition: background-color 100ms linear;
			-o-transition: background-color 100ms linear;
			-ms-transition: background-color 100ms linear;
			transition: background-color 100ms linear;
		 }
			
		 #content .pages a, #content .pages span {
			 padding:0 0.05em; }
			 
			 #content .pages a.selected {
				 border-width:0; }
 
 /* forum post */
 .post {
	 border-width:1px; border-style:solid; margin:0.4em 0; position:relative;
	 padding:8px 1em 1em 82px; clear:both; min-height:52px; zoom: 1; } /* TODO: IE */
	 
	 #content .post h4 {
		 margin:0; font-size:1.2em; line-height:1.333em; float: left; }
		 
		 #content .post h4 span {
			 font-size:0.833em; font-weight:normal; }
			 
	 .post .content {
		 clear:both; padding-top:1.6em; }
		 
	 .post .signature {
		 font-size:0.95em; line-height:1.3em; border-top-width:1px; border-top-style:solid; max-width:40em;
		 padding-top:0.5em; margin-top:1.3em; }
		 
	 .post .avatar {
		 position:absolute; left:15px; top:1em; margin:0; float:none; display:inline; clear: left;}
	 
	 .post .controls {
		 display:inline; margin:0 0 0 1em; position:relative; line-height:1.2em; }
		 
		 .post .controls a {
			 float:right; margin:0.2em 0; margin-left: 5px; }
			 
		 #content .post .controls .extra {
			 display:inline; }
			 
			 #content .post .controls ul {
				 display:inline; list-style-type:none; }
				 
				 #content .post .controls ul li {
					 float:right; padding:0; }
					 
					 #content .post .controls ul li a {
						 float:none; display:block; padding:0 0.6em; border-right-width:2px;
						 border-style:solid; }
						 
						 #content .post .controls ul li.first a {
							 margin-right:0.6em; }
	 
	 .post hr {
		 margin:0; margin-bottom:1em; clear:right; }
		 
	 #content hr.forum {
		 margin:1em 0; }
		 
 .quick_reply {
	 padding-top:1.6em; clear:both; margin-right:0.4em; padding-right:2px; }
		 
	 .quick_reply textarea {
		 width:100%; height:13em; padding:0.2em; margin:0.8em 0; min-height:13em}
		 
	 .quick_reply .submit {
		 float:right; }
 
	 .quick_reply fieldset {
		 border-width:0; padding:0; margin:0em 0 0em 0; }
	 .quick_reply label {
		 display:block; width:20em; }
			 
	 .quick_reply fieldset label {
		 width:28em; }
 
 #content .set {
	 float:left; list-style-type:none; margin:0 0.6em; padding:0.2em 0.6em; border-width:1px; border-style:solid; }
 
 #content .set.top {
	 border-bottom:0; margin-top:3em; }
 
 #content .set.bottom {
	 border-top:0; margin-top:-0.3em; }
	 
	 #content .set a {
		 text-decoration: none; color:#666; padding: 7px 7px 7px 24px; display: block; width: 5em;}
		
		 #content .set li span input[type="checkbox"] {
			position: absolute;
			left: 0.66em;
			top: 0.9em;
			cursor: pointer;
		 }
	 
	 #content .set li {
		 float:left; position: relative; margin:0; padding:0; padding-left:1em; margin-left:0.2435em;
		 border-left-width:1px; border-left-style:solid; padding-right:0.3em; 
		 -webkit-transition: background-color 100ms linear;
		 -moz-transition: background-color 100ms linear;
		 -o-transition: background-color 100ms linear;
		 -ms-transition: background-color 100ms linear;
		 transition: background-color 100ms linear;}
		 
	 #content .set li.first {
		 border-left-width:0; margin-left:0; }
 
 #content .button {
	 float:right; border-width:1px; border-style:solid;  padding:0.2em 1em; margin-bottom:0.4em; }
	 
 #content .pages {
	 float:right; padding:1px; margin:0.2em 0.6em; }
	 
 #content .thread_nav {
	 clear:both; padding-top:3em; margin:0 0 2em 0; overflow:visible; text-align:center; line-height:2em; }
	 
	 .thread_nav li {
		 display:inline; border-left-width:1px; border-left-style:solid; padding:0 0.8em; white-space:nowrap; }
		 
	 .thread_nav li.prev {
		 border-left-width:0; }
		 
	 #content .thread_nav select {
		 margin-right:0.3em; width:14em; }
		 
 /* settings */
 .avatar {
		 border-width:1px; border-style:solid; width:50px; height:50px; display:block; float:left; margin-right:1em;  }
 
 /* calendar */
 html #content span.cal_placeholder, html #panels span.cal_placeholder {
	  position:relative; overflow:visible; float:left; margin:0; padding:0;
	  width:1px; overflow:visible; }
 
	 .date_icon {
		 width:20px; position:absolute; top:0; cursor:pointer; left:3px; }
		 
 #calendar {
		 border-width:1px; border-style:solid; float:left; line-height:1.7em; width:17.5em; position:absolute;
		 padding:0.4em 0.2em; top:0; left:3px; z-index:4; font-size:0.95em; }
		 
	 #calendar td {
		 width:2.5em; text-align:center; line-height:1.7em; }
		 
	 #calendar td a {
		 display:block; text-decoration:none; }
 
	 #content #calendar .controls, #calendar .controls {
		 float:right; padding:0 0.3em; margin:0; }
		 
		 #calendar .controls a {
			 padding:0 0.3em; }
	 
	 #calendar h5 {
		 padding:0 0.3em; border-width:0; margin:0; }
		 
	 #calendar hr, #content #calendar hr {
		 padding:0; margin:0.3em 0.3em 0 0.3em; height:1px; border-width:0; clear:both; }
 
 /* auto-complete */
 .autocomplete_placeholder {
	 position:relative; width:1px; height:1px; margin-left:-1px; float:left; }
	 
	 html #content .autocomplete_list {
		 border-width:1px; border-style:solid; position:absolute; top:0;
		 margin:0; right:0; list-style-type:none; display:none; z-index:6;
		 overflow:auto; float:none; margin-top:-2px; }
		 
	 html #content .autocomplete_list li {
		 padding:0 0.2em; display:block; white-space:nowrap;
		 overflow:hidden; cursor:pointer; }
		 
	 #content .autocomplete_list li.no_results {
		 cursor:default; }
 
 
 @media print {
	 #menus {
		 display:none;
		 width: 0;
	 }
	 #panels {
		 display:none;
		 width: 0;
	 }
	 #head {
		 display:none;
	 }
	 #footer {
		 display: none;
	 }
	 #page_content {
		 margin: 0;
	 }
 
	 .quick_reply, .thread_nav, #content form, a .button, ul .set {
		 display:none;
	 }
 
 }
 
 #content .article_exposed p {text-align: left;}
 .article_exposed_img {float: left; margin:0 1em 1em 0; border: 1px solid #AAA;}
 .article_exposed_info {clear: left;}
 
 #panels .hottopics ul li {list-style:disc; margin:0 0 5px 10px;}
 .user-quoted {font-style:italic; font-family:georgia,times,serif;}
 .news_item.short, .article_exposed.short {float: left; border-top:1px solid #AAA; padding: 1em 0;}
 .news_item.short .data {clear: left; color: #888;}
 .news_item.short .image .data p {margin: 0 0.5em 0 0; padding-bottom: 0 !important; display: inline;}
 
 .news_item.short .image img {text-align: center;}
 .news_item.short .image {margin: 1em auto; width:200px;}
 .news_item.short .image .source {color: #888;}
 .news_item.short .image .source:before {content: "| ";}
 
 .news_item.exposed .image {width: 202px; float: right; margin: 0 1em 1em 1em;}
 
 .news_item.exposed:last-of-type {clear: both; }
 
 .news_item .related {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; margin-right: 2em; clear: left;}
 .news_item .history {max-width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left;clear:right;}
 
 .older_news_list {clear: both;}
 .news_item.short .besediloNovice {clear: left;}
 
 a.comments {font-weight: bold; font-size: 1.05em;}
 .news_item.short .read_more {padding-top: 10px; float:left; margin-right: 1em}
 .news_item.short .comments {padding-top: 10px; margin: 0; white-space:nowrap; float:left;}
 .news_item.short .read_more:after {margin:0 0.5em;}
 
 .news_item.denied.short {
	 padding: 1em !important;
 }
 
 p.read_more a, .article_read_more a {padding:0.2em 0.3em 0 25px; background:url(/stili/readmore.png) no-repeat center left; }
 
 .article_read_more {margin: 0.5em 0;}
 
 #login-small {display: none;}
 
 @-ms-viewport{
	 width: device-width;
 }
 
 @media screen and (max-width: 999px) {
	 #menus {display: none;}
	 #head {display: none;}
	 #page_content {margin: 0; min-width: 300px;}
	 #content {padding: 0 10px;}
	 #footer {margin: 0;}
	 .mobilemenu {display: block;}
	 #content pre {overflow: hidden; }
	 .mobileheader {display: block !important;}
 }
 
 @media (min-width:0px) and (max-width:979px) {
	 #banner {display: none;}
	 #fresh_articles {padding-right: 0;}
	 .news_item.exposed .image {clear: right;}
	 .signature {display: none}
	 .news_item.short .image, .news_item.short .youtube-player {width: 202px; float: right; margin: 0 1em 1em 1em;}
 }
 
 @media (min-width:980px) and (max-width:1300px) {
	 .news_item.short, .article_exposed.short {width: 50%; height: 100%; border-top:1px solid #AAA; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em;}
	 .news_item.short:nth-of-type(even), .article_exposed.short:nth-of-type(even) {padding-right: 0;}
	 .news_item.short:nth-of-type(odd), .article_exposed.short:nth-of-type(odd) {clear: left; padding-left: 0;}
	 .news_item.exposed .image:nth-of-type(2n+1) {clear: right;}
	 }
 
 @media (min-width:1301px) and (max-width:1680px) {
	 .news_item.short, .article_exposed.short {width: 33.3%; height: 100%; border-top:1px solid #AAA; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em;}
	 .news_item.short:nth-of-type(3n), .article_exposed.short:nth-of-type(3n) {padding-right: 0;}
	 .news_item.short:nth-of-type(3n+1), .article_exposed.short:nth-of-type(3n+1) {clear:left; padding-left: 0;}
	 .news_item.exposed .image:nth-of-type(2n+1) {clear: right;}
	 }
 
 @media (min-width:1681px) and (max-width:1920px) {
	 .news_item.short, .article_exposed.short {width: 25%; height: 100%; border-top:1px solid #AAA; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em;}
	 .news_item.short:nth-of-type(4n), .article_exposed.short:nth-of-type(4n) {padding-right: 0;}
	 .news_item.short:nth-of-type(4n+1), .article_exposed.short:nth-of-type(4n+1) {clear:left; padding-left: 0;}
	 .news_item.exposed .image:nth-of-type(3n+1) {clear: right;}
	 }
 
 @media (min-width:1921px) {
	 .news_item.short, .article_exposed.short {width: 20%; height: 100%; border-top:1px solid #AAA; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 1em;}
	 .news_item.short:nth-of-type(5n), .article_exposed.short:nth-of-type(5n) {padding-right: 0;}
	 .news_item.short:nth-of-type(5n+1), .article_exposed.short:nth-of-type(5n+1) {clear: left; padding-left: 0;}
	 .news_item.exposed .image:nth-of-type(3n+1) {clear: right;}
	 }
 
 @media (min-width:0px) and (max-width:979px) {
	 #banner {display: none;}
	 #fresh_articles {padding-right: 0;}
	 .news_item.exposed .image {clear: right;}
	 .signature {display: none}
	 #panels {display: none;}
	 #page_content {margin-right:0em;}
	 .news_item.short .image, .news_item.short .youtube-player {width: 202px; float: right; margin: 0 1em 1em 1em;}
	 
	 #login-small {
			 margin-top:-62px; width:475px; height:62px; float:right; display:block;
			 position:relative; z-index:5; background-color: white; }
	 
	 #login-small div div {
			 width:auto; height:auto; float:none; }
			 
	 #login-small .user {margin-left: 1em;}
 
	 #login-small div {
		 margin-bottom:2.4em; }
	 
		 #login-small h2 {
			 padding:0 0.8em;
			 color:#349ba8; background:#eaf5f6; border-bottom:1px solid #ddd;
			 }
			 
		 #login-small div div {
			 padding:0 0.8em 0.7em 0.8em; list-style-type:none; margin:0.6em 0 0 0; border-width:0;
			 -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; width:auto; }
				 
			 #login-small ul {
				 list-style-type:none; float: right; margin-top: -1.5em;}
				 
				 #login-small ul li {
					 padding:0; margin:0 1em 0 0; display: inline; font-size: 0.9em;}
						 
			 #login-small li.username {
				 clear: right;
				 }
			 
			 #login-small legend {
				 display:none; }
				 
			 #login-small label {
				 display:block; padding-bottom:0.8em; clear:left; display: inline;}
						 
			 #login-small span {display: inline;}
			 
			 #login-small span img {width: 16px; height:16px; margin: 0 0.4em; vertical-align: middle;}
			 
			 #login-small input.submit {padding: 0.1em 0.3em; font-size: 0.9em; margin-top: 0.7em;}
			 
			 #login-small label #login_remember {display: inline;}
			 #login-small label a {font-size: 0.9em;}
			 
			 #login-small label span {margin-right: 0.2em;}
				 
			 #login-small input.text, #panels input.datetime {
				 width:8em; padding:0.1em 0.2em; margin-right: 0.5em;}			
				 
			 #login-small select {
				 width:10.5em; }
	 
			 #login-small ul.signed_in {float: none; display: block; margin-top: 0.9em; height: 41px;}
			 
			 #login-small ul.signed_in img {width: 36px; margin-left: 0.3em;}
			 
			 #login-small .signed_in .username {font-size: 1em;}
 
 }
 div.light_rounded .pp_top .pp_left{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}
 div.light_rounded .pp_top .pp_middle{background:#fff;}
 div.light_rounded .pp_top .pp_right{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}
 div.light_rounded .pp_content .ppt{color:#000;}
 div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}
 div.light_rounded .pp_content{background-color:#fff;}
 div.light_rounded .pp_next:hover{background: url(/stili/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}
 div.light_rounded .pp_previous:hover{background: url(/stili/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}
 div.light_rounded .pp_expand{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}
 div.light_rounded .pp_expand:hover{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}
 div.light_rounded .pp_contract{background: url(/stili/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}
 div.light_rounded .pp_contract:hover{background: url(/stili/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}
 div.light_rounded .pp_close{width:75px;height:22px;background: url(/stili/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}
 div.light_rounded #pp_full_res .pp_inline{color:#000;}
 div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}
 div.light_rounded .pp_nav .pp_play{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}
 div.light_rounded .pp_nav .pp_pause{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}
 div.light_rounded .pp_arrow_previous{background: url(/stili/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}
 div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}
 div.light_rounded .pp_arrow_next{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}
 div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}
 div.light_rounded .pp_bottom .pp_left{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}
 div.light_rounded .pp_bottom .pp_middle{background:#fff;}
 div.light_rounded .pp_bottom .pp_right{background: url(/stili/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}
 div.light_rounded .pp_loaderIcon{background: url(/stili/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}
 div.pp_pic_holder a:focus{outline:none;}
 div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}
 div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}
 .pp_top{height:20px;position: relative;}
 * html .pp_top{padding:0 20px;}
 .pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}
 .pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
 * html .pp_top .pp_middle{left:0;position: static;}
 .pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
 .pp_content{height:40px;}
 .pp_fade{display: none;}
 .pp_content_container{position: relative;text-align: left;width:100%;}
 .pp_content_container .pp_left{padding-left:20px;}
 .pp_content_container .pp_right{padding-right:20px;}
 .pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}
 .pp_description{display: none;margin:0 0 5px 0;}
 .pp_nav{clear: left;float: left;margin:3px 0 0 0;}
 .pp_nav p{float: left;margin:2px 4px;}
 .pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}
 a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}
 .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}
 .pp_gallery{left:50%;margin-top:25px;position:absolute;z-index:10000;}
 .pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}
 .pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}
 .pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}
 .pp_gallery ul a img{border:0;}
 .pp_gallery li{display:block;float: left;margin:0 5px 0 0;}
 .pp_gallery li.default a{background: url(/stili/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}
 .pp_gallery li.default a img{display: none;}
 .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}
 a.pp_next{background: url(/stili/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}
 a.pp_previous{background: url(/stili/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}
 a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}
 a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}
 .pp_bottom{height:20px;position: relative;}
 * html .pp_bottom{padding:0 20px;}
 .pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}
 .pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}
 * html .pp_bottom .pp_middle{left:0;position: static;}
 .pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}
 .pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}
 #pp_full_res{line-height:1 !important;}
 #pp_full_res .pp_inline{text-align: left;}
 #pp_full_res .pp_inline p{margin:0 0 15px 0;}
 div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}
 .clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}
 .clearfix {display: inline-block;}
 * html .clearfix {height:1%;}
 .clearfix {display:block;}
 
 .news_item.short.history:nth-of-type(2n+1) {border: 0; padding:2em 0; width: 100%; border-top:1px solid #AAA;}
 .news_item.short.history:nth-of-type(2n+2) {border: 0; padding:2em 0; border-top:1px solid #AAA;}
 .show-m {margin: 1em auto; width: 260px;}
 .show-m img {display: inline; margin:0 0 -3em 1em;}
 
 .history input {
		  -webkit-border-radius:8px; border-radius:8px;
		 overflow:visible; }
 .history input.submit {padding: 1em 2.5em .8em 2.5em;}
 
 .autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
 .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
 .autocomplete .selected { background:#F0F0F0; }
 .autocomplete div { padding:2px 5px; white-space:nowrap; }
 .autocomplete strong { font-weight:normal; color:#3399FF; }
 
 .mobileheader {
	 display: none;
	 width: 100%;
	 height: 53px;
	 position: relative;
 }
 
 .mobileheader .hamburger {
	 position: absolute;
	 right: 0;
	 top: 0;
	 max-height: 19px;
	 font-size: 20px;
	 color: #333; 
	 text-decoration: none;
	 padding: 17px;
 }
 .mobileheader .hamburger:hover {
	 color: #4ec6d0;
 }
 
 .mobileheader .hamburger:active {
	 color: #a5c864;
 }

 .mobileheader .mobile-search {
	 position: absolute;
	 width: 50px;
	 height: 100%;
	 right: 55px;
	 top: 0;
	 color: #333;
	 text-decoration: none;
 }

 .mobile-search.logged-in {
	right: 108px;
 }

 .mobileheader .mobile-search::after {
	display: inline-block;
    position: absolute;
    content: "\026B2";
    font-size: 28px;
    transform: rotate(-45deg);
    z-index: 200;
    top: 19px;
    right: 16px;
 }

 .mobileheader .mobile-search:hover {
	 color: #4ec6d0;
 }
 
 .mobileheader .mobile-search:active {
	 color: #a5c864;
 }
 
.mobileheader .user-management {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ccc' height='512' viewBox='0 0 515.6 515.6' width='512'%3E%3Cpath d='m348.9 37.8c50.3 50.3 50.3 131.9 0 182.3s-131.9 50.3-182.3 0-50.3-131.9 0-182.3c50.3-50.3 131.9-50.3 182.3 0'/%3E%3Cpath d='m455.5 350.7c-117.5-79.4-277.9-79.4-395.4 0-17.4 11.8-27.8 31.7-27.8 53.2v111.7h451.1v-111.7c0-21.6-10.4-41.4-27.8-53.2z'/%3E%3C/svg%3E%0A") no-repeat 17px 20px/17px;
	display: block;
	width: 50px;
	height: 53px;
	position: absolute;
	top: 0;
	right: 55px;
}
.mobileheader .user-management:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234ec6d0' height='512' viewBox='0 0 515.6 515.6' width='512'%3E%3Cpath d='m348.9 37.8c50.3 50.3 50.3 131.9 0 182.3s-131.9 50.3-182.3 0-50.3-131.9 0-182.3c50.3-50.3 131.9-50.3 182.3 0'/%3E%3Cpath d='m455.5 350.7c-117.5-79.4-277.9-79.4-395.4 0-17.4 11.8-27.8 31.7-27.8 53.2v111.7h451.1v-111.7c0-21.6-10.4-41.4-27.8-53.2z'/%3E%3C/svg%3E%0A");
}

.mobileheader .user-management:active {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a5c864' height='512' viewBox='0 0 515.6 515.6' width='512'%3E%3Cpath d='m348.9 37.8c50.3 50.3 50.3 131.9 0 182.3s-131.9 50.3-182.3 0-50.3-131.9 0-182.3c50.3-50.3 131.9-50.3 182.3 0'/%3E%3Cpath d='m455.5 350.7c-117.5-79.4-277.9-79.4-395.4 0-17.4 11.8-27.8 31.7-27.8 53.2v111.7h451.1v-111.7c0-21.6-10.4-41.4-27.8-53.2z'/%3E%3C/svg%3E%0A");
}

 .mobileheader .domov {
	 display: block;
	 height: 100%;
	 width: 200px;
 }

 .domov > img {
	width: 90px;
	margin: 10px 0 0 10px;
 }
 
 .mobileheader .userbox {
	 display: none;
	 position: absolute;
	 top: 53px;
	 right: 0;
	 padding: 10px;
	 font-size: 14px;
	 background: #161616;
	 border: 1px solid #282828;
	 border-right: none;
	 border-top: none;
	 box-shadow: 3px 3px 2px #000;
	 z-index: 100;
 }
 
 .mobileheader .uporabnik {
	 padding: 5px;
	 border-radius: 5px;
 }
 
 input[type=submit].header-button, a.header-button {
	 background: #fff;
	 padding: 5px;
	 font-size: 12px;
	 text-decoration: none;
	 margin-left: 3px;
	 border: 1px solid #ccc;
 }
 
 input[type=submit].header-button:hover, a.header-button:hover {
	 background: #ccc;
	 border: 1px solid #ccc;
 }
 input[type=submit].header-button:active, a.header-button:active {
	 background: #333;
	 color: #fff;
	 border: 1px solid #ccc;
 }
 
 .mobileheader .odjavi {
	 padding: 5px;
	 background: #ccc;
 }
 
 .hidden {
	 display: none;
 }
 
 .mobileheader > form > fieldset > a {
	 display: block;
	 position: absolute;
	 right: 10px;
	 top: 15px;
 }
 
 .mobileheader input[type=password], .mobileheader input[type=text] {
	 width: 155px;
 }
 .mobileheader input[type=submit], .mobileheader input[type=text], .mobileheader input[type=password] {
	 padding: 5px;
 }
 .mobileheader submit {
	 padding: 5px;
 }

 #login-overlay {
	 position: fixed;
	 display: none;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: #000;
	 cursor: pointer;
	 z-index: 500;
	 opacity: 0.8;
 }

 .google-login {
	display: block;
	margin-top: 10px;
	width: 135px;
	height: 33px;
	background: url("img/btn_google_signin_light_normal_web@2x.png") no-repeat left 0px top 0px / 135px;
}

.google-login:hover {
	background: url("img/btn_google_signin_light_focus_web@2x.png") no-repeat left 0px top 0px / 135px;
}

.google-login:active {
	background: url("img/btn_google_signin_light_pressed_web@2x.png") no-repeat left 0px top 0px / 135px;
}
 
 /* Add a black background color to the top navigation */
 .mobilemenu {
	 background-color: #efefef;
	 overflow: hidden;
   }
   
   /* Style the links inside the navigation bar */
   .mobilemenu a {
	 float: left;
	 display: block;
	 color: #000;
	 text-align: center;
	 padding: 14px 16px;
	 text-decoration: none;
	 font-size: 14px;
   }
   
   /* Add an active class to highlight the current page */
   .active {
	 background-color: #333;
	 color: white !important;
   }
   
   /* Hide the link that should open and close the topnav on small screens */
   .mobilemenu .icon {
	 display: none;
   }
   
   /* Dropdown container - needed to position the dropdown content */
   .dropdown {
	 float: left;
	 overflow: hidden;
   }
   
   /* Style the dropdown button to fit inside the topnav */
   .dropdown .dropbtn {
	 font-size: 14px; 
	 border: none;
	 outline: none;
	 padding: 14px 16px;
	 background-color: inherit;
	 font-family: inherit;
	 margin: 0;
   }
   
   /* Style the dropdown content (hidden by default) */
   .dropdown-content {
	 display: none;
	 position: absolute;
	 background-color: #f9f9f9;
	 min-width: 160px;
	 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 z-index: 1;
   }
   
   /* Style the links inside the dropdown */
   .dropdown-content a {
	 float: none;
	 color: #4a4458;
	 padding: 12px 16px;
	 text-decoration: none;
	 display: block;
	 text-align: left;
   }
   
   /* Add a dark background on topnav links and the dropdown button on hover */
   .mobilemenu a:hover, .dropdown:hover .dropbtn {
	 background-color: #555;
	 color: white;
   }
   
   /* Add a grey background to dropdown links on hover */
   .dropdown-content a:hover {
	 background-color: #ddd;
	 color: black;
   }
   
   /* Show the dropdown menu when the user moves the mouse over the dropdown button */
   .dropdown:hover .dropdown-content {
	 display: block;
   }

   #odpri-prijavo {
	   position: absolute;
	   padding: 7px 14px;
	   border-radius: 1px;
	   right: 115px;
	   top: 15px;
	   outline: none;
   }

   /** search **/
   .search-modal {
		position: absolute;
		left: 0;
		right: 0;
		border-radius: 3px;
		top: 62px;
		padding: 20px;
		background: #fff;
		width: 250px;
		margin: 0 auto;
		box-shadow: 1px 1px 5px #333;
		z-index: 1000;
	}

	.search-modal > form {
		display: grid;
		grid-gap: 10px;
	}

	.search-modal > form .mobile-search-query {
		color: #666;
		padding: 10px;
		padding-left: 38px;
		font-size: 16px;
		width: calc(100% - 48px);
		outline: none;
		border: 1px solid #ccc;
	}
	
	.search-modal > form::after {
		display: inline-block;
		position: absolute;
		content: "\026B2";
		font-size: 28px;
		transform: rotate(-45deg);
		z-index: 200;
		top: 28px;
		left: 29px;
	}
	
	.search-modal > form .mobile-submit-search {
		padding: 7px;
		max-width: 140px;
		background: #fff;
		border: 1px solid #ccc;
		cursor: pointer;
		outline: none;
	}

	.search-modal > form .mobile-submit-search:hover {
		border-color: #00ABC2;
	}

	.search-modal > form .mobile-submit-search:active {
		background-color: #efefef;
		color: #333;
	}

   #login {
	   position: absolute;
	   display: none;
	   left: 0;
	   right: 0;
	   border-radius: 3px;
	   top: 62px;
	   padding: 10px;
	   background: #fff;
	   width: 430px;
	   margin: 0 auto;
	   box-shadow: 1px 1px 5px #333;
	   z-index: 1000;
   }

   #login > fieldset > a > img {
	   cursor: pointer;
   }

	#login > fieldset > input[type="submit"] {
		width: 120px;
		height: 30px;
		margin: 0;
		outline: none;
		background: url("img/st-uporabnik.svg") no-repeat top 7px left 7px / 20px;
	}
	 
	#login > fieldset > input[type="submit"]:hover {
		border-color: #00ABC2;
	}

	#login > fieldset > input[type="submit"]:active {
	   background-color: #efefef;
	   color: #333;
	}
   
   /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav */
   @media screen and (max-width: 600px) {
	 .hamburger {
		 display: block;
	 }
	 .mobile-search {
		 display: block;
	 }
	 .user-management {
		 display: block;
	 }
	 #navigacija {
		 display: none;
	 }
	 .mobilemenu a:not(:first-child), .dropdown .dropbtn {
	   display: none;
	 }

	 #login {
		 padding: 20px;
		 width: 260px;
		 box-shadow: 1px 1px 3px #222;
	 }

	 #login > fieldset {
		 display: grid;
		 grid-template-columns: 1fr;
	 }

	 #login > fieldset > input[type="text"], #login > fieldset > input[type="password"] {

	 }
   
	 #login_user_t, #login_pass_t  {
		padding: 10px;
		font-size: 16px;
		margin-bottom: 10px;
		outline: none;
		width: 240px;
   	}

	#login a {
		bottom: 18px;
		top: auto;
		right: 16px;
		left: auto;
	}
   }

	.mobileheader .domov {
		background-position: 10px 10px;
		background-size: 90px;
		background-repeat: no-repeat;
	}
   
   /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
   @media screen and (max-width: 600px) {
	 .views {
		 display: none;
	 }
	 #content pre {
		 overflow: hidden;
	 }
	 #navigacija.responsive {
		 display: block;
	 }
	 .mobilemenu.responsive {position: relative;}
	 .mobilemenu.responsive a {
	   float: none;
	   display: block;
	   text-align: left;
	 }
	 .mobilemenu.responsive .dropdown {float: none;}
	 .mobilemenu.responsive .dropdown-content {position: relative;}
	 .mobilemenu.responsive .dropdown .dropbtn {
	   display: block;
	   width: 100%;
	   text-align: left;
	 }
   }
   @media (min-width:600px) and (max-width:999px) {
		.mobileheader .mobile-search {
			display: block;
			right: 0;
		}
		.mobileheader .userbox {
		}
		.search-modal {
			width: 330px;
		}
		#login {
			top: 0;
			padding-right: 60px;
			left: auto;
			display: block;
			box-shadow: none;
			background: #fff;
			padding-bottom: 11px;
			border-radius: 0;
		}
		#login a {
			right: 10px;
			top: -1px;
		}
		.mobileheader input[type="text"], .mobileheader input[type="password"] {
			width: 95px;
			height: 18px;
		}
	}

	/** Exposed Images **/
	.exposed_image {
		margin-bottom: 10px;
		background: #efefef;
	}

	.exposed_image_source .source {
		color: #888;
		background: #efefef;
		padding: 3px;
		display: block;
	}

	.exposed_image_source > p {
		margin: 0;
		background: #efefef;
		font-weight: bold;
		color: #888;
		border-bottom: 1px solid #e0e0e0;
		padding: 3px !important;
	}
	
	.fixed-ratio {
		display: block;
		position: relative;
		height: 0;
		overflow: hidden;
	}
	
	.fixed-ratio-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-width: inherit;
	}

	img.tiny-image {
		display: block;
		margin: 0 auto;
		width: 100%;
	}

	@media screen and (min-width:600px) and (max-width:750px) {
		.exposed_image {
			float: right;
			clear: right;
			width: 300px;
			margin: 0 0 20px 20px;
		}
	}

	@media screen and (min-width:750px) and (max-width:979px) {
		.exposed_image {
			float: right;
			clear: right;
			width: 400px;
			margin: 0 0 20px 20px;
		}

		.float-forever {
			width: 300px;
		}
	}

	@media screen and (min-width:979px) {
		.float-forever {
			float: right;
			clear: right;
			width: 300px;
			margin: 0 0 20px 20px;
		}
	}

	/** Forum Responsive **/
	@media screen and (max-width:900px) {
		.thread_nav {
			display: none;
		}

		#footer {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-column-gap: 1em;
			margin: 0;
			padding: 1em;
			widows: auto;
			height: auto;
			overflow: auto;
		}

		#footer::after {
			content: "";
			clear: both;
			display: table;
		}

		#footer li.top {
			display: none;
		}

		#footer > li.first, #footer > li {
			padding-left: 0;
			border: none;
		}

		#footer > li.top {
			float: none;
		}

		#footer > li {
			float: none;
		}

		#footer > li > a {
			width: 100%;
			padding: 5px !important;
			display: block;		}

		#footer > li > a:hover {
			text-decoration: underline;
		}

		#footer > li > a:active {
			text-decoration: none;
		}
	}

	#content .pages {
		margin: 0 0 10px 0;
		padding: 0;
	}

	#content div.pages > a, #content div.pages > .current-page {
		margin: 0 3px 0 0;
		float: left;
		background: #efefef;
		padding: 7px 14px;
		text-decoration: none;
	}

	#content div.pages > .current-page {
		background-color: #fff;
		font-weight: bold;
		cursor: default;
		background: none;
	}

	#content div.pages > .more {
		float: left;
		background: none;
		margin: 10px 5px 0 0;
		padding: 7px;
		text-decoration: none;
	}

	div.pages > a:hover {
		background: #ccc;
	}

	div.pages > a:active {
		color: #ccc;
		background: #333;
	}

	#content .button.new, #content .button.reply, #content .button.settings {
		padding: 7px 14px;
		margin: 0 0 20px 10px;
		border: none;
		text-decoration: none;
	}

	/** Comments && Preberi vec **/
	p.comments {
		margin-bottom: 20px;
	}

	p.read_more > a {
		display: block;
		background: #efefef;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' role='presentation' fill='%23000' aria-hidden='true' viewBox='0 0 24 24' focusable='false' class='MuiSvgIcon-root jss1045 jss1047'%3E%3Cpath d='M13.96 8.89l-3.74 3.74c-0.09 0.09-0.2 0.13-0.31 0.13S9.69 12.71 9.6 12.62l-3.56-3.56C5.86 8.89 5.86 8.61 6.04 8.44c0.18-0.17 0.45-0.17 0.63 0l3.25 3.25 3.43-3.42c0.17-0.17 0.45-0.17 0.62 0C14.14 8.43 14.14 8.71 13.96 8.89M18.41 10c0 4.64-3.76 8.41-8.41 8.41S1.59 14.64 1.59 10 5.36 1.59 10 1.59 18.41 5.36 18.41 10M17.52 10c0-4.15-3.37-7.52-7.52-7.52 -4.15 0-7.52 3.37-7.52 7.52 0 4.15 3.37 7.52 7.52 7.52C14.15 17.52 17.52 14.15 17.52 10'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 1.6em;
		background-position:  right 0.6em top 1em;
		text-decoration: none;
		padding: 10px 40px 10px 10px;
	}

	p.read_more > a:hover {
		background-color: #ccc;
	}

	p.read_more > a:active {
		color: #ccc;
		background-color: #333;
	}

	p.comments > a {
		text-decoration: none;
		padding: 10px 40px 10px 10px;
		width: auto;
		background: #efefef;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' role='presentation' aria-hidden='true' viewBox='0 0 24 24' fill='%23349ba8' focusable='false' class='MuiSvgIcon-root jss1045 jss1047'%3E%3Cpath d='M17.66 3.68H8.47c-0.21 0-0.38 0.17-0.38 0.38v2.68H2.34c-0.21 0-0.38 0.17-0.38 0.38v6.13c0 0.21 0.17 0.38 0.38 0.38h1.53v2.3c0 0.57 0.55 0.37 0.65 0.27l2.57-2.57h4.44c0.21 0 0.38-0.17 0.38-0.38v-2.68h1.01l2.55 2.57c0.24 0.25 0.65 0.07 0.65-0.27v-2.3h1.53c0.21 0 0.38-0.17 0.38-0.38V4.06C18.04 3.85 17.87 3.68 17.66 3.68M11.15 12.87H6.94c-0.1 0-0.2 0.04-0.27 0.11l-2.03 2.03v-1.76c0-0.21-0.17-0.38-0.38-0.38H2.72V7.51h5.36v2.68c0 0.21 0.17 0.38 0.38 0.38h2.68V12.87zM17.28 9.81h-1.53c-0.21 0-0.38 0.17-0.38 0.38v1.76L13.36 9.92c-0.07-0.07-0.17-0.11-0.27-0.11H8.85v-5.36h8.43V9.81z'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-size: 1.6em;
		background-position:  right 0.6em top 0.9em;
	}

	p.comments > a:hover {
		background-color: #ccc;
	}

	p.comments > a:active {
		background-color: #333;
	}

	/** mali oglasi **/
	#iskalnik-malioglasi {
		display: none;
	}

	/** search **/
	#content fieldset.search li label {
		width: 25px;
		padding: 7px;
		font-size: 12px;
	}

	#content fieldset.search input.text {
		padding: 7px;
		width: 200px;
		border: none;
		outline: none;
	}

	#content fieldset.search input.submit {
		padding: 7px 20px;
		float: left !important;
		margin-left: 5px;
		border: none;
		outline: none;
	}

	.user form label span {
		display: none !important;
	}

	.user form input {
		padding: 7px !important;
	}

	.user form input[type="text"], .user form input[type="password"] {
		width: 120px !important;
	}

	#content .set.top {
		margin: 0 0 10px 0;
	}

	#content .set.bottom {
		margin: 0 0 0 0;
	}

	#content .set.top, #content .set.bottom {
		float: left;
		clear: left;
		padding: 0;
		border: none;
	}

	#content .set li {
		padding: 0;
		border: none;
	}

	#content .post .controls ul li a.link-to, 
	#content .post .controls ul li a.edit, 
	#content .post .controls ul li a.lock, 
	#content .post .controls ul li a.unlock, 
	#content .post .controls a.cite, 
	#content .post .controls a.propose-delete {
		-webkit-transition: background-color 100ms linear;
		-moz-transition: background-color 100ms linear;
		-o-transition: background-color 100ms linear;
		-ms-transition: background-color 100ms linear;
		transition: background-color 100ms linear;
		background-repeat: no-repeat;
		background-position: 6px 6px;
		background-size: 14px;
		border-right-width: 0;
		height: 26px;
		width: 26px;
		white-space: nowrap;
		text-indent: 999px;
		overflow: hidden;
		padding: 0;
		margin: 0 5px 0 0;
	}

	#content .post .controls a.cite {
		margin-right: 0;
	}

	#content .post {
		padding: 2em;
		padding-top: 1.5em;
	}

	#content .post .content {
	}

	#content .post h4 {
		padding-left: 3.4em;
		margin-top: -0.3em;
	}

	#content .post h4 > * {
		float: left;
		clear: left;
	}
	#content .post h4 > .date {
		color: #999;
	}
	
	#content .post .avatar {
		left: 2em;
		top: 1em;
		max-width: 40px;
		max-height: 40px;
		border-radius: 50%;
		border-color: #ccc;
		outline: none;
	}

	#content .post .avatar > img {
		max-width: 40px;
		max-height: 40px;
		border-radius: 50%;
	}

	#content .post .history {
		font-size: 0.9em;
	}

	#content .post .history > p {
		padding-bottom: 0.4em;
		font-style: italic;
		color: #666;
	}

	@media screen and (max-width: 600px) {
		#footer {
			grid-template-columns: 1fr 1fr;
		}

		#content {
			padding: 0;
			margin: 0;
		}

		.inner_content {
			padding: 0 1em;
		}

		#content h2:first-of-type {
			padding: 1em 0;
			margin: 1em 0;
			color: #fff;
			text-decoration: none;
			border: none;
			background: #4a4458bd;
			font-size: 1em;
		}

		#content .post {
			padding: 1em;
			padding-top: 1.5em;
			margin: 0;
			border: none;
			margin: 0;
		}
		
		#content .post:not(.deleted) {
			/* background: none; */
		}

		#content .post .avatar {
			margin-left: 0;
			left: 1em;
		}

		#content .post .content {
			font-size: 1.1em;
		}

		hr#crta, #content hr.forum {
			margin: 0;
		}

		#content .post h4 {
			padding-left: 3.4em;
			margin-top: -0.3em;
		}

		#content .info {
			padding-left: 1em;
		}
		
		#content h2 > span:first-of-type > a:first-child {
			margin-left: 1em;
		}

		#content h2 span {
			color: #fff;
			font-weight: bold;
		}

		#content h2 span a {
			text-decoration-color: #fff;
		}

		#content h3:first-of-type {
			padding: 0.67em;
			margin: 0;
		}

		#content .pages {
			float: left;
			width: calc(100% - 2em);
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #ccc;
			margin: 1.2em 0;
			padding: 0.3em 1em;
		}

		#content > .pages ~ .pages:not(:first-child) {
			margin: 0 0 1em 0;
		}

		#content div.pages > a, #content div.pages > .current-page {
			margin-top: 0;
		}

		#content .button.reply {
			display: none;
		}

		#content .set.top, #content .set.bottom {
			margin: 0 0 1em 1em;
			border: none;
		}

		#form_quick_reply {
			margin: 0 1em;
		}

		#form_quick_reply textarea {
			outline: none;
		}

		#form_quick_reply h4 {
			margin-bottom: 1em;
		}

		#content > h4 {
			padding: 0 0 1em 1em;
		}

		/** Frontpage **/
		.news_item.short {
			border-top: 5px solid #ccc;
		}
		.news_item h3[itemprop="headline"] > a {
			text-decoration: none;
		}
		
		.news_item .besediloNovice {
			padding: 1em;
			font-size: 1.1em;
		}
		.news_item a.comments, .news_item p.read_more {
			margin-left: 1em;
		}

		#content .news_item ul.info {
			font-size: 0.9em;
			margin-left: 1.2em;
			padding: 0;
		}
		#content .news_item ul.info a, #content .news_item ul.info span {
			color: #999;
		}

		.history .show-m > input {
			border-radius: 0;
			border: none;
		}

		.news_item.short.history:nth-of-type(2n+1) {
			border-top: 5px solid #ccc;
		}

		.related {
			padding: 1em;
		}

		.related > p > a {
			color: #666;
			font-style: italic;
		}

		#content .post .history p {
			padding: 0;
			margin: 0;
		}

		#content ul.extra li {
			padding: 0;
			margin-bottom: 0.2em;
			border: none;
		}

		#content ul.extra li a {
			color: #666;
		}

		#search_fieldset {
			margin-bottom: none;
		}

		/* forums */

		.forums {
			border: none;
		}

		.last_msg {
			display: none;
		}

		#content h2 > span:first-of-type > h1.current {
			margin-left: 1em;
		}

		#content .forums.main .info {
			margin-left: 0;
			padding: 0;
		}

		table.forums.main {
			margin: 1em 0;
		}

		.forums .main_title {
			border: none;
		}

		#content .forums td.name > p {
			font-size: 0.9em;
			font-style: italic;
		}

		#content .forums h4 {
			margin-bottom: 1.5em;
		}

		.forums .icon {
			padding: 0.6em 0 0 0.3em;
		}

		#content .forums h3 {
			padding: 0;
			margin: 0;
		}
		.forums td.name h3 > span {
			display: none;
		}

		.forums td.name > * {
			margin-bottom: 0.3em;
		}

		.forums #crta {
			margin: -0.4em 0 0 0;
		}

		#content .button.new, #content .button.reply, #content .button.settings {
			padding: 7px 14px;
			margin: 0 1em 10px 0;
		}


		/* nova tema */
		#content form h3 input.text {
			max-width: calc(100vw - 1.7em);
		}

		form p.help_field, form div.controls, #content .new fieldset {
			padding: 1em;
		}

		/* user header */
		#content .user_head {
			padding: 1em;
		}

		/* articles */
		.article_exposed, .article_exposed.short {
			padding: 1em;
		}

		.article_exposed_img {
			margin: 1em 1em 1em 0;
		}

	}