html {overflow-y: scroll }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	background:#edf3ff url("../images/fon-v.jpg") repeat-x top;	
}
img, iframe{max-width: 100% }
#top {
    color: #201600;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    padding-bottom: 4px;
    padding-top: 4px;
}
#top .container .separator {
    border-left: 1px solid #CCCCCC;
    display: inline-block;
    height: 10px;
    margin: 0 20px;
    width: 1px;
}
#top h1{
font-size: 33px;
    font-weight: bold;
    line-height: 34px;
	color: #0231fb;
	text-align: center;
	letter-spacing: 3px;
	border-bottom:none;
}


#navigation {
	  border-top: 2px solid #75b9ff;
    /*margin-bottom: 20px;*/
}

ul.nav li.dropdown:hover > ul.dropdown-menu, ul.nav li.dropdown:focus > ul.dropdown-menu {
display: block;
z-index:100;
}

h1, h2
{color: #3f3f3f;
border-bottom: 1px solid #adbdff;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
	color: #f4c844;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.zhel:hover,.zhel:focus  {
    background-color: #0232fc;
}

.navbar {border: 0px !important; background: #eee;}
.navbar-default {
   /*  background-color: #2c3e50;
   border-color: transparent;*/
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {background-color: #fff !important; color: #000e4a!important; text-decoration: underline;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {background-color: #fff !important;  color: #000e4a!important; text-decoration: underline;}
.navbar-nav > li > a {
    line-height: inherit !important;
	padding-bottom: 0px !important;
    padding-top: 0px !important;
	font-size: 16px;
	font-weight: bold;
	color: #0232fc!important;
	text-transform:uppercase;
	letter-spacing: 2px;
	background-color: #ffffff;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;

    background-color: #fff!important;
	text-decoration: underline!important;
    outline: 0;
}

.navbar-collapse {
    padding-left: 0px !important;
	}

.navbar-centr{
margin-left: -15px;  /* 򭦹殨㡬殾*/
}
.dropdown-menu {
    padding: 0px!important;
    border-radius: 0!important;
}
.navbar-right .dropdown-menu {
    left: 0 !important;
    right: auto !important;
}

a:focus, a:hover {
    color: #56a8fd !important;
    text-decoration: underline;
}

a {
    color: #56a8fd !important;
    text-decoration: none;
}
.item-title {
	position: relative;
	top: 110px;
	margin-top: -60px;
	    display: inline-block;
	background-color: rgba(20, 20, 20, 0.8);
	left:10px;
	padding: 5px;
	width: 90%;
}


#main-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #E5E5E5; /* border 1, if you have front component*/
    margin-bottom: 20px;
	text-align: justify;
	font-size: 18px;
	line-height: 1.5;
	
/*    padding: 10px;*/
}
#main {
/*    padding-bottom: 40px;*/
}
#breadcrumbs .moduletable {
    border: 0;
    padding: 10px 0 0 0;
	margin-bottom:-30px;	
}
#fullwidth {
    margin-top: -20px;
    overflow: hidden;
}
#fullwidth .moduletable {
    border: 0;
    padding: 0;
}
.black .moduletable {
    background: none repeat scroll 0 0 #222222;
    border-color: #222222;
    color: #AAAAAA;
}
.moduletable {
    /*    background: none repeat scroll 0 0 #FFFFFF;;
    border: 1px solid #E5E5E5;*/
    margin-bottom: 20px;
    padding: 10px;
}
.panel.moduletable {    padding: 0 }
.panel .moduletable {
    box-shadow: none;
    margin: 0px 10px;
    padding: 10px;
}

.page-header {margin: 10px 0 20px }
.hasTooltip {display: inline !important }
.noMainbody {display: none !important }
ul.unstyled,
ol.unstyled {
    list-style: outside none none;
    margin-left: 0;
    padding: 0;
	z-index:100;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  /*  float: left;
    position: relative !important;*/
    margin-left: 0 !important;
}
.checkbox label, .radio label {
    padding-left: 20px;
    padding-right: 10px;
}
label {
    display: block;
    margin-bottom: 5px;
}
label,
input,
button,
select,
textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    font-family: arial;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {cursor: pointer }
.control-group input, .control-group textarea, .control-group .uneditable-input{/*width: 100% !important */}
.contact-form .control-group input, .contact-form .control-group textarea, .contact-form .control-group .uneditable-input {
    width: 100%;
}
.email-copy-input {float: left }
#pop-print {
    float: right;
    margin: 10px;
}
div#jform_catid_chzn.chzn-container, div#jform_catid_chzn.chzn-container div.chzn-drop, div#jform_state_chzn.chzn-container, div#jform_state_chzn.chzn-container div.chzn-drop, div#jform_featured_chzn.chzn-container, div#jform_featured_chzn.chzn-container div.chzn- drop, div#jform_access_chzn.chzn-container, div#jform_access_chzn.chzn-container div.chzn-drop, div#jform_metadata_tags_chzn.chzn-container, div#jform_metadata_tags_chzn.chzn-container div.chzn-drop, div#jform_language_chzn.chzn- container, div#jform_language_chzn.chzn-container div.chzn-drop, div#jform_language_chzn.chzn-container, div#jform_tags_chzn.chzn-container {
    width: 260px !important;
}
.control-group .control-label {
    padding-top: 7px;
    padding-bottom: 7px;
}
.chzn-container-single .chzn-single {
    width: 140px;
}
.chzn-container .chzn-drop{
    width: 100px;
}
.btn.modal {
    bottom: auto;
    display: inline;
    left: auto;
    position: relative;
    top: auto;
}
html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
    height: auto !important;
    margin: 0 auto -60px;
    min-height: 100%;
    padding: 0;
}
#bottom .container{ background-color: #fff; }
#footer {
color: #fff;
} 


/* Set the fixed height of the footer here */
#footer {
    /*  height: 80px;;*/
  background-color: rgba(15, 15, 15, 0.80);
}
#copy.well {
    border-radius: 0;
    border: 0;
    margin: 0;
}
#footer .moduletable {
    background: transparent;
    border: 0;
}
#push {    height: 60px }
/* LAYOUT */
/* Floats */
.float-left {float: left }
.float-right {float: right }
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {clear: both }
.ie7 .group {zoom: 1 }
/* JOOMLA */
.form-horizontal .control-label {text-align: inherit!important;}
i.icon-calendar:before {
	content: "\1f4c5";
	display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px;
}
div.contact-form-field label,
div.message-label label {
display: inline !important;
}
div#jform_tags_chzn.chzn-container ul.chzn-choices li.search-field input.default {
    padding: 0;
}
.control-group input[type="checkbox"] {
    width: 10px!important;
}
.btn-toolbar {
    margin-bottom: 10px;
}
/*ERROR*/
.error-page-inner {
    display: table;
    height: 100%;
    min-height: 100%;
    text-align: center;
    width: 100%;
}
.error-code {
    font-size: 96px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 10px;
    padding: 0;
}
.error-page-inner .fa.fa-exclamation-triangle {
    font-size: 96px;
    line-height: 1;
    margin-bottom: 10px;
}
/*MB STYLE*/
.title,.component-content h2 {
color:@bodytitle;
text-shadow:none;
}
.title-line {
background:none repeat scroll 0 0 #d1d1d1;
height:2px;
margin-bottom:20px;
width:100%;
}
.title-line span {
display:block;
height:2px;
width:90px;
background:#428bca;
}
.title1 .title-line,.title2 .title-line,.title3 .title-line,.title4 .title-line,.title6 .title-line,.box3 .title-line,.box4 .title-line {
display:none;
}
.title1 .title {
background:url(../images/bg-h3.gif) repeat-x scroll 0 100% transparent;
border-bottom:none;
padding-bottom:20px;
}
.title2 .title {
border-bottom:1px dashed #e5e5e5;
padding-bottom:15px;
margin-bottom:20px;
}
.title3 .title {
padding-bottom:15px;
margin-bottom:20px;
}
.title4 .title {
background:url(../images/divider.png) repeat-x scroll center center transparent;
border-bottom:none!important;
margin-bottom:25px;
}
.title4 .title span {
background:#ffffff;
padding-right:15px;
}
#rt-footer .title4 .title span {
background:#262626;
}
#rt-maintop .title4 .title span,#rt-bottom .title4 .title span {
background:#f6f6f6;
}
.title5 .title {
background:url(../images/cat-bg-repeat.png) repeat-x scroll center center transparent;
padding-bottom:0!important;
border-bottom:none!important;
}
.title > span {
    background: none repeat scroll 0 0 transparent;
/*    padding-right: 10px;*/
}
span.fa {
    padding-right: 10px;
}
.title6 .title {
border-bottom:2px solid #1d6fa5;
padding-bottom:15px;
margin-bottom:20px;
}
.box1 .moduletable {
background:#eee;
}
.box2 .moduletable {
background:#363636;
    color: #adadad;
}
.blog-more {padding: 10px 5px }
/*TO TOP*/
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    background-color: rgba(252, 252, 35, 0.80);
    font-size: 20px;
    padding: 1em;
    display: none;
}
.back-to-top:hover {background-color: rgba(255, 255, 0, 0.50) }
.error .container {
    display: table;
    height: 100%;
    min-height: 100%;
    text-align: center;
    width: 100%;
    padding: 200px 0;
}
.error .container h1 {
    font-size: 140px;
}
/*for headroom.js*/
.headroom {
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.header {
    background-color: inherit;
    line-height: 40px;
	position: relative;
	z-index: 10;
}
.header__link {
    border: 0 none;
    color: #fff;
    text-decoration: none;
}
.header__link:focus {
    background-color: rgba(78, 205, 196, 0.1);
    outline: 0 none;
}
.header__link:hover .icon {
    color: #4ecdc4;
}
.header--fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
section {

}
/*
 background: #3c2f06 url("../images/fonz.jpg") no-repeat fixed center;	
#sidebar-2 .moduletable {
   background-color:#fff !important;
}

#main .col-sm-9 {
   background-color:#fff !important;
}
å± ë¯­ó¦®²ïª æ¡±áª¤â¡°ïª íµ¾í»Š*/
#conte .container {
   background-color:#fff !important;
}

/*OFFLINE*/
#frame input.inputbox {
    border: 1px solid #ccc;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
}
#frame {
    margin-top: 100px;
}
/* Media Queries */
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) { 
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#brand, #brand img {
    width: 80% !important;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {


.navbar-nav > li > a {
    line-height: 30px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 


}
/* Large desktop */
@media (min-width: 1200px) {

}
/* Fix disappearing tabs on editor page - Added by Waseem Sadiq 8th March 2015*/
.icons .btn-group,
.icons .btn-group a[data-toggle="tab"][aria-expanded="false"],
ul.nav-tabs > li > a[data-toggle="tab"][aria-expanded="false"]
{
    display:block!important;
}

.sharing{
background-color:#f59c00;
padding:5px 15px;
margin-left: -15px;
margin-right: -15px;
}

p.syniy{
	border: 2px solid #012df5;
	background-color: #ffffd1;
	color: #333;
	padding: 12px;
    margin: 0 10px 0 0;
    width: 300px;
	float: left;
    border-radius: 1px;
	font-size: 16px;
}
p.blakyt{
	border-left: 4px solid #055b96;	
	border-right: 4px solid #055b96;
	color:#055b96;
	padding: 12px;
    margin: 10px 30px;
    width: auto;
    border-radius: 1px;
	font-size: 16px;
}
p.citata {
  padding: 12px 55px 12px 55px;
  background: url("../images/citata.png") no-repeat left top,  url("../images/citata1.png") no-repeat right bottom;
  font-style: italic;
  margin: 10px 10px;
  font-size: 20px;
  font-family: "times new roman", times;
}