*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


body { margin:0;padding:0; font-size:16px; font-family:  Arial, Helvetica, sans-serif; background-image: url("/images/bg.jpg"); }
.box {  }
#root { max-width: 980px; margin: 0 auto; }

#header { position: relative; width: 100%; height:265px; border-bottom:1px solid #ccc;background-image: url("/images/header-bg.jpg"); background-position:top center; margin:0px auto; }
#navigation { position:absolute; bottom:0px; left:0;right:0; width: 100%; max-width: 980px; margin: 0px auto; height:30px; }
#login { position:absolute; top:0px; right:0; left:0; max-width: 980px; margin: 0px auto; }
#lang { position:absolute; top:0px; left:0; max-width: 280px; margin: 0px auto; }
#content { clear:both;margin:5px auto; width: 100%; max-width: 980px; background-image: url("/images/post-bg.png"); border:5px solid #dedede; }
#footer { clear:both;margin:0px auto;width: 100%; max-width: 980px;  }

/* DARK BLUE 284866, DARK Gray A3A08E */
#login b { position:relative; display:block; float:right;width:auto; text-align:center; font-size:12px; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration:none; padding:11px 10px 7px 10px; font-weight:normal; }
#login a { position:relative; display:block; float:right;width:auto; text-align:center; font-size:12px; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration:none; padding:11px 10px 7px 10px; }
#login a:hover, #navigation a.active {  background-color:#2758d8; color:#fff; }

#navigation a { position:relative;display:block; float:right;width:120px; height:44px; text-align:center; font-size:14px; color: #676254; font-weight: bold; text-transform: uppercase; text-decoration:none; margin:-13px 0px 0px 40px; padding-top:18px; }
#navigation a b { display:none; width:11px;height:11px; background-image: url("/images/nav-right-bg.png"); }
#navigation a:hover, #navigation a.active {  background-color:#2758d8; color:#fff; }
#navigation a:hover b, #navigation a.active b { display:block; position: absolute; top:0px;right:-10px; }

#content h1 { margin:10px 6px 10px 6px; padding:5; font-size:32px; font-family: 'Source Sans Pro', sans-serif; font-style: italic; color:#193fa2 }
#content h2 { margin:10px 6px 1px 6px; padding:0; font-size:22px; font-family: 'Source Sans Pro', sans-serif;  font-style: italic; color:#193fa2 }
#content h3 { margin:2px 10px;font-size:12px; font-weight: normal; }
#content h4 { float:left; margin:9px 3px; }
#content h4 span { font-size:12px; font-weight: normal; color:#666; }
#content p { margin:6px;font-size:13px; }

#content img.hero { width:100%; }
#content img.thumb { padding:5px; background-color:#fff; border:1px solid #c0c0c0; }
#content img.left { float:left;max-width:50%; margin:5px; }
#content img.right { float:right;max-width:50%; margin:5px; }
#footer { text-align:right; font-size:9px; color:#000;  padding:5px 0px 10px 0px; }
#right { display:none; }

.hirek #left { width:75%; float:left; }
.hirek #left p { margin:6px;font-size:13px; }
.hirek #left div { margin:6px;font-size:13px; }
.hirek #left p p { margin:6px;font-size:13px; }
.hirek #left div p { margin:6px;font-size:13px; }
.hirek #left p div { margin:6px;font-size:13px; }
.hirek #left div div { margin:6px;font-size:13px; }
.hirek img { max-width:100%; margin:0px auto;  padding:5px; background-color:#fff; border:1px solid #c0c0c0; }
.hirek #right { display:block; width:23%; float:left; border-left:1px solid #ccc; margin-left:1%;  }
.hirek #right h2 { font-size:14px; }
.hirek #right a { display:block; font-size:12px; color:#000;margin:2px 0px 2px 10px }
.hirek #right a:hover { text-decoration:none; }

#opennews img { max-width:100%; margin:0px auto;  padding:5px; background-color:#fff; border:1px solid #c0c0c0; }

@media only screen and (max-width: 980px) {
	body { background:none !important; 	}
	#login { display:block; width:100%; height:30px;clear:both; 	}
	#login a { color:#000; 	}
	#login b { display:none; 	}
	#header { background: url("/images/logo.jpg"); background-position:center 34px; background-repeat: no-repeat; height:190px; padding:0;}
	#navigation { margin-top:110px; border-top:1px solid #eee; padding:0; }
	#navigation a { float:right; padding:7px 0px; margin:0; width:25%; height:30px; }
	#navigation a b,  #navigation a.active b  { display:none }	
	#navigation a:hover b,  #navigation a.active b  { display:none }	
	#footer { width: 100%; padding:5px 0px;margin:0;border:0; }
	#content { width:100%; padding:0;margin:0;border:0; }
}

.date {
	width: 40px; 
	height: 40px;
	float:left;
	padding:0px;
	margin:5px;
	position: relative;
}
	.date b {
		background: #fcfcfc; 
		background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
		background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
		background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
			
		font-family: Helvetica, sans-serif;
		text-align: center;
		color: #9e9e9e; 
		display:block;
		padding:1px 0px;
		margin:0px !important;
		position: absolute;
		top:0px;
		left:0px;
		width:40px;
		height:20px;
	}
	
	.date span {
		background: #0D4A69; 
		background: linear-gradient(top, #0D4A69 0%, #2758d8 100%);
		background: -moz-linear-gradient(top, #0D4A69 0%, #2758d8 100%);
		background: -webkit-linear-gradient(top, #0D4A69 0%, #2758d8 100%);
		font-size:15px; font-weight: bold; color: #fff; text-transform: uppercase; 	
		display: block;
		border-top: 3px solid #0D4A69;
		border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		padding: 2px 0 2px 0;
		position: absolute;
		top:20px;
		left:0px;
		width:40px;
		max-height:24px;
		text-align: center;
	}

#taginfo {
	float:left;
	width:48%;
	border-right:1px solid #ccc;
}
#taginfo p {
	padding-left:10px;
	font-size: 12px;
}

#registerForm { width:50%; max-width:500px; margin:0px auto; overflow: hidden; float:left; padding-left:20px; }
#registerForm  fieldset { border:0; margin:auto; width:100%; max-width:420px; }
#registerForm  fieldset label { display: inline-block; width:100%; max-width:400px; margin-top:10px; font-weight: bold; padding:5px; }
#registerForm  fieldset input { display: inline-block; width:100%; max-width:400px; border:1px solid #ccc; padding:10px; }
#registerForm  fieldset input[type="submit"] { display: inline-block; width:100%;  max-width:400px; margin-top:10px; padding:10px; cursor: pointer; }
#registerForm  fieldset input[type="submit"]:hover {  }

#loginForm { width:90%; max-width:500px; margin:0px auto; overflow: hidden;  padding-left:20px; }
#loginForm  fieldset { border:0; margin:auto; width:100%; max-width:420px; }
#loginForm  fieldset label { display: inline-block; width:100%; max-width:400px; margin-top:10px; font-weight: bold; padding:5px; }
#loginForm  fieldset input { display: inline-block; width:100%; max-width:400px; border:1px solid #ccc; padding:10px; }
#loginForm  fieldset input[type="submit"] { display: inline-block; width:100%;  max-width:400px; margin-top:10px; padding:10px; cursor: pointer; }
#loginForm  fieldset input[type="submit"]:hover {  }

#userpicture { width:30%; max-width:270px; float:left; margin:10px; text-align: center; line-height:150%	}
#userpicture img { max-width:250px; max-height:250px; width:90%;	}
#userpicture a { padding:4px 20px; font-size:10px; text-align:center; 	}
#userpicture a.canc { background-color:#ccc; border:1px solid #aaa; color:#000; text-decoration:none; margin-right:10px  }

#userdataForm { width:65%; max-width:700px; margin:0px auto; overflow: hidden; float:left; }
#userdataForm  fieldset { border:0; margin:auto; width:100%; max-width:500px; }
#userdataForm  fieldset label { display: inline-block; width:100%; max-width:500px; margin-top:10px; font-weight: bold; padding:5px; }
#userdataForm  fieldset input { display: inline-block; width:100%; max-width:500px; border:1px solid #ccc; padding:10px; }
#userdataForm  fieldset textarea { display: inline-block; width:100%; max-width:500px; border:1px solid #ccc; padding:10px; }

#userdataForm  fieldset input[type="submit"] { float:right;display: block; width:40%;  max-width:520px; border:1px solid #fff; margin-top:10px; padding:10px; cursor: pointer; }
#userdataForm  fieldset input[type="submit"]:hover { background-color:#2758d8; }

#userdataForm  .radiocontainer { display: block; float:left; width:70px; padding-top:10px }
#userdataForm  .radiocontainer input { display: block; float:left; width:15px; margin-top:2px; }

.alertMessage { display:none; position:relative; width:80%; margin:10px auto; background-color:#dff0d8; text-align:center; padding:0px; font-weight:bold; clear:both; border:1px solid #468847; }
.alertMessage p { padding:12px; color:#468847; padding-right:15px;  line-height:150%;  }
.alertMessage p a { color:inherit; }
.alertMessage h2 { font-size:13px; padding:10px;  }

.errorMessage { display:none;position:relative; width:80%; margin:10px auto; background-color:#f2dede; text-align:center; padding:0px; font-weight:bold; clear:both; border:1px solid #af4040;  }
.errorMessage p { padding:12px; color:#c11818; padding-right:15px; line-height:150%;}
.errorMessage p a { color:inherit; }

#navcertdiv { clear:both; display:none; }

#deleteA { text-align:right; clear: both; padding:20px 20px 0px 0px; }
#deleteA a { padding:4px 20px; font-size:10px; margin:0px; }

#deleteP { text-align:center; padding:20px 40px 40px 40px; }
#deleteP a { padding:10px 30px; font-size:15px;  background-color:#af4040; text-align:center; font-weight:bold; border:1px solid #5a2121; color:#fff; text-decoration:none; margin:0px 20px; }

#deleteP a.canc { padding:10px 30px; font-size:15px;  background-color:#ccc; text-align:center; font-weight:bold; border:1px solid #aaa; color:#000; text-decoration:none; margin:0px 20px; }

#uploadParameter { display:none; }
.uploadProgress	ul { background-color:#fff; max-width:60%; padding:30px; width:400px; .drop-shadow(@x-axis: 1px, @y-axis: 1px, @blur: 100px, @alpha: 1);border:1px solid #000; cursor:"url('/images/disabled.cur'), default"; margin:auto; max-height:500px; overflow:hidden; }
.uploadProgress li	{ list-style-type:none; padding:1px 0px 3px 0px; position:relative;  }	
.uploadProgress .fileli { background-color:#F6F6F6;margin:0px 0px 7px 0px}	
.uploadProgress li	b { position:absolute;left:50%;bottom:-1px;width:0%;height:2px; background-color:#5F9621; .transition(0.2); }

.primary { background-color:#193fa2; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; color:#fff;text-decoration:none; }
.primary:hover {background-color:#2758d8; }

.welcome {
	padding:0px 20px;
}
.welcomereg {
	text-align: center;
	line-height: 120%;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.welcomereg a {
	padding:0px;
	margin:0px auto;
	clear: both;
	display:inline-block;
	color:#193fa2;
}

.welcomereg a.imp {
	padding:10px 30px;
	margin:20px auto 5px auto;
	clear: both;
	display:inline-block;
	color: white;
}

.welcomereg a.imp img {
	margin-bottom: -2px;
}


.imp {  background-color:#af4040; text-align:center; font-weight:bold; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; border:1px solid #5a2121; color:#fff; text-decoration:none; }
.imp:hover {background-color:#db2222; }

.userlist { width:100%; }
.userlist tr { border-bottom:1px solid #193fa2; }
.userlist td { vertical-align: top; padding:4px; line-height:160%; padding:15px 0px; position: relative; }
.userlist td > img { max-width:250px; width:96%; }
.userlist td b { display:inline-block;color:#193fa2  }
.userlist td p { line-height:120%; margin: 0px 0px 10px 7px !important; }

.userlist td > a { position: relative; }

.userlist td > a > span { position: absolute; bottom:5px; right:5px; }
.userlist td > a > span > img { max-width: 50px; }

#opennews {
	width:70%;
	float:left;
}

#opensupporters {
	width:30%;
	float:left;
	text-align:center;
	font-size:10px;
	font-style: italic;
}

#opensupporters img {
	max-width:60%;
	clear:both;
	margin-top:10px;
}

.newsright b { display: block;
font-size: 12px;
color: #000;
margin: 2px 0px 2px 10px;
}

/* PAGINATION */

.pagination { border:0px; margin:5px auto 0px auto; padding:5px 2px 0px 2px; width:95%; height:25px; text-align:center; clear:both; position:relative }

.pagination a {
	display:inline-block;
	margin:2px 1px; 
	padding:4px 3px 0px 3px;
	font-size:9px;
	min-width:20px;
	min-height: 20px;
	height:auto;
	overflow:hidden;
	border:1px solid black;
	background-color:#E9E9E9;
	color:#000000;
	text-decoration:none;
	.border-radius(@defaultRounded,@defaultRounded,@defaultRounded,@defaultRounded);
	.drop-shadow(@x-axis: 1px, @y-axis: 1px, @blur: 3px, @alpha: 0.2);
	.transition(0.2s);
}


.pagination a:hover {
	background-color:#2758d8;
	color:#FFFFFF;
}

.pagination a.active
{
background-color:#2758d8; color:#FFFFFF; font-size:9px; font-weight:bold;
}

.pagination a.previous
{
	margin-right:2px;
	font-size:10px ;
	padding:1px 3px;
}
.pagination a.next
{
	margin-left:2px;
	font-size:10px;
	padding:1px 3px;
}


.pagination .off
{
	background-color:#F0F0F0;
	color:#CCCCCC;
}

.pagination .off:hover
{
	background-color:#F0F0F0;
	color:#CCCCCC;
}

.paginationSelect {
	position:absolute;top:4px;right:2px;width:auto;margin:2px 10px 5px 10px;padding:1px 1px 1px 1px;text-align:center;border:1px solid #CCC
}


.sleft {
	float:left;
	padding:5px;
}

.sright {
	float:right;
	padding:10px;
}

a.gallery {
	float:left;
	margin:4px;
	height:180px;
}

a.adetail {
	display:inline-block;
	padding:2px 6px;
	background-color:#2758d8;
	text-decoration:none;
	color:#fff;
	font-size:10px;
}


a.adetail:hover {
	background-color:#0d567d;
}