body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3B3B3B;
  /*  
    background: -webkit-linear-gradient(#fff,#ddd); 
    background: -o-linear-gradient(#fff, #ddd); 
    background: -moz-linear-gradient(#fff, #ddd);
    background: linear-gradient(#fff, #ddd);	
    */
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	letter-spacing: -2px;
	text-transform: uppercase;
	/*font-family: 'Arvo', serif;*/
	font-weight: normal;
	color: #0285CE;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.4em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 150%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #0285CE;
}

a:hover {
}

/* Header */

#header-wrapper {
}

#header {
	clear: both;
	width: 96%;
	padding-left:2%;
	padding-right:2%;
	margin: 0px auto;
}

.inputbox1{
 padding:5px;
 border:1px #757575 solid;
 background-color:#eeeeee;
 width:200px;
}
.inputbox1:hover{
 border:1px red solid;
}

.submitbox1{
 padding:5px;
 border:1px #757575 solid;
 background-color:#eeeeee;
 width:200px;
}
.submitbox1:hover{
 background-color:#757575;
 color:#ffffff;
}

/* Logo */

#logo {
	margin: 0px;	
	color: #000000;
	background:url(images/logo.jpg) no-repeat;
	margin-top:20px;    
	padding-left:180px;
	padding-bottom:30px;
}

#logo h1, #logo p {
	margin: 0;
	padding: 0;
}

#logo h1 {
	margin: 0px;
	padding: 0px;
	text-transform: lowercase;
	font-size: 3.7em;
	color: #323030;
}

#logo h1 span {
	color: #0285CE;
}

#logo p {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	/*font-family: 'Arvo', serif;*/
	color: #3B3B3B;
}

#logo p a {
	color: #3B3B3B;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #323030;
}

/* Search */

#search {
	width: 320px;
	height: 60px;
	padding: 0px;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 250px;
	outline: none;
	background: #F5F0E7;
	border: 1px solid #D7D0C0;
	padding: 12px;
	text-transform: lowercase;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #454545;
}

#search-submit {
	width: 62px;
	height: 22px;
	display: none;
	border: none;
	color: #FFFFFF;
}

/* Menu */

#menu-wrapper {
	overflow: hidden;
	/*height: 56px;*/
	background: #EDEDED;
}

#menu {
	width: 100%;
	/*height: 55px;*/
	margin: 0px auto;
	padding: 0px;
}

#menu ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	border-right: 1px solid #FFFFFF;
}

#menu a {
	display: block;
	letter-spacing: 1px;
	line-height: 55px;
	padding: 0px 12px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	/*font-family: 'Arvo', serif;*/
	font-size: 14px;
	font-weight: normal;
	color: #3B3B3B;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	background: #0193CC;
	text-decoration: none;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: #0193CC;
}

/* Page */

#page {
	overflow: hidden;
	width: 96%;
	margin: 0px auto;
	padding: 2%;
}

/* Content */

#content {
	float: right;
	width: 80%;
}

#content_wide {
	float: left;
  width: 96%;
  padding:2%;
}

.post {
	margin-bottom: 15px;
	border-bottom: 1px dashed #D8D8D8;
}

.post-bgtop {
}

.post-bgbtm {
}

.post .title {
	height: 38px;
	margin-bottom: 12px;
	padding: 12px 0 0 0px;
	font-size: 32px;
}

.post .title a {
	border: none;
	color: #0285CE;
}

.post .meta {
	margin-bottom: 30px;
	padding: 5px 0px 15px 0px;
	text-align: left;
	font-weight: normal;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entry {
	padding: 0px 0px 20px 0px;
	padding-bottom: 20px;
	text-align: justify;
}

.links {
	height: 30px;
	padding: 30px 0px 0px 0px;
	font-size: 14px;
	font-weight: normal;
	color: #1C1C1C;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 20%;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	color: #787878;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 12px;
}

#sidebar li li {
	border-bottom: 1px dashed #D8D8D8;
	margin: 0px 0px;
	padding: 5px 0px;
	border-left: none;
}

#sidebar li li a {
	color: #3B3B3B;
}

#sidebar li li span {
	display: block;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	padding-bottom: 20px;
	font-size: 1.8em;
	color: #0285CE;
}

#sidebar p {
	margin: 0px 0px 40px 0px;
	padding: 0px;
	text-align: justify;
}

#sidebar a {
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	background: #E9E9E9;
	border-top: 5px solid #D8D8D8;
	/*font-family: 'Arvo', serif;*/
}

#footer p {
	margin: 0;
	padding-top: 20px;
	line-height: normal;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	color: #A0A0A0;
}

#footer a {
	color: #8A8A8A;
}

#banner {
	width: 100%;
	margin: 0px auto;
}


/*********** login box **************/



/* Mask for background, by default is not display */
#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

/* You can customize to your needs  */
.login-popup{
	display:none;
	background: #333;
	padding: 12px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}

.odosli-fa-popup{
	display:none;
	background: #333;
	padding: 12px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}

.odosli-dl-popup{
	display:none;
	background: #333;
	padding: 12px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}





img.btn_close { Position the close button
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
}

form.signin p, form.signin span { 
	color:#999; 
	font-size:11px; 
	line-height:18px;
} 

form.signin .textbox input { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
        border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
        -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
        border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:12px;
	font:12px; 
	width:214px;
}
.button:hover { background:#ddd; }



/*** tables ***/


.CSSTable {

  overflow-x:auto;
  
	margin:0px;padding:0px;

	width:100%;
	box-shadow: 5px 5px 2px #bababa;

	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}.CSSTable table{

	width:100%;

	height:100%;

	margin:0px;padding:0px;

}.CSSTable tr:last-child td:last-child {

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;

}

.CSSTable table tr:first-child td:first-child {

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}

.CSSTable table tr:first-child td:last-child {

	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

}.CSSTable tr:last-child td:first-child{

	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

}.CSSTable tr:hover td{

	background-color:#e9e9e9;

		


}

.CSSTable td{

	vertical-align:middle;

	

	background-color:#e2f0ff;


	border:1px solid #ffffff;

	border-width:0px 1px 1px 0px;

	text-align:left;

	padding:4px;

	font-size:14px;

	font-family:Arial;

	font-weight:normal;

	color:#000000;

}.CSSTable tr:last-child td{

	border-width:0px 1px 0px 0px;

}.CSSTable tr td:last-child{

	border-width:0px 0px 1px 0px;

}.CSSTable tr:last-child td:last-child{

	border-width:0px 0px 0px 0px;

}

.CSSTable tr:first-child td{

		background:-o-linear-gradient(bottom, #003366 5%, #0193CC 100%);	
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #0193CC) );
	    background:-moz-linear-gradient( center top, #003366 5%, #0193CC 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#0193CC");	
	    background: -o-linear-gradient(top,#003366,0193CC);


	background-color:#003366;

	border:0px solid #ffffff;

	text-align:center;

	border-width:0px 0px 1px 1px;

	font-size:14px;

	font-family:Arial;

	font-weight:bold;

	color:#ffffff;

}

.CSSTable tr:first-child:hover td{

	background:-o-linear-gradient(bottom, #003366 5%, #0193CC 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #0193CC) );
	background:-moz-linear-gradient( center top, #003366 5%, #0193CC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#0193CC");	
	background: -o-linear-gradient(top,#003366,0193CC);


	background-color:#003366;

}

.CSSTable tr:first-child td:first-child{

	border-width:0px 0px 1px 0px;

}

.CSSTable tr:first-child td:last-child{

	border-width:0px 0px 1px 1px;

}









.CSSTable_short {

	margin:0px;padding:0px;

	width:80%;
	box-shadow: 5px 5px 2px #bababa;

	border:1px solid #ffffff;
	
	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}.CSSTable_short table{

	width:100%;

	height:100%;

	margin:0px;padding:0px;

}.CSSTable_short tr:last-child td:last-child {

	-moz-border-radius-bottomright:0px;

	-webkit-border-bottom-right-radius:0px;

	border-bottom-right-radius:0px;

}

.CSSTable_short table tr:first-child td:first-child {

	-moz-border-radius-topleft:0px;

	-webkit-border-top-left-radius:0px;

	border-top-left-radius:0px;

}

.CSSTable_short table tr:first-child td:last-child {

	-moz-border-radius-topright:0px;

	-webkit-border-top-right-radius:0px;

	border-top-right-radius:0px;

}.CSSTable_short tr:last-child td:first-child{

	-moz-border-radius-bottomleft:0px;

	-webkit-border-bottom-left-radius:0px;

	border-bottom-left-radius:0px;

}.CSSTable_short tr:hover td{

	background-color:#e9e9e9;

		


}

.CSSTable_short td{

	vertical-align:middle;

	

	background-color:#e2f0ff;


	border:1px solid #ffffff;

	border-width:0px 1px 1px 0px;

	text-align:left;

	padding:4px;

	font-size:14px;

	font-family:Arial;

	font-weight:normal;

	color:#000000;

}.CSSTable_short tr:last-child td{

	border-width:0px 1px 0px 0px;

}.CSSTable_short tr td:last-child{

	border-width:0px 0px 1px 0px;

}.CSSTable_short tr:last-child td:last-child{

	border-width:0px 0px 0px 0px;

}

.CSSTable_short tr:first-child td{

		background:-o-linear-gradient(bottom, #003366 5%, #0193CC 100%);	
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #0193CC) );
	    background:-moz-linear-gradient( center top, #003366 5%, #0193CC 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#0193CC");	
	    background: -o-linear-gradient(top,#003366,0193CC);


	background-color:#003366;

	border:0px solid #ffffff;

	text-align:center;

	border-width:0px 0px 1px 1px;

	font-size:14px;

	font-family:Arial;

	font-weight:bold;

	color:#ffffff;

}

.CSSTable_short tr:first-child:hover td{

	background:-o-linear-gradient(bottom, #003366 5%, #0193CC 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #0193CC) );
	background:-moz-linear-gradient( center top, #003366 5%, #0193CC 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#0193CC");	
	background: -o-linear-gradient(top,#003366,0193CC);


	background-color:#003366;

}

.CSSTable_short tr:first-child td:first-child{

	border-width:0px 0px 1px 0px;

}

.CSSTable_short tr:first-child td:last-child{

	border-width:0px 0px 1px 1px;

}




.button2 {
  display: inline-block;
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  padding: 14px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button2 span:after {
  content: '>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button2:hover span {
  padding-right: 25px;
}

.button2:hover span:after {
  opacity: 1;
  right: 0;
}




.button3 {
  display: inline-block;
  border-radius: 4px;
  background-color: #86f08b;
  border: none;
  color: #000000;
  text-align: center;
  font-size: 18px;
  padding: 14px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button3 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button3 span:after {
  content: '>>';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button3:hover span {
  padding-right: 25px;
}

.button3:hover span:after {
  opacity: 1;
  right: 0;
}

.str_pasiv {
 float:left;
 padding:5px;
 margin:5px;
 border:1px #dddddd solid;
 background-color:yellow;
 color:#000;
 height:12px;
 width:12px;
 text-align:center;
}
.str_pasiv:hover {
 background-color:#757575;
 color:#ffffff;
 text-align:center;
}
.str_activ {
 float:left;
 padding:5px;
 margin:5px;
 border:1px #dddddd solid;
 background-color: #dddddd;
 color:#000;
 height:12px;
 width:12px; 
 text-align:center;
}
.div_str {
 width:100%;
 height:20px;
}