/* ########################################################################## */
/* ########################################################################## */
/* ########################################################################## */

body {
  background-color: #f8f8f8;
  font: 115%/1.4 'Open Sans', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
  letter-spacing: .01em;
}

h1, h2, h3, h4, h5, h6 {
letter-spacing: 0em;
}

.envelope {
  clear: both;
  height: 100%;
  margin: 0 auto;
  max-width: 92.3em;
  padding: 0;
  position: relative;

  font-size: 81.25%;
  line-height: 150%;
}

.RED {
  background-color: red;
}

.ajustar {
  background: url("../images/fndAjustar.png") repeat scroll 100% 0;
}

.clear {
  width: 100%;
  height: 1px;
  margin: 0 0 -1px;
  clear: both;
}

/* ## Cabeçalho e Menus ##################################################### */

/* == Menu superior ========================================================= */

#VRCabecalho {
  background-color: rgb(222,58,57);
  height: 80px;
  margin: 0 auto;
  width: 100%;
}

#VRConteudoTopo {
}

#VRLogo p img.logoProjIets { float: right; margin-right: 0; }

#VRConteudoTopo .col {
  height: 100%;
  margin: 0;
}

#VRConteudoTopo ul,
#VRFerramentasMateria ul {
  height: 100%;
  list-style: none outside;
  margin: 0;
  padding: 0;
}

#VRConteudoTopo li {
  font-size: 100%;
  height: 100%;
  float: left;
  line-height: 100%;
}

#VRConteudoTopo li div.opcaoMenu {
  display: table;
  height: 100%;
}

#VRConteudoTopo li div.opcaoMenu .cs_blocs,
#VRConteudoTopo li div.opcaoMenu a {
  color: rgba(255,255,255,.8);
  display: table-cell;
  height: 100%;
  margin-right: .2em;
  vertical-align: middle;
  width: 100%;
}

#VRConteudoTopo li div.opcaoMenu a:hover {
  color: rgba(255,255,255,1);
}

/* -- Menu Seções ----------------------------------------------------------- */

#VRMenuTopo i.secao {
  font-style: normal;
  padding-right: 1em;
  text-transform: uppercase;
}

#VRMenuTopo i.icoSecao {
  display: none;
}

/* -- Menus Ferramentas ----------------------------------------------------- */

/* -- Topo -------------------------- */

#VRFerramentasTopo a:focus {
  border: 0 none;
}

#VRFerramentasTopo.col {
  margin-left: 1.6%;
}

#VRFerramentasTopo ul {
  float: right;
}

#VRFerramentasTopo li {
  float: left;
}

#VRFerramentasTopo div.menuTemas {
  border-left: 3px solid #ffffff;
}

#VRFerramentasTopo i.menuBusca {
  border-right: 3px solid #ffffff;
}

#VRFerramentasTopo i.fa {
  color: rgba(255,255,255,.8);
  font-size: 150%;
  padding: 0 .45em;
}

#VRFerramentasTopo i.fa-search {
  padding: 0 1.2em;
}

#VRFerramentasTopo i.fa-facebook-f {
  font-size: 150%;
  padding-left: 1.2em;
}

#VRFerramentasTopo i.fa-youtube-play {
  padding-right: 1.2em;
}

#VRFerramentasTopo i.fa-bars {
  font-size: 220%;
  padding: 0 1em;
}

#VRFerramentasTopo i.fa {
}

#VRFerramentasTopo a:hover i.fa {
  color: rgba(255,255,255,1);
}


.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 19px;
	height: 3px;
	margin: 4px 0;
	background: rgb(0,0,0);
	z-index: 99;
}

.responsive-menu{
	display: none;
}

.expand {
	display: block !important;
}

/* -- Matéria ----------------------- */



.compartilhar {
  margin-bottom: 3em;
}

h2 .compartilhar {
  margin-bottom: 0;
}

h2 .compartilhar #VRFerramentasMateria ul {
border-bottom: 0;
border-top: 0;
float: right;
overflow: auto;
}

h2 .compartilhar #VRFerramentasMateria ul li:first-child {
  display: none;
  font-size: 100%;
}

h2 .compartilhar #VRFerramentasMateria i.fa {
  font-size: 200%;
}

#VRFerramentasMateria ul {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
overflow: auto;
}

#VRFerramentasMateria li {
  float: left;
  font-size: 70%;
  font-weight: 700;
  padding: .4em 1em .3em;
  text-transform: uppercase;
}

#VRFerramentasMateria div.menuTemas {
  border-left: 3px solid #ffffff;
  position: relative;
}

#VRFerramentasMateria i.fa {
  color: rgba(51,51,51,.8);
  font-size: 150%;
  padding: 0 5%;
  position: relative;
  top: .1em;
}

#VRFerramentasMateria i.fa-youtube-play {
  padding-right: 1.2em;
}

#VRFerramentasMateria i.fa {
}

#VRFerramentasMateria a:hover i.fa {
  color: rgba(0,0,0,1);
}

/* -- Logotipo e assinatura ------------------------------------------------- */

#VRLogo {
  margin-top: 2em;
}

#VRLogo p {
  color: #6d6e6d;
  font-size: 125%;
  margin-bottom: 1em;
}

#VRLogo p img {
  margin-right: 1em;
}

#VRLogo p img.spip_logos {
  float: none;
  margin-bottom: 0em;
}


/* ## Banners ############################################################### */

div.banner {
  background: url("../images/fndBanner.gif") repeat scroll 100% 0 #fff;
  overflow: hidden;
  width: 100%;
  box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}


#VRBannerRoll,
#VRBannerRect {
  width: 100%;
}

#VRBannerRoll {
  height: 59px;
}

#VRBannerRoll #RollDownBanner {
  height: 59px;
  overflow: hidden;
}

#VRBannerRoll img {
  width: 100%;
  height: auto;
}

#VRBannerRoll {
  position: relative;
}

#BannerTopo {
  background: red;
  height:60px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10000;
}

#BannerExtendido {
  width: 100%;
  height: 180px;
  background: #ccc;
  position: absolute;
  top: 0px;
  display: none;
  z-index: 10001;
}


/* -- Rolldown -------------------------------------------------------------- */

#VRBannerRoll div.banner {
  height: 4em;
  margin-top: -40px;
}


/* -- Retângulo ------------------------------------------------------------- */

#VRBannerRect {
  margin: 3em 0;
}



/* ## Área de conteúdo ###################################################### */

/* -- Carrossel ------------------------------------------------------------- */

#Carrossel {
  margin-bottom: 0 !important;
}

#Carrossel h1 {
  color: #fff;
  font-size: 150%;
  margin: .5em 0 1em;
}

#Carrossel a {
  color: #fff;
}


/* -- Guarda-margens -------------------------------------------------------- */

#TituloSecao div.bubbleWrap {
  margin: -0 1em 0;
}

#VRBannerRoll div.bubbleWrap {
  height: 100%;
  margin: 0 1em;
  position: relative;
}

#VRMenuTopo div.bubbleWrap,
#VRLogo div.bubbleWrap,
#VRConteudo #ColunaEsq div.bubbleWrap {
  height: 100%;
  margin: 0 2em 0 1em;
}

#VRConteudo div.debate div.bubbleWrap {
  margin-top: 5em;
}

#VRConteudo #VRCorrelatas div.bubbleWrap {
  margin-top: 2em;
}

#VRConteudo div.debate #ColunaEsq div.bubbleWrap {
  margin-left: 5em;
}

#VRConteudo #ColunaDir div.bubbleWrap {
  height: 100%;
  margin-right: 1em;
}

#VRAgenda div.bubbleWrap {
  height: 100%;
  margin: 0 0 4em 0;
}

#VRMenuCreditos div.bubbleWrap {
  height: 100%;
  margin-left: 1em;
}

#VRRodape div.bubbleWrap {
  height: 100%;
  margin: 0 1.4em;
}

#Creditos div#Credito .bubbleWrap {
  padding-right: 1em;
}

#VRMenuCreditos div.bubbleWrap {
  height: 100%;
  margin-left: 1em;
}

#Creditos div#Licenca {
  text-align: center;
}

#Creditos div#Credito {
  color: rgba(102,102,102,.5);
  font-size: .9em;
  padding-top: 1em;
  text-align: right;
}

#Creditos div#Credito a {
  color: rgba(102,102,102,.5);
  text-align: right;
}

#Creditos div#Credito a:hover {
  color: rgba(102,102,102,1);
  text-align: right;
}


/* -- Conteudo -------------------------------------------------------------- */

#TituloSecao h1 {
  background-color: #999;
  color: rgb(255,255,255);
  letter-spacing: .1em;
  margin-top: 2em;
  padding: .5em 1em;
  font-size: 85%;
  font-weight: 300;
  text-transform: uppercase;
}

#VRConteudo {
  margin-top: 2em;
}

#VRConteudo a {
  color: rgba(188,48,57,1);
}

#VRConteudo a:hover {
  color: rgb(102,110,102);
}

#VRConteudo .chamada,
#VRConteudo .materia {
  margin-bottom: 4em;
}

#VRConteudo .resultado div.chamada {
  margin-bottom: 2em;
}

#VRConteudo .resultado div.chamada h1 {
  font-size: 150%;
}

#VRConteudo .resultado p.pagination {
  margin-bottom: 3em;
}

#VRConteudo .chamada h1,
#VRConteudo .materia h1 {
  color: rgba(188,48,57,1);
  font-size: 180%;
  font-weight: 600;
  line-height: 110%;
  margin: 1.3em 0 .4em 0;
}

#VRConteudo .chamada .tituloPeP,
#VRConteudo .chamada .titulo,
#VRConteudo .materia .titulo {
  margin: 3.5em 0 1.75em 0;
}

#VRConteudo .chamada .titulo,
#VRConteudo .materia .titulo {
  display: table-cell;
  vertical-align: bottom;
}

#VRConteudo .chamada h1.#PeP {
  position: absolute;
  bottom: 0;
}

#VRCarrossel div.section {
}

#VRCarrossel div.section div.col {
  margin: 0;
}

#VRCarrossel div.section div.full {
  width: 33.7%;
}

#VRCarrossel .chamadaVideo {
  background-color: rgb(229,229,228);
  height: 10em;
}

#VRCarrossel .chamadaVideo div.section {
  border-bottom: 1px solid rgb(211,211,210);
  padding: 5% 5% 3.5% 10%;
}

#VRCarrossel .chamadaVideo div.section h1 {
  font-size: 110%;
  font-weight: 400;
  margin: .8em 0 .6em .8em;

}

#VRCarrossel .chamadaVideo div.section p {
  font-size: 90%;
  line-height: 140%;
  margin: 0 0 0 .8em;
}

#VRCarrossel div.section div.col {
  margin: 0;
}

#VRCarrossel div.imgCabecalho,
#VRCarrossel div.imgCabecalhoVideo {
  width: 100%;
  box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}

#VRCarrossel div.imgCabecalho {
  height: 35em;
}

#VRCarrossel div.imgCabecalhoVideo {
  height: 30em;
}

div.imgCabecalho,
div.imgPerfil {
  width: 90%;
  box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}

#VRCorrelatas div.imgCabecalho {
  height: 10em;
}

#ColunaEsq div.imgPerfil {
  height: 13em;
}

#VRCorrelatas div.imgPerfil {
  height: 13em;
}

#VRConteudo .chamada div.autor,
#VRConteudo .materia div.autor {
  height: 5em;
  width: 100%;
  box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}

#VRConteudo .chamada div.reportagem,
#VRConteudo .chamada div.todaLargura {
  height: 25em;
  margin-top: 3em;
  width: 100%;
  box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}

#VRConteudo .chamada div.tituloPeP h1#PeP,
#VRConteudo .chamada div.tituloPeP h1#Dez {
  bottom: 0;
  margin: 0 0 0 7em;
  position: absolute;
}

#VRConteudo .materia h3.spip {
  color: rgb(222,58,57);
  font-size: 100%;
  margin: 1em 0 .5em;
  text-transform: uppercase;
}

#VRConteudo .materia blockquote {
  border-bottom: 1px solid #ccc;
  color: rgp(88,88,87);
  font-size: 115%;
  font-weight: 400;
  line-height: 160%;
  margin: 2em 0 3em;
  padding: 0 4em;
}

#VRConteudo .materia blockquote.spip_poesie {
  border-bottom: none;
}

#VRConteudo .materia dl.spip_documents {
  position: relative;
}

#VRConteudo .materia dl.spip_documents dt img {
  height: auto;
  width: 100%;
}

#VRConteudo .materia dl.spip_documents dt.spip_doc_titre {
  clear: both;
  color: rgb(102,102,100);
  overflow: auto;
  font-size: 80%;
  letter-spacing: .25em;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%;
}

#VRConteudo .materia dl.spip_documents dt.spip_doc_titre strong {
}

#VRConteudo .materia dl.spip_documents dd.spip_doc_descriptif {
  font-size: 90%;
  font-weight: 300;
  line-height: 130%;
  width: 100%;
}

#VRConteudo .materia dl.spip_documents dd.spip_doc_descriptif span.spip_doc_credits {
  font-style: italic;
  padding-left: 1em;
}

#VRConteudo .debate .materia blockquote.spip {
  background-color: rgb(222,58,57);
  display: inline;
  float: left;
  margin: .2em 1em .5em 0;
  padding: 1.5em 1.3em;
  width: 25%;
}

#VRConteudo .debate .materia blockquote.spip p {
  color: #fff;
  font-size: 100%;
  font-weight: 600;
  line-height: 120%;
  margin: 0;
  padding: 0;
}


#VRConteudo .materia blockquote.spip {
  background-color: rgb(222,58,57);
  color: #fff;
  display: inline;
  float: right;
  font-size: 150%;
  font-weight: 600;
  line-height: 140%;
  margin: 1em 0 .5em 1em;
  padding: 2em 1em 1em 1em;
  width: 28%;
}

#VRConteudo .materia q {
  display: block;
}

#VRConteudo .materia code,
#VRConteudo .materia q {
  border-bottom: 1px solid #ddd;
  display: block;
  font-family: 'Open Sans', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
  font-weight: 300;
  letter-spacing: .01em;
  margin: 1em 0;
  padding-bottom: 2em;
}

#VRConteudo .materia ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
#VRConteudo .materia ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 6em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
}
#VRConteudo .materia ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin: .3em 0 0 -1.1em;
    color:rgb(222,58,57);
    font-size: 500%;
    font-weight: 600;
    letter-spacing: -.2em;
    text-align:center;
}

#VRConteudo .materia ol > li:last-child code,
#VRConteudo .materia ol > li:last-child q {
  border-bottom: none;
}

.vertAlign {
  display: table;
  margin-top: 3em;
  width: 100%;
}

.vertAlign div.col {
  display: table-cell;
  float: none;
  text-align: left;
  vertical-align: bottom;
}

#VRConteudo .vertAlign div.col h1 {
  margin: 0 0 .5em;
}

#VRConteudo .vertAlign div.col h3 a {
  color: rgb(153,153,163);
}


/* -- Box de conteúdo ------------------------------------------------------- */

div.box  {
  background-color: #fff;
  margin-bottom: 3em;
  overflow: auto;
  width: 100%;
  box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}

div.box h2 {
  background-color: rgb(222,58,57);
  color: #fff;
  font-size: 100%;
  font-weight: 600;
  letter-spacing: .1em;
  margin: 0;
  padding: .3em 2.6em;
  text-transform: uppercase;
}

div.box div.reportagem {
  height: 15em;
  margin-bottom: 2em;
  width: 100%;
  box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.25);
}

div.box h1 {
  font-size: 110%;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 110%;
  margin-bottom: 1em;
}

div.box h1.maior {
  font-size: 140%;
}

.chamadaBox {
  border-top: 1px solid rgb(244,244,222);
  margin: 3em;
  padding-top: 3em;
}

.chamadaBox:first-child {
  border-top: none;
  padding-top: 0;
}

.chamadaBox {
  font-size: 85%;
  font-weight: 300;
  line-height: 140%;
}

.menuBox {
  border-top: 1px solid rgb(244,244,222);
  margin: 1em 3em;
  padding-top: 1em;
}

.menuBox:first-child {
  border-top: none;
}

.menuBoxConteudo {
  padding-bottom: 1em;
}

div.botaoBox {
  background-color: rgb(226,228,225);
  font-size: 70%;
  font-weight: 800;
  letter-spacing: .05em;
  margin: 0 3em 3em 3em;
  overflow: auto;
  text-align: center;
  text-transform: uppercase;
}

div.box div.botaoBox a {
  color: rgb(64,63,62);
  display: block;
  height: 100%;
  width: 100%;
}

div.box div.botaoBox a:hover {
  color: rgb(0,0,0);
  background-color: rgb(153,153,153);
}

div.coordenadas {
  background-color: rgb(255,255,255);
  border-bottom: 1px solid rgb(236,236,240);
  margin-top: 1em;
  padding: 1em;
}


/* -- Bloco de conteúdo ----------------------------------------------------- */

#ColunaDir div.bloco  {
  margin-bottom: 2em;
}

#ColunaDir div.bloco h1 {
  color: rgb(39,37,33);
  line-height: 110%;
}

#ColunaDir div.chamadaMateria {
  border-top: 1px solid #d3d3d3;
  padding-top: 0;
  margin-bottom: 1em;
}

#ColunaDir div.chamadaMateria:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: .5em;
}

#ColunaDir div.chamadaMateria div.chamada {
  font-size: 85%;
  line-height: 140%;
  margin: 1.8em 0;
}

#ColunaDir div.chamadaMateria div.chamadaMenor {
  font-size: 85%;
  line-height: 140%;
  margin: .8em 0 0;
}

/* -- Colaboradores ----------------- */

#ColunaDir #Colaboradores .colaborador {
  font-size: 85%;
  letter-spacing: 0;
  line-height: 140%;
  margin-bottom: 2em;
}

#ColunaDir #Colaboradores h1 {
  font-size: 160%;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 1em;
}

#ColunaDir #Colaboradores div.colaborador {
  border-top: 1px solid #d3d3d3;
  color: rgb(57,55,51);
  margin-top: 1.1em;
  padding-top: 2em;
}

#ColunaDir #Colaboradores div.colaborador:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}


/* -- Matérias relacionadas --------- */


/* -- Agenda ------------------------ */

#ColunaDir div.bloco #VRAgenda h1 {
  font-size: 85%;
  line-height: 160%;
  margin: 3.4em 0 1em;
  text-transform: uppercase;
}

#ColunaDir div.bloco #VRAgenda h3 {
  color: rgb(222,58,57);
  font-size: 180%;
  font-weight: 600;
  margin-top: 1.3em;
}

#ColunaDir div.bloco #VRAgenda .data {
  padding-right: .5em;
  text-align: right;
}

#ColunaDir div.bloco #VRAgenda .chamada {
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: -1em;
  padding-bottom: 1em;
}

#ColunaDir div.bloco #VRAgenda p {
  font-size: 90%;
  font-weight: 300;
  line-height: 150%;
}

/* -- Inscrição --------------------- */

#VRConteudo div.bloco #VRInscricao {
  border-bottom: 1px solid #d3d3d3;
  margin: 2em 0 3em;
  padding-bottom: 1em;
}

#VRConteudo div.bloco #VRInscricao h1 {
  font-size: 85%;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 140%;
  margin-bottom: 1em;
  text-transform: uppercase;
}

#VRConteudo div.bloco #VRInscricao p {
  font-size: 85%;
  margin-top: .3em;
  margin-bottom: 0;
}

#VRConteudo div.bloco #VRInscricao .obrigatorio {
  color: rgb(222,58,57);
}

#VRConteudo div.bloco #VRInscricao input {
  border: none;
  border-bottom: 1px solid #d3d3d3;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow:         none;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
}

#VRConteudo div.bloco #VRInscricao input[type=text] {
  width: 95%;
}

#VRConteudo div.bloco #VRInscricao input[type=submit] {
  background-color: rgb(222,58,57);
  color: rgb(255,255,255);
  font-size: 90%;
  font-weight: 600;
/*  letter-spacing: .1em; */
  margin-right: 1em;
  padding: .4em 2.5em;
  text-shadow: none ;
  text-transform: uppercase;
}

#VRConteudo div.bloco #VRInscricao p.boutons {
  text-align: right;
}

#VRConteudo div.bloco #VRInscricao input[type=submit] {
  margin-right: 0;
}

#VRConteudo div.bloco #VRInscricao input[type=submit]:hover {
  color: rgb(0,0,0);
  background-color: rgb(153,153,153);
}

/* -- Mais Lidas -------------------- */

#VRConteudo #VRMaisLidas .chamadaBox {
  margin: 0 2em;
  padding: 1em 0;
}

#VRConteudo #VRMaisLidas .ranking {
  text-align: right;
}

#VRConteudo #VRMaisLidas .chamada {
  margin-bottom: 0;
}

#VRConteudo #VRMaisLidas h3 {
  color: rgb(222,58,57);
  font-size: 180%;
  font-weight: 700;
  margin-top: 0;
  padding-right: .2em;
}

#VRConteudo #VRMaisLidas h1 {
  color: rgb(88,88,88);
  font-size: 115%;
  font-weight: 600;
/*  letter-spacing: .01em; */
  line-height: 150%;
  margin-top: .1em;
}

#VRConteudo #VRMaisLidas h1 a {
  color: rgb(88,88,88);
}


/* -- Debates anteriores ---------------------------------------------------- */

#VRConteudo #VROutrosDebates #VRListaVideos {
  clear: both;
  height: 25em;
  margin: 3em;
  overflow: auto;
}

#VRConteudo #VROutrosDebates #VRListaVideos .chamadaVideo {
  border-bottom: 1px solid rgb(244,244,222);
  margin: 0 2em 2em 0;
  padding-bottom: 2em;
  overflow: auto;
}

#VRConteudo #VROutrosDebates #VRListaVideos .thumbVideo {
  float: left;
  height: 158px;
  margin-right: 1em;
  width: 238px;
}

#VRConteudo #VROutrosDebates #VRListaVideos h1 {
  color: #393733;
  font-size: 145%;
  font-weight: 600;
}

#VRConteudo #VROutrosDebates #VRListaVideos p {
  font-size: 100%;
  font-weight: 300;
}

#VRConteudo .chamada h2,
#VRConteudo .materia h2 {
  border-bottom: 1px solid #d3d3d3;
  font-size: 90%;
  line-height: 170%;
  font-weight: 600;
  text-transform: uppercase;
}

#VRConteudo h2.retranca {
  border-bottom: 1px solid #d3d3d3;
  font-size: 80%;
  letter-spacing: .1em;
  margin-top: 4em;
}

#VRConteudo h2 span.secao {
  display: inline-block;
  background-color: rgb(226,228,226);
  font-weight: 700;
  margin-right: 1em;
  padding: .25em 1.25em;
  text-transform: uppercase;
}

#VRConteudo h2 span.secao a,
#VRConteudo h2 span.autor a,
#VRConteudo h2 span.secao a,
#VRConteudo h2 span.autor a {
  color: rgb(64,64,61);
}

#VRConteudo h2 span.secao a:hover,
#VRConteudo h2 span.autor a:hover,
#VRConteudo h2 span.secao a:hover,
#VRConteudo h2 span.autor a:hover {
  color: rgb(222,58,57);
}

#VRConteudo h2 span.data {
  display: inline-block;
  letter-spacing: 0em;
  margin-right: 1em;
}

#VRConteudo h2 span.autor,
#VRConteudo h2 span.autor {
  display: inline-block;
  letter-spacing: .02em;
  margin-left: 1em;
}

br.responseBreak {
  display: none;
}

#VRConteudo .chamada p,
#VRConteudo .materia p {
}

#VRConteudo .materia p span.spip_documents {
  display: block;
  overflow: auto;
  width: 100%;
}

#VRConteudo .spip_documents_left {
  margin: 0.2em 2em 1em 0;
}

#VRConteudo .spip_documents_right {
  margin: 0.2em 0 1em 2em;
}

#VRConteudo .spip_documents_left dd,
#VRConteudo .spip_documents_right dd {
  margin-bottom: 0;
  width: 100% !important;
}

#VRConteudo .materia p span.l100 img {
  height: auto;
  width: 100%;
}

#VRConteudo .materia p span.l66 img {
  height: auto;
  width: 66%;
}

#VRConteudo .materia p span.l50 img {
  height: auto;
  width: 50%;
}

#VRConteudo .materia p span.l33 img {
  height: auto;
  width: 33%;
}

#VRConteudo .chamada i.fa {
  font-size: 140%;
  line-height: 100%;
}

#VRConteudo .chamada p i.fa {
  color: rgba(188,48,57,1);
}

#VRConteudo .chamada p i.fa:hover {
  color: rgba(102,110,102,1);
}

#ColunaDir #VRCorrelatas .chamada h1 {
  font-size: 117.5%;
  font-weight: 700;
}

#VRCorrelatas .chamadaMateria .chamada span.suite i.fa,
#VRCorrelatas .chamadaMateria .chamada span.suite i.fa:hover {
  font-size: 100%;
}




/* ## Rodape ################################################################ */

#VRRodape {
  background-color: rgb(222,58,57);
  margin: 0 auto;
  width: 100%;
}

#VRConteudoRodape {
  color: rgb(255,255,255);
  font-size: 81.25%;
  line-height: 150%;
  padding: 2em 0;
}

#VRConteudoRodape img {
  margin-top: 1em;
}

#VRConteudoRodape .col {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

#VRMenuCreditos i.secao {
  font-style: normal;
  padding-right: 1em;
  text-transform: uppercase;
}


/* ## Video elástico ######################################################## */

.video-envelope {
    position: relative;
    padding-bottom: 52.5%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-envelope iframe,
.video-envelope object,
.video-envelope embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner .capsule-video {
  margin-bottom: 0;
}

.capsule-video {
  margin-bottom: 2em;
}

.spip-admin-bloc,
.spip-admin-float {
  right: 1%;
}


/* ## Formulários ########################################################### */

#VRInscricao ul {
  padding-left: 0;
}

li.editer {
  font-size: 85%;
  list-style: none;
}

li.editer label {
  float: left;
  padding-top: .25em;
  width: 22%;
}

li.editer input[type=email] {
  width: 75%;
}

div.cs_blocs {
 position: relative;
}

div.cs_blocs > div.blocs_slide {
  position: absolute;
  right: 1em;
  top: 0;
}

h4.blocs_titre,
h4.blocs_replie {
	background:transparent none;
  width: 15em;
}

.formulaire_recherche {
  padding-top: 1.5em;
}

.formulaire_recherche label {
  display: none;
}

.formulaire_recherche input[type=submit] {
  background: transparent;
  border: 0 none;
  box-shadow:  none;
  color: transparent;
  text-shadow: none;
}

.formulaire_recherche input[type=search] {
  background: rgba(255,255,255,.3);
  box-shadow:  none;
  color: rgb(255,255,255);
  margin-right: 1em;
  width: 10em;
}

#documents_portfolio ul {
  overflow: auto;
  margin-top: 1em;
  padding-left: 0;
}

#documents_portfolio li {
  float: left;
  list-style: none;
  margin-right: 1em;
}

#cboxLoadedContent {
  font-size: 1em;
}