@charset "utf-8";
/* CSS Document */
 
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/* LAYOUT */
html { 
    background-color:#fff; 
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    background-color: rgb(245, 246, 247);
}

.clear{
    clear: both;
}
.clearer{
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}
.selfclear{
    zoom:1;
}
.selfclear:after{
    content:'.';
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

body {
    background-color: rgb(245, 246, 247);
/*  font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;*/
    -webkit-font-smoothing: antialiased; 
    /* text-align:center; hack para o IE */
    list-style-type: none;
}

h1 {
    padding: 5px;
    font-size: 16px;
    /*font: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;*/
    display: block;
	
}
h3 {
    font-size: 1.50rem !important;
    text-transform: uppercase;
}

hr {
    color: #F0F0F0;
    line-height: 1px;
}

#tudo {
    width: 1000px;
    margin:0 auto;         
    text-align:left; /* "rem�dio" para o hack do IE */ 
    min-height: 600px;
}

#titulo {
    padding: 5px;
    text-align:left; /* "rem�dio" para o hack do IE */ 
}

#conteudo {
    background: #fff;
    min-height:480px;
    min-width:1160px;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
    text-align:left;
    border: none;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

.pnl-erix {
    margin-left:5%;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 2px #999;
    -moz-box-shadow: 0px 1px 2px 2px #999;
    box-shadow: 0px 1px 2px 2px #999;
    text-align:left; /* "rem�dio" para o hack do IE */ 
}

#menu-modulo {
    min-width: 1055px;
    padding: 0 5px;
    background: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
    text-align:left;
    box-sizing: border-box;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

/* erix menu */
#erixNav { 
    list-style:none;
    padding-left: 10px;
    padding-right: 10px;
    /* Lucinda Grande is the font used on the website from Apple. */
    /*font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;*/
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #213664;
    border-bottom:1px solid; 
    border-top:1px solid;
    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:980px; 
    height:34px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    -moz-box-shadow: 0px 3px 3px ;
    -webkit-box-shadow: 0px 3px 3px ;
    box-shadow: 0 3px 4px ;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f; /* Fallback */
    display: table;
    table-layout: fixed;
}

#erixNav li {
/*  display:block;
    float: left; */
    display: table-cell;
    border-right:1px solid #5d5d5d;
    border-left:1px solid #929292;
    width:auto;
    height:34px;
    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f; /* Fallback */
}


/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#erixNav li:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    /* We use the inset of the box shadow to create a subtle inner glow when hovering */
    -moz-box-shadow: inset 0 0 5px 5px;
    -webkit-box-shadow: inset 0 0 5px 5px;
    box-shadow: inset 0 0 5px 5px;
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") */
#erixNav li:active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    /*background-color:#383838;  Fallback*/ 
    -moz-box-shadow: inset 0 1px 2px 2px;
    -webkit-box-shadow: inset 0 1px 2px 2px;
    box-shadow: inset 0 1px 2px 2px;
}

#erixNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

/* Styling of the search field */
#erixNav form input { 
    width:76px; 
    height:20px; 
    margin-left:9px; margin-top:8px; 
    border:none; padding-left:20px; padding-right:10px; color:#eee;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */    
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    background-color:#6E6E6E; /* Fallback */
    -moz-box-shadow: inset 0 2px 1px 1px;
    -webkit-box-shadow: inset 0 2px 1px 1px;
    box-shadow: inset 0 2px 1px 1px;
}

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */
#erixNav li:first-child {    
    border-left:none;
}

/* The first child image - the logo - has to be centered. Because of the image dimensions, we manually need to shift it a bit. */
#erixNav li:first-child a img {
   vertical-align:middle; margin-top:-2px;
}

#erixNav li:last-child {
/*  -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;  */
    border-right:none;
    /* The width of the last menu item (search bar) is bigger than the others */
    /* width:124px; */
}

/* Fade in animation (Webkit only) */
@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to { opacity: 1; }
}

#erixNav {
    -webkit-animation: showMenu 1s; position:relative;
}


#navegador {
    /*font: "Lucida Grande", "Lucida Grande Bold", "Lucida Sans";*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    border-bottom: solid 1px #EAEAEA;
    margin: -15px 15px;
}

.header-bgcolor {
    /*font: "Lucida Grande", "Lucida Grande Bold", "Lucida Sans";*/
    border-radius: 4px 4px 0 0;
    color: #fff;
    background: #84b2ff; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
    border-bottom: solid 1px #b6b6b6;
}


#navegador h1 {
    padding: 10px 0 0;
    /*font-family:"Lucida Grande", "Lucida Grande Bold", "Lucida Sans";*/
    font-size: 1.50rem;
    font-weight: 700;
    color: #444444;
    padding-top: 15px;
    text-transform: uppercase;
    color: #5a5c69 !important;
    line-height: 26px;
}

#footer {
    padding: 5px;
    text-align: center;
    color: #888888;
    font-size: 10px;
    background: #fff; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 2px;
    -moz-box-shadow: 0px 1px 2px 2px;
    box-shadow: 0px 1px 2px 2px;
}

#nav {
    background: url(../images/menu.png);
    height: 38px;
    width: 1000px;
    margin: 0 auto;
}
 
#nav span {
    display: none;
}

#nav li {
    list-style-type: none;
    float: left;
}
 
#nav a {
    height: 38px;
    display: block;
}
#nav .list1 {
    background: url(../images/menu.png) 0px -38px no-repeat;
}
#list1 { width: 125px; }
#list2 { width: 125px; }
#list3 { width: 125px; }
#list4 { width: 125px; }
#list5 { width: 125px; }
#list6 { width: 125px; }
#list7 { width: 125px; }
#list8 { width: 125px; }


#list1 a:hover {
    background: url(../images/menu.png) 0px -38px no-repeat;
}

#list2 a:hover {
    background: url(../images/menu.png) -125px -38px no-repeat;
}
 
#list3 a:hover {
    background: url(../images/menu.png) -250px -38px no-repeat;
}
 
#list4 a:hover {
    background: url(../images/menu.png) -375px -38px no-repeat;
}
 
#list5 a:hover {
    background: url(../images/menu.png) -500px -38px no-repeat;
}
 
#list6 a:hover {
    background: url(../images/menu.png) -625px -38px no-repeat;
}
 
#list7 a:hover {
    background: url(../images/menu.png) -750px -38px no-repeat;
}

#list8 a:hover {
    background: url(../images/menu.png) -875px -38px no-repeat;
}


#submenu {
    padding: 5px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 1px 2px 2px #DDDDDD;
    box-shadow: 0px 1px 2px 2px #DDDDDD;
    text-align:left; /* "rem�dio" para o hack do IE */ 
}

.but {
    padding: 1px;
    width: 125px;
    font-size:12px;
}

.spacer{
    clear:both;
    height:1px;
}

/* ----------- My Form ----------- */
.myform{
    margin:0 auto;
    width:440px;
    padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
    float: left;
 }
#stylized h1 {
    font-size:14px;
    font-weight:bold;
}
#stylized p{
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #DDDDDD;
    padding-bottom:10px;
}
#stylized .labeldesc{
    display:block;
    text-align:right;
    width:140px;
    float:left;
}
#stylized .nlabel{
    padding: 5px 5px;
    float:left;
    font-size: 14px;
    display:block;
    vertical-align:baseline;
    text-align:right;
    width:140px;
}

#stylized .small{
    display:block;
    font-size:9px;
    font-weight:normal;
    text-align:right;
    width:140px;
}
#stylized input[type=text]{
    float:left;
    font-size:12px;
    padding:5px 2px;
    border:solid 1px #AAAAAA;
    width:240px;
    margin:2px 0 20px 10px;
}

#stylized input[type=password]{
    float:left;
    font-size:12px;
    padding:5px 2px;
    border:solid 1px #AAAAAA;
    width:240px;
    margin:2px 0 20px 10px;
}

#stylized select {
    float:left;
    font-size:12px;
    padding:5px 2px;
    border:solid 1px #AAAAAA;
    width:245px;
    margin:2px 0 20px 10px;
    -webkit-box-shadow: 0px 1px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 1px 2px 2px #DDDDDD;
    box-shadow: 0px 1px 2px 2px #DDDDDD;
}

#stylized input[type=radio]{
    float:left;
    size: 14px;
    color: #444444;
    padding: 5px;
    border:solid 1px #AAAAAA;
    margin:5px 5px 20px 10px;
    -webkit-box-shadow: 0px 1px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 1px 2px 2px #DDDDDD;
    box-shadow: 0px 1px 2px 2px #DDDDDD;
}


#stylized .button1{
    font-size: 12px;
    padding: 5px;
    float:right;
    width: 120px;
}

#listagem { }

#listagem .tabela {
    background:#EEEEEE;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #BBBBBB;
    border-bottom-color: #BBBBBB;
/*  font-family: "Lucida Grande", "Lucida Grande Bold", "Lucida Sans";*/
    font-size: 14px;
    color: #444444;
}

#listagem .rowheader {
    padding: 10px;
    display: inline;
    font-weight: bold;
}

#listagem .row_linha {
    background-color: #F0F0F0;	
}

#listagem .row_linhaanterior {
    background-color: #FFFFFF;
}

#listagem table {
    border: 0px solid black;
    border-spacing: 0px;
}

#listagem table thead tr {
/*  font-family:  "Lucida Grande", "Lucida Grande Bold", "Lucida Sans";*/
    font-size: 14px;
    color: #444444;
}

#listagem table thead tr th {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    margin: 0px;
    padding: 2px;
    background-color: #EEEEEE;
}

#listagem table tr {
/*  font-family: "Lucida Grande", "Lucida Grande Bold", "Lucida Sans";*/
    color: #444444;
    font-size:12px;
    background-color: white;
}


#listagem table tr.odd {
    background-color: #f0f0f0;
}

#listagem table tr td, th{
    border-bottom: 1px solid #DDDDDD;
    padding: 2px;
}

#listagem tr:hover {
    background-color: #ADD8E6;
    cursor: pointer;
}

.ipt{
    font-size:12px;
    color: #444444;
    padding:5px 2px;
    border:solid 1px #AAAAAA;
    margin:2px 0 20px 10px;
    -webkit-box-shadow: 0px 1px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 1px 2px 2px #DDDDDD;
    box-shadow: 0px 1px 2px 2px #DDDDDD;
}
.pagina {
    float: right;
    padding: 5px;
    border: 1px solid;
    display:inline;
    vertical-align:middle;
    font-size: 12px;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagina img {
    vertical-align: middle;
}

.pagina input  {
    text-align: center;
}

::-webkit-scrollbar{
    width: 12px;
    background: #e4e4e4;
}
::-webkit-scrollbar-thumb{
    background: #ccc;
    border: 4px solid transparent;
    border-radius: 20px;
    background-clip: content-box;
}
.main-painel {
    min-height: 94% !important;
    overflow: auto;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
}
.float-r{
    float: right !important;
}
.float-l{
    float: left !important;
}
.img-margin{
    margin: -5px 5px -15px 0px;
}
.disp-none{
    display: none;
}
.pag-selected{
    border-bottom: 3px solid #eee;
}
.marg-r5p{
    margin-right: 5px !important;
}
.marg-tr{
    margin-top: 8px;
    margin-right: 0px;
}
.aplicar{
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    transition: 0.15s;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.aplicar:hover{
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0);
}
.pad1{
    padding: 1px;
}
.medida-logo{
    width: 190px;
    height: 50px;
    margin-top: 3px;
}
.anima-spin {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
.meta-button {
    align-content: center;
    background-color: #1877f2; 
    border: 0; 
    border-radius: 4px; 
    color: #fff; 
    cursor: pointer; 
    font-family: Helvetica, Arial, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    height: 40px; 
    padding: 0 24px;
}