/*------Estilo Base------*/

body {
margin: 0;
padding: 0;
color: #333;
background-color: #eee;
font: 1em/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h1 { font-size: 2.2em; font-weight: bold; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.50em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }

p {
font-size: 1.4em;
margin: 0 0 0.7em;
line-height: 1.75;
}

p.big {
margin: 0 0 0.5em;
line-height: 1.8;
font-size: 1.5em;
}

blockquote {
padding: 1em 1em;
margin: 0 0 1em;
border-left: 4px solid #eee;
font-style: italic;
}

hr {
height: 0;
margin-top: 1em;
margin-bottom: 2em;
border: 0;
border-top: 1px solid #ddd;
}

table {
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:focus { color: black; }
a:hover { color: #FF0000; }
a:active { color: red; }

/*------------Estilo New-----------*/


/*------11------*/

.input-orig {
width: 250px;
height:36px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #FFFF00;
}

.input-orig-palv-left {
width: 250px;
height:36px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #FFFF00;
}

.list-inline-img {
padding-left: 0;
margin-left: -5px;
list-style: none;
}

.list-inline-img > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------22------*/

.input-orig-palv {
width: 196px;
height:36px;
font-size: 28px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #FFFF00;
}

.list-inline-palv {
font-size: 1.975em;
line-height: 1.5;
padding-left: 0;
margin-left: -5px;
list-style: ntryrtytrone;
}

.list-inline-palv > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

.list-inline-mini {
font-size: 1.375em;
line-height: 1.3;
padding-left: 0;
margin-left: -5px;
}

.list-inline-mini > li {
display: inline-block;
padding-right: 4px;
padding-left: 4px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------33------*/

.list-inline-links {
font-size: 1.5em;
line-height: 1.8;
padding-left: 0;
margin-left: -5px;
list-style: ntryrtytrone;
}

.list-inline-links > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------44------*/

.input-orig-silabas {
width: 196px;
height:36px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #FFFF00;
}

.input-orig-silabas-azul {
width: 196px;
height:36px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #00FFFF;
}

.input-orig-silabas-center {
width: 196px;
height:36px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #FFCC00;
}

/*------55------*/

.input-letras-azul {
width: 40px;
height:36px;
border: 1px solid #ffffff;
padding: 2px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #00FFFF;
}

.input-letras-verde {
width: 40px;
height:36px;
border: 1px solid #ffffff;
padding: 2px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #99FF33;
}

.input-letras-amarelo {
width: 215px;
height:36px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #FFFF00;
border: 1px solid #000000;
text-align: center;
text-transform: uppercase;
}

.input-letras-laranj {
width: 40px;
height:36px;
border: 1px solid #000000;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #FFCC00;
}

.list-inline-letras {
font-size: 1.975em;
line-height: 1.5;
padding-left: 0;
margin-left: -5px;
list-style: ntryrtytrone;
}

.list-inline-letras > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------66------*/

.input-silabas-indiv-azul {
width: 120px;
height:36px;
border: 1px solid #000000;
padding: 2px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #00FFFF;
}

.input-silabas-indiv-amarel {
width: 120px;
height:36px;
border: 1px solid #000000;
padding: 2px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #FFFF00;
}

.list-silabas-indiv {
font-size: 2em;
line-height: 1.5;
padding-left: 0;
margin-left: -5px;
margin-bottom: 10px;
list-style: ntryrtytrone;
}

.list-silabas-indiv > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------77------*/

.input-cruzadinha-laranj {
width: 40px;
height:40px;
border: 1px solid #000000;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #FFCC00;
}

.input-cruzadinha-azul {
width: 40px;
height:40px;
border: 1px solid #000000;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #00FFFF;
}

.input-cruzadinha-branco {
width: 40px;
height:40px;
border: 1px solid #C0C0C0;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
text-transform: uppercase;
background-color: #ffffff;
}

.list-inline-cruzadinha {
font-size: 1.575em;
padding-left: 0;
margin-left: -5px;
}

.list-inline-cruzadinha > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 10px;
}

/*------88------*/

.list-inline-silabas{
font-size: 1.975em;
line-height: 1.2;
padding-left: 0;
margin-left: -5px;
list-style: ntryrtytrone;
}

.list-inline-silabas > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------99------*/

.list-inline-caca-palv{
font-size: 1.975em;
line-height: 0;
padding-left: 0;
margin-left: -5px;
list-style: ntryrtytrone;
}

.list-inline-caca-palv > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------100------*/

.input-coord-azul {
width: 40px;
height:36px;
border: 1px solid #000000;
padding: 0px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #00FFFF;
}

.input-coord-verde {
width: 40px;
height:36px;
border: 1px solid #000000;
padding: 0px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #99FF33;
}

.input-coord-amarelo {
width: 40px;
height:36px;
border: 1px solid #000000;
padding: 0px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #FFFF00;
}

.input-coord-laranj {
width: 40px;
height:36px;
border: 1px solid #000000;
padding: 0px;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #FFCC00;
}

.list-coord-letras {
font-size: 2.4em;
line-height: 1.1;
padding-left: 0;
margin-left: -5px;
list-style: ntryrtytrone;
}

.list-coord-letras > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------101------*/

.input-check {
width: 33px;
height:33px;
}

.list-inline-check {
font-size: 45px;
padding-left: 0;
margin-left: -5px;
list-style: none;
}

.list-inline-check > li {
display: inline-block;
border-left: 1px solid #C0C0C0;
padding-right: 1px;
padding-left: 1px;
padding-top: 5px;
padding-bottom: 5px;
}

/*------101------*/

.input-form {
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: left;
background-color: #FFFF99;
}

/*------102------*/

.input-numeros-amarel {
width: 33px;
height:35px;
border: 1px solid #000000;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #FFFF00;
}

.input-numeros-laran {
width: 33px;
height: 35px;
border: 1px solid #000000;
font-size: 30px;
font-weight: bold;
font-family: arial, sans-serif;
color: #000000;
text-align: center;
background-color: #FFCC00;
}

.list-inline-numeros-contas {
font-size: 1.975em;
line-height: 0;
padding-left: 0;
margin-left: -5px;
list-style: ntryrtytrone;
}

.list-inline-numeros-contas > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
}

/*------fichas-leitura------*/

.rel-pal {
font-size: 1.6em;
line-height: 1.2;
margin-top: 0em;
padding-left: 5px;
margin-left: -5px;
}

.rel-pal li {
display: inline-block;
padding: 10px;
text-align: center;
margin-top: 0.5em;
margin-bottom: 0.2em;
border: 1px solid #C0C0C0;
}

.rel-pal li:hover {
background: #FFFF00;
}

/*------rodape------*/

.footer {
padding: 0.1em;
text-align: center;
}

.menu-rodape-green {
color: #000000;
text-align: left;
background-color: #CCFF99;
font-size: 1.5em;
padding-left: 4px;
padding-right: 4px;
border-left: 0px solid #008000;
}

.menu-rodape-green li {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 18px;
padding-right: 10px;
border-bottom: 1px solid #808080;
}

.menu-rodape-green a {
display: block;
padding-top: 0em;
padding-bottom: 0em;
text-decoration: none;
}

.menu-rodape-green a:link { 
color: #0000FF;
}

.menu-rodape-green a:hover {
color: #000000;
}

.menu-rodape-green a:active {
color: #000000;
background-color: #B5FF6A;
}

.menu-rodape-green:visited {
color: #0000FF;
}

.menu-rodape-green li:hover {
color: white;
background-color: #99FF33;
}

.menu-rodape-orange {
color: #000000;
text-align: left;
background-color: #FFE991;
font-size: 1.5em;
padding-left: 4px;
padding-right: 4px;
border-left: 0px solid #008000;
}

.menu-rodape-orange li {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 18px;
padding-right: 10px;
border-bottom: 1px solid #808080;
}

.menu-rodape-orange a {
display: block;
padding-top: 0em;
padding-bottom: 0em;
text-decoration: none;
}

.menu-rodape-orange a:link { 
color: #0000FF;
}

.menu-rodape-orange a:hover {
color: #000000;
}

.menu-rodape-orange a:active {
color: #000000;
background-color: #FFCC00;
}

.menu-rodape-orange:visited {
color: #0000FF;
}

.menu-rodape-orange li:hover {
color: #ffffff;
background-color: #FFCC00;
}

.menu-rodape-blue {
color: #000000;
text-align: left;
background-color: #D5EAFF;
font-size: 1.5em;
padding-left: 4px;
padding-right: 4px;
border-left: 0px solid #008000;
}

.menu-rodape-blue li {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 18px;
padding-right: 10px;
border-bottom: 1px solid #808080;
}

.menu-rodape-blue a {
display: block;
padding-top: 0em;
padding-bottom: 0em;
text-decoration: none;
}

.menu-rodape-blue a:link { 
color: #0000FF;
}

.menu-rodape-blue a:hover {
color: #000000;
}

.menu-rodape-blue a:active {
color: #000000;
background-color: #97CBFF;
}

.menu-rodape-blue:visited {
color: #0000FF;
}

.menu-rodape-blue li:hover {
color: #000000;
background-color: #97CBFF;
}

/*---------------*/

.links {
font-size: 1.4em;
line-height: 1.8;
}


.resp-mini {
margin: 0 0 1.5em;
font-size: 1.05em;
}

.destaque-topo {
font-size: 1.3em;
font-weight: bold;
color: #808080;
text-align: left;
border-top: 10px solid #ffffff;
border-bottom: 15px solid #FFFF00;
padding-top: 20px;
padding-bottom: 2px;
padding-left: 50px;
background-color: #FFFF00;
}

.anuncio-meio {
font-size: 12px;
color: #808080;
line-height: 1.5;
padding-top: 5px;
padding-bottom: 20px;
}

#anuncio-topo {
width: 300px;
height: 250px;
float: right;
font-size: 12px;
color: #808080;
text-align: left;
padding-top: 25px;
padding-left: 30px;
padding-right: 20px;
padding-bottom: 20px;
}

#anuncio-topo-lateral {
width: 300px;
height: 650px;
float: right;
font: Arial, Geneva, sans-serif;
font-size: 12px;
color: #808080;
margin: 10px;
padding-top: 4px;
padding-left: 21px;
padding-bottom: 18px;
border-left: 1px solid #E8E8E8;
}

#anuncio-meio-pagina {
font-size: 12px;
color: #808080;
line-height: 1.5;
padding-top: 5px;
padding-bottom: 20px;
}

#anuncio-fim-pagina {
font-size: 12px;
color: #808080;
line-height: 1.5;
padding-top: 5px;
padding-bottom: 20px;
}

#imagem-fixed {
color: #808080;
position: fixed;
bottom: 10px;
right: 5px;
}

.img-left {
max-width: 100%;
float: left; 
margin-left: 0px; 
padding-right: 15px;
}


/*------Estilo Layout------*/

.container {
max-width: 55em;
margin: 0 auto;
background-color: #fff;
}

.header {
text-align: center;
background: #6ADCE7;
padding: 0em;
}

.header-heading { 
margin: 0;
}

.nav-bar {
font-size: 1.2em;
line-height: 1.7;
background: #000000;
padding: 0;
}

.content { 
padding: 1em 1.25em;
}

/*------Navegação------*/

.nav {
margin: 0;
padding: 0;
list-style: none;
}

.nav li {
display: inline;
margin: 0;
}

.nav a {
display: block;
padding: .7em 1.25em;
color: #fff;
text-decoration: none;
border-bottom: 1px solid gray;
}

.nav a:link { 
color: white;
}

.nav a:visited {
color: white;
}

.nav a:focus {
color: black;
background-color: white;
}

.nav a:hover {
color: black;
background-color: white;
}

.nav a:active {
color: white;
background-color: royalblue;
}

/*------Estilos Individuais------*/

.img-responsive { 
max-width: 100%;
}

.links-lado-a-lado a {
background-color: #EBEBEB;
font-size: 1.3em;
border: 1px solid #EBEBEB;
line-height: 2.3;
padding: 10px;
}

.links-lado-a-lado a:hover {
color: #0000FF;
background-color: #FFFFCC;
border: 1px solid #000000;
}

.btn {
color: #fff !important;
background-color: royalblue;
border-color: #222;
display: inline-block;
padding: .5em 1em;
margin-bottom: 0;
font-weight: 400;
line-height: 1.2;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: .2em;
text-decoration: none;
}

.btn:hover {
color: #fff !important;
background-color: green;
}

.btn:focus {
color: #fff !important;
background-color: black;
}

.btn:active {
color: #fff !important;
background-color: red;
}

.list-unstyled {
padding-left: 0;
list-style: none;
}

.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}

.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}

.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}

table {
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
border-top: 1px solid #ddd;
}

th, td {
padding: .5em 1em;
vertical-align: center;
line-height: 1.5;
text-align: left;
border-bottom: 1px solid #ddd;
}

.center {
vertical-align: center;
text-align: center;
}

.err {
font-size: 1.6em;
font-family: arial, sans-serif;
background-color: #FF7C5B;
}

/*------Largura Tela Menor------*/

@media screen and (max-width: 757px) {

#anuncio-topo {
float: left;
font-size: 12px;
color: #808080;
text-align: left;
padding-top: 1em;
padding-left: 1.1em;
padding-bottom: 1em;
}

#anuncio-topo-lateral {
display: none;
}

#anuncio-fim-pagina {
display: none;
}

}

@media screen and (min-width: 757px) {

}

}

@media screen and (max-width: 610px) {

#imagem-fixed {
display: none;
}

}

@media (min-width: 42em) {

.header {
padding: 0.1em 1em;
}

.nav-bar {
padding: 1em 3em;
}

.content {
padding: 0.5em 3em;
}

.footer {
padding-top: 0.3em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0.5em;
}
	
.nav li {
display: inline;
margin: 0 1em 0 0;
}
	
.nav a {
display: inline;
padding: 0;
border-bottom: 0;
}

}