/*normalize*/
html, 
body, 
form {
	height: 100%;
	margin: 0;
	padding: 0;
    width: 100%;
}
.mainMenu {
            width:100%;
        }

body {
	font: normal 16px "Segoe UI", Arial, sans-serif;
    color: #ffffff;
    background-color: #607D8B;
    width: 100%;
}
a {
  background: transparent;
}
img {
  border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 100%;
}
div#logindiv {
    margin-top:10%;
    margin-left: 42%;
    border-color: black;
    width: 15%;
}
div.btnDireito {
    float: right;
}
fieldset {
    padding-top:0px;
}
div {
    margin-top:0px;
    padding-top:0px;
}
div#mensagem {
    margin-top:10%;
    margin-left:40%;
}
div.meio {
    margin-left:40%;
}
img.imgLogos {
    width: 15%;
}
p {
    margin:5px;
}
.left {
    padding: 20px;
    float: left;
    width: 48%;
    background-color:#607D8B;
}
.terco {
    padding: 20px;
    float: left;
    width: 30%;
    background-color:#607D8B;
}
.quarto {
    padding: 20px;
    float: left;
    width: 25%;
    background-color:#607D8B;
}
.right {
    padding: 20px;
    float: left;
    width: 48%;
    background-color:#607D8B;
}
.embaixo {
    clear:both;
    background-color:#607D8B;
}
div.externo {
    margin-left:5%;
    margin-right:5%;
}
div.externo2 {
    margin-left:38%;
}
ul {
    list-style: none;
    padding:0;
    margin:0;
}
li {
    list-style: none;
    padding:0;
    margin:0;
}
label {
    width:25%;
    display:inline-block;
}
* {
    box-sizing: border-box;
}
fieldset{
    padding:0px;
}
div.RadMenu .rightItem { 
    float: right;
}
.item img {
    max-width:100%;
}
fieldset .RadButton, div.DivNovo .RadButton, div.meio .RadButton {
    width:10% !important;
    height:8% !important;
}
div.right .RadButton {
    width:15% !important;
}
.btnMostrarGrids {
        width:20% !important;
        height:6% !important;
    }
.btnGrid {
    width:80% !important;
    height:6% !important;
}
@media (max-width:600px) {
    html, 
body, 
form {
	height: 100%;
	margin: 0;
	padding: 0;
    width: 100%;
}
.mainMenu {
            width:100%;
        }

body {
	font: normal 16px "Segoe UI", Arial, sans-serif;
    color: #ffffff;
    background-color:#607D8B;
    width: 100%;
}
a {
  background: transparent;
}

img {
  border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 100%;
}
div.btnDireito {
    float: right;
}
div#mensagem {
    margin-top:30%;
    margin-left:40%;
}
img.imgLogos {
    width: 15%;
}
p {
    margin:5px;
}
div.externo {
    margin-left:0%;
    margin-right:0%;
}
div.externo2 {
    margin-left:0%;
}
ul {
    list-style: none;
}
li {
    list-style: none;
}
* {
    box-sizing: border-box;
}
fieldset{
    padding:0px;
}
div.RadMenu .rightItem { 
    float: right;
}
.item img {
    max-width:100%;
}
fieldset .RadButton, div.DivNovo .RadButton {
        width:30% !important;
    }
    div.meio .RadButton {
        width:100% !important;
    }
    div.right .RadButton {
    width:35% !important;
    }
    div.left .RadButton {
    width:35% !important;
    }
.btnMostrarGrids {
        width:100% !important;
        height:6% !important;
    }
.btnGrid {
        width:100% !important;
        height:6% !important;
    }
    .left {
        width:100%;
        padding:20px;
        background-color:#607D8B;
    }
    .right {
        width:100%;
        padding:20px;
        background-color:#607D8B;
    }
    div.meio {
        margin-left:0%;
    }
    label {
        width:100%;
        display:inline-block;
    }
    div.externo {
    margin-left:0%;
    margin-right:0%;
}
    div.externo2 {
    margin-left:0%;
}
    div#logindiv {
    margin-top: 20%;
    margin-left: 10%;
    border-color: black;
    width: 286px;
}
.btnGrid {
    width:80% !important;
    height:6% !important;
}
}