/* CSS CICE 2012 */
/* Criado por Marcos Vinicius em 16/11/2012 // Groupweb - Solu??es para internet */

* {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Geneva, sans-serif;
}

body {
  font-size: 14px;
}

img {
  border: 0;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.pointer {
  cursor: pointer !important;
}
.upper {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.hidden {
  display: none !important;
  opacity: 0 !important;
}

/* Cabe?alho */
#header {
  /*background-image:url(../img/layout/bg-header.jpg);*/
  background-color: #ffffff;
  background-repeat: repeat-x;
  height: 122px;
}
#header div.wrap {
  width: 950px;
  margin: 0 auto;
  padding: 22px 0 0 0;
  height: 122px;
  position: relative;
}
/* Cabe?alho - Logo */
#header div.wrap h2 {
  background-image: url(../img/layout/logo-cice-2026-pt.png);
  width: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 10px 0px;
  padding-top: 10px;
  margin-top: -1 0px;
}
#header div.wrap h2.eng {
  background-image: url(../img/layout/logo-cice-2026-en.png);
}

#header div.wrap h2 a {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  padding: 86px 200px 0px 0px;
}
#header div.wrap #logon {
  position: absolute;
  top: 0;
  right: 213px;
  background-image: url(../img/layout/bg-logado.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 8px 13px 4px 13px;
  height: 31px;
  width: 390px;
  font-size: 12px;
}
#header div.wrap #logon div.linksLogon {
  float: right;
  width: 115px;
}
#header div.wrap #logon div.linksLogon a {
  color: #1a3467;
  text-decoration: none;
}
#header div.wrap #logon div.linksLogon a:hover {
  text-decoration: underline;
}
#header div.wrap #logon p {
  padding: 1px 0 0 0;
  margin: 0;
}
#header div.wrap #logon p span {
  color: #1a3467;
}

/* Cabe?alho - Links */
#header a.links {
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
  width: 0px;
  height: 0px;
  padding: 39px 42px 0 0;
  background-repeat: no-repeat;
  background-position: 0 top;
}
#header a#home {
  right: 152px;
  background-image: url(../img/icons/home.png);
}
#header a#carrinho {
  right: 110px;
  background-image: url(../img/icons/carrinho.png);
}
#header a.links:hover {
  background-position: 0 -39px;
}

/* Cabe?alho - Idiomas */
#header ul#idiomas {
  position: absolute;
  right: 0;
  top: 0;
  width: 101px;
  height: 31px;
  padding: 8px 0 0 9px;
  background-image: url(../img/layout/bg-idiomas.png);
  background-repeat: no-repeat;
}
#header ul#idiomas li {
  float: left;
  width: 24px;
  list-style: none;
  padding: 0 4px 0 3px;
}
#header ul#idiomas li a {
  background-repeat: no-repeat;
  background-position: 0 -19px;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  padding: 20px 24px 0 0;
}
#header ul#idiomas li#bra a {
  background-image: url(../img/icons/band-bra.png);
}
#header ul#idiomas li#usa a {
  background-image: url(../img/icons/band-usa.png);
}
#header ul#idiomas li#spa a {
  background-image: url(../img/icons/band-spa.png);
}
#header ul#idiomas li#bra a:hover,
#header ul#idiomas li#usa a:hover,
#header ul#idiomas li#spa a:hover,
#header ul#idiomas li.ativo a {
  background-position: 0 top;
}

/* Conteudo */
#content {
  /*background-image:url(../img/layout/bg-content.png);*/
  background-color: #ffffff;
  background-position: top center;
  background-repeat: repeat-x;
}
#content.impressao {
  background: none;
}
#content.home {
  margin-top: 311px;
}
#content div.wrap {
  margin: 0 auto;
  width: 950px;
  /*	position:relative; */
  padding: 2px 0 20px 0;
}
#content div#impressao.wrap {
  padding: 0px 0 20px 0;
}
#content div#impressao.wrap .contPrint {
  margin-bottom: 50px;
  min-height: 1200px;
}
#content div#impressao.wrap h2 {
  background: none;
  text-align: center;
  height: auto;
}
/* Conteudo - Geral */
#content h2 {
  font-size: 18px;
  color: #1a3467;
}
#content h2.espanhol {
  background-position: left 4px;
  margin: 0px 0 0 -3px;
  height: 15px;
  padding: 0 0 2px 0 !important;
}
#content h2.lateral {
  text-align: center;
  background-image: url(../img/layout/bg-tit-lateral.png);
  background-repeat: no-repeat;
  background-position: bottom;
}
#content div.boxLateral {
  background-image: url(../img/layout/bg_box_lateral_center.png);
  background-repeat: repeat-y;
  padding: 0px 10px 0px 10px;
  text-align: center;
}
#content div.boxLateral span a {
  color: black;
  font-size: 12px;
  margin-top: 4px;
}

#content div.boxLateralBottom {
  background-image: url(../img/layout/bg_box_lateral_bottom.png);
  width: 178px;
  height: 20px;
  margin-left: 1px;
}
#content div.boxLateral h3 {
  font-size: 14px;
  padding: 0 10px;
  line-height: 16px;
}
#content p.mais {
  width: 80px;

  text-align: left;
  padding: 0px;
}
#content p.mais a {
  padding: 0 15px 4px 0;
  display: block;
  background-image: url(../img/icons/saiba-mais.png);
  background-repeat: no-repeat;
  background-position: right;
  text-decoration: none;
  color: #777;
  font-size: 12px;
}
#content p.download {
  width: 90px;
  text-align: left;
  padding: 0px;
}
#content p.download a {
  padding: 0 39px 2px 0;
  display: block;
  background-image: url(../img/icons/pdf.png);
  background-repeat: no-repeat;
  background-position: right;
  text-decoration: none;
  color: #777;
  font-size: 12px;
}
#content p.comprar {
  width: 64px;
  text-align: left;
  padding: 0px;
}
#content p.comprar a {
  padding: 0 15px 4px 0;
  display: block;
  background-image: url(../img/icons/comprar.png);
  background-repeat: no-repeat;
  background-position: right;
  text-decoration: none;
  color: #777;
  font-size: 12px;
}

/* Conteudo - Pesquisar */
#content.home #pesquisa {
  margin-bottom: 5px;
}
#content.internas #pesquisa {
}
#content #pesquisa {
  background-image: url(../img/layout/bg-pesquisa.png);
  background-repeat: no-repeat;
  padding: 3px 0 0 15px;
  height: 35px;
  width: 225px;
  /*position:absolute;*/
  float: right;
  right: 0;
  top: 2px;
}
#content #pesquisa p {
  font-size: 12px;
  font-weight: bold;
  float: left;
  width: auto;
  padding: 5px 3px 0 0;
  display: block;
}
#content #pesquisa input[type="text"] {
  font-size: 12px;
  color: #777;
  float: left;
  width: 104px;
  padding: 6px 8px;
  border: 0;
  background-image: url(../img/layout/bg-input-pesquisa.jpg);
  background-repeat: no-repeat;
  margin-right: 5px;
}
#content #pesquisa input[type="submit"] {
  background-image: url(../img/layout/bt-ok.jpg);
  background-repeat: no-repeat;
  font-size: 10px;
  color: #fff;
  float: left;
  width: 25px;
  padding: 6px 0px 5px 0;
  border: 0;
}

/* Conteudo - Coluna Direita */
#content #colDir {
  float: right;
  width: 180px;
}
#content #colDir #faltam {
  margin: 0 0 0px 0;
}
#content #colDir #dias {
  padding: 9px 0 3px 0;
}
#content #colDir div.boxLateral h2 {
  padding-bottom: 8px;
}
/* Conteudo - Coluna Direita - Links */
#content #links {
  border-top: 1px solid #b5b5b5;
  margin: 0 5px 6px 5px;
}
#content #links li {
  padding: 0 8px;
  border-bottom: 1px solid #b5b5b5;
  list-style: none;
}

#content #links li.tempo {
  padding: 5px 0px 5px 0px;
  text-align: center;
}
#content #links li a,
#content #links li > span {
  background-repeat: no-repeat;
  background-position: right 7px;
  color: #1a3467;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 0 11px 0;
}
#content #links li a.galeria {
  background-image: url(../img/icons/galeria.png);
}
#content #links li a.contato {
  background-image: url(../img/icons/contato.png);
}
#content #links li a.carrinho {
  background-image: url(../img/icons/carrinho-lat.png);
}
#content #links li a.faculty {
  background-image: url(../img/icons/arrow.png);
}
#content #tema {
  padding: 7px 0 0 0;
}
#content #tempo {
  width: 151px;
  margin: 0 auto;
}

/* Conteudo - Coluna Esquerda */
#content #colEsq {
  float: left;
  width: 180px;
}

/* Conteudo - Festa */
#content #festa {
  background-image: url(../img/layout/bg-festa.png);
  background-repeat: no-repeat;
  background-position: 0 7px;
  text-align: center;
  padding-top: 4px;
  margin-bottom: 2px;
}
#content #festa h2 {
  line-height: 14px;
  padding-bottom: 7px;
  font-size: 18px;
}
#content #festa h2 span {
}
#content #festa img {
  padding-bottom: 3px;
}
#content #festa p {
  font-size: 12px;
  padding-bottom: 0px;
}
#content #festa p.mais {
  margin: 0 auto;
}

/* Conteudo - Novidades */
#content #novidades {
  margin: -8px 0 3px 0;
  background-image: url(../img/layout/bg-novidades.png);
  background-repeat: repeat-y;
  background-position: left;
}
#content #novidades h2 {
  background-image: url(../img/layout/tit-novidades.png);
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: left 4px;
  padding: 0 0 2px 15px;
}
#content #novidades ul {
  list-style: none;
  font-size: 12px;
  padding: 5px 5px 0 5px;
}
#content #novidades ul li {
  padding: 0 10px 0 15px;
  /*	background-image:url(../img/layout/marcador-novidades.png);
	background-repeat:no-repeat;
	background-position:0 2px;*/
}
#content #novidades ul li p {
  font-size: 12px;
  color: #000;
  text-decoration: none;
  background-image: url(../img/layout/linha-novidades.png);
  background-repeat: repeat-x;
  background-position: bottom;
  display: block;
  padding: 0 0 12px 0;
  margin-bottom: 10px;
}
#content #novidades a.novidades {
  font-size: 12px;
  color: #000;
  text-decoration: none;
  background-image: url(../img/icons/mais-novidades.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  padding: 0 0 5px 18px;
  width: 60px;
  margin: 0 auto;
}
#content #novidades a:hover {
  color: #1a3467;
}
#content div.footer-novidades {
  background-image: url(../img/layout/footer-novidades.png);
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: left 0;
  height: 15px;
}
/* Conteudo - Login */
#content #login {
  background-image: url(../img/layout/bg-login.png);
  background-repeat: no-repeat;
  background-position: 0 8px;
  padding: 0 15px;
  height: 158px;
  margin-bottom: 4px;
}
#content #login h2 {
  padding-bottom: 8px;
}
#content #login p {
  padding-bottom: 5px;
  font-size: 12px;
  position: relative;
}
#content #login p.recuperar {
  padding: 5px;
}
#content #login p.recuperar a {
  color: #777;
  text-decoration: none;
}
#content #login p.cadastro {
  color: #000;
  padding: 0 5px;
}
#content #login p.cadastro a {
  color: #000;
}
#content #login p input[type="text"],
#content #login p input[type="password"] {
  padding: 5px 10px;
  font-size: 12px;
  color: #777;
  background-repeat: no-repeat;
  border: 0;
}
#content #login p input.login {
  background-image: url(../img/layout/bg-login-cpf.jpg);
  width: 130px;
}
#content #login p input.senha {
  background-image: url(../img/layout/bg-login-senha.jpg);
  width: 100px;
}
#content #login p input#senhaLegenda {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
#content #login p input#senhaEmail {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}
#content #login p input[type="submit"] {
  background-image: url(../img/layout/bt-ok.jpg);
  background-repeat: no-repeat;
  font-size: 10px;
  color: #fff;
  float: right;
  width: 25px;
  padding: 6px 0px 7px 0;
  border: 0;
  cursor: pointer;
}
#content #calendario {
  padding: 0px 0 23px 0;
}

#content #calendario p#msgCalendario {
  padding: 0px 15px 5px 15px;
  font-size: 12px;
  text-align: left;
}

#content #calendario p#msgCalendario .date {
  font-weight: bold;
}

/* Conteudo - Home */

#content #centro {
  margin: 0px 190px;
  color: #333;
}
#content #centro h2.home {
  background-image: url(../img/layout/bg-tit-box-home.png);
  font-size: 16px;
  text-align: center;
}
#content #centro div.boxHome {
  background-image: url(../img/layout/bg-box-home.png);
  background-position: bottom;
  padding: 0 0 15px 0;
  margin-bottom: 7px;
}
/* Conteudo - bem vindo */
#content #centro #bemVindo {
  width: 240px;
  height: 192px;
  float: left;
  padding: 0 20px;
  /*background-image:url(../img/layout/bg-bem-vindo.png);*/
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-size: 13px;
}
#content #centro #bemVindo p {
  padding: 0px 0px 0px 0px;
  margin: 0;
}
/* Conteudo - historia */
#content #centro #historia {
  margin: 0 0px 10px 290px;
  width: 240px;
  height: 192px;
  padding: 0 20px;
  /*background-image:url(../img/layout/bg-historia.png);*/
  background-repeat: no-repeat;
  background-position: 0 7px;
}

#content #centro #historia p.download {
  margin-top: 145px;
  margin-left: 150px;
}
/* Conteudo - Clip CICE */
#content #centro #clipcice {
  width: 280px;
  height: 170px;
  float: left;
  padding: 0px 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 13px;
}
#content #centro #clipcice p {
  padding: 3px 114px 0px 0px;
  margin: 0;
}
/* Pop-up video */
#content #centro #popup-video {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
}
/* Conteudo - informes */
#content #centro #informes {
  height: 19px;
  padding: 15px 10px;
  background-image: url(../img/layout/bg-informes-home.jpg);
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: bold;
  position: relative;
}
#content #centro #informes #sliderInformes li {
  color: #8d2023;
}

/* Conteudo - arquivos */
#content #centro #arquivos {
  height: 180px;
}
#content #centro #arquivos div.arquivo {
  float: left;
  width: 135px;
  height: 169px;
  /* background-image:url(../img/layout/bg-arquivos.png); */
  background-position: bottom;
  background-repeat: no-repeat;
  margin-right: 20px;
  position: relative;
}
#content #centro #arquivos div#cna {
  margin: 0;
}
#content #centro #arquivos div.arquivo p {
  font-size: 12px;
  text-align: center;
  padding: 0 10px 5px 10px;
}
#content #centro #arquivos div.arquivo p.mais,
#content #centro #arquivos div.arquivo p.download {
  position: absolute;
  bottom: 5px;
  text-align: center;
  margin-left: 5px;
  width: 102px;
  display: block;
}

/* Conte?do - Livros */
#content #livros {
  padding: 5px 0 10px 0;
}
#content div.livro {
  float: left;
  width: 46%;
  padding: 0 10px 0 20px;
  font-size: 13px;
  color: #777;
  position: relative;
}

#content #livros.boxHome {
  height: 120px;
}

#content #centro div.livro {
  width: 254px;
}

div.livro p.livro-produtos {
  min-height: 50px;
}

#content #livros div.linha {
  border-right: 1px solid #d6d6d6;
}
#content div.livro img.principal {
  float: right;
  padding: 0 0 0 15px;
}
#content div.livro p {
  padding-top: 12px;
}
#content div.livro p.more {
  margin-right: 5px;
  position: absolute;
  bottom: 0px;
}
#content div.livro p.more a {
  margin-right: 10px;
  color: #777;
  font-size: 12px;
  text-decoration: none;
}

#content #centro #cursos p.more a {
  margin-right: 5px;
  color: #777;
  font-size: 12px;
  text-decoration: none;
}

#content div.livro p.more a img,
#content #centro #cursos p.more img {
  vertical-align: bottom;
}

/* Conte?do - Cursos */
#content #centro #cursos {
  padding: 10px 0 15px 0;
  height: 163px;
}
#content #centro div.col {
  float: left;
  width: 244px;
  height: 161px;
  padding: 0 20px;
  font-size: 13px;
  color: #777;
}
#content #centro #cursos div.borda {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 10px;
}

#content #centro #cursos .curso {
  padding-bottom: 10px;
  height: 70px;
  position: relative;
}

#content #centro #cursos .curso p.download {
  float: left;
  margin-right: 10px;
}

#content #centro #cursos div.linha {
  border-right: 1px solid #d6d6d6;
}
#content #centro #cursos h3 {
  font-size: 13px;
  color: #000;
  font-weight: normal;
  padding: 0px 0 5px 0;
  height: 50px;
}

#content #centro #cursos p.more {
  float: left;
  margin-top: -6px;
}
#content #centro #cursos p {
  padding-bottom: 5px;
}
#content #centro #cursos p.mais {
  float: right;
  padding-right: 70px;
}
.legendaBannerLateral {
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
div.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
/* Rodap? */
#footer {
  background-image: url(../img/layout/bg-content.png);
  background-position: top center;
  background-repeat: repeat-x;
}
#footer div.wrap {
  margin: 0 auto;
  width: 860px;
  color: #000;
  padding: 20px 0px 30px 0;
  font-size: 12px;
}
#footer #footerLinks {
  height: 140px;
  margin-bottom: 20px;
}
#footer div.col {
  float: left;
  width: 189px;
  height: 130px;
  padding: 5px 0;
  text-align: center;
  background-image: url(../img/layout/linha-footer.png);
  background-position: right;
  background-repeat: repeat-y;
}
#footer div.col h4 {
  font-weight: normal;
  padding-bottom: 10px;
}
#footer div.col a {
  color: #000;
  text-decoration: none;
}
#footer div.col a:hover {
  text-decoration: underline;
}
#footer div.col ul {
  text-align: left;
  margin: 0 auto;
  width: 150px;
  list-style: none;
  padding: 0px;
}
#footer div.col ul.centro {
  margin-bottom: 10px;
  width: 110px;
}
#footer div.col ul.centro li {
  text-align: center;
}
#footer div.col ul li a {
  color: #777;
}
#footer #redes {
  background-image: none;
  width: 292px;
}

#footer #pagto {
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding: 9px;
  height: 22px;
  margin-bottom: 20px;
}
#footer #pagto div.wrapPagto {
  width: 285px;
  margin: 0 auto;
}
#footer #pagto p {
  float: left;
  width: auto;
  padding: 3px 3px 0 0;
}
#footer #pagto ul {
  float: left;
  width: 156px;
}
#footer #pagto ul li {
  float: left;
  width: 44px;
  margin-right: 8px;
  list-style: none;
}

#footer #instituicoes {
  text-align: center;
}
#footer #instituicoes ul {
  width: 860px;
  margin: 0 auto;
  height: 60px;
  padding-top: 5px;
}
#footer #instituicoes ul li {
  width: auto;
  /*float:left;*/
  padding: 0 12px;
  list-style: none;
}
#footer .wrap .centro {
  text-align: center;
}

div.multiidioma {
  display: none;
}
div.centralizacao {
  width: 1050px;
  margin: 0 auto;
}
#iframe {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.expe {
  margin: 0 0 5px 0 !important;
  border: none !important;
}

#header div.wrap #logon.index {
  position: absolute;
  top: 0;
  right: 202px;
  background: white;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  box-shadow: 1px 1px 6px 1px #d6d6d6;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 14px 0px 8px;
  height: 29px;
  width: 509px;
  font-size: 12px;
}
#header div.wrap #logon.index form {
  display: inline;
}
span.nao_cadastrado {
  right: 9px;
  display: block;
  position: absolute;
  top: 0px;
  font-size: 10.5px;
  text-align: right;
  line-height: 14px;
}
div#logon.index input[type="submit"] {
  background-image: url(../img/layout/bt-ok.jpg);
  background-repeat: no-repeat;
  font-size: 10px;
  color: #fff;
  margin-left: 2px;
  width: 25px;
  padding: 7px 0px 6px 0;
  border: 0;
  cursor: pointer;
}
div#logon.index input[type="text"] {
  width: 160px;
  border: none;
  border-radius: 5px;
  background: #ebebeb;
  padding: 4px;
  box-shadow: 1px 1px 4px 1px #c7c7c7 inset;
}
div#logon.index input[type="password"] {
  width: 160px;
  border: none;
  border-radius: 5px;
  background: #ebebeb;
  padding: 4px;
  box-shadow: 1px 1px 4px 1px #c7c7c7 inset;
}

.aulas {
  padding-left: 15px;
  margin-bottom: 15px !important;
}
.aulas > input {
  float: left;
  margin-left: -15px;
  margin-top: 3px;
}
.aulasUl {
  margin-top: 10px !important;
}

#container span.itsmemario {
  font-size: 1.2em;
  color: #0064f1;
  text-shadow: 1px 1px 5px #ebd4d4;
  font-weight: bold;
}
#container .itsmetitlemario {
  /*font-size: 1.2em;*/
  color: #1440ff;
  text-shadow: 1px 1px 5px #dadffb;
  font-weight: bold;
}

#content.full .modal h2 {
  background-image: none;
  padding: 0;
  height: auto;
  font-size: 18px;
}

img.setasessao {
  position: absolute;
  transform: rotate(145deg);
  top: 38px;
  right: -3px;
}
.infosessao {
  position: absolute;
  width: 120px;
  font-weight: normal;
  background-color: #e0f1ff;
  padding: 8px;
  border: 2px solid #1d3367;
  top: -13px;
  right: -135px;
  border-radius: 11px;
}
.closesessao {
  position: absolute;
  top: -6px;
  right: -6px;
  color: white;
  background-color: #1d3367;
  padding: 1px 5px 3px 6px;
  border-radius: 160px;
  font-weight: bold;
  cursor: pointer;
}
.closesessao:hover {
  background-color: red;
}