html,body {
    height: 100%;
    margin: 0;
    padding: 0;

}

body {
    font-family: Verdana, "Arial CE", "Helvetica CE", Arial, Helvetica,
        sans-serif;
    font-size: 75%;
    line-height: 1.6em;
    background: #B9BFB3;
    color: #000;
    text-align: center;
    min-width: 790px;
    line-height: 1.5;
}

html>body {
    font-size: 13px;
}

h1,h2,h3,h4 {
    line-height: 1.3em;
    margin: 1em 0 0.15em 0;
    color: #565656;
}

h1 {
    font-size: 1.5em;
    margin: 0px;
}

p {
    margin: 0;
    text-indent: 2em;
}
#obal {
    width: 1100px;
    margin: 0px auto;
    text-align: left;
    background: #A4AF99;
    position: relative;
    min-height: 100%;
}
#main {
    margin: 0;
    text-align: left;
    background: #A4AF99;
    position: relative;
    height: 100%;
    min-height: 100%;

}

body>#main {
    height: auto;
}

#head {
    color: #fff;
    background: #2A3F27 url("../media/550b3543fb77f2145a8eeb59.jpg") no-repeat 0px 21px;
    height: 147px;
    z-index: 90;
}

#head_content {
    color: #fff;
    padding: 50px;
    background: transparent;
}

#head_content h1{
    color: #fff;
    letter-spacing: 3px;
}
#left {
    width: 200px;
    float: left;
    /*background: #8C9F77;*/
    z-index: 100;
    position: relative;
}
#left img
{
    border: none;
}
#left table
{
    margin:0px auto;
    border-collapse: collapse;
}
#left table td
{
    padding:2px;
}
#rightObal {
    width: 160px;
    float: right;
    z-index: 1;
    background: #8C9F77;
    top:0px;
    text-align: center;
    

}
#rightContent
{
    text-align: center;
}
#rightContent img
{
    border: none;
}
#rightContent table
{
    margin:2px auto;
    border-collapse: collapse;
    table-layout: fixed;

}
#rightContent table td
{
    padding:2px;
}

#content {
    padding: 40px 10px 60px 230px;
    text-align: left;

}

#content a {
    font-weight: bold;
    color: #2A3F27;
    text-decoration: none;
}

#content a:link {
    color: #2A3F27;
}

#content a:visited {
    color: #2A3F27;
}

#footer {
    width: 100%;
    height: 20px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0;
    background: #2A3F27 url("../media/bfa14bf9edf8ff3544851e25.png") repeat-x;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
    letter-spacing: 1px;
    z-index: 2;
}

hr {
    border: 1px solid #BEC0BD;
}

hr.cistic {
    clear: both;
    height: -1px;
    border: -1px;
    margin: 0px 0px 0px 0px;
    visibility: hidden;
    _display: none;
}

/********************************/



.cartLink {
    font-weight: bold;
    font-size: 12px;
}

/**************************/
#nav {
    position: absolute;
    background: url("../media/bfa14bf9edf8ff3544851e25.png") repeat-x;
    font-size: 12px;
    letter-spacing: 1px;
    left: 0px;
    top: 123px;
    z-index: 9;
    text-align: left;
    width:1100px;

}
#nav_content
{
    padding-left: 200px;
}
#nav ul li {
    display: inline;
    padding:0px;

}

#nav ul {
    margin: 0;
    padding: 3px ;
}

#nav ul li a {
    padding: 0.2em 10px 0.2em 10px;
    text-decoration: none;
    font-weight: normal;
}

#nav ul li a:link {
    color: #ffffff;
}

#nav ul li a:visited {
    color: #ffffff;
}

#nav ul li a:hover {
    background: #2A3F27;
}

#nav ul li a:active { /*text-decoration: underline;*/

}
#tools {
    position: absolute;
    background: #B9BFB3;
    font-size: 11px;
    left:0px;
    top: 0px;
    z-index: 99;
    text-align: left;
    width: 100%;
}

#tools ul li {
    display: inline;
}
#tools ul li img{
    border: 1px solid #000;
}
#tools ul {
    margin: 0;
    padding: 4px 2px 2px 2px;
}

#tools ul li a {
    padding: 0.2em 2px 0.2em 2px;
    text-decoration: none;
    font-weight: normal;
    color: #000000;
}

#tools ul li a:link {
    color: #000000;
}

#tools ul li a:visited {
    color: #000000;
}

#tools ul li a:hover {
    text-decoration: underline;
    color: #FFF;

}

#tools ul li a:active {
    text-decoration: underline;
    color: #FFF;

}


/*********************************/

.menu_header {
    padding: 2px 0px 3px 0px;
    color: #000000;
    font-size: 12px;
    background: #8C9F77;
    text-align: center;
    font-weight: bold;
    text-transform:uppercase;
    border-top: 3px solid #B9BFB3;
}

#years {
    background: #2A3F27;
    text-align: center;
    width: 190px;
    letter-spacing: 1px;
    padding: 5px;
    font-size: 11px;
}

#curyears {
    font-weight: normal;
    color: #fff;
    background: #8C9F77;
    padding: 1px;
}

#years a {
    padding: 2px;
    text-decoration: none;
    font-weight: normal;
}

#years a:link {
    color: #ffffff;
}

#years a:visited {
    color: #ffffff;
}

#years a:hover {
    text-decoration: underline;
    font-weight: bold;
    /*letter-spacing: 1.5px;*/
}

#years a:active {
    text-decoration: underline;
    font-weight: bold;
}

#breadcrumb {
    color: #2A3F27;
    font-weight: bold;
    border-bottom: 1px solid #2A3F27;
    padding-bottom: 2px;
    width: 99%;
}

#breadcrumb  a {
    font-weight: bold;
    color: #2A3F27;
    text-decoration: underline;
    padding: 2px 3px 2px 3px;

}

#breadcrumb a:link {
    color: #2A3F27;
    text-decoration: underline;
}

#breadcrumb a:visited {
    color: #2A3F27;
    text-decoration: underline;
}

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

#breadcrumb a:active {
    text-decoration: underline;
}

#subTree {
    color: #fff;
    font-weight: normal;
    padding: 0px;
    background:#2A3F27;
    width: 99%;
    text-align:left;
}

#subTree ul li {
    padding: 0px;
    list-style-type: none;
    display: inline;

}

#subTree  a {
    color: #fff;
    text-decoration: none;
    padding: 1px 3px 1px 3px;
    font-weight: normal;
    letter-spacing: 0.8px;
}

#subTree a:link {
    text-decoration: none;
    color: #fff;
    letter-spacing: 0.8px;
}

#subTree a:visited {
    text-decoration: none;
    color: #fff;
    letter-spacing: 0.8px;
}

#subTree a:hover {
    text-decoration: underline;
    color: #fff;
    letter-spacing: 0.8px;
}

#subTree a:active {
    text-decoration: underline;
    color: #fff;
    letter-spacing: 0.8px;
}

.backButton {
    background: #2E6AB1;
    color: #ffffff;
    padding: 1px 3px 1px 3px;
    letter-spacing: 1px;
    float: right;
    border: 1px solid #ffffff;
}

#menuCombo {
    color: #2A3F27;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    background: #2A3F27;
    margin:0px auto;
    padding: 2px;
}

#menuCombo select {
    width: 170px;
    height: 20px;
    color: #000000;
    border: 1px solid #fff;
    background:#B9BFB3;
    font-size: 11px;
    font-weight: normal;
}

#menuCombo .button {
    background: #355E30;
    color: #ffffff;
    padding:0px;
    width: 15px;
    border: 1px solid #fff;
    text-align: center;
}

#itemHeader {
    letter-spacing: 1px;
    font-size: 12px;
    border-bottom: 2px solid #565656;
    color: #565656;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

#itemHeader ul li {
    padding-bottom: 3px;
    list-style-type: none;
}

#itemHeader  ul li a {
    font-weight: bold;
    color: #2A3F27;
    text-decoration: underline;
    padding: 2px 0px 2px 0px;

}

#itemHeader ul li a:link {
    color: #2A3F27;
}

#itemHeader ul li a:visited {
    color: #2A3F27;
}

#itemHeader ul li a:hover {
    text-decoration: underline;
}

#itemHeader ul li a:active {
    text-decoration: underline;
}
form
{
    padding:0px;
    margin: 0px;
}


.inoutAnchors {
    background: #8C9F77 url("../media/bfa14bf9edf8ff3544851e25.png") repeat-x;
    color: #fff;
    padding: 1px;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
}
/*serch box*/
.search_box_error
{
    color: red;
}
#search_box {
    width: 200px;
    color: #ffffff;
    z-index: 8;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    background: #2A3F27;
}

#search_box ul {
    padding: 1px;
    margin: 0px 0px 0px 0px;

}

#search_box li {
    padding:2px 0px 2px 0px;
    list-style-type: none;
}

#search_box ul li a {
    text-decoration: none;
}

#search_box ul li a:link {
    color: #ffffff;
}

#search_box ul li a:visited {
    color: #ffffff;
}

#search_box ul li a:hover {
    text-decoration: underline;
    font-weight: bold;

}

#search_box ul li a:active {
    text-decoration: underline;
    font-weight: bold;
}

#search_box .text {
    border-style: solid;
    border-color: #fff;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    /*padding:0px 2px 0px 2px;*/
    text-align: left;
    width: 145px;
}

#search_box .button {
    background: #355E30 url("../media/c90f239c57139966d22278f4.gif") no-repeat center;
    color: #ffffff;
    padding: 1px;
    letter-spacing: 1px;
    width: 35px;
    /*float:right;*/
    border: 1px solid #fff;
}

#adwSearchBox {
    color: #2A3F27;
    z-index: 8;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
    background: transparent;
    margin:0px auto;
}

.adwSearchBox_select {
    width: 300px;
    height: 22px;
    color: #000;
    border: 0px solid #2A3F27;
    background:#A4AF99;
}


.adwSearchBox_button {
    background: #355E30 url("../media/c90f239c57139966d22278f4.gif") no-repeat right;
    color: #ffffff;
    padding:2px 2px 2px 4px;
    letter-spacing: 1px;
    width: 150px;
    border: 1px solid #fff;
    text-align: left;
}
.adwSearchBox_cancel {
    background: #355E30 url("../media/c5f7dbbde92c3abf3158ef0d.gif") no-repeat right;
    color: #ffffff;
    padding:2px 2px 2px 4px;
    letter-spacing: 1px;
    width: 150px;
    border: 1px solid #fff;
    text-align: left;
}
#adwSearchBox_fieldset
{
    padding:15px 15px 15px 15px;
    border-style: solid;
    border-color:#2A3F27;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    width:600px;
    margin:0px;
    background:#B9BFB3;

    font-size:11px;

}
#adwSearchBox_legend {
    color: #2A3F27;
    padding: 3px 5px 3px 5px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size:12px;
}
table.adwSearchBox {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    background: transparent;

}

table.adwSearchBox td {
    color: #2A3F27;
    background: transparent;
    padding-bottom: 2px;
    vertical-align:bottom;
}
#keywords
{

    background:#B9BFB3;
    padding:15px;
    text-align: justify;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;

}
#keywords span.reset
{
    white-space: nowrap;
    color:#FFF;
    background-color: #2A3F27;
    padding: 4px ;
    float: right;
}
#keywords span.reset a
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 0px ;
    background-color: #2A3F27;

}
#keywords span.reset a:link
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 0px ;
    background-color: #2A3F27;

}
#keywords span.reset a:visited
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 0px ;
    background-color: #2A3F27;
}
#keywords span.reset a:hover
{
    font-weight: normal;
    color: #FFF;
    text-decoration: underline;
    padding: 0px ;
    background-color: #2A3F27;
}
#keywords span.reset a:active
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 0px ;
    background-color: #2A3F27;
}
#keywords span.unused
{
    white-space: nowrap;
    color:#2A3F27;
    padding: 0px ;
    text-align: justify;
}

#keywords span.unused a
{
    font-weight: normal;
    color: #2A3F27;
    text-decoration: underline;
    padding: 2px  ;

}
#keywords span.unused a:link
{
    font-weight: normal;
    color: #2A3F27;
    text-decoration: underline;
    padding: 2px ;

}
#keywords span.unused a:visited
{
    font-weight: normal;
    color: #2A3F27;
    text-decoration: underline;
    padding: 2px ;

}
#keywords span.unused a:hover
{
    font-weight: normal;
    color:#FFF;
    text-decoration: underline;
    padding: 2px ;
    background-color: #2A3F27;
}
#keywords span.unused a:active
{
    font-weight: normal;
    color:#FFF;
    text-decoration: underline;
    padding: 2px ;

}
#keywords span.used
{
    white-space: nowrap;
    color:#2A3F27;
    padding: 0px ;
    text-align: justify;

}
#keywords span.used a
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 2px ;
    background-color: #2A3F27;

}
#keywords span.used a:link
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 2px ;
    background-color: #2A3F27;

}
#keywords span.used a:visited
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 2px ;
    background-color: #2A3F27;
}
#keywords span.used a:hover
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 2px ;
    background-color: #2A3F27;
}
#keywords span.used a:active
{
    font-weight: normal;
    color: #FFF;
    text-decoration: none;
    padding: 2px ;
    background-color: #2A3F27;
}

#addOns_nav {
    font-size: 11px;
    letter-spacing: 1px;
    z-index: 9;
    text-align: center;
    background: #2A3F27;
    margin:0px auto;
    border-top: 3px solid #B9BFB3;

}

#addOns_nav ul li {
    display: block;
    padding:0px;
    list-style-type: none;
    color: #ffffff;
}

#addOns_nav ul {
    margin: 0;
    padding: 3px ;
}

#addOns_nav ul li a {
    padding: 0.2em 10px 0.2em 10px;
    text-decoration: none;
    font-weight: normal;
}

#addOns_nav ul li a:link {
    color: #ffffff;
}

#addOns_nav ul li a:visited {
    color: #ffffff;
}

#addOns_nav ul li a:hover {
    text-decoration: underline;
    font-weight: bold;
}

#addOns_nav ul li a:active {
    text-decoration: underline;
    font-weight: bold;

}
div.flash.info
{
    border-left: 1px solid #2A3F27;
    border-top: 1px solid #2A3F27;
    border-right: 1px solid #2A3F27;
    border-bottom: 1px solid #2A3F27;
    background-color: #B9BFB3;
    color:#2A3F27;
    padding:2px;
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: normal;
}
div.flash.warning
{
    border-left: 1px solid #c40002;
    border-top: 1px solid #c40002;
    border-right: 1px solid #c40002;
    border-bottom: 1px solid #c40002;
    background-color: #B9BFB3;
    color:#c40002;
    padding:2px;
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: normal;
}
div.flash.error
{
    background-color: #c40002;
    color:#fff;
    padding:2px;
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
ol.error 
{
    background: #c40002;
    color:#fff;

    padding: 1px;
    text-align: center;
    font-weight: bold;
}
ol.error li
{
    list-style-type: circle;
}
.tucne
{
    font-weight: bold;
}

/* Fotovolf archive restoration: keep the donor header menu in its original strip. */
#obal {box-sizing:border-box; max-width:100%;}
#nav {box-sizing:border-box; width:100%!important; height:26px; overflow:visible;}
#nav_content {box-sizing:border-box; padding:0 0 0 200px!important; min-height:26px;}
#nav_content > nav.dr-navigation {display:block!important; box-sizing:border-box; width:100%!important; max-width:100%!important; min-height:26px!important; height:26px!important; margin:0!important; padding:0!important; overflow:visible!important; color:#fff!important; background:transparent!important; font:12px/1.2 Verdana,Arial,sans-serif!important; letter-spacing:1px!important;}
#nav_content > nav.dr-navigation > .dr-mobile-toggle {display:none!important;}
#nav_content > nav.dr-navigation > ul.dr-menu {display:flex!important; flex-flow:row nowrap!important; align-items:center!important; justify-content:flex-start!important; gap:0!important; box-sizing:border-box!important; width:100%!important; min-height:26px!important; height:26px!important; margin:0!important; padding:0!important; list-style:none!important;}
#nav_content > nav.dr-navigation > ul.dr-menu > li {display:block!important; flex:0 0 auto!important; width:auto!important; height:26px!important; margin:0!important; padding:0!important; border:0!important; border-right:1px solid rgba(255,255,255,.55)!important; background:transparent!important; list-style:none!important;}
#nav_content > nav.dr-navigation > ul.dr-menu > li:last-child {border-right:0!important;}
#nav_content > nav.dr-navigation > ul.dr-menu > li > a {display:flex!important; align-items:center!important; box-sizing:border-box!important; min-height:26px!important; height:26px!important; padding:0 9px!important; color:#fff!important; background:transparent!important; font:12px/1.2 Verdana,Arial,sans-serif!important; letter-spacing:1px!important; text-decoration:none!important; white-space:nowrap!important;}
#nav_content > nav.dr-navigation > ul.dr-menu > li > a:hover,
#nav_content > nav.dr-navigation > ul.dr-menu > li > a:focus-visible {background:#2a3f27!important; text-decoration:underline!important;}
#content .dr-fotovolf-illustration {box-sizing:border-box; width:min(100%,760px); margin:18px 0 24px; padding:5px; background:#e6e8df; border:1px solid #8c9f77;}
#content .dr-fotovolf-illustration img {display:block; width:100%; height:auto;}
#content .dr-fotovolf-illustration figcaption {padding:7px 5px 3px; color:#565656; font-size:11px; line-height:1.4;}
@media (max-width:1100px) {
 body {min-width:0!important; overflow-x:hidden;}
 #obal {width:100%!important; max-width:1100px!important; overflow:hidden;}
 #head, #nav {max-width:100%!important;}
 #main {box-sizing:border-box!important; width:calc(100% - 160px)!important; max-width:calc(100% - 160px)!important;}
 #rightObal {box-sizing:border-box; width:160px; max-width:100%;}
 #content {box-sizing:border-box;}
}
@media (max-width:760px) {
 #obal {width:100%!important; min-width:0!important; margin:0!important;}
 #head {box-sizing:border-box; width:100%!important; height:147px!important; background-position:center 21px!important; background-size:auto 126px!important;}
 #nav {top:123px!important; left:0!important; width:100%!important; height:auto!important; min-height:26px!important;}
 #nav_content {width:100%; min-height:26px; padding:0 4px!important;}
 #nav_content > nav.dr-navigation {height:auto!important; min-height:26px!important;}
 #nav_content > nav.dr-navigation > ul.dr-menu {height:auto!important; min-height:26px!important; flex-wrap:wrap!important; justify-content:center!important;}
 #nav_content > nav.dr-navigation > ul.dr-menu > li {height:28px!important;}
 #nav_content > nav.dr-navigation > ul.dr-menu > li > a {height:28px!important; min-height:28px!important; padding:0 7px!important; font-size:11px!important; letter-spacing:.4px!important;}
 #main {float:none!important; clear:both!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important;}
 #left {float:none!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; padding-bottom:8px;}
 #left table, #left select, #left input {max-width:100%!important;}
 #content {float:none!important; clear:both!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:22px 15px 40px!important; overflow-wrap:anywhere;}
 #content table {max-width:100%!important;}
 #rightObal {float:none!important; clear:both!important; box-sizing:border-box!important; width:100%!important; max-width:100%!important; margin:0!important; padding:8px 0 16px;}
 #rightContent table {width:auto!important; max-width:100%!important; table-layout:auto!important;}
 #rightContent img, #content img {max-width:100%!important; height:auto!important;}
}
@media (max-width:420px) {
 #head {background-position:52% 21px!important;}
 #nav_content > nav.dr-navigation > ul.dr-menu > li > a {padding:0 5px!important; font-size:10px!important;}
}


/* Fotovolf responsive mobile order follow-up. */
@media (max-width:760px) {
 #obal {display:flex!important; flex-direction:column!important;}
 #head {background-position:left 21px!important;}
 #main {order:2!important;}
 #rightObal {order:3!important;}
 #footer {order:4!important;}
}