/* -- -- -- -- -- -- -- -- -- -- --- -- -- -- -- */
/*  SKIN DO WEBSITE DO IED */
/* -- -- -- -- -- -- -- -- -- -- --- -- -- -- -- */
.bg-gray{ background-color:#F1F1F1 }
.menu-red{ background:#D71920; padding:1rem 0.5rem; border-top:#EB5264 1px solid; position:fixed; width:100%; z-index:10001; top:2.53rem }
.menu-red>div{ padding-top:0 }
.menu-red .logo{ height:4.2rem; margin:0 }
.menu-red .logo{ margin:0 }
.menu-red .menu-p{ margin-top:2rem }
.menu-red .bt-menu{ color:white; font-size:0.9rem; font-weight:700; padding:0.5rem }
.menu-red .bt-menu:hover{ text-decoration:none; color:#fbe0e1 }
.menu-red .busca{ margin-top:2rem }
.menu-red .busca input, .off-canvas-testeira .busca input{ background:#D71920; color:white; border-color:#921121; height:1.8rem }
.menu-red .busca .input-group-button a, .off-canvas-testeira .busca .input-group-button a{ padding:0.27rem 1rem; background:#921121 }
.menu-red .busca .input-group-button a i, .off-canvas-testeira .busca .input-group-button a i{ font-size:1.15rem }
/*.logo-br{ height:5rem }*/
.divisor{ background:white !important; padding:1rem 1.7rem !important; border-bottom:0 !important }

/* MODAL DOS CURSOS E MENU POPUP */
.reveal-overlay{ z-index:20000 }
#menu-popup-cursos{ width:70% }
.dropdown-pane{ padding:1rem 0 0.5rem 0; z-index:11000 }
.dropdown-pane li, #modal_cursos li{ text-transform:uppercase; list-style:none; border-bottom:1px #F1F1F1 solid; line-height:2em }
.dropdown-pane li a, #modal_cursos li a{ color:black }


.titulo_pagina{ padding-bottom:2rem }
.mega {
	margin-top: -40px;
    position: absolute;
    color: #fff;
    background: #D71920;
    padding: 3px 12px;
    border-radius: 20px;
}
/* Netdoor */
.netdoor .orbit-slide{ height:77vh; background-repeat:no-repeat; background-position:center top; background-size:cover }
.netdoor .orbit-caption{ text-shadow:0 0 10px black; font-size:2rem }
.netdoor .orbit-caption .button:hover, .netdoor .orbit-caption .button:focus{ background:white; color:black }

/* Importante para funcionar o offcanvas. */
/* A classe .content-top deve ser usada na primeira div de todos os templates */
.off-canvas-wrapper{ /*position:absolute;*/ top:0 }
.content-top{ padding-top:11.5rem }
.vertical.menu li{ text-transform:uppercase; padding:0 1em; border-bottom:1px #CCC solid; background:#F1F1F1 }
.vertical.menu li a{ text-decoration:none;  color:black; font-weight:700; line-height:1.4rem }
.is-drilldown-submenu-parent > a::after{ border-color:transparent transparent transparent #D71920; }
.js-drilldown-back > a::before{ border-color:transparent #D71920 transparent transparent; }

/* Menu de intenções para o Rio */
.menu_intencao{ background:url(../../content/images/ied_capa4.jpg) repeat-y; padding:1rem 0; color:white }
.menu_intencao label{ background:rgba(10, 10, 10, 0.5); color:white; padding:2rem; margin:1rem }
.menu_intencao select{
  margin:0;
  padding-left:1.8rem;
  background-position:right -0.6rem center;
  background: url('../img/arrow_down_white.svg') no-repeat right transparent;
  background-position-x: 0.5rem;
  background-size:0.8rem;
  color:white
}
.menu_intencao select option{ color:black }

/* faixa com frase na home */
.storyline{ font-size:2em; font-weight:bolder }

/* Frames do mosaico de cursos, na home */
.frame_curso{ position:relative; margin-bottom:2rem; cursor:pointer }
.frame_curso:hover{ box-shadow: 0 1px 1px black }
.frame_curso .tarja{ font-weight:700; position:absolute; background:#D71920; color:white; padding:0.4rem 1rem }
.frame_curso .caption{ background-color:rgba(0, 0, 0, 0.5); position:absolute; bottom:0; color:white; padding:0.5rem 1rem; width:100% }
.frame_curso .caption small{ font-weight:300 }
.frame_curso .title{ font-weight:700 }
.mostrar-mais{ background:linear-gradient(white, #F1F1F1); padding:2rem }

/* Frame com a agenda na home */
.frame_agenda>.row{ border-bottom:1px #CCC solid; padding:1rem 0 }
.frame_agenda .dia{ font-size:1.5rem; font-weight:bold }
.frame_agenda .mes{ line-height:0.5rem }

/* Frames de destaques das notícias na home */
.frame_destaque{ position:relative; margin-bottom:2rem; cursor:pointer }
.frame_destaque a{ color:black }
.frame_destaque .imagem_evento{ height:15em; background-repeat:no-repeat; background-position:center }
.frame_destaque .imagem_evento:hover{ box-shadow: 0 0 1px black; opacity:0.8 }
.frame_destaque h5:hover, .frame_destaque p:hover{ text-decoration:underline }

/* Parcerias */
.parcerias{ margin:2rem 0 }
.parcerias div{ margin:1em 0 }

/* Rodapé */
.rodape{ padding:0 3rem }
.rodape .logo{ padding:0 7rem 2rem 0; height:5.5rem }
.rodape ul{ margin-top:1rem }
.rodape li{ list-style-type:none; list-style-position:outside }
.rodape li a{ color:black }

.rodape .redes { padding:10px 0 0 }
.rodape .redes a{ font-size:2rem; color:black; margin-right:0.6rem }
.rodape .redes a:hover{ color:#666 }

/* Pagina Brasil */
.menu_br a{ color:black }
.menu_br a{ text-decoration:none }
.menu_br a p:hover{ text-decoration:underline }
.menu_br a img:hover{ box-shadow:0 0 2px #666; opacity:0.9 }

/* Página de contato */
.box_contato>.row{ background:#F1F1F1 }
.box_contato>.row>.columns.icone{ background:#D71920; padding:1.5rem }
.box_contato>.row:hover{ box-shadow:0 0 3px #CCC }

/* Paginas Sobre Nós */
.box_membro{ background:#F1F1F1; padding:1rem 0; margin-bottom:1rem}

/* Frames das Sedes na página sedes */
.frame_sede{ background:#F1F1F1; padding:0; margin:1rem }
.frame_sede>div{ padding:0; }
.frame_sede>div.texto{ padding:0.5rem }
.frame_sede>div.texto>h5{ text-transform:uppercase }
.frame_sede>div.texto>select{ margin:0 0.5rem 0.2rem 0 }
.frame_sede>div.texto>a{ font-size:0.8rem }

/* Páginas dos cursos */
.etiqueta{ background:linear-gradient(to top,#C0161D,#E83B41); border-radius:0.7rem; margin-bottom:2rem; text-transform:uppercase }
.etiqueta div{ color:white; padding:1em .5rem; border-left:1px #EB5264 solid; text-align:center }
.etiqueta div small{ color:white;display: block; line-height: 1.25em;}
.etiqueta h4, .etiqueta h5, .etiqueta h6{ margin:0 }
.etiqueta .alinha { position:relative; display:table }
.etiqueta .alinha>div { *position:absolute; top:50%; display:table-cell; vertical-align:middle; border:0; padding:0 }
.etiqueta .alinha span { display:block; *position:relative; top:-50% }

.bt_chamada{ background:linear-gradient(to top,#C0161D,#E83B41); width:100%; padding:1rem; font-size:1.3rem; line-height:1.9rem }
.bt_chamada:hover{ box-shadow:0 0 6px #CCC }
.servico, .coordenador{ background:#F1F1F1; padding:1rem; text-align:left; font-weight:300; border-radius:0.5rem; margin:1rem 0 }
.servico strong{ font-weight:500 }
.coordenador img{ width:100%; margin-bottom:1rem }
.parcerias_curso{ text-align:center; padding:1rem }
table.disciplinas{ text-align:left }
table.disciplinas th{ text-align:center }

/* MEDIA QUERIES */

/* Small only */
@media screen and (max-width: 39.9375em) {
  .storyline{ padding-top:1rem }
  .frame_curso .tarja{ top:1rem }
  .netdoor .orbit-caption{ padding: 0 3rem }
  .netdoor .orbit-previous, .netdoor .orbit-next{ font-size:3rem; line-height:72vh }
  .etiqueta_pos div{ width:50% }
  .etiqueta_graduacao div{ width:50% }
  .etiqueta_extensao div{ width:50% }
  .etiqueta_oneyear div{ width:50% }
  .hidemobile { display:none; }}

/* Medium and up */
@media screen and (min-width: 40em) {
  .storyline{ padding:3rem }
  .frame_curso .tarja{ top:2rem }
  .netdoor .orbit-caption{ padding:1rem 8rem !important }
  .netdoor .orbit-previous, .netdoor .orbit-next{ font-size:10rem; line-height:72vh }
  .etiqueta_pos div{ width:25% }
  .etiqueta_graduacao div{ width:20% }
  .etiqueta_extensao div{ width:25% }
  .etiqueta_oneyear div{ width:20% }  .hidemobile { display:none; }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {
  .netdoor .orbit-caption{ padding: 0 9rem }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* TOBORINO */
.page figure {
	margin:0px;
}
.flex-video {
	padding-bottom: 56.25%;
}
input[type="file"]{
    -webkit-appearance: none;
    text-align: left;
	width:100%;
    -webkit-rtl-ordering:  left;
}
input[type="file"]::-webkit-file-upload-button{
    -webkit-appearance: none;
	border:0;
	cursor:pointer;
	background:#d71920;
	color:#fff;
	height:31px;
	text-transform:uppercase;
	font:15px/31px 'OpenSans-CondensedBold', 'Open Sans', sans-serif;
	-webkit-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.group-span-filestyle label {
	display:inline-flex;
	padding:5px;
	background:#d71920;
	color:#fff;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;
}
.off-canvas-content {
    box-shadow:none;
}
.interno {
	width:100%;
	border:none;
	overflow:auto;
}
.gform_confirmation_message {
	font-size: 1.4em;
    color: #9d121d;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

figcaption {
	font-size:0.9em;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.campo_nome {
	float:left;width:49%;margin-right:1%;
}