* {box-sizing: border-box; } 
/*html, body {height:100%; width:100%; margin:0 } /*left:2%;  margin-right:2%; margin-top:0px; margin-bottom:0px;*/
html {height:100%; width:100%; background:#333 url("../img/gran-e.jpg") no-repeat fixed; background-size:100% 100%; scroll-behavior:smooth; }
body {width:100%; max-width:1280px; background: #777 url("../img/gran11.jpg") no-repeat fixed center; margin:auto; }
/*background: #999 url("../img/back2.jpg") no-repeat fixed center; background-size:96% 100%; margin:0px;*/
#camvas {width:auto; margin:0 1%; padding:0; height:auto; }
/*       width:96%; margin:auto; padding:0; height:auto;  */
#header {width:96%; margin:auto; padding:10px 20px 0 20px; }
/*#area1,#area2,#area3 {box-sizing: border-box; }*/
#area1 {position: -webkit-sticky; position:sticky; width:98%; top:4px; margin:auto; margin-top:8px; padding:4px 0; 
	    background-color:#4f8fcf; border-radius:4px 4px 0 0; z-index:1; overflow:auto; }  /* line-height:10px;  5f8faf    0080e0   4065e0*/
/*#area1 a {float:left; display:block; color:black; text-align:center; padding:14px 16px; text-decoration:none; font-size:17px; }
/*.login-container form {display:flex; flex-flow:row; align-items: center; }*/
#area1 {color:black; font-family:Arial; font-size:16px; }
#area1 a {text-decoration:none; color:black; }
#area1 a:hover {color:white; }
tr.none {background-color:transparent; }/*padding:0px; #b0b0b8;*/
/*.htext {vertical-align:middle; } */
#tel {border-radius:50%; }
#area2 {position:relative; top:0px; width:98%; height:66px; margin:auto; left:0px; padding:0; z-index:2; background-color:#f0f0e8; border-radius:0 0 4px 4px;}
#head2 {width:100%; border-collapse:collapse; padding:0px; }
#logo1 {width:35%; color:black; display:inline-block; }
img#logo_img {width:100%; max-width:440px; height:67px; border:none; }
#Hcart {width:11%; float:right; margin:0 0 0 0; padding:14px 0 0 4px; height:66px; background-color:#f0f0e8; }  /* width:auto; overflow="hidden" */
#Hcart img {float:right; margin:-4px 0 0 0; height:42px; }
#Hcart img:hover {cursor:pointer; }
#Hlist {width:36%; float:right; margin:1px 0 1px 25px; padding-left:4px; height:64px; border:1px solid black;
		overflow-x:hidden; overflow-y:auto; font-family:sans-serif; font-size:12px; }
#Hlist > span {background-color:#f0f0e8; }   /*background-color:#ddddd7; */
#Hlist > span.toggled {background-color:#f68626; }
#area3 {position:relative; width:98%; margin:auto; padding:2px 0; z-index:2; background-color:#4f8fcf; border-radius:0 0 4px 4px; }
#headmenu {width:86%; background-image:linear-gradient(to bottom,#305056,#4570e0); padding:4px; color:red; margin:auto; }  /* max-width:1080px;  width:100%; */
#headmenu div {display:inline; }
marquee {width:60%; }
#headmenu span {float:right; }
#headmenu span input {float:right; margin-right:3px; }
#headmenu span button {float:right; border:none; padding:1px; margin:0; cursor:pointer; }
/*#Lpanel {margin-left:4px; } /* overflow:auto; */ 
#leftpanel {background-color:#4570e0; width:190px; padding:3px; }   /* #4570e0  */
#BoxP {background-color:#b0b0b8; border-radius:3px 3px 3px 3px; padding:4px; }  
.space {padding:4px 0; }
ul.wpanel    {list-style-type:none; margin:0; padding:0; overflow:auto; }
ul.wpanel li {display:inline-block; vertical-align:top; }
.sideColumns {width:100%; border:1px solid black; border-radius:3px; }
#BoxP2-1 {background-color:#f68626; }     /* */
.BoxHead {width:90%; border-collapse:collapse; margin:auto; }
.RowH {background-color:#3040e7; color:#d5d5d5;}
.BoxHead td.iBoxL {border-top-left-radius:5px; }
.BoxHead td.iBoxR {border-top-right-radius:5px; }
.iBoxHeading {font-family:Arial; font-size:14px; }  /* background-color:#2086e0;  */
.rB1 {background-color:transparent; }
.rB2 {background-color:transparent; }
.rB3 { }
.boxText {width:100%; border:1px solid black; border-collapse:collapse; margin:auto; background-color:#f5f4f0; font-family:Cursive, Arial; font-size:12px; font-weight:bold; }
.menuBox1 img {padding:0 0 0 2px; }
.menuBox1 a {color:black; margin:0; padding:0; } /*#ff7010*/
.menuBox1 {padding:6px 0 6px 0; font-size:14px; }
/*.menuBox1 {background-color:#f06010; padding:4px 0 4px 0; }  */
.menuBox1 a {text-decoration:none; }
.menuBox1 a:hover {color:blue; }
#BoxP2-2 a {text-decoration:none; }
#BoxP2-3 a {text-decoration:none; }
#BoxP2-4 a {text-decoration:none; }
#BoxP2-5 a {text-decoration:none; }
#BoxP2-5 ul {font-family:Arial; font-size:14px; }
#BoxP2-5 li {margin-left:-20px; display:block; padding:2px 0; }
#BoxP2-5 .rB2 a {font-size:12px; color:#555; }
.disk {list-style-type:disc; }
.menuBox2 {padding:8px; }
.menuBox3 {}
	
/* li #wpanel_ext {display:inline; } */
#wpanel_ext {position:relative; left:-25px; }
#Box0 {position:relative; top: 0px; left:-5px; }
#Box1 {position:relative; top: 0px; left:-5px; }
#Box2 {position:relative; top:45px; left:-5px; }
#Box3 {position:relative; top:45px; left:-5px; }
#Box4 {position:relative; top:110px;left:-5px; }
#Box5 {position:relative; top:120px;left:-5px; }
#Box6 {position:relative; top:145px;left:-5px; }
#Box7 {position:relative; top:220px;left:-5px; }
#Box8 {position:relative; top:245px;left:-5px; }
#Box9 {position:relative; top:285px;left:-5px; }
#Box10{position:relative; top:315px;left:-5px; }
#mainwin {position:relative; top:-1170px; left:184px; width:84%; height:100vh; } /* position:absolute; top:144px; left:224px; height:auto; */
/*#mainwin {position:absolute; top:190px; left:224px; width:85%; height:100vh; }*/
#slide {display:none; z-index:-1; }
#contact {display:none; }
#iframe_log {border:none; height:24px; width:440px; padding:0px; background-color:#4f8fcf; overflow:hidden; }
#ifr_show_prod {position:absolute; top:-40px; left:7px; clear:both; width:90%; max-width:1000px; border:none; border-radius:6px; padding:0; display:none;}  /* height:1000px; background:rgba(150,190,10,0.4); */

.footer {position:inherit; bottom:0; width:100%; background-color:#009060; color:#e0e0f0; text-align:center; opacity:0.6; font-family:serif; font-size:16px;}

#carticon {display:none; position:fixed; bottom:36px; right:46px; z-index:99; font-size:18px; background-color:transparent; border:1px solid #f68626; outline:none; color:white; cursor:pointer; padding:8px 15px; border-radius:4px; }
#carticon img {height:42px; }
#carticon:hover {background-color:#f0f0e8; border:none; }