body {
	background: #fff;
	border-top: 5px solid #fff;
	color: #333;
	font-size: 11px;
	padding: 20px 0 40px;
}

a {
	color:#009;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2 {
	padding: 20px 0 0;
	text-align: center;
}

p {
	overflow: hidden;
	font-size:12px;
	vertical-align:text-top;
	padding:10px 0;
}

.container_12 {
	margin-bottom: 20px;
}

 /* ??????? ????? */
    .color_block {
    border: 2px #808080 solid; /* ????????? ????? */
    background: #fff; /* ???? ???? */
	
   }
   em.bt, em.bt b, em.bb, em.bb b {
    display: block; /* ??????? ??????? */
    height: 10px; /* ?????? ?????? */
    font-size: 0; /* ?????? ?????? */
    background: url('http://dp.ric.ua/cat/templates/CatWeb20/img/corner1.png') no-repeat; /* ???? ? ????? ? ???????? */
    position: relative; /* ????????????? ???????????????? */
   }
   em.bt { 
    top: -2px; /* ???????? ????? ??????? ?????? ????? */
    left: -2px; /* ???????? ????? */
   }
   em.bt b {
    background-position:  100% -10px; /* ??????? ?????????? ? ?????????? ?????? */
    left: 4px; /* ???????? ?????? */
   }
   em.bb { background-position: 0 -20px; top: 2px; left: -2px; }
   em.bb b { background-position: 100% -30px; left: 4px; }
   .color_block .block_content {
    padding: 0 7px; /* ???? ?????? ?????? */
   }
 
/*END ??? ?????????? ??????, ????????? ??????, ??????? ????*/
   TABLE {
    width: 100%; /* ?????? ??????? */
    background: #CAE0F1; /* ???? ???? ???????? ????? */
    border: 1px solid #a52a2a; /* ????? ?????? ??????? */
    border-collapse: collapse; /* ??????? ??????? ????? ????? ???????? */
   }
   TD, TH {
    padding: 3px; /* ???? ?????? ??????????? ?????? */
   }
   TD {
    text-align: center; /* ???????????? ?? ?????? */
    border-bottom: 1px solid #a52a2a; /* ????? ????? ?????? */
	border-right: 2px solid #0C5A96;
   }
   TH {
	   background-image:url(http://dp.ric.ua/cat/templates/CatWeb20/img/tabBG.jpg);
	   background-repeat:repeat-x;
    /* background: #a52a2a; ???? ???? */
    color: white; /* ???? ?????? */
   }
   TR.even {
    background: #fff; /* ???? ???? ?????? ????? */
   }
   .la {
    text-align: left; /* ???????????? ?? ?????? ???? */
   }
   .link {float:right;}
   .txt {font-size:24px; margin-left:60px; color:#999;}
   .txt2 {font-size:18px; color:#999;}
   .print {text-align:right }
   .title {font-size:14px; color:#000; background-color:#9CF; text-align:left; padding-left:10px;}
   .title a{font-size:14px; color:#000;}
   .cat a{font-size:10px; color:#009}
   .cat{font-size:10px; color:#009; border:#CCC 1px solid;}
   .foter{ margin-top:20px;}
   .sys { font-size:14px; text-align:left; color:#000; background-color:#EBEBED;}
   .sys a{ font-size:14px; text-align:left; color:#009;}
   
   /* =========menu navigaciy=========== */
.arrowlistmenu{
width: 300px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(http://dp.ric.ua/cat/templates/CatWeb20/img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://dp.ric.ua/cat/templates/CatWeb20/img/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(http://dp.ric.ua/cat/templates/CatWeb20/img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}