@charset "utf-8";
/* CSS Document */

/* Corpo */
body { background:#FFFFFF url('imagens/bg_meuprimeiro.jpg') no-repeat top center; }
body,table,td,h1,h2,h3,h4,h5,form,input,select,textarea { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; }
img,body,ul,li,h1,h2,h3,h4,h5 { padding:0; border:0; margin:0;}
ul,li { list-style-type:none; }
ol li { list-style-type:none; }

/* Base */
#container { margin: 0 auto; width:1000px; }
.espacador5 { width:100%; height:5px; clear:both }
.espacador10 { width:100%; height:10px; clear:both }
.espacador15{ width:100%; height:15px; clear:both }
.espacador20 { width:100%; height:20px; clear:both }
.espacador25 { width:100%; height:25px; clear:both }
.espacador30 { width:100%; height:30px; clear:both }

/* Topo */
#logo_meuprimeiro { position:relative; float:left; width:348px; height:188px; left:90px; }
#logo_gestaoativa { position:relative; float:right; width:247px; height:63px; left:-140px; top:20px; }
#barra_botoes { position:relative; float:right; width:400px; top:30px; left:-76px; clear:right; }
.botao_topo { width:89px; height:90px; position:relative; float:left; }

/* Quadrados home */
#quadrado_verde { width:249px; height:250px; background-image:url('imagens/quadrado_verde.png'); position:relative; float:left; cursor:pointer; }
#quadrado_azul { width:249px; height:250px; background-image:url('imagens/quadrado_azul.png'); position:relative; float:left; cursor:pointer; }
#quadrado_amarelo { width:249px; height:250px; background-image:url('imagens/quadrado_amarelo.png'); position:relative; float:left; cursor:pointer; }
#quadrado_vermelho { width:249px; height:250px; background-image:url('imagens/quadrado_vermelho.png'); position:relative; float:left; cursor:pointer; }
#sombra_verde { background-image:url('imagens/sombra_verde.png'); width:250px; height:127px; position:relative; float:left; }
#sombra_azul { background-image:url('imagens/sombra_azul.png'); width:250px; height:127px; position:relative; float:left; }
#sombra_amarelo { background-image:url('imagens/sombra_amarelo.png'); width:250px; height:127px; position:relative; float:left; }
#sombra_vermelho { background-image:url('imagens/sombra_vermelho.png'); width:250px; height:127px; position:relative; float:left; }
.texto_quadrado { font-family:Arial; font-size:25pt; color:#FFF; font-weight:900; position:relative; top:84px; left:39px; letter-spacing:-0.1em; color:#FFF; text-decoration:none;}

/* Paginas */
.titulo_pagina { color:#FFF; font-family:Arial; font-weight:900; font-size:22px; line-height:20px; position:relative; top:16px; left:30px; }
#texto_pagina { width:745px; color:#FFF; font-family:Arial; font-size:14px; position:relative; top:40px; left:40px; }
#texto_pagina h1 { color:#FFF; font-family:Arial; font-size:18px; font-weight:bold; }
#texto_pagina h2 { color:#FFF; font-family:Arial; font-size:17px; position:relative; }
#texto_pagina  a { color:#f2f2f2; text-decoration:underline; font-weight:bold; }
#texto_pagina  a:hover { color:#191919; text-decoration:underline; font-weight:bold; }
#titulo_verde { width:806px; height:72px; background-image:url('imagens/fundo_titulo_verde.png'); position:relative; left:80px; }
#corpo_verde { width:825px; height:372px; background-image:url('imagens/fundo_verde.png'); position:relative; left:70px; top:-5px; }
#titulo_azul { width:806px; height:72px; background-image:url('imagens/fundo_titulo_azul.png'); position:relative; left:80px; }
#corpo_azul { width:825px; height:401px; background-image:url('imagens/fundo_azul.png'); position:relative; left:70px; top:-5px; }
#titulo_amarelo { width:806px; height:72px; background-image:url('imagens/fundo_titulo_amarelo.png'); position:relative; left:80px; }
#corpo_amarelo { width:825px; height:401px; background-image:url('imagens/fundo_amarelo.png'); position:relative; left:70px; top:-5px; }
#titulo_vermelho { width:806px; height:72px; background-image:url('imagens/fundo_titulo_vermelho.png'); position:relative; left:80px; }
#corpo_vermelho { width:825px; height:401px; background-image:url('imagens/fundo_vermelho.png'); position:relative; left:70px; top:-5px; }

.cartao_container { width:205px; position:relative; float:left; }
.cartao_espacador { width:45px; position:relative; float:left; }

/* Paginacao */
.paginacao { text-align:center; border-bottom:#000 solid 1px; padding-bottom:18px; }
.paginacao_numero { padding:5px; }
.paginacao_numero a { text-decoration:none; }