/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 
.custom-logo {
: inline-block;
  width: 210px;
  height: 125px;

  /* background: url(../../../images/yootheme/logo.png) 50% 50% no-repeat;
  background-size: contain;*/
}


/* Only Phones (Portrait) */
@media (max-width: 479px) {
  .custom-logo { height: 60px; }
}

/* Alterações no cabeçalho */
 
#headbar99, .custom-logo {
  width: 940px;
  height: 170px;
  background: url(../../../images/banner_topo.jpg);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin:0;
  -moz-background-size:cover; 
  -webkit-background-size:cover; 
  background-size:cover;
  background-repeat:no-repeat; 
}

#header {
  margin: 15 20 0;
}

.mod-articles-category-date {
  font-size: 11px;
}
.wk-slideshow img, .wk-gallery img, .spotlight img, a[data-lightbox] img {border-radius: "4px"}

/* dedinição lista história */

dl.separator_hist dt {
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    text-transform: uppercase;
}
dl.separator_hist dd {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 0 0 1px;
    padding-bottom: 5px;
    padding-top: 5px;
}
dl.separator_hist dt:before {
    border-top: 1px solid #DDDDDD;
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    width: 30px;
}
dl.separator_hist dt:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    content: "";
    height: 5px;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 5px;
}
dl.separator_hist dt:first-child:before, dl.separator_hist dt:first-child:after {
    display: none;
}
dl.separator_hist {
    overflow: hidden;
    padding: 0;
}
dl.separator_hist dt {
    clear: both;
    float: left;
    padding-right: 10px;
    width: 270px;
}
dl.separator_hist dd {
    margin-left: 279px;
    padding-left: 20px;
}

dl.separator_hist.holiday dt{
    width: 220px;
}
dl.separator_hist.holiday dd{
    margin-left: 229px;
}


img.dir_foto{
  float:left;
  margin-right: 10px;
  margin-bottom: 80px;
}

img.dir_foto, span.dir_nome, span.dir_cargo, span.dir_data, span.dir_fone1, span.dir_fone2 {
  display: block;
}

span.dir_nome{
  font-weight: 800;
}

span.dir_cargo{
}

span.dir_data{
}

span.dir_fone1{
}

span.dir_fone2{
}

h3.directory {
  clear: both;
  margin-top: 25px;
}

p.directory {
  margin-bottom: 5px;
}

ol.directory {
  list-style-type: lower-alpha;
}

p.download{
  padding-left: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top-style: ridge;
  border-bottom-style: ridge;
  background-image: url(../../../images/PDF-download-icon2.png);
  background-repeat: no-repeat;
  background-position: left center;
  height: 50px;
  text-align: left;
  vertical-align: middle;
  line-height: 50px;
  font-size: 18px;
}

ul.category-module li h5 {
  background-color:#444; 
  color:#FFF; 
  border-radius:4px; 
  padding:10px; 
  font-size:14px; 
  margin-top:0;
}

ul.category-module {
  margin:0;
  padding:0;
  list-style: none outside none;
}


/* Alterações de cor no stilo do botão para azul mais escuro */
.button-primary {
    background: none repeat scroll 0 0 #213AB1;
    border: 1px solid #213AB1;
}
  
/* icones da lista de links da página inicial */
ul.line > li {
    /*background: url('../../../images/yootheme/mundo.jpg') no-repeat 1em center;*/
    padding-left: 3em; 
    height:1.5em  
}

ul.line li.dfa {
  background: url('../../../images/yootheme/dfa.jpg') no-repeat 1em center;
}

ul.line li.owwa{
  background: url('../../../images/yootheme/departament_of_labor_and_em.jpg') no-repeat 1em 0.4em;
}

ul.line li.poea{
  background: url('../../../images/yootheme/poea.jpg') no-repeat 1em 0.32em;
}

ul.line li.dole{
  background: url('../../../images/yootheme/republic_of_philippines.jpg') no-repeat 1em 0.25em;
}

ul.line li.census{
  background: url('../../../images/yootheme/census.jpg') no-repeat 1em 0.33em;
}

ul.line li.tourism{
  background: url('../../../images/yootheme/departament_of_turism.jpg') no-repeat 1em 0.34em;
}

ul.line li.immigration{
  background: url('../../../images/yootheme/bureau_of_immigration.jpg') no-repeat 1em 0.35em;
}

ul.line li.pagibigfund{
  background: url('../../../images/yootheme/pag_ibig.jpg') no-repeat 1em 0.37em;
}

ul.line li.pra{
  background: url('../../../images/yootheme/philippines_retirement_auth.jpg') no-repeat 1em 0.37em;
}

ul.line li.sss{
  background: url('../../../images/yootheme/sss.jpg') no-repeat 1em 0.37em;
}

ul.line li.op{
  background: url('../../../images/yootheme/op.jpg') no-repeat 1em 0.37em;
}

ul.line li.dti{
  background: url('../../../images/yootheme/dti.jpg') no-repeat 1em 0.37em;
}

ul.line li.nbi{
  background: url('../../../images/yootheme/nbi.jpg') no-repeat 1em 0.37em;
}


ul.line li.oav{
  background: url('../../../images/yootheme/oav.jpg') no-repeat 1em 0.37em;
}

ul.line li.usa{
  background: url('../../../images/yootheme/globo.jpg') no-repeat 1em 0.37em;
}






/* modificação da lista da página downloadble forms*/

.box-download {
  float:left;
  width:41%;
  margin:0 10px 10px 0;
  border:1px solid #DDD;
  background-image: url("../../../images/yootheme/box_download2.png");
  background-color: #edf7fa;
 }

/* Classes do rosapé */

.rod {
    font-size: 0.9em;
    text-indent: 1.90em;
}

.rod_contact {
  background: url('/portal/images/tel.jpg') no-repeat; 
}

.rod_location {
  background: url('/portal/images/endereco.jpg') no-repeat; 
}

.rod_officeHour {
  background: url('/portal/images/relogio.jpg') no-repeat; 
}

/*
Itens da legenda dos Feriados (HOLIDAY)
*/
.holiday_legend {
 padding: 8px;
 margin: 5px;
 border: 1px solid black;
}

.phbr {
 color: #60a348;
 font-weight: 800;
}

.ph {
  color: #284879;
 font-weight: 800;
}

.br {
  color: #7f6d2d;
 font-weight: 800;
}


/*
Coloca os parágrafos e Itens de lista da área de conteúdo com alinhamento justificado
*/
.content p, .content li {
  text-align: justify;
}

/*
Muda a cor de fundo e da barra separadora dos menus de nivel 2
*/
.menu-dropdown .dropdown, .menu-dropdown .dropdown-bg div, ul.level2, ul.level2 li, ul.level2 a, ul.level2 span  {
  background-color: #efefef;
}

.menu-dropdown li.level2{
  border-top: 1px solid #afafaf;
}

/*
formata o título do módulo no innertop
*/
#innertop .grid-h .mod-line .module-title {
  background: none repeat scroll 0 0 #444444;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
  padding: 10px;
}