@font-face {
	font-family: "Reg";
	font-style: normal;
	font-weight: normal;
  src: url('fonts/fontr-r.eot?#iefix') format('embedded-opentype'),  
  url('fonts/fontr-r.otf')  format('opentype'),
  url('fonts/fontr-r.woff') format('woff');
}

@font-face {
	font-family: "Bold";
	font-style: normal;
	font-weight: bold;
  src: url('fonts/font-b.eot?#iefix') format('embedded-opentype'),  
  url('fonts/font-b.otf')  format('opentype'),
  url('fonts/font-b.woff') format('woff');
}

/* Resetování blokových tagů. */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin: 0;
	padding: 0;
	border-width: 0;
}
body {
   background-color: rgb(180, 228, 223);
    -epub-hyphens: none;
	  -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    
}

.boxlong {
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    max-width: 1093px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;

}

.inside {
    width: 96%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2%;
    float: left;
    min-height: 300px;
}

.top {
    background: url('line.jpg') repeat-y;
    width: 100%;
    height: 175px;
    padding-top: 0px;
    margin-top: 0px;
}

.top_l {
    background: url('line.jpg') repeat-y;
    width: 100%;
    height: 20px;
    padding-top: 0px;
    margin-top: 0px;
}

.top_sm {
    background: url('line.jpg') repeat-y;
    width: 100%;
    height: 91px;
    padding-top: 0px;
    margin-top: 0px;
}

.top_s {
    background: url('line.jpg') repeat-y;
    background-color: #37beb0;
    width: 100%;
    height: 30px;
    padding-top: 0px;
    margin-top: 0px;
}


.text {
    color: black;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 16px;    
    text-decoration: none;
}

.text_login {
    color: black;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;    
    text-decoration: none;
}



.textsmall {
    color: #797979;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 14px;    
    text-decoration: none;
}


.textbold {
    color: black;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 14px;   
    font-style: bold; 
    text-decoration: none;
}

.textboldcolored {
    color: #248b7f; 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 16px;   
    font-style: bold; 
    text-decoration: none;
}

.titulgreen {
    color: #248b7f; 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;   
    font-style: bold; 
    text-decoration: none;
}

.titulred {
    color: rgb(171, 21, 0); 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;   
    font-style: bold; 
    text-decoration: none;
}

.titulblack {
    color: #000000; 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;   
    font-style: bold; 
    text-decoration: none;
}
.titulblackbig {
    color: #000000; 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 26px;   
    font-style: bold; 
    text-decoration: none;
}

.textredsmall {
    color: rgb(171, 21, 0);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 14px;    
    text-decoration: none;
}

.textred {
    color: rgb(171, 21, 0);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 16px;    
    text-decoration: none;
}

.textredbig {
    color: rgb(171, 21, 0);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;    
    text-decoration: none;
}

.heading {
    color: white;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 30px;    
    text-decoration: none;
    font-style: normal;    
}

.heading_sm {
    color: white;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 22px;    
    text-decoration: none;
    font-style: normal;    
}

.heading_little {
    color: white;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 17px;    
    text-decoration: none;
    font-style: normal;    
}

.heading1 {
    color: white;
    font-family: 'Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 22px;    
    text-decoration: none;
    font-style: bold;
}
.heading2 {
    color: white;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;    
    text-decoration: none;
    font-style: normal;
}

.odsad {
margin-top: 3px;
}

.odsad1 {
margin-top: 1px;
}

.odsad10 {
margin-top: 10px;
}

.odsad5 {
margin-top: 5px;
}


.odsad30 {
margin-top: 30px;
}

.odsad20 {
margin-top: 20px;
}

a.link_heading {
    color: white;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 30px;    
    text-decoration: none;
    font-style: normal;    
     }
a.link_heading:hover {
    color: #b4e4df;     
}


a.link_text {
    color: rgb(0, 140, 140);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    padding-top: 0px;  
    padding-left: 0px;          
}
a.link_text:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

a.link_text_b {
    color: rgb(0, 140, 140);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    padding-top: 0px;  
    padding-left: 0px;          
}
a.link_text_b:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

a.link {
    color: rgb(0, 140, 140);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 22px
    padding-top: 0px;  
    padding-left: 40px;          
}
a.link:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

a.link_1 {
    color: rgb(0, 0, 0);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 22px
    padding-top: 0px;
    padding-left: 0px;       
}
a.link_1:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}


a.link_2 {
    color: rgb(0, 0, 0);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 22px
    padding-top: 0px;  
    padding-left: 40px;          
}
a.link_2:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

a.link_3 {
    color: rgb(0, 140, 140);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 22px
    padding-top: 0px;  
    padding-left: 80px;          
}
a.link_3:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

a.link_title {
    color: rgb(0, 140, 140);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 27px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    line-height: 30px
    padding-top: 0px;  
    padding-left: 0px;          
}
a.link_title:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

a.link_little_white {
    color: #ffffff;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 17px;    
    text-decoration: none;
    font-style: normal;     
}
a.link_little_white:hover {
    color: #CCCCCC;
    text-decoration: none;
}

a.link_title_sm {
    color: rgb(0, 140, 140);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;
    line-height: 22px;    
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 30px
    padding-top: 0px;  
    padding-left: 0px;          
}
a.link_title_sm:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

.cislo {
    color: rgb(121, 121, 121);
    font-family: 'Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 27px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 30px
    padding-top: 0px;  
    padding-left: 0px;          
}

.title_menu {
    color: rgb(121, 121, 121);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 27px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 30px
    padding-top: 0px;  
    padding-left: 0px;          
} 

.picture {
outline: #333 solid 0px;
}

.picture img:hover {
    outline: #a50f07 solid 2px;
}

a.link_subtitle {
    color: rgb(0, 0, 0);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 22px
    padding-top: 0px;
    padding-left: 12px;       
}
a.link_subtitle:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}

a.link_subtitle_g {
    color: rgb(0, 140, 140);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;       
    text-indent: 0px;
    line-height: 22px
    padding-top: 0px;
    padding-left: 0px;       
}
a.link_subtitle_g:hover {
    color: rgb(171, 21, 0);
    text-decoration: underline;
}


.title{
    color:  #FFFFFF;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;    
    text-decoration: none;
    font-weight: normal;
}


.caption{
    color: rgb(121, 121, 121);
    font-family: 'Bold', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 20px;    
    text-decoration: none;
    font-weight: normal;
}

.text {
    color: rgb(121, 121, 121);
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 16px;    
    text-decoration: none;
}

.ind {
    text-indent: -40px;
    margin-left: 40px;          
}

.formbutton {
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 14px;
    background-color : #058475; 
    BORDER-RIGHT: #047164 1px solid;  
    BORDER-LEFT: #047164 1px solid; 
    BORDER-BOTTOM: #047164 1px solid; 
    BORDER-TOP: #047164 1px solid;
    PADDING-BOTTOM: 0px; 
    PADDING-TOP: 2px; 
    PADDING-RIGHT: 3px; 
    PADDING-LEFT: 3px; 
    COLOR: white
}

.formbuttonb {
	background:linear-gradient(to bottom, #228576 5%, #1e665a 100%);
	background-color:#228576;
	border-radius: 10px;
	border:1px solid #1e7366;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
  font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #021412;
}
.formbuttonb:hover {
	background:linear-gradient(to bottom, #1e665a 5%, #228576 100%);
	background-color:#1e665a;
}

.form { 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif; 
    font-size : 14px;
    PADDING-BOTTOM: 1px; 
    PADDING-TOP: 1px; 
    PADDING-RIGHT: 3px; 
    PADDING-LEFT: 3px; 
    COLOR: black; 
    BORDER-RIGHT: #047164 1px solid;  
    BORDER-LEFT: #047164 1px solid; 
    BORDER-BOTTOM: #047164 1px solid; 
    BORDER-TOP: #047164 1px solid;
    background-color: #e1f5f3;
}

.form_white { 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif; 
    font-size : 14px;
    PADDING-BOTTOM: 1px; 
    PADDING-TOP: 1px; 
    PADDING-RIGHT: 3px; 
    PADDING-LEFT: 3px; 
    COLOR: black; 
    BORDER-RIGHT: #047164 1px solid;  
    BORDER-LEFT: #047164 1px solid; 
    BORDER-BOTTOM: #047164 1px solid; 
    BORDER-TOP: #047164 1px solid;
    background-color: #ffffff;
}


.form_login { 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif; 
    font-size : 24px;
    PADDING-BOTTOM: 1px; 
    PADDING-TOP: 1px; 
    PADDING-RIGHT: 3px; 
    PADDING-LEFT: 3px; 
    COLOR: black; 
    BORDER-RIGHT: #047164 1px solid;  
    BORDER-LEFT: #047164 1px solid; 
    BORDER-BOTTOM: #047164 1px solid; 
    BORDER-TOP: #047164 1px solid;
    background-color: #e1f5f3;
}

.formlight { 
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif; 
    font-size : 14px;
    PADDING-BOTTOM: 1px; 
    PADDING-TOP: 1px; 
    PADDING-RIGHT: 3px; 
    PADDING-LEFT: 3px; 
    COLOR: black; 
    BORDER-RIGHT: #047164 1px solid;  
    BORDER-LEFT: #047164 1px solid; 
    BORDER-BOTTOM: #047164 1px solid; 
    BORDER-TOP: #047164 1px solid;
    background-color: #fafefd;
}


.foot {
    background: url('line.jpg') repeat-y;
    clear: both;
    width: 100%;
    height: 55px;
    margin-top: -20px;  
    padding-top: 4px; 
    position: relative;
    z-index: 2;
}

.c_left {
  float: left;
  width:40%;
  text-align:left;
}

.c_center {
  float: left;
  width:20%;
  text-align:center;
}

.c_right {
 float: left;
 width:40%;
 text-align:right;
}

a.left_link{
  	background-image: url("arr_w.png");
	background-position: left 7px;
	background-repeat: no-repeat;
    color:  #ffffff;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;    
    text-decoration: none;
    font-weight: normal;
    padding-left: 25px;
    margin-left: 25px;
    float:left; 
}

a.left_link:hover{
  	background-image: url("arr_g.png");
    color: #b4e4df;          
    text-decoration: underline;
}


a.center_link{
  	background-image: url("arr_w.png");
	background-position: left 7px;
	background-repeat: no-repeat;
    color:  #ffffff;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;    
    text-decoration: none;
    font-weight: normal;
    text-align:center;
    padding-left: 25px;
}

a.center_link:hover{
  	background-image: url("arr_g.png");  
    color: #b4e4df;
    text-decoration: underline;
}

a.white{
    color: #ffffff;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;    
    text-decoration: none;
    font-weight: normal;
    padding-right: 20px; 
    float: right;
}
a.white:hover{
    color: #b4e4df;
    text-decoration: underline;
}

a.white_nop{
    color: #ffffff;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 18px;    
    text-decoration: none;
    font-weight: normal;
    padding-right: 10px;
    padding-top: 2px; 
    float: right;
}
a.white_nop:hover{
    color: #b4e4df;
    text-decoration: underline;
}

a.white_no{
    color: #ffffff;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 17px;    
    text-decoration: none;
    font-weight: normal;
    float: right;
}
a.white_no:hover{
    color: #b4e4df;
    text-decoration: underline;
}

a.white_nol{
    color: #ffffff;
    font-family: 'Reg', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 17px;    
    text-decoration: none;
    font-weight: normal;
}
a.white_nol:hover{
    color: #b4e4df;
    text-decoration: underline;
}

.rc_h{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_home.gif") no-repeat 0 0;
    background-size: 86px 71px;
}
.rc_h:hover{ 
    background: url("img/rc_home_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.rc_h_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_home_o.gif") no-repeat 0 0;
    background-size: 86px 71px;
}

.rc_v{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_video.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_v:hover{ 
    background: url("img/rc_video_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.rc_v_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_video_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.rc_r{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_reading.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_r:hover{ 
    background: url("img/rc_reading_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_r_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_reading_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.rc_n{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_news.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_n:hover{ 
    background: url("img/rc_news_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_n_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_news_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.rc_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_account.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_a:hover{ 
    background: url("img/rc_account_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_a_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_account_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.rc_l{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_logout.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_l:hover{ 
    background: url("img/rc_logout_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.rc_lo{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/rc_login.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.rc_lo:hover{ 
    background: url("img/rc_login_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.r_h{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_home.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_h:hover{ 
    background: url("img/r_home_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_h_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_home_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.r_v{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_video.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_v:hover{ 
    background: url("img/r_video_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_v_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_video_o.gif") no-repeat 0 0;
    background-size: 86px 71px;
}

.r_r{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_reading.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_r:hover{ 
    background: url("img/r_reading_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_r_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_reading_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.r_n{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_news.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_n:hover{ 
    background: url("img/r_news_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_n_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_news_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.r_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_account.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_a:hover{ 
    background: url("img/r_account_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_a_a{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_account_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_l{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_logout.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_l:hover{ 
    background: url("img/r_logout_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.r_lo{
    display: block;
    width: 86px;
    height: 71px;
    background: url("img/r_login.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}
.r_lo:hover{ 
    background: url("img/r_login_o.gif") no-repeat 0 0;
    background-size: 86px 71px;    
}

.p_red{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("img/bod_c.png") no-repeat 0 0;
    background-size: 16px 16px;
}


.p_red_g{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("img/bod_cg.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.p_red_g:hover{ 
    background: url("img/bod_c.png") no-repeat 0 0;
    background-size: 16px 16px;    
}



.send_cz{
    display: block;
    border-width: 0;
    width: 150px;
    height: 32px;
    background: url("img/send_to_email_cz_ok.png") no-repeat 0 0;
    background-size: 150px 32px;
}
.send_cz:hover{ 
    background: url("img/send_to_email_cz_ok_o.png") no-repeat 0 0;
    background-size: 150px 32px;    
}

.sel_send_cz{
    display: block;
    border-width: 0;    
    width: 240px;
    height: 32px;
    background: url("img/send_to_email_cz.png") no-repeat 0 0;
    background-size: 240px 32px;
}
.sel_send_cz:hover{ 
    background: url("img/send_to_email_cz_o.png") no-repeat 0 0;
    background-size: 240px 32px;    
}

.send_en{
    display: block;
    border-width: 0;    
    width: 150px;
    height: 32px;
    background: url("img/send_to_email_ok.png") no-repeat 0 0;
    background-size: 150px 32px;
}
.send_en:hover{ 
    background: url("img/send_to_email_ok_o.png") no-repeat 0 0;
    background-size: 150px 32px;    
}

.sel_send_en{
    display: block;
    border-width: 0;    
    width: 240px;
    height: 32px;
    background: url("img/send_to_email.png") no-repeat 0 0;
    background-size: 240px 32px;
}
.sel_send_en:hover{ 
    background: url("img/send_to_email_o.png") no-repeat 0 0;
    background-size: 240px 32px;    
}

.p_green{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("img/bod_z.png") no-repeat 0 0;
    background-size: 16px 16px;
}

.p_green_g{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("img/bod_zg.png") no-repeat 0 0;
    background-size: 16px 16px;
}
.p_green_g:hover{ 
    background: url("img/bod_z.png") no-repeat 0 0;
    background-size: 16px 16px;    
}

.scrollmenu {
  overflow: auto;
  height: 320px;
  white-space: nowrap;
    align: nowrap;
}

.link_box {
   width: 160px;
   display: inline-block;
   margin-right: 20px;
   white-space: normal;
   vertical-align: top;
   padding: 2px 0px 0px 2px;
}

.link_box_b {
   width: 160px;
   display: inline-block;
   margin: 0px 38px 30px 0px;
   white-space: normal;
   vertical-align: top;
   padding: 2px 0px 0px 2px;
}

.margin {
   margin-left: 20px;
}

.p_ram {
    background-color: #e6f8f6;
    margin: 15px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}

.ram_g {
    background-color: #e6f8f6;
    margin: 15px 0px 0px 0px;
    padding: 15px 15px 15px 15px;
    BORDER-RIGHT: #6cbab1 1px solid;  
    BORDER-LEFT: #6cbab1 1px solid; 
    BORDER-BOTTOM: #6cbab1 1px solid; 
    BORDER-TOP: #6cbab1 1px solid;
}