html {top: 0.1px; right: 5px; bottom: 0.1px; left: 0.1px; height: 100%; Margin-left: 1px;}
BODY {margin: 0; padding: 0; PADDING-TOP: 0.1px; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff}
a.whatsapp{
        position: fixed;
        width: 50px;
        height: 50px;
        bottom: 70px;
        right: 80px;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        cursor: pointer;}
TABLE.main {border-color: gray; padding: 5px; width: 100%; border-style: ridge; border-width: 1px}
TABLE.moduletable {MARGIN: 0px 0px 1px; WIDTH: 90%}
TABLE.right_nav {MARGIN: 0px 0px 1px; WIDTH: 20%}
TABLE.moduletable TH {BORDER-TOP: #000000 1px solid; FONT-WEIGHT: strong; FONT-SIZE: 11px; WIDTH: 90%; COLOR: #333333; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center}
img.center {max-width: 00px; border-style: none; display: block;  margin-left: auto;   margin-right: auto}
img.logo { width: 400px; height: auto; margin: 0 auto}
img.mfg { width: 70px; height: auto; margin: 0 auto}
img.center {max-width: 300px; height: auto; margin: 0 auto}
img.car { width: 250px; height: auto; margin: 0 auto}
img.right {width: 200px; height: auto; object-position: center;}
.gallery {width:50%; margin:auto; padding:10px; }
.responsive {max-width:500px; text-align: center;}
.responsive img{max-width: 300px; height:auto;}
P {FONT-SIZE: 90%; COLOR: #000000; FONT-FAMILY: Verdana}
P.bottom {FONT-SIZE: 60%; COLOR: #000000; FONT-FAMILY: Verdana; text-align: center}
P.att {background-color: #FFFF66}
P.small {FONT-SIZE: 10%; COLOR: #333333}
P.center {FONT-SIZE: 90%; COLOR: #000000; FONT-FAMILY: Verdana; text-align: center}
P.cap {display: none}
H1 {FONT-SIZE: 140%; FONT-FAMILY: Verdana; COLOR: #006F3A}
H2, H3, H4, H5, H6, H7 {FONT-SIZE: 100%; FONT-FAMILY: Verdana; COLOR: #006F3A; display: inline}
strong {FONT-SIZE: 100%; FONT-FAMILY: Verdana; COLOR: #006F3A}
TD.main_top {vertical-align: top; background-color: #006f3a; width: 15%; height: 100%}
.content {vertical-align: top; width: 60%; height: 100%}
TD.ppp {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0.1px; PADDING-BOTTOM: 1px; WIDTH: 20%; COLOR: #FFFFFF; PADDING-TOP: 1px; FONT-WEIGHT: strong; HEIGHT: 10%; FONT-SIZE: 91%}
TD.main_menu {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0.1px; PADDING-BOTTOM: 1px; WIDTH: 100%; COLOR: #FFFFFF; PADDING-TOP: 1px; FONT-WEIGHT: strong;FONT-SIZE: 91%}
TD.menu_div {background-color: #C0C0C0; PADDING-RIGHT: 0.1px; DISPLAY: block; PADDING-LEFT: 0.1px; PADDING-BOTTOM: 1px; WIDTH: 100%; PADDING-TOP: 1px; HEIGHT: 10%; FONT-SIZE: 91%; FONT-FAMILY: Verdana}
TD.header {height: 1%; background-color: #C0C0C0;}
TD.right_nav {PADDING-RIGHT: 1px; PADDING-LEFT: 0.1px;; width: 10%; background-color: #E0F0B8;}
TD.bottom_bar {align-self: center; vertical-align: top; width: 40%; background-color: #C0C0C0; height: 1%}
TD.main_top {vertical-align: top; background-color: #006f3a; width: 15%; height: 100%}
TD.top_image {PADDING-RIGHT: 0px; PADDING-LEFT: 0px;}
ul { list-style-type: none; margin: 0; padding: 5px;}
A:visited.mainlevel {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH: 100%; COLOR: #FFFFFF; PADDING-TOP: 1px; FONT-WEIGHT: strong; FONT-SIZE: 90%}
A:link.mainlevel {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH: 100%; COLOR: #FFFFFF; PADDING-TOP: 1px; FONT-WEIGHT: strong; FONT-SIZE: 90%}
A:hover.mainlevel {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH: 100%; COLOR: #3f7a12; PADDING-TOP: 1px; BACKGROUND-COLOR: #cccccc; TEXT-DECORATION: none; FONT-SIZE: 90%}
A:link.category {FONT-SIZE: 90%; FONT-FAMILY: Verdana; FONT-WEIGHT: strong; COLOR: #999999}
A:visited.category {FONT-SIZE: 90%; FONT-FAMILY: Verdana; FONT-WEIGHT: strong; COLOR: #999999}
A:hover.category {FONT-SIZE: 90%; FONT-FAMILY: Verdana; COLOR: #3f7a12}
A:link.target {FONT-SIZE: 90%; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; COLOR: #0000FF; }
A:visited.target {FONT-SIZE: 90%; FONT-FAMILY: Verdana; FONT-WEIGHT: strong; COLOR: #0000FF; }
A:hover.target {FONT-SIZE: 90%; FONT-FAMILY: Verdana; COLOR: #0000FF; }
A:link {FONT-SIZE: 100%; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; COLOR: #0000FF;}
A:visited {FONT-SIZE: 100%; FONT-FAMILY: Verdana; FONT-WEIGHT: strong; COLOR: #0000FF;}
a:img.rrr { display:none; ;}
a:hover.rrr img { display:block; position:absolute;}
.grid-container {display: grid;justify-items: center;grid-template-columns: 1fr 1fr 1fr;}
.grid-template-rows {grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;}
.topnav {background-color: black;overflow: hidden;}
.topnav a {float: left;display: block; color: rgb(255, 255, 102); ;text-align: center; padding: 8px 8px; text-decoration: none; font-size: 16px;}
.topnav a:hover, .dropdown:hover .dropbtn { background-color: #555; color: white; }
.topnav .icon {display: none;}
.active {background-color: #04AA6D; color: white;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 16px; border: none; outline: none;color: rgb(255, 255, 102); padding: 8px 6px; background-color: inherit; font-family: verdana; font-weight: bold; margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a { float: none; color: blue; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover { background-color: #ddd; color: black;}
.dropdown:hover .dropdown-content { display: block; }
.mynav {display: none;}
.info-button {display:none;}
@media screen and (max-width: 720px) {
    TABLE.main {border-color: gray; padding: 5px; width: 100%; border-style: ridge; border-width: 1px}
    .whatsapp{position: fixed; width: 50px; height: 50px; bottom: 70px; right: 80px; color: #fff; border-radius: 50px; text-align: center; cursor: pointer;}
    .right_nav{display: none;}
    .main_top{display: none;}
    .grid-container {max-width:300px; display:grid; justify-items: center; grid-template-columns: 1fr 1fr;}
    .grid-container img{max-width:100px;}
    .grid-item {grid-template-columns: 1fr 1fr; grid-gap: 10px;}
img.logo { max-width: 300px; height: auto; margin: 0 auto}
img.whatslog { max-width: 80px; height: auto; margin: 0 auto}
img.mfg { width: 40px; height: auto; margin: 0 auto}
img.car { width: 100px; height: auto; margin: 0 auto}
img.center {max-width: 300px; height: auto; margin: 0 auto}
.top_image img{ width: 80px;margin: 0 auto;}
.content {FONT-SIZE: 20px;}
input {width: 70%; border: 2px solid #ccc}
textarea {width: 70%;border: 2px solid #ccc;background-color: #f8f8f8;}
.main_top {FONT-SIZE: 60%;}
A:link.blue {FONT-SIZE: 12px; FONT-FAMILY: Verdana; FONT-WEIGHT: strong; COLOR: #0000FF; TEXT-DECORATION: underline}
A:visited.blue {FONT-SIZE: 12px; FONT-FAMILY: Verdana; FONT-WEIGHT: strong; COLOR: #0000FF; TEXT-DECORATION: underline}
A:hover.blue {FONT-SIZE: 12px; FONT-FAMILY: Verdana; COLOR: #0000FF; TEXT-DECORATION: underline}
TD.menu_div {FONT-SIZE:12px;}
.moduletable A:hover {FONT-SIZE: 90%; FONT-FAMILY: Verdana; COLOR: #ffffff; TEXT-DECORATION: underline}
.mainlevel {FONT-FAMILY: Verdana; LETTER-SPACING: 1px; FONT-WEIGHT: strong; FONT-SIZE: 100%; ; text-decoration: none}
.button {BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-WEIGHT: strong; FONT-SIZE: 10px; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana; vertical-align: center;}
.inputbox {BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-WEIGHT: strong; FONT-SIZE: 10px; BACKGROUND: #ffffff; BORDER-LEFT: 1px solid; COLOR: #000000; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana}
.moduletable A:link {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none}
.gallery {width:310px; font-size:16px;}
.gallery img{max-width:300px; height:auto; font-size:16px;}
.responsive {max-width: 300px;height: auto; display: grid;justify-items: center; grid-template-columns: 1fr;}
.responsive img{max-width: 200px; height:auto;}
.mynav {display: block;}
.topnav a:not(:first-child), .dropdown .dropbtn {display: none;}
.topnav a.icon { float: right; display: block; color: #FFFF66; font-size: 20px; }
.topnav a:visited.icon { float: right; display: block; color: #FFFF66; font-size: 30px;}
.topnav.responsiveNav {position: relative;}
.topnav.responsiveNav a.icon {position: absolute;right: 0; top: 0;}
.topnav.responsiveNav a {float: none; display: block; text-align: left;}
.topnav.responsiveNav .dropdown {float: none;}
.topnav.responsiveNav .dropdown-content {position: relative;}
.topnav.responsiveNav .dropdown .dropbtn { display: block; width: 100%; text-align: left;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 16px; border: none; outline: none;color: rgb(255, 255, 102); padding: 8px 6px; background-color: inherit; font-family: verdana; font-weight: bold; margin: 0;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a { float: none; color: blue; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover { background-color: #ddd; color: black;}
.dropdown:hover .dropdown-content { display: block; }
    .info-button {display: block; margin-left: auto; margin-right: auto; width: 250px;}
    input[type=text],textarea {width: 100%; padding: 1px 1px; margin: 1px 0; border-radius: 0.75rem; line-height: 28px;}
    input,textarea::placeholder {font-weight: bold;}
    select {
        appearance: none;
        -webkit-appearance: none;
        width: 100%;
        font-size: 1.0rem;
        padding: 0.45em 1em 0.45em 0.4em;
        border: 1px solid #caced1;
        border-radius: 0.75rem;
        color: #000;
        cursor: pointer;
      }
}