html {
   height: 100%;
   width: 100%;
}

body {
   font-size: 12px;
   font-family: Verdana, Tahoma, Arial;
   margin: 0;
}

div, iframe {
   -webkit-overflow-scrolling: touch;
}

.home {
   overflow: hidden;
}

.titulo {
   font-weight: bold;
   font-size: 14px;
   border-bottom-style: ridge;
   margin-bottom: 10px;
}
.cabecalhoLogin {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 35px;
}

.LogoFp2 {
   border-top: 1px solid #FFE4E1;
   margin: 0px 0px 0px 0px;
   height: 90px;
   bottom: 0px;
   text-align: center;
   width: 215px;
   font-size: 10px;
   font-family: Verdana;
   color: White;
   text-shadow: 0 1px 0 black;
}

.header {
   width: 100%;
   height: 55px;
   float: left;
   margin: 5px 0px 0px 0px;
}
.content {
   width: 100%;
   height: 100%;
   float: left;
}

#content {
   height: 243px;
}

.menu {
   z-index: 1;
   background: #808080;
   width: 225px;
   position: absolute;
   float: left;
   top: 55px;
   margin: 5px 0px 0px 6px;
   overflow: auto;
}
.menuIcon:before {
   font-family: "iconFont";
   font-size: 25px;
   content: "\e12e";
   padding: 7px;
   color: #FFFFFF;
}

.pin {
   background: url("../Imagens/btnPin.png") no-repeat center center;
   float: right;
   width: 10px !important;
   height: 20px !important;
   min-height: 20px !important;
   margin-right: 3px !important;
   cursor: pointer;
   border: 0px solid #AAAAAA !important;
   padding: 0px !important;
   min-width: 10px !important;
   -moz-border-radius: 0px !important;
   -webkit-border-radius: 0px !important;
   text-decoration: none !important;
   -moz-box-shadow: 0 0px 0px #CCCCCC !important;
   -webkit-box-shadow: 0 0px 0px #CCCCCC !important;
}

.pin:active {
   background-color: transparent !important;
}

.pinned {
   background: url("../Imagens/btnPinned.png") no-repeat center center;
}

.leftcolumn {
   border: 0px solid #ccc;
   background: #808080;
   padding: 0px;
   height: 100%;
   width: 30px;
   float: left;
}

.rightcolumn {
   float: right;
   color: #333;
   background: #fff;
   height: 100%;
   width: 100%;
}

.rightcolumn .UFrame {
   height: 96%;
   padding: 15px;
   overflow: auto;
}

.wrapper {
   width: 100%;
   height: 100%;
   background: #808080;
}

.footer {
   position: absolute;
   background-color: #808080;
   color: #5A5A5A;
   bottom: 0;
   width: 100%;
   height: 38px;
}
.footer h3 {
   margin: 11px;
   font-size: 12px;
}

.footer a {
}

li {
   list-style: none;
}

a {
   text-decoration: none;
   color: #3D3D3D;
}

.cabecalho {
   color: white;
   padding: 3px 5px 5px 72px;
   height: 38px;
   border: 1px solid #FFFFFF;
   -moz-box-shadow: 0 1px 1px black;
   font-size: 16px;
   overflow: hidden;
   background-color: #7abcff;
   background-image: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
   background-image: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
   background-image: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
   background-image: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
   background-image: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%);
}

.cabecalho a {
   color: #ffffff;
   text-decoration: none;
}
.cabecalho .cabecalhoRight {
   margin-top: 4px;
   float: right;
}

.cabecalho .usuariosOnline, .cabecalho .ajuda {
   float: left;
   line-height: 32px;
   margin-right: 14px;
   cursor: pointer;
   font-size: 12px;
}

.cabecalho .usuariosOnline p {
   float: left;
   margin-top: 10px;
   margin-right: 5px;
}

.cabecalho .ajuda p {
   float: left;
   margin-top: 5px;
   margin-right: 5px;
}

.cabecalho .usuariosOnline .listaOnlines, .cabecalho .ajuda .listaAjudas {
   display: none;
   position: absolute;
   z-index: 99999;
   padding: 6px;
   top: 47px;
   border: 1px solid rgb(224, 224, 224);
   color: rgb(117, 117, 117);
   line-height: 15px;
   text-align: left;
   background-color: rgb(255,255,255);
   background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
   background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
   background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
   background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
   background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
}

.cabecalho .btnsCabecalho {
   float: right;
}

.cabecalhoCol1 {
   width: 710px;
}

.label {
   float: left;
   margin-left: 80px;
   margin-top: 10px;
   font-size: 18px;
}

.labelTitulo {
   float: left;
   margin-left: 10px;
   margin-top: 4px;
   font-size: 25px;
   font-weight: bold;
}
.labelTituloSub {
   float: left;
   margin-left: 10px;
   margin-top: 13px;
   font-size: 12px;
}

.logoImagem {
   float: left;
   top: 1px;
   position: relative;
   margin-left: 10px;
   height: 40px;
}

.logoImagemLogin {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-150px;
	margin-left:-150px;
}

.logoImagemHome {
   top: 1px;
   position: relative;
   vertical-align: middle;
   padding: 0 0 200px 20px;
}


#navbar {
   height: 55px;
   background: url("../Imagens/back_navbar.jpg") repeat-x left top;
   border-top: 1px solid black;
   border-bottom: 1px solid #a2daff;
   padding: 0 0 0 20px;
}

#subnavbar {
   height: 10px;
   background: url("../Imagens/back_subnavbar.png") repeat-x;
   padding: 0 0 0 20px;
}

#topbar {
   height: 26px;
   background: url("../image/gfx/back_topbar.jpg") repeat-x left top;
   padding: 6px 20px;
   color: White;
}

.box-header {
   width: 350px;
   height: 35px;
   border: 1px solid #d8d8d8;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   line-height: 35px;
   padding: 0px 0px 0px 10px;
   margin: 0px;
   font-weight: bold;
   text-shadow: 0px 1px 0px white;
   font-size: 14px;
   -moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   background-color: #ffffff;
   background-image: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
   background-image: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
   background-image: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
   background-image: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
   background-image: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.box-content {
   width: 340px;
   height: 168px;
   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   border: 1px solid #d8d8d8;
   border-top: 0px;
   background: white;
   padding: 10px;
   -moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   position: absolute;
   z-index: 2;
}

.box-footer {
   width: 290px;
   height: 30px;
   top: 225px;
   color: #DDDDDD;
   border: 1px solid #d8d8d8;
   line-height: 32px;
   padding: 1px;
   margin: -1 0 0 33;
   font-weight: normal;
   text-shadow: 0 1px 0 white;
   text-align: center;
   font-size: 14px;
   -moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   position: absolute;
   z-index: 1;
   background-color: #ffffff;
   background-image: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
   background-image: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
   background-image: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
   background-image: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
   background-image: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.box-footer-message {
   width: 290px;
   top: 265px;
   border: 1px solid #d8d8d8;
   line-height: 22px;
   padding: 1px;
   margin: -1 0 0 33;
   text-align: center;
   font-size: 14px;
   -moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   -webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, 0.3);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   position: absolute;
   z-index: 1;
   background-color: #ff6a00;
   background-image: -moz-linear-gradient(top, #ED7421 0%, #e5e5e5 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ED7421), color-stop(100%,#e5e5e5));
   background-image: -webkit-linear-gradient(top, #ED7421 0%,#e5e5e5 100%);
   background-image: -o-linear-gradient(top, #ED7421 0%,#e5e5e5 100%);
   background-image: -ms-linear-gradient(top, #ED7421 0%,#e5e5e5 100%);
   background-image: linear-gradient(to bottom, #ED7421 0%,#e5e5e5 100%);
}

.box-content-side {
   background: white;
   height: 140px;
   padding: 15px;
   width: 315px;
   display: none;
   position: absolute;
   z-index: 1;
   left: 360px;
   top: 45;
   border-radius: 0px 6px 6px 0px;
}

.hide {
   display: none;
}

.required {
   border: 1px solid rgba(253, 159, 159, 1) !important;
}