@charset "utf-8";
/**
 * CSS Reset - Reseta os estilos padrão do browser
 */

*{ vertical-align:baseline; border:0 none; outline:0; padding:0; margin:0; }
body{ position:absolute; top:0; left:0; width:100%; height:100%; margin:0px; background:#F8F9FB; font-family:Roboto, sans-serif; font-size:13px; color:#333; text-decoration:none;-webkit-transition: left 0.6s ease; -moz-transition: left 0.6s ease; -o-transition: left 0.6s ease; transition: left 0.6s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
html{ width: 100%; height: 100%; position: relative; }
body.animated {left: 240px;}
input, select, textarea{ background:#FFF; border:1px solid #333; font-family:Roboto, sans-serif; font-size:12px;color:#666; outline:none; }
input[type=button], input[type=submit], input[type=reset], button, input[type=text], input[type=email], input[type=search], input[type=password]{ -moz-appearance:none; -webkit-appearance: none; appearance:none; }
input{ height:23px; line-height:25px; padding:0 3px; }
select{ padding:2px; line-height:20px; }
textarea{ padding:3px; }
button{ background:#CCC; padding:4px 6px; border:1px solid #333; color:#FFF; font-family:Roboto, sans-serif; font-size:11px; font-weight:bold;cursor:pointer; }
li{ list-style:none; padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, form, ul, ol, dl{ margin: 0; }
img{ border:0; background-size:100% 100%; }
a{ outline:none; text-decoration:none; color:#900; }
a:hover{ text-decoration:underline; }
table{ border-collapse:collapse; border-spacing:0; }
.clear{ clear:both; }
.fleft{ float:left; }
.fright{ float:right; }


/**
 * Paginação
 */
.paginacao{display:block; overflow:hidden; margin:20px 0; background:rgba(238,238,238,0.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px; position:relative; height:35px; }
.paginacao > ul{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:max-content;}
.paginacao > ul > li{float:left; width:30px; height:30px; line-height:30px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#EEE; margin:0 2px; font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#666; font-weight:bold;}
.paginacao > ul > li > a{ display:block; width:30px; height:30px; cursor:pointer; font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#666; font-weight:normal; text-decoration:none; }
.paginacao > ul > li:hover{ background-color:#DDD; }
.paginacao > ul > li.ativo{ background-color:#00baba; color:#FFF; }
.paginacao > ul > li.ativo > a{ color:#FFF; }
.paginacao > ul > li.anteriorOff{ background-image:url(/template/imagens/paginacao/setaAnteriorOff.png); background-repeat:no-repeat; background-position:center center; }
.paginacao > ul > li.anteriorOn{ background-image:url(/template/imagens/paginacao/setaAnteriorOn.png); background-repeat:no-repeat; background-position:center center; }
.paginacao > ul > li.proximoOff{ background-image:url(/template/imagens/paginacao/setaProximoOff.png); background-repeat:no-repeat; background-position:center center; }
.paginacao > ul > li.proximoOn{ background-image:url(/template/imagens/paginacao/setaProximoOn.png); background-repeat:no-repeat; background-position:center center; }
.paginacao > ul > li.anteriorOff > a, .paginacao > ul > li.proximoOff > a{ cursor:default; }