/**
 *
 * PÁGINA "MATERIAS"
 *
 */
.pag-materias .titulo-categorias { display: block; }
.pag-materias .titulo-categorias h2.titulo-padrao { float: left; }

.pag-materias .titulo-categorias .lista-categorias { position: relative; float: right; width: 300px; margin: 0; padding: 0; font-size: 12px; background: #F2F2F2; text-transform: uppercase; -moz-border-radius: 2px; border-radius: 2px; }
.pag-materias .titulo-categorias .lista-categorias a { display: block; padding: 10px 10px; color: #666; text-decoration: none; }
.pag-materias .titulo-categorias .lista-categorias a.ativo,
.pag-materias .titulo-categorias .lista-categorias ul li.ativo a,
.pag-materias .titulo-categorias .lista-categorias a:hover{ background: #D2D2D2; }
.pag-materias .titulo-categorias .lista-categorias a i { float: right; font-size: 20px; line-height: 16px; }
.pag-materias .titulo-categorias .lista-categorias ul { display: none; position: absolute; width: 100%; top: 36px; left: 0; background: #F2F2F2; z-index: 999; }
.pag-materias .titulo-categorias .lista-categorias ul li { display: block; width: auto; border-top: dotted 1px #CCC; }

.pag-materias .box-left { float: left; width: 660px; }
.pag-materias .box-left ul {  }
.pag-materias .box-left ul li { overflow: hidden; padding: 20px 0; border-top: dotted 1px #DDD; }
.pag-materias .box-left ul li:first-child { padding-top: 0 !important; border-top: none !important; }
.pag-materias .box-left ul li .foto { display: block; float: left; width: 220px; margin-right: 20px; }
.pag-materias .box-left ul li .foto img { width: 100%; -moz-border-radius: 2px; border-radius: 2px; }
.pag-materias .box-left ul li .informacoes { padding-top: 6px; }
.pag-materias .box-left ul li .informacoes small { display: block; margin-bottom: 10px; color: #888; font-size: 12px; font-weight: normal; }
.pag-materias .box-left ul li .informacoes small a { color: #888; }
.pag-materias .box-left ul li .informacoes p.titulo { margin-bottom: 10px; font: 400 22px/26px 'Roboto Condensed', Arial, sans-serif; }
.pag-materias .box-left ul li .informacoes p.titulo a { color: #666; }
.pag-materias .box-left ul li:hover .informacoes p.titulo a { color: #E70A75; }
.pag-materias .box-left ul li .informacoes p.descricao { color: #888; font-size: 14px; line-height: 19px; font-style: italic; }
.pag-materias .box-left ul li .informacoes p.descricao a { color: #888; }

.pag-materias .box-right { float: right; width: 300px; }

.pag-materias .box-right .lista-padrao { overflow: hidden; }
.pag-materias .box-right .lista-padrao ul {  }
.pag-materias .box-right .lista-padrao ul li { overflow: hidden; padding: 10px 0; border-top: dotted 1px #DDD; }
.pag-materias .box-right .lista-padrao ul li:first-child { padding-top: 0 !important; border-top: none !important; }
.pag-materias .box-right .lista-padrao ul li .foto { display: block; float: left; width: 100px; margin-right: 12px; }
.pag-materias .box-right .lista-padrao ul li .foto img { width: 100%; -moz-border-radius: 2px; border-radius: 2px; }
.pag-materias .box-right .lista-padrao ul li .data { display: block; margin: 4px 0 6px; color: #888; font-size: 11px; font-style: italic; }
.pag-materias .box-right .lista-padrao ul li .data a { color: #888; }
.pag-materias .box-right .lista-padrao ul li .titulo { margin-bottom: 10px; font-size: 15px; line-height: 20px; }
.pag-materias .box-right .lista-padrao ul li .titulo a { color: #666; }
.pag-materias .box-right .lista-padrao ul li:hover .titulo a,
.pag-materias .box-right .lista-padrao ul li .titulo a:hover { color: #E70A75; }
.pag-materias .box-right .lista-padrao .botao-mais { display: block; margin: 0 auto; padding-top: 10px; font-size: 11px; font-weight: bold; color: #888; border-top: dotted 1px #DDD; text-transform: uppercase; text-align: right; }
.pag-materias .box-right .lista-padrao .botao-mais:hover { color: #333; }


/**
 *
 * PÁGINA "MATERIAS-VER"
 *
 */
.pag-materias-ver .box-left { float: left; width: 660px; }
.pag-materias-ver .box-left .exibe-materia .foto { margin-bottom: 24px; }
.pag-materias-ver .box-left .exibe-materia .foto img { width: 100%; -moz-border-radius: 2px; border-radius: 2px; }
.pag-materias-ver .box-left .exibe-materia .materia-titulo { padding-bottom: 10px; font: 300 40px/46px 'Roboto Condensed', Arial, sans-serif; }
.pag-materias-ver .box-left .exibe-materia .informacoes { width: 100%; margin: 10px 0; padding-top: 10px; border-top: dotted 1px #DDD; color: #888; }
.pag-materias-ver .box-left .exibe-materia .informacoes span:first-child { margin-left: 0 !important; }
.pag-materias-ver .box-left .exibe-materia .informacoes span { display: inline-block; padding: 5px 10px; text-align: center; }
.pag-materias-ver .box-left .exibe-materia .informacoes span i { margin-right: 6px; }
.pag-materias-ver .box-left .exibe-materia .informacoes a { color: #888; }
.pag-materias-ver .box-left .exibe-materia .box-social { overflow: hidden; padding: 10px; background: #EDEDED; }
.pag-materias-ver .box-left .exibe-materia .box-social .ss { float: left; margin-right: 10px; }
.pag-materias-ver .box-left .exibe-materia .box-social .fb {  }
.pag-materias-ver .box-left .exibe-materia .box-social .tw { width: 100px; }
.pag-materias-ver .box-left .exibe-materia .box-social .gg { margin-right: 0; }
.pag-materias-ver .box-left .exibe-materia .texto-padrao { margin: 0 0 30px; padding-top: 20px; }
.pag-materias-ver .box-left .exibe-materia .social .a2a_label { text-indent: -9999999999px !important; }

.pag-materias-ver .box-left .box-mais-materias { overflow: hidden; }
.pag-materias-ver .box-left .box-mais-materias ul {  }
.pag-materias-ver .box-left .box-mais-materias ul li { overflow: hidden; padding: 20px 0; border-top: dotted 1px #DDD; }
.pag-materias-ver .box-left .box-mais-materias ul li:first-child { padding-top: 0 !important; border-top: none !important; }
.pag-materias-ver .box-left .box-mais-materias ul li .foto { display: block; float: left; width: 140px; margin-right: 12px; }
.pag-materias-ver .box-left .box-mais-materias ul li .foto img { width: 100%; -moz-border-radius: 2px; border-radius: 2px; }
.pag-materias-ver .box-left .box-mais-materias ul li .data { display: block; margin-bottom: 10px; padding-top: 6px; color: #888; font-size: 12px; font-weight: normal; }
.pag-materias-ver .box-left .box-mais-materias ul li .data a { color: #888; }
.pag-materias-ver .box-left .box-mais-materias ul li .titulo { margin-bottom: 10px; font: 400 22px/26px 'Roboto Condensed', Arial, sans-serif; }
.pag-materias-ver .box-left .box-mais-materias ul li .titulo a { color: #666; }
.pag-materias-ver .box-left .box-mais-materias ul li:hover .titulo a { color: #E70A75; }
.pag-materias-ver .box-left .box-mais-materias ul li .descricao { color: #888; font-size: 14px; line-height: 19px; font-style: italic; }
.pag-materias-ver .box-left .box-mais-materias ul li .descricao a { color: #888; }
.pag-materias-ver .box-left .box-mais-materias .botao-mais { display: block; margin: 0 auto; padding-top: 10px; font-size: 11px; font-weight: bold; color: #888; border-top: dotted 1px #DDD; text-transform: uppercase; text-align: right; }
.pag-materias-ver .box-left .box-mais-materias .botao-mais:hover { color: #333; }


.pag-materias-ver .box-right { float: right; width: 300px; }

.pag-materias-ver .box-right .lista-padrao { overflow: hidden; }
.pag-materias-ver .box-right .lista-padrao ul {  }
.pag-materias-ver .box-right .lista-padrao ul li { overflow: hidden; padding: 10px 0; border-top: dotted 1px #DDD; }
.pag-materias-ver .box-right .lista-padrao ul li:first-child { padding-top: 0 !important; border-top: none !important; }
.pag-materias-ver .box-right .lista-padrao ul li .foto { display: block; float: left; width: 100px; margin-right: 12px; }
.pag-materias-ver .box-right .lista-padrao ul li .foto img { width: 100%; -moz-border-radius: 2px; border-radius: 2px; }
.pag-materias-ver .box-right .lista-padrao ul li .data { display: block; margin: 4px 0 6px; color: #888; font-size: 11px; font-style: italic; }
.pag-materias-ver .box-right .lista-padrao ul li .data a { color: #888; }
.pag-materias-ver .box-right .lista-padrao ul li .titulo { margin-bottom: 10px; font-size: 15px; line-height: 20px; }
.pag-materias-ver .box-right .lista-padrao ul li .titulo a { color: #666; }
.pag-materias-ver .box-right .lista-padrao ul li:hover .titulo a,
.pag-materias-ver .box-right .lista-padrao ul li .titulo a:hover { color: #E70A75; }
.pag-materias-ver .box-right .lista-padrao .botao-mais { display: block; margin: 0 auto; padding-top: 10px; font-size: 11px; font-weight: bold; color: #888; border-top: dotted 1px #DDD; text-transform: uppercase; text-align: right; }
.pag-materias-ver .box-right .lista-padrao .botao-mais:hover { color: #333; }



/*
	960px – Tablets no formato paisagem e alguns monitores mais antigos
*/
@media (min-width: 960px) and (max-width: 1079px)
{
	.pag-materias .box-left { width: 560px; }
	.pag-materias .box-left ul li .foto { width: 180px; }

	.pag-materias-ver .box-left { width: 560px; }
}

@media (max-width: 959px)
{
	.pag-materias .box-left .informacoes { clear: both; }

	.pag-materias-ver .box-left { width: 100%; margin-bottom: 30px; }
}

/*
	768px – Tablets no formato retrato, como o iPad
*/
@media (min-width: 768px) and (max-width: 959px)
{
	.pag-materias .box-left { width: 380px; }
	.pag-materias .box-left ul li .foto { width: 380px; }
}

@media (max-width: 767px)
{
	.pag-materias .titulo-categorias .lista-categorias { clear: both; float: none !important; width: 100%; margin-bottom: 20px; }
	.pag-materias .box-left { margin-bottom: 30px; }

	.pag-materias-ver .box-left .exibe-materia .materia-titulo { font-size: 30px; line-height: 36px; }
}

/*
	560px – Smartphones no formato paisagem com tela pequena
*/
@media (min-width: 480px) and (max-width: 767px)
{
	.pag-materias .box-left { width: 440px; }
	.pag-materias .box-left ul li .foto { width: 440px; }
}

/*
	480px – Smartphones no formato paisagem com tela pequena
*/
@media screen and (max-width: 479px)
{
	.pag-materias .box-left { width: 300px; }
	.pag-materias .box-left ul li .foto { width: 300px; }

	.pag-materias-ver .box-left .exibe-materia .box-social .ss { float: none !important; margin-bottom: 10px; margin-right: 0 !important; }
	.pag-materias-ver .box-left .exibe-materia .box-social .ss:last-child { margin-bottom: 0; }
}