#main-content { margin-top:15px; }

.alfabetizacao a { color:#7b7b7b; }
.alfabetizacao .col-1-2 { padding-right:15px; width:48%; margin-bottom:20px; }
.alfabetizacao .col-1-2:nth-child(2) { padding-right:0; /*padding-left:10px;*/ }
.alfabetizacao .col-1-2 img { width:555px; height:320px; margin-bottom:15px; }
/*.alfabetizacao .col-1-2 img { height:auto; width:100%; margin-bottom:15px; }*/

.alfabetizacao .col-1-6 { height:270px; }
.alfabetizacao .col-1-6 img { height:95px; width:165px; margin-bottom:15px; }

.alfabetizacao h4 { padding-left:0px; padding-right:8px; }
.alfabetizacao p { margin-bottom:0px; line-height: 16px; font-family: Roboto; font-size:14px; display:table-cell; height:auto; padding-left:0px; padding-right:10px;}

.alfabetizacao .box-listagem { border:#e8e8e8 1px solid; margin-bottom:40px; }
/*.alfabetizacao .box-listagem ul li { text-align:center; margin:25px 19px 30px 19px; cursor:pointer; cursor:hand; width:160px; height:150px; }*/
.alfabetizacao .box-listagem .bx-prev {  float:left; background:#f2911c; font-size:18px; margin:45px 20px 0 20px; color:#ffffff; text-align:center; padding:8px 0px; width:40px; cursor:pointer; }
/*.alfabetizacao .box-listagem .prev { float:left; margin:55px 12px 0 28px; border-bottom:26px solid transparent; border-top:26px solid transparent; border-right:28px dashed; display:inline-block; height:0; vertical-align:middle; width:0; cursor:pointer; cursor:hand; color:#015b94; }*/
.alfabetizacao .box-listagem .bx-next {  float:right; background:#f2911c; font-size:18px; margin:45px 20px 0; color:#ffffff; text-align:center; padding:8px 0px; width:40px; cursor:pointer; }
/*.alfabetizacao .box-listagem .next { float:right; margin:55px 32px 0 0; border-bottom:26px solid transparent; border-top:26px solid transparent; border-left:28px dashed; display:inline-block; height:0; vertical-align:middle; width:0; cursor:pointer; cursor:hand; color:#015b94; }*/
.alfabetizacao .box-listagem .disabled { color:grey; }
.alfabetizacao .box-listagem img { margin:0 auto; width:160px; height:95px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom:15px; }
.alfabetizacao .titulos { padding:30px; border-bottom:#e8e8e8 1px solid; }
.alfabetizacao .bg { background:#f6f6f6; }
.alfabetizacao .titulos p { font-family:Ubuntu; font-size:26px; color:#424242; font-weight:500; }
.alfabetizacao .prev a, .alfabetizacao .next a { color:#fff; }
.alfabetizacao .bx-wrapper .bx-viewport { border:0px; box-shadow:0 0 0px #ccc; margin:35px auto 20px; text-align:center; }

.gramatica .col-1-2 { margin-right:15px; width:48%; margin-bottom:20px; position:relative; min-height:450px; cursor:pointer; }
.gramatica .col-1-2:nth-child(2) { margin-right:0; /*padding-left:10px;*/ }
.gramatica .col-1-2 img { width:555px; height:320px; margin-bottom:15px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.gramatica .botao { position:absolute; top:415px; right:0; padding:0 30px; }
.gramatica p { line-height:16px; font-size:14px; }
.gramatica .favIcon { float:right; width: auto !important; height: auto !important; }

.criandohistorias #content_lista {}
.criandohistorias #content_lista table {border: 1px solid #e8e8e8; border-collapse: collapse; margin: 0; padding: 0; width: 100%; margin-top:0px;}
.criandohistorias #content_lista table tr { background: #ffffff;  border: 1px solid #e8e8e8;  padding: .35em;}
.criandohistorias #content_lista table th, #content_lista table td {  padding: .625em;  border: 1px solid #e8e8e8;  text-align: left;  font-family: Roboto;  font-size: 14px;  color :#7b7b7b;}
.criandohistorias #content_lista table th {  font-size: .85em;  background: #f6f6f6;  font-family: Ubuntu;  font-size: 18px;  color :#000000;  letter-spacing: .1em; }
.criandohistorias #content_lista table th:last-child{  max-width:99px;}
.criandohistorias #content_lista table td img { text-align: left;  border: 1px solid #e8e8e8; }
.criandohistorias #content_lista table td div.bg_branco a{font-family: Roboto;  font-size: 14px;  color :#ebad29;  font-style: italic;-webkit-transition: background-color 300ms ease-in-out;  transition: background-color 300ms ease-in-out;}
.criandohistorias #content_lista table td div.bg_branco a:hover{text-decoration: underline;}
.criandohistorias #content_lista .fa { color:#f2911c; margin:0 5px; }
.criandohistorias #content_lista .opcoes { width:10%; text-align:center; font-size:20px; }
.criandohistorias #content_select { margin-bottom:5px; }
.criandohistorias #content_select select { border:1px solid; height:30px; margin-top:5px; color:#7b7b7b; margin-right:10px; font-size:14px; min-width:80px; }
.criandohistorias #content_select p { float:right; margin-top:5px; }

#area-listagem { margin:0 auto; }
#area-listagem .col-md-4 { width: 33.3333%; box-sizing: border-box; }
#area-listagem .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; box-sizing: border-box; }
#area-listagem .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; box-sizing: border-box; }
#area-listagem .col-md-12 { width: 100%; box-sizing: border-box; }
#area-listagem article { display: block; box-sizing: border-box; }
#area-listagem a { color: #337ab7; text-decoration: none; box-sizing: border-box; }
#area-listagem main.home-page { padding-bottom: 367px;  box-sizing: border-box; }
#area-listagem .subpage-content { min-height: 1000px; }
#area-listagem .subpage-heading { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #bbbbbb; width: 100%; height: 85px; margin-bottom: 15px; }
#area-listagem .subpage-heading h1, .subpage-heading h4 { border-bottom: none !important; }
#area-listagem .tile { display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-align-items: flex-end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 0px !important; height: 240px; background-color: #bcbcbc; border: 0px solid #fff; width: 360px; margin:10px 30px 20px 0; }
#area-listagem .tile:nth-child(3n+0) { margin-right:0; }
#area-listagem .tile__overlay { height: 95px; width: 100%; display: -ms-flexbox; display: -webkit-flexbox; display: -webkit-flex; display: flex; -ms-align-items: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
#area-listagem .tile__overlay--colorful { background: rgba(0, 0, 0, 0.70); padding: 0; position: relative; }
#area-listagem .tile__text { padding: 6px 10px; display: block; max-width: 100%; }
#area-listagem .tile__text--colorful { max-width: 65%; }
#area-listagem .tile--colorful { background-size: cover; background-color: #fff; }
#area-listagem .tile__title--colorful { font-size: 14px; }
#area-listagem .tile__title { font-size: 16px; margin: 0px; color: #ffffff; font-family: 'Ubuntu', sans-serif; max-width: 100%; }
#area-listagem .tile__p { font-size: 14px; color: #7b7b7b; max-width: 100%; }
#area-listagem .tile__p--colorful { font-size: 12px; color: #fff; line-height: 120%; }
#area-listagem .tile__btn { font-size: 14px; color: #fff; padding: 2px 15px; margin: 12px; background-color: #f2911c; -ms-align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; border-radius: 20px; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; min-width: 85px; max-width: 30%; position: absolute; right: 0; border: 2px solid; bottom: 17px; }
#area-listagem .tile__btn:hover { text-decoration: none; color: #fff; main.home-page .articles-3 { font-size: 0; }

@media only screen and (min-width: 926px) and (max-width: 1130px) {
	.alfabetizacao .col-1-6 { width:20%; }
	.alfabetizacao .bx-wrapper { max-width:832px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:732px !important; }

	#area-listagem .col-sm-6 { width:30%; }
}

@media only screen and (min-width: 768px) and (max-width: 925px) {
	.alfabetizacao .col-1-6 { width:25%; }
	.alfabetizacao .bx-wrapper { max-width:645px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:545px !important; }
	.alfabetizacao a:nth-child(2) .col-1-2 { padding-right: 0; }

	.gramatica .col-1-2 { width:100%; min-height:470px; }
	.gramatica .botao { top:430px; }

	#area-listagem .col-sm-6 { width: 47%; }
	#area-listagem .tile:nth-child(3n+0) { margin-right:30px; }
	#area-listagem .tile:nth-child(2n+0) { margin-right:0; }
}

@media only screen and (min-width: 747px) and (max-width: 767px) {
	.alfabetizacao .col-1-6 { width:33%; }
	.alfabetizacao .bx-wrapper { max-width:645px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:545px !important; }

	.gramatica .col-1-2 { width:100%; min-height:470px; }
	.gramatica .botao { top:430px; }

	.criandohistorias #content_lista .opcoes { width:15%; text-align:center; }

	#area-listagem .col-sm-6 { width: 360px; }
	#area-listagem .tile { margin:5px auto 15px; }
	#area-listagem .tile:nth-child(2n+0) { margin:5px auto 15px; }
	#area-listagem .tile:nth-child(3n+0) { margin:5px auto 15px; }
	#area-listagem .col-md-4 { float:none; }
	#area-listagem .tile:nth-child(3n+1) { margin:10px auto 20px; }
	#area-listagem .tile:nth-child(2n+1) { margin:10px auto 20px; }
}

@media only screen and (min-width: 620px) and (max-width: 746px) {
	.alfabetizacao .col-1-2 { padding-right:12px; }
	.alfabetizacao .col-1-6 { width:33%; }
	.alfabetizacao .bx-wrapper { max-width:450px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:350px !important; }

	.gramatica .col-1-2 { width:100%; min-height:470px; }
	.gramatica .botao { top:430px; }

	.criandohistorias #content_lista .opcoes { width:15%; text-align:center; }
}

@media only screen and (min-width: 558px) and (max-width: 619px) {
	.alfabetizacao .col-1-2 { width:100%; }
	.alfabetizacao .col-1-6 { width:50%; height:250px; }
	.alfabetizacao .bx-wrapper { max-width:450px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:350px !important; }

	.gramatica .col-1-2 { width:100%; min-height:470px; }
	.gramatica .botao { top:430px; }

	.criandohistorias #content_lista .opcoes { width:22%; text-align:center; }
}

@media only screen and (min-width: 424px) and (max-width: 557px) {
		.alfabetizacao .col-1-2 { width:100%; }
	.alfabetizacao .col-1-6 { width:50%; height:250px; }
	.alfabetizacao .bx-wrapper { max-width:260px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:160px !important; }
	
	.gramatica .col-1-2 { width:100%; min-height:470px; }
	.gramatica .botao { top:430px; }

	.criandohistorias #content_lista table th { font-size:15px; }
	.criandohistorias #content_lista table tr td { font-size:13px; }
	.criandohistorias #content_lista .opcoes { width:22%; font-size:17px; }
	.criandohistorias #content_lista .fa { margin:2px; }
	/*.criandohistorias #content_select select { font-size:14px; }*/
}

@media only screen and (min-width: 325px) and (max-width: 423px) {
	.alfabetizacao .col-1-2 { width:100%; }
	.alfabetizacao .col-1-6 { width:50%; }
	.alfabetizacao .bx-wrapper { max-width:260px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:160px !important; }
	
	.gramatica .col-1-2 { width:100%; min-height:470px; }
	.gramatica .botao { top:430px; }

	.criandohistorias #content_lista table th { font-size:14px; }
	.criandohistorias #content_lista table tr td { font-size:12px; }
	.criandohistorias #content_lista .opcoes { width:22%; font-size:15px; }
	.criandohistorias #content_lista .fa { margin:2px; }
	/*.criandohistorias #content_select select { font-size:14px; }*/
}

@media only screen and (min-width: 120px) and (max-width: 324px){
	.alfabetizacao .col-1-6 { width:100%; height:230px; }
	.alfabetizacao .bx-wrapper { max-width:260px !important; }
	.alfabetizacao .bx-wrapper .bx-viewport { width:160px !important; }
	
	.gramatica .col-1-2 { width:100%; min-height:470px; }
	.gramatica .botao { top:430px; }

	.criandohistorias #content_lista table th { font-size:14px; }
	.criandohistorias #content_lista table tr td { font-size:12px; }
	.criandohistorias #content_lista .opcoes { width:22%; font-size:15px; }
	.criandohistorias #content_lista .fa { margin:2px; }
	/*.criandohistorias #content_select select { font-size:14px; }*/
	.criandohistorias #content_select p { float:left; margin:10px 0 0;}
}