/*=====================================================
 * Main CSS file
 *
 * Author: Anatoliy Borel
 * November, 2007: modified by Roman Matiiv <romatiiv@gmail.com>
 *
 *----------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background-color: #3F3F3F;
    color: #A7A9AC;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    text-transform: none;
}


a {
    color: #FFA607;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    text-decoration: none;
}

a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a>img {
    border: none;
}

a img {
    border: none;
}

/*
h1 {
    color: #FFA607;
    font: bold 11px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: .67em 0;
    text-decoration: none;
}

*/
h1 {
    color: #FFA607;
    font: bold 14px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    /*margin: .67em 0;*/
    margin: .75em 0;
    text-align: left;
    vertical-align: top;
}

h2 {
    color: #FFA607;
    font: bold 14px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: .75em 0;
    text-align: left;
    vertical-align: top;
}

h3 {
    color: #FFA607;
    font: bold 14px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: .83em 0;
    text-align: left;
    vertical-align: middle;
}

h4 {
    /*color: #FFA607;*/
    color: #FFEFEF;
    font: bold 14px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: 1.12em 0;
    padding:  7px 0 0 0;
    text-align: left;
    vertical-align: middle;
}

h5 {
    color: #FFA607;
    font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: 1.5em 0;
    text-align: left;
    vertical-align: middle;
}

h6 {
    color: #FFA607;
    font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: 1.67em 0;
    text-align: left;
    vertical-align: middle;
}


p {
    color: #A7A9AC;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    margin: 1.12em 0;
    text-align : justify;
}


strong {
    font-weight: bold;
    color: #FFA607;
}

em {
    color: #FFFFFF;
}


ul {
    color: #FFA607;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    line-height: 12px;
    list-style-type: disc;
    margin: 1.12em 40px;
}

ol {
    color: #FFA607;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    line-height: 12px;
    margin: 1.12em 40px;
}

li {
    color: #FFA607;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
}


/*==========================================
 * Main menu styles
 *-----------------------------------------*/

#main-menu {
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#main-menu td  {
    color: #FFF;
    height: 20px;
    font: normal 14px Arial,Tahoma,Verdana,sans-serif;
    margin: 0 1px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: auto;
}

a.topmenu {
    color: #FFF;
    display: block;
    font: normal 14px Arial,Tahoma,Verdana,sans-serif;
    height: 100%;
    margin: 0;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
}

a.topmenu:hover {
    background: #686868;
    color: #FFF;
    font: normal 14px Arial,Tahoma,Verdana,sans-serif;
    height: 100%;
    margin: 0;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
}



a.topmenu img, a.actmenu img {
    border: 0;
    padding: 0 2px;
    margin: 0 2px;
    vertical-align: middle;
}


a.actmenu, a.actmenu:hover {
	background: #FFF;
	color: #000;
    display: block;
    font: bold 14px Arial,Tahoma,Verdana,sans-serif;
    height: 100%;
    margin: 0;
    padding: 1px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
}

/*==========================================
 * Right menu styles
 *-----------------------------------------*/
#right-menu {
	border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 100%;
}

#right-menu td, #right-menu td.act  {
    color: #FFF;
    height: 30px;
    font: normal 14px Arial,Tahoma,Verdana,sans-serif;
    margin: 0 1px;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}

a.rmenu {
    color: #FFA607;
	display: block;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    text-decoration: none;
}

a.rmenu:hover {
    color: #FFA607;
	display: block;
    text-decoration: underline;
}

a.rmenu-act {
    color: #FFF;
	display: block;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif
    text-decoration: none;
}

a.rmenu-act:hover {
    color: #EEE;
	display: block;
    text-decoration: underline;
}



A.main {
    COLOR: #330000;
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
    TEXT-DECORATION: underline
}
A.main:hover {
    COLOR: #000000;
}


a.actnews {
    COLOR: #000000;
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}

A.bottom {
    COLOR: #330000;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
    TEXT-DECORATION: underline
}
A.bottom:hover {
    COLOR: #000000;
}

A.bottom1 {
    COLOR: #FFA607;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
    font-weight: bold;
    TEXT-DECORATION: none
}
A.bottom1:hover {
    COLOR: #FFA607;
    TEXT-DECORATION: underline
}

A.map {
    COLOR: #FFA607;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
    font-weight: bold;
    TEXT-DECORATION: underline
}
A.map:hover {
    COLOR: #FFA607;
    TEXT-DECORATION: underline
}

a.internal-link {
    text-decoration: underline;
}




TD.bezramka {
    PADDING-LEFT: 0px;
    PADDING-TOP: 0px;
    padding-bottom : 0px;
    padding-right : 0px;
}

P.bottom1 {
    FONT-SIZE: 12px;
    COLOR: #DADADA;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
}

P.bottom {
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
}

a.mail {
    FONT-SIZE: 12px;
    COLOR: #DADADA;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
    TEXT-DECORATION: none
}

P#right{
    text-align : right;
}


p.news_date {
    COLOR: #000000;
    FONT-SIZE: 9px;
    FONT-FAMILY: Arial,Tahoma,Verdana,sans-serif;
    TEXT-DECORATION: none
}


.pictureBoundary {
    border : 1px solid #212121;
    background-color: #575757;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.picture, .pictureblack {
    border: 1px solid black;
}

.picture:hover {
    border: 1px solid #FFA607;
}


.pictureHover {
    border: 1px solid #FFA607;
}

/*=====================================================
 *    Search form styles
 *
 * 20071113 Roman Matiiv
 *----------------------------------------------------*/

div.searchFormHolder {
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
}

.searchFormHolder a {
    vertical-align: middle;
}

input.search {
    color: #7c7c7c;
    vertical-align: middle;
}

/*=====================================================
 *    Content holder styles
 *
 * 20071113 Roman Matiiv
 *----------------------------------------------------*/
.contentHolder {
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
}

.citation {
    background: #333;
    border: 1px dotted #FFA607;
    color: #FFA607;
    font: italic 12px Arial,Tahoma,Verdana,sans-serif;
    padding: 10px;
    position: relative;
    width: auto;
}

.pictureArticle {
    border: 1px solid black;
    vertical-align: middle;
}

.pictureFrame {
    background: #aeaeae;
    height: auto;
    padding: 4px;
    vertical-align: middle;
    width: auto;
}

.leftPictureContainer {
    float: left;
    margin: 0 6px 4px 0;
}

.rightPictureContainer {
    float: right;
    margin: 0 0 0 6px;
}

.style3 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;
}
.style4 {
	color: #B43643;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	text-align: justify;
}
.style7 {
    color: #F9E9B9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: justify;
}

table.grheader {
    margin-bottom: 5px;
}

.grheader h1, .grheader h2, .grheader h3, .grheader h4, .grheader h5, .grheader h6 {
    margin: 0;
    padding: 0;
}


/*=====================================================
 *    Custom table styles
 *
 * 20080303 Roman Matiiv
 *----------------------------------------------------*/
table.customTable {
    border: 1px solid #a3a3a3;
}


.customTable tr.tcontent {
    background: #e7e7e7;
}


.customTable tr.truler {
    /*background: #FFA607;*/
    background: #FFEB8F;
}

.customTable th {
    background: #a3a3a3;
    color: #333;
    font: bold 12px/14px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 3px 10px;
    
}

.customTable td {
    color: #333;
    font: normal 12px/14px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 3px;
}


/*=====================================================
 *    Right content column styles
 *
 * 20080303 Roman Matiiv
 *----------------------------------------------------*/

.rightSeparator {
    margin: 1px 0;
    padding: 0;
}

.rightSeparator1 {
    border-top: 1px solid #A3A3A3;
    margin: 2px auto 2px 5px;
    padding: 0;
    width: 180px;
}

.rightSeparator2 {
    border-top: 1px dotted #A3A3A3;
    margin: 2px auto 2px 5px;
    padding: 0;
    width: 180px;
}

.rightSeparator3 {
    border-top: 1px dashed #A3A3A3;
    margin: 2px auto 2px 5px;
    padding: 0;
    width: 180px;
}

.rightSeparator4 {
    letter-spacing: 18px;
    margin: 2px auto 10px 5px;
    overflow: hidden;
    padding: 0;
    width: 190px;
}

.rightNew {
    color: #A3A3A3;
    font: normal 11px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 5px 10px 5px;
	padding-left: 5px;
	padding-right: 7px;
}

.rightNewTitle {
	color: #A3A3A3;
	font: normal 10px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	margin: 8px 0;
	text-transform: uppercase;
}

.rightContents {
/*	padding-left: 12px; */
	padding-right: 7px;
	text-transform: uppercase;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #A3A3A3;
	margin-bottom: 10px;
	line-height: 11px;
}

.rightContentsTitle {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #A3A3A3;	
	margin-top: 8px;
}


/*=====================================================
 *    Custom sitemap styles
 *
 * 20080303 Roman Matiiv
 *----------------------------------------------------*/

.sitemap {
    padding: 10px;
}


.sitemap ul {
    list-style-type: none;
    margin: 1.12em 20px;
}

.sitemap  ul.customSitemap p a {
    /*border-left: 1px solid  #FFA607;*/
    border: none;
    font-weight: bold;
    font-size: 16px;
}


.sitemap>ul.customSitemap>li>a {
    font-weight: bold;
    font-size: 16px;
}

.sitemap ul li {
    /*border-left: 1px solid  #FFA607;*/
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    text-transform: none;
    margin-left: 20px;
}

.sitemap ul li.treeNode {
    /*border-left: 1px solid  #FFA607;*/
    font-weight: bold;
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.sitemap ul ul {
    border-left: 2px solid #FFA607;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    text-transform: uppercase;
}

.sitemap ul li ul li {
    
    /*border-left: 1px solid;  #FFA607;*/
}

/*
ul {
    color: #FFA607;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
    line-height: 12px;
    list-style-type: disc;
    margin: 1.12em 40px;
}

li {
    color: #FFA607;
    font: normal 12px Arial,Tahoma,Verdana,sans-serif;
}

*/

/*=====================================================
 *    Custom table styles
 *
 * 20080310 Roman Matiiv
 *----------------------------------------------------*/

table.customTable1 {
}

.customTable1 th, .customTable1 td {
    padding: 3px 8px;
}

.greenname {
	background-color: #009000;
	color: #FFCC66;
}
.greeninfo {
	background-color: #006600;
	color: #CFCFCF;
}

.grayname, .hiddenname  {
	background-color: #808080;
	color: black;
}

.graygray  {
	background-color: #808080;
	color: black;
}

.grayinfo {
	background-color: #666666;
	color: #CFCFCF;	
}

/*=====================================================
 *    Info panel with yellow borders
 *
 * 20080310 Roman Matiiv
 *----------------------------------------------------*/

.info {
	border-top: 1px solid #F7941D;
	border-right: 6px solid #F7941D;
	border-bottom: 1px solid #F7941D;
	border-left: 6px solid #F7941D;
	margin-top: 8px;
	margin-right: 4px;
	padding: 16px;
}

/*=====================================================
 *    Grey panel with rounded corners
 *
 * 20080310 Roman Matiiv
 *----------------------------------------------------*/

.pane {
	margin-top: 10px;
	background-color: #505050;
}
.paneContent {
	padding-top: 10px;
	padding-bottom: 7px;
}
.paneContent2 {
	padding-bottom: 7px;
}
.paneTitle {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
}
.paneText, .paneRow {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
}

.paneRow {
	padding-top: 8px;
	padding-bottom: 6px;
}

/*=====================================================
 *    Custom lists elements
 *
 * 20080310 Roman Matiiv
 *----------------------------------------------------*/

ul.arrow1 {
    color: #DADADA;
	list-style-type: none;
	list-style-image: url('/fileadmin/img/bullet5c.gif');
}

ul.arrow1 li {
    color: #DADADA;
    padding-bottom: 8px;
}

ul.arrow2  {
    color: #FFAE35;
    list-style-type: none;
	list-style-image: url('/fileadmin/img/bullet5b.gif');	
}

ul.arrow2 li {
    color: #FFAE35;
    padding-bottom: 8px;
}

ul.arrow3 {
    color: white;
    list-style-type: none;
	list-style-image: url('/fileadmin/img/bullet5a.gif');
}

ul.arrow3 li {
    color: #FFF;
    padding-bottom: 8px;
}

/*=====================================================
 *    Anounce
 *
 * 20080310 Roman Matiiv
 *----------------------------------------------------*/

.anounce {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	padding: 5px;
}
.anounceTitle {
	color: #FFA607;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.anounceTitle2 {
	color: #FFA607;
	font-family: 'Lucida Grande', Geneva, Tahoma, sans-serif;	
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 12px;
}
.anounceDate {
	color: #B4B4B4;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
}
.anounceDate2 {
	color: #B4B4B4;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight: normal;
}

.url {
	font-weight: normal;
	text-transform: lowercase;
}
.urltitle {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

.CONTENT {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	line-height : 130%;
	margin-top: 0px;
	margin-right: 14px;
	margin-left: 0px;
}