/**************************************************************
PAGINAÇÃO
**************************************************************/
.paginacao{ display: inline-block; margin:0 auto;}
.paginacao div{ padding:5px 10px 5px 10px; position:relative; border:1px solid #CCC; background-color:#CCC; color:#000; float:left; margin:0px 2px 0px 2px; cursor:pointer; text-decoration:none;
-webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s;
}
.paginacao .active{ background-color:#A99563; color:#000;}
.paginacao div:hover{background-color:#A99563; color:#000;}
.paginacao .fa{ padding:0px; margin:0px; }
/**************************************************************
MÓDULO REDES SOCIAIS SHARE
**************************************************************/
.redefacebook,.redetwitter,.redegoogle-plus,.redepinterest{
font-family:Verdana, Geneva, sans-serif;font-size:0.9em;color:#FFF;margin:2px 4px 2px 4px;-webkit-transition: all 0.5s; /* Safari */transition: all 0.51s;}.redefacebook{background:#6d84b4;}.redefacebook:hover{background: #fff;color:#6d84b4;}.redetwitter{background: #68aaea;}.redetwitter:hover{background: #fff;color:#68aaea;}.redegoogle-plus{background: #cd4a30;}.redegoogle-plus:hover{background: #fff;color:#cd4a30;}.redepinterest{color:#FFF;background: #de2a28;}.redepinterest:hover{color:#de2a28;background: #fff;}
/**************************************************************************
MÓDULO DIREITOS
****************************************************************************/
a.termos:link {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #fff; 
}
a.termos:visited {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #fff; 
}
a.termos:hover {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #ccc;
}
a.termos:active {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #fff;
}

a.termos2:link {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #000; 
}
a.termos2:visited {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #000; 
}
a.termos2:hover {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #ccc;
}
a.termos2:active {
font-family: 'Open Sans', sans-serif; font-size:1em; color: #000;
}
/*----------------------------------------------------------------------------------------------------
MÓDULO CAMPANHAS
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
#ModalCampanha .modal-dialog{width:100%;}
}
@media screen and (min-width: 1024px) { /* PARA DISPOSITIVOS GRANDES*/
#ModalCampanha .modal-dialog{width:80%;}
}
#ModalCampanha .modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ModalCampanha .modal-dialog{z-index:99999;}
#ModalCampanha .modal-body
{
    background-color: rgba(0,0,0,0.0);
	box-shadow: none !important;
	border:0px;
}
#ModalCampanha .modal-content
{
    background-color: transparent;
	border:0px;
	box-shadow: none !important;
}
#ModalCampanha .modal-footer
{
 background-color: rgba(0,0,0,0.0);
 border-top:0px;
 box-shadow: none !important;
}

#ModalCampanha .modal-header
{
 background-color: rgba(0,0,0,0.0);
	border-bottom:0px;
	box-shadow: none !important;
}

#ModalCampanha button{opacity:1; font-size:2em; color:#fff; width:30px; height:30px; border:1px solid #fff; border-radius:30px; z-index:2}
#ModalCampanha button:hover{opacity:0.6;}

/*-------------------------------------------------------------------
CONTACTOS
--------------------------------------------------------------------*/

@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
#contactos-map{	width:100%; position:relative; float:left; min-height:200px;}
.mapouter{position:relative;text-align:right;height:200px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:200px;width:100%;}

}
@media screen and (min-width: 1024px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES*/
#contactos-map{	width:100%; position:relative; float:left; min-height:300px;}
.mapouter{position:relative;text-align:right;height:300px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:300px;width:100%;}

}
@media screen and (min-width: 1601px) { /* PARA DISPOSITIVOS MUITO GRANDES*/
#contactos-map{	width:100%; position:relative; float:left; min-height:450px;}
.mapouter{position:relative;text-align:right;height:450px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:450px;width:100%;}

}