html {
overflow-y: scroll;
}


*{
margin:0;
padding:0;
}

:focus {outline: none;}

body{
background: #fff;
font-family: 'Arial';
}

:root {
--darkbrown: #844d36;
--lightbrown: #8e8268;
--brown: #726c2a;
--grey: #474853;
--blue: #022140;
--lightblue: #86b3d1;
--grey1: #aaada0;
--orange: #df4500;
--green: #8d8741;
--green1: #aea434;
--yellow: #f9ecc9;
--sand: #918d5c;
--white: #ffffff;
}


.cawi {
max-width: 1200px;
background-color: #fff;
margin: 0 auto;
padding: 0;
overflow: hidden; 

}


.cawi-left {
background-color: #fff;
width: 48%;
float: left;
border: 0;

}

.cawi-right {
background-color: #fff;
width: 48%;
float: right;
border: 0;
vertical-align: middle;
padding-top: 20px;
}

.cawi-left  img {max-width: 100%; }


@media screen and (max-width: 600px) {
.cawi-left, .cawi-right {
width: 100%;
text-align: center;
}
}


a.cawi {color: var(--choko); text-decoration: none;  font-size: 26pt;}

a:hover.cawi {color: var(--green); }



#maincontainer {
max-width: 1200px; 
background: #fff; 
border: 1px #ebebeb solid; 
overflow:hidden; 
}

#maincontainer img {
max-width: 100%;
}

#header {
max-width: 1200px; 
border: 1px #ebebeb solid; 
overflow:hidden; 
text-align: left;
margin-top: -5px;
}


h1 { font-size: 24pt; color: #4c362a; text-align: center; padding-left: 10px; line-height: 1.3em; margin-top: 10px; margin-bottom: 7px;}

h2 { font-size: 22pt; color: #6f9234; text-align: left; font-weight: bold; padding-left: 10px; line-height: 1.3em; margin-top: 7px; margin-bottom: 15px; display:block; }

h2.wt { font-size: 22pt; color: #fff; text-align:center; font-weight: bold; line-height: 1.3em; margin-top: 7px; margin-bottom: 15px;  }

h3 { font-size: 20pt; color: var(--green); text-align: left; font-weight: bold; padding-left: 10px; line-height: 1.3em; margin-top: 7px; margin-bottom: 10px;}


#text {max-width: 1200px; text-align: left; overflow:hidden; background:#fff; }

#text p {font-size: 15pt; color: #000; text-align: left; padding-left: 20px; padding-right: 20px; line-height: 1.3em; margin-bottom: 10px;}

#text ul {font-size: 15pt; color: #000; text-align: left; list-style-type: disc; padding-left: 50px; line-height: 1.3em; margin-bottom: 10px;}

#text ol { font-size: 15pt; color: #000; text-align: left; padding-left: 50px; line-height: 1.3em; margin-bottom: 10px;}



.txt {font-family: arial; font-size: 15pt; color: #000; padding-left: 20px;}


a.tt {color: #4c362a; text-decoration: none; font-family: arial; font-size: 15pt; display: block; }
a:hover.tt {color: #6f9234; text-decoration: underline; padding-left: 5px; }


a.tm {color: #4c362a; text-decoration: underline; font-family: arial; font-size: 15pt;  }
a:hover.tm {color: #6f9234; text-decoration: none;  }



#text  p.center {font-size: 15pt; color: #000; text-align: center; line-height: 3em; margin-bottom: 15px;}


a.alv {
font-size: 19px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: var(--green);
margin: 0;
text-decoration: none;
}

a:hover.alv {
background-color: var(--orange);
}








.clear{
clear: both;
border-bottom:1px solid #ccc;
}



.textblock {max-width: 1200px; border:0; background: #fff; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; position: relative;}

.textblock1 {max-width: 1200px; border-bottom: 1px solid #eee; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; position: relative;}

.textblock1a {max-width: 1200px; border-bottom: 0; background: #fff; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px;}

.textblock1b {max-width: 100%; border: 1px solid #333; overflow:hidden; margin: 10px; padding-bottom: 10px; padding-top: 10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:5px; -khtml-border-radius:10px;}


.leftblock {width: 560px; padding:10px; float: left; text-align: left;}

.rightblock {width: 560px; padding:10px; float: left;  text-align: left; }


.textblock1::after {
    
    content: ''; 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 25px; 
    border: 3px solid #fff; 
    box-sizing: border-box;}


@media screen and (max-width: 600px) {
.leftblock, .rightblock { 
width: 100%;
}
}


.col-container {
display: flex; 
justify-content: space-between;
align-items: start;
gap: 30px;
margin-bottom: 30px;
}


.col1 {
background-color: var(--brown);
}

.col2 {
background-color: var(--green);
}


.col3 {
background-color: var(--lightbrown);
}

.leftcol {
    display: flex; 
       flex-direction: column;
       justify-content: center;
       align-items: center;
width: 480px;
height: 480px;
}

.col{
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    width: 60%;
}




@media only screen and (max-width: 800px) {
    .col-container {
        display: flex; 
       flex-direction: column;
  justify-content: center;
           
        }

        .leftcol {

            width: 100%;
            height: 300px;
            }

            .col{
                display: flex;
                justify-content: center;
                align-items: start;
                flex-direction: column;
                width: 100%;
                
            }
            

}






a.ml {
background: transparent;
color:#fff;
font-size:15pt;
font-weight: bold;
text-decoration: none;
border: 1px solid #fff;
display:block;
height:50px;
line-height:50px;
padding: 10px;
text-align: center;
}

a:hover.ml {
background:var(--green1);
color:#fff;
text-decoration:none;
}



.articleimg {padding:5px; border:1px solid #eee; margin-left:10px; margin-top:5px; margin-bottom:10px; }


/* Menu */

.glossymenu{
margin: 5px 0;
padding: 0;
max-width: 1200px; 
border: 1px solid var(--grey);
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: var(--green);
font: bold 14pt Arial;
color: #fff;
display: block;
position: relative; 
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
text-align: left;
height:35px;
line-height:35px;
border-bottom: 1px solid var(--brown);
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #fff;
}

.glossymenu a.menuitem .statusicon{ 
position: absolute;
top: 12px;
right: 15px;
border: none;
}

.glossymenu a.menuitem:hover{
background: var(--brown);
}

.glossymenu div.submenu{
background: white;
}

.glossymenu div.submenu ul{ 
list-style-type: none;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
background: var(--green1);
color:#474747;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid var(--grey1);
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 13pt Arial;
color:#fff;
text-decoration: none;
padding: 4px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background:var(--grey1);
color:var(--grey);
}





/* Footer */


footer {
max-width: 1200px;
background-color: var(--brown);
margin-top: 5px;
overflow: hidden; 
border-top: 5px  var(--green1) solid;
}

.container-ft {
max-width: 1200px;
margin: 0 auto;
padding: 15px 0;
overflow: hidden; 
 }
 
.f-left { 
float: left;
width: 45%;
text-align: right;
padding-left: 20px;
padding-right: 50px;
}

.f-left p {
font-size: 15px;
font-style: normal;
color: #fff;
margin-top: 10px;
}



.f-right {
float: left;
width: 45%;
text-align: left;
}

.f-right p {
font-size: 17px;
font-style: normal;
color: var(--white);
line-height: 1.4em; 
margin-bottom: 7px;
}

.f-right a {
font-size: 17px;
font-style: normal;
color: var(--white);
text-decoration: none;
}

.f-right a:hover {
 text-decoration: underline;
}

@media screen and (max-width: 600px) {
.f-left, .f-right { 
width: 100%;
padding-left: 20px;
text-align: center;
margin-bottom: 50px;
}
.f-left p {
font-size: 13px;
}
.f-left a {
font-size: 13px;
}
}

.footer_h4 {
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #fff;
margin-bottom: 7px;
}