/*
Nome: SBP
Name: SBP
Description: Site desenvolvido para a Sociedade Brasileira de Patologia
Author: Victor Brito 
Author URI: http://www.criativito.com.br
Version: 1.0License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htmlText 
Domain: Criativito
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');



body{color: #4c4c4c; background: #fff; font-family: 'Roboto', arial, sans-serif; font-weight: 400;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}
table {
    width: 100%;
    background-color: transparent;
}
p{ text-align: justify; }
a, i, img, .aparencia-botao{-webkit-transition: all 250ms ease-out;    -moz-transition: all 250ms ease-out;    -o-transition: all 250ms ease-out;    -ms-transition: all 250ms ease-out;    transition: all 250ms ease-out;}
::-webkit-scrollbar { width:12px; background:#07223e; } /* configurando scroll */
::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); }
::-webkit-scrollbar-thumb { background:#0173ac;
background: -moz-linear-gradient(top, #07223e 0%, #0173ac 20%, #0173ac 80%, #07223e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #07223e 0%,#0173ac 20%,#0173ac 80%,#07223e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #07223e 0%,#0173ac 20%,#0173ac 80%,#07223e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07223e', endColorstr='#07223e',GradientType=0 ); /* IE6-9 */  }
.img{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
a:hover{text-decoration: none;}
/*Barra topo*/
.inscricao-congresso {
    background-color: #5fb6b0;
    color: #fff;
    display: block;
}
.inscricao-congresso:hover {
    color: #fff;
}
.inscricao-congresso p {
    font-size: 16px;
    text-align: left;
    font-family: 'Titillium Web', sans-serif;
}
.inscricao-congresso p img {
    width: 85px;
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.inscricao-congresso p span {
    margin: 12px 0px 0px 20px;
    display: inline-block;
    font-weight: 600;
}
.inscricao-congresso .aparencia-botao {
    background: #13497f;
    padding: 6px;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff!important;
    display: block;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 8px 0 0;
}
.inscricao-congresso .aparencia-botao:hover {
    background: #1b6cbe;
}
/*Fim Barra topo*/
.playft a {
    color: #d5d5d5;
    font-size: 9px;
    padding: 0 0 0 0px;
}
.pareceresPG img{width: 270px; height: auto;}
.playft {
    background: #112d48;
    border-bottom: 3px solid #1f5a92;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0px 0 6px 0;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background: #398f14;
        position: absolute;
    bottom: 0px;
    font-size: 13px;    
    color: #ffffff;
    padding: 9px;
    margin: 0px auto 0 auto!important;
    width: 60%;
    text-align: center;
}
.detalhesEvtcx {
    background: #cacaca;
    padding: 0px 0 15px 0;
    font-size: 13px;
    min-height: 165px;
}
span.wpcf7-not-valid-tip {
    color: #ff0000!important;
    font-size: 12px!important;
    display: block!important;
    text-align: left;
    margin: 0px 0 13px 0;
    line-height: 21px;
}

div.wpcf7-validation-errors {
    background: #ff9900;
    border: none!important;
    position: relative;
    font-size: 13px;
    padding: 11px!important;
    color: #ffffff;
    padding: 9px;
    margin: 0px auto 0 auto!important;
    width: 60%;
    text-align: center;
    position: absolute;
    bottom: -35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 6%;
    z-index: 100;
    border: none;
    color: #f00!important;
    background: #fff;
    padding: 13px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.menuDestaque {
    float: right;
    display: block;
    background: #1f5a92;
    padding: 6px 10px;
    color: #fefefe;
    border-radius: 4px;
}a.menuDestaque:hover{background:#2971b6;}
a.menuPacq {
    background: #3078bc;
    margin-right: 5px;
}
a.menuPacq:hover{background:#1f5a92;}
.reponsa{width: 100%; height: auto;}

#contHome input, #contHome textarea{-webkit-transition: all 250ms ease-out;    -moz-transition: all 250ms ease-out;    -o-transition: all 250ms ease-out;    -ms-transition: all 250ms ease-out;    transition: all 250ms ease-out;}
#contHome input {
    background: #00385e;
    width: 80%;
    margin: 4px 0px;
    display: block;
    float: right;
    border: none;
    font-size: 13px;
    font-style: italic;
    color: #545454;
    padding: 4px 0 5px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #00385e;
    font-style: italic;
}

#contHome textarea {
    background: #00385e;
    width: 80%;
    margin: 4px 0px;
    display: block;
    float: right;
    border: none;
    font-size: 13px;
    font-style: italic;
    color: #545454;
    padding: 4px 0 5px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #00385e;
    height: 175px;
    font-style: italic;
}
#contHome input:focus, #contHome textarea:focus{background: #f2f2f2; border-bottom: 3px solid #095a8f;}
#contHome .mandar {
    background: #3b2856;
    background: -moz-linear-gradient(left, #3b2856 0%, #1487bc 100%);
    background: linear-gradient(to right, #3b2856 0%,#1487bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2856', endColorstr='#1487bc',GradientType=1 );
    display: block;
    padding: 6px 18px;
    float: right;
    color: #ffffff;
    border:none;
    font-weight: 400;
    width: 120px;
    font-style: italic;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-radius: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin: 20px 0 0 0;
}
#contHome .mandar:hover{
    -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -webkit-transform: translateX(6px);  
  transform: translateX(6px);
}

#contHome .mandar:focus {-moz-transform: translateY(-1x);
  -o-transform: translateY(-1x);
  -webkit-transform: translateY(-1x);  
  transform: translateY(-1x);
background: #3b2856;
    background: -moz-linear-gradient(left, #3b2856 0%, #1487bc 100%);
    background: linear-gradient(to right, #3b2856 0%,#1487bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b2856', endColorstr='#1487bc',GradientType=1 );}


/* ----- Geral -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
.descRxe p {
    font-size: 12px!important;
    line-height: 18px!important;
}
.descRxe {
    padding: 30px 0 0 0;
}
iframe {
    margin: 30px auto 15px auto;
    display: block;
}
 .btshomeaz img{}

nav {
    padding: 18px 0;
    position: fixed;
    top: -56px;
    width: 100%;
    z-index: 10;
    background: #f3f3f5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    background: url('../img/sombra.png') repeat-x top left;   
}

.logo-principal-top {
    width: 80px;
}

.smaller {
    padding: 12px 0;
    background: #f3f3f5;
    top: 0px;
    -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.4);
    
}

 .menuPrincipaTop {
    background: none;
    margin: 0px 0 0 0;
    padding: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 32px;
    font-family: 'Titillium Web', sans-serif;
}
 .menuPrincipaTop ul {
    margin: 0;
    padding: 0px;
}
 .menuPrincipaTop li {
    text-transform: uppercase;
    font-size: 13px;
    color: #173752;
    float: left;
    list-style: none;
    padding: 3px 13px;
    line-height: 26px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    position: relative;
}
 .menuPrincipaTop li:hover {
    background: #112d48;}
 .menuPrincipaTop li a:hover,  .menuPrincipaTop li:hover > a{color: #ffffff;}

 .menuPrincipaTop li a{color: #173752;}

 .menuPrincipaTop li:hover > ul {opacity: 1; display: block;}
 .menuPrincipaTop ul li ul {
    display: none;
    opacity: 0;
    position: absolute;
    width: 170px;
    background: #112d48;
    left: 0px;
    top: 32px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);
    z-index: 2;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
 .menuPrincipaTop li ul li {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0 10px 14px;
    font-size: 11px;
    line-height: 15px;
    -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
 .menuPrincipaTop li ul li a{color: #ffffff; display: block; width: 100%;}
 .menuPrincipaTop li ul li:hover{background: #143a5f;}


.abas {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #00527b;
}
.abas span {
    background: #00527b;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 11px;
    line-height: 20px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-family: 'Titillium Web', sans-serif;
}
.imgdest{position: relative;}
.datapst {
    position: absolute;
    background: #0173ac;
    color: #ffffff;
    text-align: center;
    padding: 8px;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 0.75;

    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
}

.datapstEvt {
    background: #e4e4e4;
    color: #585858;
    text-align: center;
    padding: 5px;
    -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
    font-size: 17px;
    width: 100%;
    font-weight: 700;
}
.nomeevtlist {
    background: #d4d4d4;
    text-align: center;
    padding: 10px;
    width: 100%;
    font-size: 13px!important;
    line-height: 18px;
    margin: 0px;
    font-weight: 400!important;
}
.nomeevtlist a {
    background: #d4d4d4;
    text-align: center;
    padding: 10px;
    width: 100%;
    font-size: 16px!important;
    margin: 0px;
    font-weight: 400!important;
}
.listevt {
    min-height: 140px;
    margin: 0 0 30px 0;
}
.eventolink {
    display: block;
    color: #f4f4f4;
    background: #1f5a92;
    text-align: center;
    padding: 5px;
    -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.eventolink:hover{background:#194d7f; color: #ffffff;}

.latartst{}
.latartst .datapstEvt {font-size: 14px;}
.latartst .nomeevtlist {
    font-size: 14px!important;
    line-height: 18px;
    height: auto;
    min-height: auto;
    margin: 0px;
}
.latartst .eventolink {font-size: 11px;}
.latartst .listevt {min-height: auto;}

a.voltarlistarm {
    display: block;
    color: #f4f4f4;
    background: #1f5a92;
    text-align: center;
    padding: 5px;
    text-decoration: none!important;
    width: 80%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 50px auto 0 auto;
}
a.voltarlistarm:hover{background:#194d7f; color: #ffffff;}

.datapstTitcdm {
    position: absolute;
    background: #063248;
    color: #ffffff;
    text-align: left;
    padding: 12px;
    bottom: -10px;
    width: 100%;
    left: 0px;
    z-index: 1;
    opacity: 0.85;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px!important;
    font-weight: 400!important;
}
.listcaso {
    margin: 15px 0 15px 0;
}
.datapstTitcdm a, .nomeevtlist a {    
    color: #ffffff!important;
}
.responsa{width: 100%;}
.imgdest img:hover{opacity: 0.8;}

/* ----- Area artigos e destaque -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */

span.datarodsit {
    font-size: 12px;
}
a.linkmidiaomeir {
    font-weight: 700;
    color: #0E537C;
    font-size: 14px;
}

a.linkrodmidia {
    width: 100%;
    text-align: center;
    display: block;
    font-weight: normal!important;
    padding: 4px 0;
    background: #a9a9a9;
    color: #fff!important;
    font-size: 12px!important;
    text-decoration: none!important;
    text-transform: lowercase;
    margin: 50px auto 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.linkrodmidia:hover{background: #0173ac; color: #ffffff;
-moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);  
  transform: translateY(-3px);}

#destme {
    margin: 0 0 60px 0;
}
.btgrande {
    width: 100%;
    text-align: center;
    display: block;
    padding: 6px 0;
    background: #a9a9a9;
    color: #fff;
    font-size: 12px;    
    margin: 15px auto 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btgrande:hover{background: #0173ac; color: #ffffff;
-moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);  
  transform: translateY(-3px);}

.artdtaque article {
    margin: 0 0 30px 0;
}
.artdtaque article img{width: 100%; height: auto; 
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.artdtaque article img:hover{opacity: 0.85;}
.artdtaque h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
}
.artdtaque h2 a {
color: #575756;
} .artdtaque h2 a:hover{color: #0173ac;}
.artdtaque p {
    font-size: 14px;
    text-align: justify;
}


.ultiart{}
.ultiart article {
    border-bottom: 1px solid #dedede;
}
.ultiart article:last-child{border:none;}
.ultiart article h2 a {
    font-size: 17px;
    color: #575756;
}
.ultiart h2 a:hover{color: #0173ac;}
.ultiart h2 {
    font-weight: 700;
    line-height: 15px;
}
.ultiart article p {
    font-size: 13px;
}

.eventos{}
.eventos article {
    margin: 0 0 15px 0;
}
.eventos h2 {
    line-height: 12px;
    margin: 0px 0 6px 0;
}
.eventos p{}
.eventos a {
    font-size: 15px;
    font-weight: 700;
}
.DataEvt {
    background: #0173ac;
    color: #ffffff;
    text-align: center;
    padding: 8px;
    width: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    height: 47px;
    float: left;
    margin: 0px 9px 9px 0;
}

.table2 {
    width: 100%!important;
    max-width: 100%!important;
}
table.tabela {
    border: none!important;
    margin: 30px 0 0 0;
}

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

th {
    color: #FFF;
    background: #094781;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 14px;
    text-align:center;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {  
  color:#000;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
    background: #FFFFFF;
	color: #000;
}

td:last-child {
  border-right: 0px;
}
.manual-laudos td, .manual-laudos td p {
    font-size: 16px;
    text-align: left!important;
}
th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}
.destaqueTableColor{
    background: #658ab1;
    color: #fefefe;
    border-color: #658ab1;
}
.destaqueTableColor td{
    background: #658ab1!important;
    color: #FFF;
    border-color: #658ab1;
    font-weight: normal!important;
}

.destaqueTableColorEscuro td {
    background: #173453!important;
    color: #fefefe;
    border-color: #658ab1;
    font-weight: normal!important;
}
/* ----- Assuntos profissionais e etc -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
#bpas{margin: 0 0 60px 0;}
.assprof img{width: 100%; height: auto;  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.assprof img:hover{opacity: 0.85;}
.assprof h2 {
   font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 12px 0 0 0;
}
.assprof h2 a{color: #575756;}
.artdtaque h2 a:hover{color: #0173ac;}



/* ----- News -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
#news{background: #e4e4e4; padding:60px 0; margin: 80px 0 0 0 ;}
#newsbox h4 {
    color: #6b6b6b;
    text-transform: uppercase;
    text-align: center;
    font-size: 23px;
    margin: 0 0 12px 0;
}
#newsbox p {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    margin: 0 0 30px 0;
    text-align: center;
}

 input, #newsbox textarea{-webkit-transition: all 250ms ease-out;    -moz-transition: all 250ms ease-out;    -o-transition: all 250ms ease-out;    -ms-transition: all 250ms ease-out;    transition: all 250ms ease-out;}
#newsbox input {
    background: #f3f3f3;
    width: 25%;
    margin: 4px 4px;
    display: block;
    float: left;
    border: none;
    font-size: 13px;
    color: #383838;
    padding: 8px 0 8px 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-style: italic;
}

#newsbox textarea {
    background: #00385e;
    width: 80%;
    margin: 4px 0px;
    display: block;
    float: right;
    border: none;
    font-size: 13px;
    font-style: italic;
    color: #545454;
    padding: 4px 0 5px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #00385e;
    height: 175px;
    font-style: italic;
}

#newsbox .mandar {
    display: block;
    padding: 8px 18px;
    float: left;
    border: none;
    color: #ffffff;
    background: #294267;
    font-weight: 400;
    width: 120px;
    font-style: italic;
    font-size: 14px;
}
#newsbox .mandar:hover{
    -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -webkit-transform: translateX(6px);  
  transform: translateX(6px);
  background: #304f7d;
}
img.ajax-loader {
    width: 16px!important;
    height: 16px!important;
}
.formularioNewsHome {padding: 0 0 0 278px;}


/* ----- Video e parceiros -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
.play img{width: 100%; height: auto;}
.tabdcliens {width: auto;}
.play { margin: 0 0 60px 0;}
.play2 img{width: 100%; min-height: 254px;}
.tabdcliens {width: auto;}
.play2 { margin: 0 0 0px 0;}
.play3 img{width: 100%; height: auto;}
.play3 {}
.postcliquepat {
    background: #e2e2e2;
    border-bottom: 2px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 0px 0px 0;
    display: block;
    color: #14324c;
    margin: 0 0 0px 0;
}
.artclickpat{}
.descp{padding:10px 10px 15px 10px; height: 100px;}
.descp h2 {
    font-size: 15px;
    margin: 0px;
    line-height: 20px;
    color: #505050;
}
.descp p {
    font-size: 13px;
    color: #676767;
    margin: 5px 0 0 0;
    text-align: left;
}

/* ----- header -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */

span.socialTop {
    float: left;
    color: #fff;
}
.socialftr{text-align: right!important;}
.achar {
    padding: 9px 0 0 0;
}
.input1 {
    background: #dadada;
    border-bottom: 1px solid #ffffff;
    border-top: 0px;
    border-left: 0px;
    width: 100%;
    border-right: 0px;
    
    font-weight: 400;
    color: #133d69;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 7px 7px;
    font-size: 13px;
}
#searchform {
    position: relative;
    padding: 40px 0 0 0;
}
input.search_icon {
    position: absolute;
    right: 8px;
    top: 47px;
    width: 14px;
}
a.logoHeader img {
    margin: auto;
}
#header {
    padding: 30px 0 30px 0;
}

.menuPrincipa {
    background: #b4dffd;
    margin: 40px 0 0 0;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    height: 40px;
    font-family: 'Roboto';
}
.menuPrincipa ul {
    margin: 0;
    padding: 0px;
}
.menuPrincipa li {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #015ea1;
    float: left;
    list-style: none;
    padding: 3px 6px;
    line-height: 40px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    position: relative;
}
.menuPrincipa li:hover {
    background: #112d48;}
.menuPrincipa li a:hover, .menuPrincipa li:hover > a{color: #ffffff;}

.menuPrincipa li a{color: #173752;}

.menuPrincipa li:hover > ul {opacity: 1; display: block;}
.menuPrincipa ul li ul {
    display: none;
    opacity: 0;
    position: absolute;
    width: 170px;
    background: #112d48;
    left: 0px;
    top: 40px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.37);
    z-index: 2;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.menuPrincipa li ul li {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0 10px 14px;
    font-size: 12px;
    line-height: 15px;
    -webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.menuPrincipa li ul li a{color: #ffffff; display: block; width: 100%;}
.menuPrincipa li ul li:hover{background: #143a5f;}
.tinynav { display: none;  }

#batopo {margin: 60px 0 60px 0;}
#batopo img:hover{opacity: 0.8;}

/* ----- Banner e casos do mes -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
#becdm {
    margin:10px 0 0px 0;
    background-color: #FFF;
    padding: 30px 0 15px 0;
    /*background: url(../img/fundo_banner.jpg) no-repeat center center; 
	border-top: 1px solid #a1a1a1;
border-bottom: 1px solid #a1a1a1;
	*/
    background-size: cover;

}
.casoHome span {
    font-weight: 700;
    font-size: 18px;
}
.tabdcliens img{height: 300px;}
.casoHome img { height: 300px;}
.casoHome{position: relative; height: auto;}
.datacaso {
    position: absolute;
    background: #00527b;
    color: #ffffff;
    text-align: left;
    padding: 8px;
    top: 6px;
    line-height: 15px;
    left: 6px;
    z-index: 1;
    opacity: 0.95;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}
.vercaso {
    position: absolute;
    background: #0173ac;
    color: #ffffff;
    text-align: center;
    padding: 6px 18px;
    bottom: 6px;
    right: 6px;
    z-index: 1;
    opacity: 0.85;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
}.vercaso:hover{opacity: 1;color: #ffffff;}


.tituloMain {  
  font-size: 30px;
  margin: 20px 0 0 15px;
  font-weight: 700;
  color: #272727; }

#contador{background-color: #FFF; padding: 0px; margin: 0px; position: relative;}
#main{background-color: #FFF; padding: 0px; margin: 0px; position: relative;}
#localizacao{background-color: #FFF; padding: 0px; height: 200px; margin: 0px; position: relative;}

/* ----- Rodapé -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
#footer{background-color: #f87f0b;
    border-top: 3px solid #ffc600;
    padding: 30px 0 0 0;
    margin: 0px 0 0 0;
    background: url(../img/fundo_rodape.jpg) no-repeat center center;
    background-size: cover;}
.logorod{width: 100%; height: auto; margin:30px 0;} 
.bnrrod{float: right; width: auto; height: auto; margin:30px 0;}

.linksRod {
    margin: 0 0 30px 0;
    color: #FFF;
}
.linksRod h5 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.linksRod ul {
    margin: 0;
    padding: 0;
}
.linksRod li {
    list-style: none;
    font-size: 12px;
    line-height: 18px;
}
.linksRod li a {
    color: #FFF;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.linksRod li a:hover {
    color: #ffffff;
  -moz-transform: translateX(6px);
  -o-transform: translateX(6px);
  -webkit-transform: translateX(6px);  
  transform: translateX(6px);
}
.copy {
    background: #1e1811;
    padding: 10px 0;
    font-size: 10px;
    color: #FFF;
    line-height: 15px;
}
.copy p {
    margin: 0;
    text-align: left;
}
.copy i {
    float: right;
    margin: 0 0 0 6px;
    font-size: 15px;
}

.copy a {
    color: #cecece;
} .copy a:hover{color: #ffffff;}

.relacionados {
    margin: 90px 0 0 0;
}

.artigosclasse img{width: 100%;}
.wpvq {
    width: 100%!important;
    max-width: 100%!important;
    font-family:'Titillium', arial, helvetica;
}
.artrevista img {
    height: auto;
}
/* ----- Header -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */

.headhid {
    background: #015ea1;
    padding: 10px 0;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
}
.headhid i {
    float: left;
    margin: 0 0 0 6px;
    font-size: 15px;
}
.headhid a {
    color: #fff;
} .headhid a:hover{color: #ffffff;}

.areaassociado {
    background: #002f6b;
    padding: 10px 14px;
    position: absolute;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF!important;
    right: 0px;
    top: -10px;
} .areaassociado:hover{background: #005fd9;}


/* ----- Single -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
.alignleft {
    float: left;
    margin: 0 21px 10px 0px;
    width: auto!important;
    height: auto!important;
}
.alignright {
    float: right;
    margin: 0 0 10px 21px;
    width: auto!important;
    height: auto!important;
}
#artInt h1{
    font-weight: 700;
    font-size: 30px;
    font-style: italic;
}

#artInt h2 {
    font-weight: 700;
    font-size: 27px;
    margin: 30px 0 12px 0;
}

.Titmateria {
    font-weight: 700;
    font-size: 42px;
    display: inline-block;
    margin: 0px 0 15px 0;
}

#artInt h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 30px 0 12px 0;
}

#artInt h4 {
    font-weight: 700;
    font-size: 17px;
    font-style: italic;
    margin: 30px 0 12px 0;
}
#artInt ul, #artInt ol {
    font-weight: 400;
    margin: 0 0 21px 0;
    font-size: 15px;
    line-height: 26px;
}
#artInt p {
    font-weight: 400;
    font-size: 16px;
    margin: 0px 0 21px 0;
    line-height: 25px;
    text-align: justify;
}
.aligncenter {
    margin: 15px auto;
    display: block;
    max-width: 100%;
}
#artInt a { 
    color: #3799ee;
    text-decoration: none!important;
}
#artInt a:hover { 
    color: #1173c9;
}
#artInt blockquote {
    padding: 15px 24px;
    margin: 45px auto;
    font-style: italic;
    text-align: center!important;
    width: 80%;
    border: none;
    font-size: 25px!important;
    background: #ebebeb;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#artInt blockquote p {
    text-align: center;
    margin: 0;
}
.hrAzul {
    margin-top: 0;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #0066cc;
    width: 100%;
}

.hrLaranja {
    margin-top: 0;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #ff6600;
    width: 100%;
}

.btCliqueptl {
    width: 100%;
    text-align: center;
    display: block;
    padding: 6px 0;
    background: #005884;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    margin: 15px auto 0 auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btCliqueptl:hover{background: #0173ac; color: #ffffff;
-moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);  
  transform: translateY(-3px);}

#artInt ul {font-weight: 400;}
strong{font-weight: 700;}
.gallery-item img {
    border: 0px;
    width: 85%;
    height: auto;
}
.gallery img {
    border: 0px solid #cfcfcf!important;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.gallery img:hover{opacity: 0.6;}

.mapast {
    display: block;
    width: 200px;
    margin: 0 auto 20px auto;
    text-align: center;
    background: #ffb670;
    padding: 3px 10px;
    color: #000;
}.mapast:hover{background: #c64b00; color: #fff; }

.lateralArtcleint{text-align: center;}
.lateralArtcleint p {
    text-align: center!important;
    font-size: 14px!important;
    margin-bottom: 29px!important;
}

.compartilharme {
    width: 113px;
    margin: auto;
}

.compartilharme iframe{
border: none;
    overflow: hidden;
   width:70px!important;
    height: 20px;}

.imgtopbl img{width: 100%; height: auto;margin: 0px 0 15px 0;}
.imgtopbl {
    background: #112d48;
    border-bottom: 3px solid #1f5a92;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 0 30px 0;
}
.imgtopbl h2 {
    color: #dedede;
    font-weight: 400!important;
    padding: 0px 15px;
    margin: 0px 0 12px 0!important;
    font-size: 26px!important;
}
aside img {
    width: 100%;
    height: auto;
}
/* ----- cod geral -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */
.barraTitGeral{background-color: #112d48;
    padding: 30px 0;
    border-bottom: 3px solid #1f5a92;
    margin: 0 0 60px 0;
    background: url(../img/farq.jpg) no-repeat center center;
    background-size: cover; padding: 30px 0;border-bottom: 3px solid #1f5a92; margin: 0 0 60px 0;}
.barraTitGeral a {
    color: #dedede;
    font-size: 29px;
    text-transform: uppercase;
}
.barrraTitGeral h1{margin: 15px 0;}
#adftr {margin: 90px 0 60px 0;}

#adftr img {width: 100%; height: auto;}
.formularioNewsInterno {
    background: #306496;
    padding: 30px;
    height: 178px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input, .formularioNewsInterno textarea{-webkit-transition: all 250ms ease-out;    -moz-transition: all 250ms ease-out;    -o-transition: all 250ms ease-out;    -ms-transition: all 250ms ease-out;    transition: all 250ms ease-out;}
.formularioNewsInterno input {
    background: #f3f3f3;
    width: 45%;
    margin: 4px 12px 12px 12px;
    display: block;
    float: left;
    border: none;
    font-size: 13px;
    color: #383838;
    padding: 8px 0 8px 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-style: italic;
}

.formularioNewsInterno textarea {
    background: #00385e;
    width: 80%;
    margin: 4px 0px;
    display: block;
    float: right;
    border: none;
    font-size: 13px;
    font-style: italic;
    color: #545454;
    padding: 4px 0 5px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 3px solid #00385e;
    height: 175px;
    font-style: italic;
}
.formularioNewsInterno .mandar {
   padding: 8px 18px;
    border: none;
    color: #ffffff;
    background: #294267;
    font-weight: 400;
    width: 120px;
    font-style: italic;
    font-size: 14px;
    float: none;
    margin: 0px auto;
    display: block;
}
.formularioNewsInterno .mandar:hover{background: #304f7d;}




.falaconform textarea{-webkit-transition: all 250ms ease-out;    -moz-transition: all 250ms ease-out;    -o-transition: all 250ms ease-out;    -ms-transition: all 250ms ease-out;    transition: all 250ms ease-out;}
.falaconform input, .falaconform select, .falaconform textarea {
    background: #d4d4d4;
    width: 100%;
    margin: 4px 12px 0px 0px;
    display: block;
    border: none;
    font-size: 13px;
    color: #383838;
    padding: 4px 0 5px 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-style: italic;
}
 
.falaconform .mandar2 {
    padding: 8px 18px;
    border: none;
    color: #ffffff;
    background: #294267;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
}
.falaconform .mandar2:hover{background: #17345f;}

.saba > a:first-child{cursor: default!important;}



.formularioNewsInterno h4 {
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
}
.barraTitGeral h1 {
    color: #dedede;
    text-transform: uppercase;
    font-size: 29px;
    margin-top: 12px;
}

.artrevista{}
.descrev {
    background: #112d48;
    padding: 9px 12px;
}
.descrev h2 {
    margin: 0px;
    color: #d8d8d8;
    font-size: 16px;
    text-align: center;
}
.downrev{background: #1f5a92; color: #cdcdcd;display: block; width: 100%; padding
:5px; text-align: center;}
.downrev:hover{background: #2871b5; color: #cdcdcd;}

.menuRev{}
.menuRev span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    background: #112d48;
    color: #d8d8d8;
    padding: 3px 10px 5px 10px;
    float: left;
    display: block;
    margin: 3px 0 0 0;
}
.menuRev ul {
    padding: 0px;
    margin: 0px;
    float: left;
}
.menuRev li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    background: #1f5a92;
    color: #d8d8d8;
    padding: 3px 10px 5px 10px;
    float: left;
    display: block;
    margin: 3px 0px 0 3px;
    -webkit-transition: all 250ms ease-out;    -moz-transition: all 250ms ease-out;    -o-transition: all 250ms ease-out;    -ms-transition: all 250ms ease-out;    transition: all 250ms ease-out;
} .menuRev li:hover{background: #2572bb;}
.menuRev li a {
    color: #d8d8d8;
}.menuRev li a:hover{color: #d8d8d8;}
.relacionadosrev{margin:30px 0 0 0;}

.expresi{ text-align: center;  height: 300px;}
.expresi img{ width: 100%; height: auto;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.expresi img:hover{opacity: 0.8;}
.expresi h3 {
    font-size: 17px!important;
    margin: 10px 0 0 0!important;
}
.expresi h3 a {
    color: #112d48;
    text-decoration: none!important;
}
.separaTop0{margin-top: 30px;}
.artareablog {
    height: 500px;
}
.descArtLat span {
    background: #112d48;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #e1e1e1;
    text-align: left;
    padding: 3px 9px;
    font-family: 'Titillium Web', sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.descArtLat {
    background: #dfdfdf;
    margin: 0 0 15px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    text-align: left;
}
.descArtLat img {
    width: 22px;
    height: auto;
    margin: 5px 5px;
}
.descArtLat img:hover{opacity: 0.75;}
.descArtLat div {
    padding: 6px;
}
.size-full {
    width: 100%;
    height: auto;
}
.catpst {
    bottom: 0px;
    right: 0px;
    position: absolute;
    background: #054869;
    color: #ffffff!important;
    text-align: center;
    padding: 6px 8px;
    z-index: 1;
    opacity: 0.85;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}
.catpst a{color: #ffffff!important;}

#navegacdm {
    width: 100%;
    margin: 50px auto 0 auto;
}
#navegacdm a{
    color: #fefefe;
}
span.antcdm {
    float: right;
}
span.proxcdm {
    float: left;
}
.proxcdm a i{margin: 0 10px 0 0px;}
.antcdm a i {margin: 0 0 0 10px;}
.proxcdm a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    background: #1f5a92;
    color: #d8d8d8;
    text-decoration: none!important;
    float: left;
    padding: 7px 15px 6px 15px;
    display: block;
    text-transform: uppercase;
    margin: 0 0px 0 3px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.antcdm a {
        -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    background: #1f5a92;
    text-transform: uppercase;
    color: #d8d8d8;
    padding: 7px 15px 6px 15px;
    text-decoration: none!important;
    float: left;
    display: block;
    margin: 0 0px 0 3px;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}
.antcdm a:hover, .proxcdm a:hover{background: #2572bb;color:#fff!important;}


.ProximaPaginaBlog a {
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    background: #1f5a92;
    color: #d8d8d8;
    padding: 5px 10px 5px 10px;
    float: left;
    display: block;
    margin: 0 0px 0 3px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.ProximaPaginaBlog a::after {content:" >"; font-weight: bold;}

.PaginaAnteriorBlog a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    background: #1f5a92;
    color: #d8d8d8;
    padding: 5px 10px 5px 10px;
    float: left;
    display: block;
    margin: 0 0px 0 3px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.PaginaAnteriorBlog a::before {content: "< "; font-weight: bold;}

.PaginaAnteriorBlog a:hover, .ProximaPaginaBlog a:hover{background: #2572bb;}
#NavegacaoBlog {
    width: 228px;
    margin: auto;
}
#PatrocinioMetade {
    clear: both;
    text-align: center;
    padding: 0px 0 60px 0;
}
#PatrocinioMetade img {
    width: 90%;
    height: auto;
    max-width: 728px;
}

.bannerfinal img {
    width: 100%;
    height: auto;
    max-width: 728px;
    margin: 52px 0;
    float: right;
}

.opat img{width: 100%;
    height: auto;
    max-width: 450px;
    margin: auto;}
.admidhome img{width: 100%;
    height: auto;
    max-width: 450px;
    margin: auto;}

.play iframe {
    width: 100%;
}
.detalhesEvtPag {
    margin: 0 0 30px 0;
}
.detalhesEvtPag p{
    font-size: 14px!important;
    margin: 0px 0 6px 0!important;
    }
.detalhesEvtPag i{color: #306496;font-size: 17px;margin: 0 4px 0 0;}
.suppesq{margin: 0px!important;}
.artigosprocura article a{}
.artigosprocura article h2{}
.resultadopesq {
    background: #e2e2e2;
    border-bottom: 2px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 14px;
    display: block;
    color: #14324c!important;
    margin: 0 0 4px 0;
}

.item-novidade {
    background: #cfe2e2;
}
.resultadopesq:hover, .item-novidade:hover{background: #112d48; border-bottom: 2px solid #1f5a92; color: #ffffff!important;}
.resultadopesq2 {
background: #e2e2e2;
    border-bottom: 2px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 14px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #14324c;
    margin: 0 0 4px 0;
}
.resultadopesq2:hover{background: #112d48; border-bottom: 2px solid #1f5a92; color: #ffffff;}
.navegasearch{}
section.parctop {
    margin: 0 0 20px 0;
}
.arkhome {
    background: #e2e2e2;
    border-bottom: 2px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 14px;
    display: block;
    color: #14324c;
    margin: 0 0 4px 0;
    font-family: 'Titillium Web', sans-serif;
}
.arkhome:hover{background: #112d48; border-bottom: 2px solid #1f5a92; color: #ffffff;}

#searchformParc input {
    background: #cecece;
    border: none;
    padding: 6px 5px 6px 5px;
    width: 80%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 2% 20px 0;
}
#searchformParc .inlineSubmit {
    background: #3aa7f5;
    border: none;
    color: #fefefe;
    padding: 6px 5px 6px 5px;
    width: 17%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px 0!important;
}
.associemenu {
    background: #0173ac;
    color: #ffffff;
    height:  40px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.associemenu a{color: #ffffff!important;}

.peg {font-weight: 700;}
.peg a {
background: #e2e2e2;
    border-bottom: 2px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    container
    padding: 3px 14px;
    display: block;
    color: #14324c;
    margin: 0 0 4px 0;
    font-weight: 400;
    text-decoration: none!important;
}
.peg a:hover{background: #2572bb; border-bottom: 2px solid #0173ac; color: #ffffff;}
.selorod {
    margin: 54px 0 0 0;
}
.ZoomContainer {
    height: 500px;
    width: 100%;
}
#myContainer {
    height: 500px;
    width: 100%;
}


.dirMembro {
    margin: 15px 0 15px 0;
    height: auto;
}
.dirMembro h3 {
    font-size: 13px!important;
    text-align: center;
    margin: 12px 0 6px 0!important;
}
.dirMembro p {
    font-size: 11px!important;
    text-align: center!important;
    line-height: 15px!important;
}
.dirMembro img {
    width: 100%;
    height: auto;
}

.pareceresestilo {
    background: #e2e2e2;
    border-bottom: 2px solid #d2d2d2;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 15px 15px;
    display: block;
    color: #14324c;
    margin: 0 0 20px 0;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.pareceresestilo:hover{background: #dcdcdc;}
.pareceresestilo a {
    font-weight: 700;
    text-decoration: none!important;
}
.pareceresestilo p {
    font-size: 14px!important;
    line-height: 19px!important;
}
.pareceresestilo h3 {
    margin: 0px 0 8px 0!important;
}
.pareceresestilo h3 a {
    text-transform: uppercase;
    text-decoration: none!important;
    color: #656565;
    font-size: 18px!important;
} .pareceresestilo h3 a:hover{color: #112d48;}

/* ----- página do livro ----- */
article#artInt div.mdlhisto div.wp-caption {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

article#artInt div.mdlhisto div.wp-caption p.wp-caption-text {
    font-size: 12px;
    text-align: center;
    display: block;
}
article#artInt div.mdlhisto h3.titulo-diferente {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
}
article#artInt div.mdlhisto ul {
    list-style: none;
}
article#artInt div.mdlhisto ul > li::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #333;
    background-color: transparent;
    margin-right: 8px;
    vertical-align: text-top;
}
article#artInt div.mdlhisto p > strong {
    display: inline-block;
}

/* ----- ÁREA DISPOSITIVOS MOVEIS -----
---------------------------------------------------------------------------
--------------------------------------------------------------------------- */

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .menuPrincipa li {font-size: 11px;}
    .formularioNewsInterno input {margin: 4px 8px 12px 11px;}
    .formularioNewsInterno {padding: 6px 31px;height: 146px;}
    .play iframe {height: 119px;}
    .tabdcliens img{height: 246px;}
.casoHome img { height: 246px;}
a.logoHeader img {margin: 28px auto 0 auto;}
.inscricao-congresso p {
    font-size: 13px;
}
}

   



   @media screen and (max-width: 991px) and (min-width: 767px) { 
    .logo {
        background-color: white;
    }
    .logo img {
        margin: auto;
    }
    .nome-congresso {
        padding: 15px 40px;
        text-align: center;
    }
    .inscricao-congresso p {
        font-size: 26px;
        text-align: center;
        line-height: 31px;
    }
    .inscricao-congresso a {
        padding: 11px;
        font-size: 14px;
        width: 200px;
        margin: 24px auto 5px;
    }


     a.menuDestaque {
    width: 49.6%;
    margin-top: 5px;
    font-size: 10px;
    text-align: center;
}
a.menuPacq {
    float: left;
}
    .artdtaque{margin: 0 0 30px 0;}
    .formularioNewsHome {padding: 0px 0 0 122px;}
    #footer {padding: 0px 0 0 0;}
    .menuPrincipa li {font-size: 12px;}
    .tinynav {
    display: block;
    width: 100%;
    height: 32px;

}
.assprof h2 {font-size: 12px;line-height: 15px;}
.play iframe {height: 194px;}
    #menu-sbp, #menu-sbp-1{display: none;}
    #searchform {padding: 12px 0 0 0;}
.menuPrincipa {margin: 29px 0 0 0;}
input.search_icon {top: 20px;}
#artInt h2 {font-size: 30px;}
.barraTitGeral a {font-size: 15px;}
.barraTitGeral {padding: 25px 0 9px 0;margin: 0 0 34px 0;}
.barraTitGeral h1{margin-top: 0px;}
.formularioNewsInterno {margin: 30px 0 0 0;}
.descrev h2 {font-size: 12px; }
.downrev {font-size: 12px; }
.tabdcliens img{height: 188px;}
.casoHome img { height: 188px;}
.datacaso {font-size: 11px;}
.casoHome span {font-size: 14px;}
.play3 {min-height: 239px;}
.datapstTitcdm {line-height: 13px!important;font-size: 11px!important;padding: 10px;}
.dirMembro p {font-size: 13px!important;line-height: 15px!important;}
.dirMembro h3 {font-size: 13px!important;text-align: center;margin: 12px 0 0 0!important;}
.descArtLat span {font-size: 11px;}
}


  /* styles for mobile */  
  @media screen and (max-width: 768px) and (min-width: 300px) {
    .logo {
        background-color: white;
    }
    .logo img {
        margin: auto;
    }
    .nome-congresso {
        padding: 15px 40px;
        text-align: center;
    }
    .inscricao-congresso p {
        font-size: 20px;
        text-align: center;
        line-height: 26px;
    }
    .inscricao-congresso a {
        padding: 11px;
        font-size: 14px;
        width: 200px;
        margin: 17px auto 0px;
    }
    a.menuDestaque {
    width: 49%;
    margin-top: 5px;
    font-size: 10px;
    text-align: center;
}
a.menuPacq {
    float: left;
}
    .artdtaque{margin: 0 0 30px 0;}
    .ultiart{margin: 0 0 15px 0;}
    .ass{margin: 60px 0 60px 0;}
    .assprof article {margin: 0 0 40px 0;}
    .formularioNewsHome {padding: 0px 0 0 0;}
    #newsbox input {width: 100%;}
    #newsbox .mandar {
    display: block;
    padding: 8px 18px;
    margin: 10px auto;
    border: none;
    color: #ffffff;
    background: #294267;
    font-weight: 400;
    float: none;
    width: 120px;
    font-style: italic;
    font-size: 14px;

}

.smaller .menuPrincipa li {padding: 3px 9px;}
.play iframe 
{height: 226px;}
.pars { margin: 0px 0 0 0;}
#footer {padding: 0px 0 0 0;}
.logorod {width: 41%;height: auto; margin: 30px auto 0 auto;}
.copy p {text-align: center;}
.copy i {float: none;margin: 12px 0 12px 6px;}
.copy {padding: 15px 0 15px 0;}
.casoHome {height: 106px; overflow: hidden; margin: 30px 0 0 0;}
.areaassociado {right: 13px;top: -25px;}
#menu-sbp, #menu-sbp-1{display: none;}
.tinynav {
    display: block;
    width: 100%;
    height: 32px;
}
#batopo img{margin: 0 0 20px 0;}
a.logoHeader img {width: 75%;}
#searchform {padding: 12px 0 0 0;}
.menuPrincipa {margin: 29px 0 0 0;}
input.search_icon {top: 20px;}
#artInt h2 {font-size: 25px;}
.barraTitGeral a {font-size: 15px;}
.barraTitGeral {padding: 9px 0;margin: 0 0 34px 0;}
.barraTitGeral h1{margin-top: 12px; font-size: 22px;}
.artigosclasse {margin: 0px 0 30px 0;}
.formularioNewsInterno {margin: 30px 0 0 0;}
.formularioNewsInterno {padding: 5px;}
.formularioNewsInterno input {width: 80%; margin: 11px auto;float: none;}
.artigosclasse {margin-bottom: 30px;}
.menuRev li {margin: 3px 4px 0px 0px;}
.bannerfinal img {margin: 26px 0;}
.selorod {margin: 22px auto;width: 45%;}
.play2 {margin: 0 0 30px 0;}
.tabdcliens img{height: auto;}
.casoHome img { height: auto;}
span.socialTop {display: none;}
p.socialftr {display: none;}
.tabdcliens {height:auto;}
.play3 { min-height: auto; margin: 0 0 40px 0;}
.opat img, .admidhome img {width: 100%;height: auto; max-width: 100%;}
.menuRev {padding: 15px;}
.relacionadosrev {padding: 0 15px;}
.expresi {height: auto; margin: 0 0 60px 0;}
.dirMembro p {font-size: 13px!important;line-height: 15px!important;}
.dirMembro h3 {font-size: 13px!important;text-align: center;margin: 12px 0 0 0!important;}
.descArtLat span {font-size: 7px;letter-spacing: 0.45px;}
.descArtLat img {height: auto; margin: 5px 2px;}
aside#sidebr {margin: 120px 0 0 0;}
}

/*estilo quiz*/
.lista-opcoes-resposta ul,
.lista-opcoes-resposta ol {
    list-style: none;
    padding: 0;
}
.lista-opcoes-resposta ul > li,
.lista-opcoes-resposta ol > li {
    display: block;
    padding: 10px 25px;
    font-weight: 700;
    background-color: #eaeaea;
    border: 1px solid #e0e0e0;
    margin: 0 0 10px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.lista-opcoes-resposta ul > li:hover,
.lista-opcoes-resposta ol > li:hover {
    background-color: #fff195;
}
.descricao-resposta {
    border: 1px solid #e0e0e0;
    padding: 20px;
}
.descricao-resposta span.resposta-errada {
    color: #ff7775;
    font-weight: 700;
    font-size: 16px;
}
.descricao-resposta span.resposta-correta {
    color: #23b30d;
    font-weight: 700;
    font-size: 16px;
}
.lista-opcoes-resposta ul > li.opcao-correta,
.lista-opcoes-resposta ol > li.opcao-correta {
    background: #23b30d;
    color: #fefefe;
}
.lista-opcoes-resposta ul > li.opcao-errada,
.lista-opcoes-resposta ol > li.opcao-errada {
    background: #fd797b;
    color: #fefefe;
}


/*CONTEUDO*/

#conteudo2 { background:#FFFFF; padding:20px 0; }

#conteudo2 img { max-width:940px;height: auto;}

#conteudo2  button{ background-color:#0072B9; color:#FFF; font-size:16px; margin:5px;border: none;padding: 4px 10px;border-radius: 4px; }
#conteudo2  button:hover{ background-color:#DF1279; }


#conteudo2 .texto { background:#FFFFFF; padding:0 20px 20px 20px; /*border:solid 1px #bbbbbb;*/ border-radius:5px; color:#333 !important; font-size:15px;font-family: 'Roboto', sans-serif;  }

#conteudo2 .texto .titulo { border-bottom:1px solid #CCC;padding: 5px 0;margin-bottom: 10px; }
#conteudo2 .texto .titulo h1 { text-transform:uppercase; }
#conteudo2 .texto .titulo .mapa { float:right; font-size:12px;margin-top: 25px; text-transform:lowercase;  }

#conteudo2 a{ color:#0072B9;}
#conteudo2 a:hover{ color:#DF1279;}

#conteudo2 .voltar { float:right;}
#conteudo2 .voltar button {background-color:#CCC; color:#333; font-size:14px; border: none;padding:0;border-radius: 4px; width:45px;}

#conteudo2 button{ background: #DF1279;border: 0;border-radius: 5px 5px; margin:0; height:32px;}

#conteudo2 .fotos {max-width:430px;margin: 5px;padding: 10px;background-color: #dddddd;border-radius: 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#conteudo2 .box_cinza { margin:8px 10px; text-align:center;  background-color:#E3E3E3; padding:10px; border:solid 1px #BBBBBB; border-radius:8px;}

@media screen and (max-width: 980px) {
#conteudo2 .texto { font-size:13px;}
#conteudo2 .texto .titulo .mapa { display:none;  }
#conteudo2 .texto img { max-width: 100%; height: auto;  }
#conteudo2 blockquote { margin:5px; }

#conteudo2 .social .what{display:block; float:left; }

#conteudo2 iframe { width:100%;}

}

@media screen and (max-width: 600px) {
#conteudo2 .videos { width:100%; height:250px; }

}

.boxResumos {
  width: 100%;
  min-height: 190px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 2px 2px 10px 0 rgba(120,135,182,.5);
  text-align: left;
  padding: 15px 10px;
  margin-bottom: 30px;
  cursor: initial;
}

.boxResumos:hover {
background-color: #cbe0fc;
	color: #000;
}

.boxResumos img {
  width: 50%;
}

.boxResumos h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color:  #24a5db;
  margin: 10px 0;
}

.boxResumos p {
  margin-bottom: 10px;
}

.boxResumos .action {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .boxResumos {
    min-height: auto;
  }
}



.BoxHomeProjeto {
  width: 100%;
  min-height: 190px;
	color: #144b34;
  display: inline-block;
  background-color: #FFF;
-webkit-box-shadow: 7px 9px 22px 1px rgba(143,176,166,1);
-moz-box-shadow: 7px 9px 22px 1px rgba(143,176,166,1);
box-shadow: 7px 9px 22px 1px rgba(143,176,166,1);
  text-align: left;
  padding: 15px 20px;
  margin-bottom: 30px;
  cursor: initial;
}

.BoxHomeProjeto:hover {
background-color: #d5ffed;
	color: #000;
}

.BoxHomeProjeto img {
  width: 50%;
}

.BoxHomeResumo h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color:  #144b34;
  margin: 10px 0;
}

.BoxHomeProjeto p {
  margin-bottom: 10px;
}

.BoxHomeResumo .action {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .BoxHomeProjeto {
    min-height: auto;
  }
}



.BoxHomeAutor {
  width: 100%;
  min-height: 190px;
	color: #000;
  display: inline-block;
  background-color: #f0f0f0;
-webkit-box-shadow: 7px 9px 22px 1px rgba(120,135,182,.5);
-moz-box-shadow: 7px 9px 22px 1px rgba(120,135,182,.5);
box-shadow: 7px 9px 22px 1px rgba(120,135,182,.5);
  text-align: left;
  padding: 15px 20px;
  margin-bottom: 30px;
  cursor: initial;
}

.BoxHomeAutor:hover {
background-color: #e6e6e6;
	color: #000;
}

.BoxHomeAutor img {
  width: 50%;
}



button.botaoProjeto {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;
	color: #144b34;
	padding: 5px; height: 30px;
	background-color: Transparent;
    background-repeat:no-repeat;	
	border-radius: 3px;
	border: 1px solid #144b34;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
}
button.botaoProjeto {
  transition-duration: 0.4s;
}

button.botaoProjeto:hover {
  background-color: #0153a6; /* Green */
  color: white;
}


button.botaoProjeto {
  transition-duration: 0.4s;
}

button.botaoProjeto:hover {
  background-color: #144b34; /* Green */
  color: white;
}








.BoxHomeResumo {
  width: 100%;
  min-height: 190px;
  display: inline-block;
  background-color: #FFF;
-webkit-box-shadow: 7px 9px 22px 1px rgba(106,135,173,1);
-moz-box-shadow: 7px 9px 22px 1px rgba(106,135,173,1);
box-shadow: 7px 9px 22px 1px rgba(106,135,173,1);
  text-align: left;
  padding: 15px 20px;
  margin-bottom: 30px;
  cursor: initial;
}

.BoxHomeResumo:hover {
background-color: #e0edfe;
	color: #000;
}

.BoxHomeResumo img {
  width: 50%;
}

.BoxHomeResumo h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color:  #24a5db;
  margin: 10px 0;
}

.BoxHomeResumo p {
  margin-bottom: 10px;
}

.BoxHomeResumo .action {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .BoxHomeResumo {
    min-height: auto;
  }
}



button.botaoResumo {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px;
	color: #0153a6;
	padding: 5px; height: 30px;
	background-color: Transparent;
    background-repeat:no-repeat;	
	border-radius: 3px;
	border: 1px solid #0153a6;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
}
button.botaoResumo {
  transition-duration: 0.4s;
}

button.botaoResumo:hover {
  background-color: #0153a6; /* Green */
  color: white;
}


button.botaoProjeto {
  transition-duration: 0.4s;
}

button.botaoProjeto:hover {
  background-color: #005d3d; /* Green */
  color: white;
}