*{margin: 0; padding: 0;}
html, body {
  height:100%;
}
/*html {*/
  /*display:table;*/
  /*width:100%;*/
body{
/*zoom: auto;*/
/*max-width: auto;*/
/*background: #cyan;*/
font-family: arial, helvetica, sans-serif;
font-size: 10px;
}
.submenu{
/*position:fixed*/
/*box-sizing: border-box*/
             width:99.3%;
background-color:#afeeee;
list-style:none;
border:3px solid #c0c0c0;
float: left;
margin:0% 0% 1% 0%;
padding: 0% 0% 0% 0% ;
}

/*(div)*/
.submenu li{
    /*width; 30%*/
position:relative;
float:left;
border-right:1px solid #c0c0c0;
}
/*(div)*/
.submenu li a{
color:#333; text-decoration:none; padding:5px 10px; 
width:94%; /*aumenta o preto*/
display:block;
}

.submenu li a:hover{
background:#333;
color:#fff;
/*-moz-box-shadow:0 3px 3px 0 #CCC;*/
/*-webkit-box-shadow:0 3px 3px 0 #CCC;*/
text-shadow:0px 0px 0px #fff;
}
/*(div)*/
.submenu li  ul{
position:absolute;
top:20px; /*abaixa ou sobe o submenu*/
left:0x;
background-color:#fff;
display:none;
}
/*(div)*/
.submenu li:hover ul, .submenu li.over ul{display:block;     /*mostra o submenu*/
}
/*.submenu li  ul:hover{display:block;*/
/*}*/
/*(div)*/
.submenu li ul li{
border:1px solid #c0c0c0;
display: block;
width:300px;       /*aumenta a largura do submenu*/
}



.artigomenu{
float: left;
display: inline-block;
width:90%;
position:fixed
border: 5px solid yellow;
margin:0% 0% 0% 0%;
margin:0.8% 0% 0% 5%;
padding: 1% 0% 0% 0%;
background: #adeaea;
box-sizing: border-box;
 /*border: 5px solid green;*/
}

.subsmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index: 1;
}