* { margin: 0; padding: 0; box-sizing: border-box; }

body {
margin: auto;
max-width: 1500px;
min-width: 1300px;
background-color: lavender;
background-image: url('../../midias/background/back7.jpg');
background-repeat: repeat;
background-attachment: fixed;	
background-size: 100% 100%;
}


/* parte das fontes */

@font-face {
  font-family: 'fontes';
  src: url('/midias/fontes/fontello.eot?14');
  src: url('/midias/fontes/fontello.eot?14') format('embedded-opentype'),
       url('/midias/fontes/fontello.woff2?14') format('woff2'),
       url('/midias/fontes/fontello.woff?14') format('woff'),
       url('/midias/fontes/fontello.ttf?14') format('truetype'),
       url('/midias/fontes/fontello.svg?14') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontes';
    src: url('/midias/fontes/fontello.svg?14') format('svg');
  }
}
*/
 
 [class^="icone_"]:before, [class*=" icone_"]:before {
  font-family: "fontes";
  font-style: normal;
  font-weight: normal;
  speak: none;
  
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icone_enviar:before { content: '\f0a9';} /* '' */ 
.icone_imagem:before { content: '\e816';} /* '' */
.icone_encerrar:before { content: '\e809';} /* '' */
.icone_refresh:before { content: '\e810';} /* '' */
.icone_ecl:before { content: '\e806';} /* '' */
.icone_whatsapp:before { content: '\f232';} /* '' */
.icone_ok:before { content: '\e811'; } 
.icone_cancela:before { content: '\e808'; }


.icone_enviar , .icone_imagem , .icone_encerrar , .icone_refresh , .icone_cancela {
font-size: 236%;
color: midnightblue;	
text-shadow:#000 0.5px -0.5px, #000 -0.5px 0.5px, #000 0.5px 0.5px, #000 -0.5px -0.5px;
line-height: 133%;
}

.icone_imagem {
font-size: 202%;
line-height: 155%;
color: dodgerblue;    	
}

.icone_encerrar{
font-size: 184%;
line-height: 170%;
color: orangered;
}

.icone_cancela{
font-size: 184%;
line-height: 170%;
color: orangered;	
}

.icone_refresh{
font-size: 211%;
line-height: 161%;	
color: limegreen;		
}


.icone_ok {
font-size: 110%;
color: limegreen;
text-shadow:green 0.5px -0.5px, green -0.5px 0.5px, green 0.5px 0.5px, green -0.5px -0.5px;	
}


.icone_usuario , .icone_menu , .icone_saldo , .icone_fechar , .icone_whatsapp , .icone_ecl {
font-size: 200%;	
line-height: 180%;
color: #d2d2d2;
text-shadow:#000 0.5px -0.5px, #000 -0.5px 0.5px, #000 0.5px 0.5px, #000 -0.5px -0.5px;
}

.icone_ecl {
font-size: 160%;	
line-height: 150%;
color: #c1c1c1;
cursor: pointer;
}

.icone_whatsapp  {
font-size: 290%;	
line-height: 170%;	
color: green;
}

.icone_usuario {
font-size: 120%;	
}

.icone_fechar {
font-size: 290%;	
line-height: 120%;	
}

.icone_saldo {
font-size: 120%;
color: green;	
line-height: normal;
text-shadow: none;
}

/* fim das fontes */



.aln_login {

width: 27%;
min-height: 231px;
display: inline;
float: left;
background-color: #ffffff;
margin: 160px 36.5% 50px 36.5%;
box-shadow: inset 0 0 , 0 0 1em gray;
padding: 20px 20px 0px 20px;	
border: 1px solid #a9a9a9
}

.ajusta {width: 100%;
float: left;
margin: 0 auto;
background-color: #fefefe;
min-height: 201px;
}

.lb_complet {width: 100%;
min-height: 40px;
display: inline;
float: left;
margin: 0px 0% 0% 0%;
font-family: 'Source Sans Pro';
font-weight: bold;
font-size: 20px;
line-height: 210%;
z-index: 10;
background-color: #fefefe;
border-bottom: none;
}

.formulario_caixa , .formulario_caixa3 {width: 70%;
min-height: 35px;
color: black;
font-size: 14px;
font-family: Roboto, Helvetica, Arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
margin: 23px 0% 0px 0%;
border: none;
border: 1px solid #d2d2d2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 1px 2px 2px rgba(204,204,204,0.3) inset;
outline: none;
}

.formulario_caixa3 {
margin: 0px 10px 0px 0%;
width: 50%;	
min-width: 200px;
}

.formulario_caixa2 {
position: relative;
left: 8%;
padding: 5px;
width: 84%;
height: 96%;
color: black;
font-size: 15px;
font-family: Roboto, Helvetica, Arial, sans-serif;
box-shadow: inset 0 0 , 0 0 1em gray;
border-radius: 50px;
border: none;
outline: none;
z-index: 3;
}

.msgexe , .msgexe2 , .msgexe4 , .msgexe5 , .msgexe6 {padding: 10px;
font-size: 13px;
font-family: 'Raleway';
background-color: aquamarine;
color: #343536;
border: 2px solid #d1d1d1;	
max-width: 75%;
border-radius: 7px;
margin: 0px 3% 3% 0%;
float: left;
text-shadow: 0px 0px 1px grey;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
border-bottom-right-radius: 60px;
}

.msgexe , .msgexe2 , .msgexe3 , .msgexe4 {
white-space: pre-wrap;
}

.msgexe4 {
background-color: khaki;
border: 2px dashed red	
}

.msgexe2 , .msgexe5 {
float: right;
background-color: white;
}

.msgexe5 , .msgexe6 {
max-height: 300px;	
white-space: nowrap; 
padding: 4px;
cursor: pointer;
}

.msgexe5 img , .msgexe6 img {
max-height: 280px;		
max-width: 100%;
}

.msgexe3 {padding: 12px;
font-size: 15px;
font-family: 'Raleway';
background-color: white;
color: #343536;
border: 1px solid #d1d1d1;
margin: 10px 0% 20px 0%;
float: left;
text-shadow: 0px 0px 1px grey;
width: 100%;
text-align: center;	
}


.sptexe {width: 100%;
float: left;
margin: 2px 0% 0% 0%;	
}

.ld2 {width: 97%;
display: inline;
float: left;
margin: 0% 3% 0% 0%;
}

.botao_continue , .botao_continue2 {
width: 100%;
display: inline;
float: left;
margin: 20px 0% 32px 0%;
}

.ct_anuncio , .crcadastro , .ct_anuncio2 {width: 30%;
max-width: 175px;
min-height: 35px;
display: inline;
float: left;
margin: 0px 0% 0px 0%;
font-family: 'Source Sans Pro';
font-size: 18px;
text-align: center;
font-weight: bold;
background-color: navy;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #2D3277;
box-shadow: inset 0 1px #8EA2DF;
background-image: linear-gradient(#3E52A1,#2D3277);
outline: none;
cursor: pointer;
}

.ct_anuncio2 {
float: right;
padding: 3px 15px 3px 15px;	
min-width: 140px;
}

.apptd {width: 100%;
float: left;
margin: 0 auto;	
}
.whcp {width: 90%;
min-height: 571px;
display: none;
float: left;
background-color: #fefefe;
margin: 20px 5% 0px 5%;
box-shadow: inset 0 0 , 0 0 1em gray;
border: 0px solid #a9a9a9;
border-bottom: none;
}

.sptbx {width: 74%; 
margin: 1px 0% 0px 5%;
margin-top: -47px;
min-height: 1px;	
float: left;
display: none;
z-index: 93;
position: relative;
}

.pgexibe {display: none;
}

.slexibe {
float: right;
min-height: 40px;
border-bottom: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;	
background-color: white;
padding: 7px 10px 4px 10px;
box-shadow: inset 0 0 , 0 0 1em gray;
z-index: 92;
position: relative;

}

.cpbaixo , .bdtopo {width: 100%;
float: left;
margin: 0 auto;	
}


.cbmaior , .cbmenor {width: 100%;
float: left;
margin: 0 auto;	
height: 468px;	
background-color: #e6e6e6;

}
.cbmaior {
background-image: url('../../midias/imagens/fundo_whatsapp.jpg');
background-repeat: repeat;	
background-size: 100%;
padding: 10px 15px 15px 15px;
overflow: auto;
}

.msgsd , .strsd , .conflk {padding: 0% 40px 0px 14px;
float: left;
margin: 0 auto;	
padding-left: 14px;
font-size: 18px;
font-family: 'Source Sans Pro,arial';
line-height: 340%;
color: #fff;
}

.strsd {width: 60%;
padding-left: 14px;
}

.wtse {
font-family: 'Noto Serif';	
}

.conflk {padding: 0% 22px 0px 14px;
float: right;
text-align: right;
text-decoration: none;
color: white;
cursor: pointer;
}

.ldpfcp , .ldpfcp2 {width: 100%;
float: left;
margin: 0 auto;
height: 54px;	
border-bottom: 1px solid #b1b1b1;
cursor: pointer;
box-shadow: inset 0 0 , 0 0 1em gray;
border-radius: 50px;
}

.ldpfcp2 {
	background-color: bisque;
}

.imgcl {width: 42px;
float: left;
height: 42px;
margin: 6px 3% 6px 2%;
border-radius: 50%;	
border: 1px solid #a1a1a1
}

.nmcl {width: 60%;
float: left;
margin: 3px 3% 3px 0%;
height: 42px;
font-size: 15px;
font-family: 'Raleway';
line-height: 340%;
color: #454647;    
white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;
}

.opccl {
float: right;
margin: 0 auto;	
margin: 15px 2% 10px 0%;
background-color: #50dd6b;
color: #ffffff;
font-size: 15px;
font-family: tahoma;
padding: 3px 6px 3px 6px;
border-radius: 50%;
font-weight: bold;
font-family: 'Lora';
border: 0px solid gray;
}

.imgcl img {
border-radius: 50%;		
}


.cbmenor {
border-top: 0px solid #a9a9a9;
height: 50px;		
}

.bdtopo {height: 53px;
border-bottom: 0;	
background-image: url('../../midias/background/logo.topo2.png');
font-family: 'Raleway'
color: #ffffff;

}



.cpbaixo {
height: 518px;
}

.lda1 , .lda2 {width: 23%;
float: left;
margin: 0 auto;	
height: 519px;
background: #e6e6e6;
}

.lda1 {
overflow: auto;
border-right: 1px solid #a9a9a9;	
border-bottom: 1px solid #a9a9a9;
}


.lda2 {
width: 77%;	
}

.ldcxe , .ldcxic {width: 77%;
float: left;
margin: 0 auto;	
height: 50px;
border-bottom: 0px solid #a9a9a9;


}

.ldcxic {width: 23%;
margin: 0px 0% 0% 0%;
background-color: gray;
border: 1px solid #a9a9a9;
box-shadow: inset 0 0 , 0 0 1em gray;
border-radius: 10px;

}

.divup {width: 100%;
height: 100%;
position: relative;
top: -53px;
outline: none;
}

.ic1 , .ic2 , .ic3 , .ic4 {width: 25%;
float: left;
border-right: 1px solid #b1b1b1;	
height: 49px;
text-align: center;
cursor: pointer;
border-radius: 10px;

}

.ic4 {
border-right: none;
}


@media (min-width: 240px) and (max-width: 150000px) {
/* popup */
.fundo_en , .fundo_en2 {width: 100%;
height: 100%;
min-height: 1000px;
background-color: rgba(0,0,0,0.2);
position: fixed;
top: 0;
left: 0;
display: none;	
z-index: 6;
}

.td_popup {width: 20%;
position: fixed;
left: 40%;
top: 40%;
background-color: white;
box-shadow: 0px 0.5px 10px rgba(55, 55 , 55, 0.8);	
min-height: 100px;
z-index: 89;
}

.msg_popup {width: 100%;
display: inline;
float: left;
margin: 0 auto;
padding: 15px;
font-size: 17px;
font-family: Hawaii 5-0, sans-serif;
text-align: center;
}

.fc_popup {width: 30%;
max-width: 175px;
min-height: 25px;
display: inline;
float: left;
margin: 0px 35% 20px 35%;
font-family: Hawaii 5-0, sans-serif;
font-size: 17px;
text-align: center;
font-weight: bold;
background-color: navy;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #2D3277;
box-shadow: inset 0 1px #8EA2DF;
background-image: linear-gradient(#3E52A1,#2D3277);
outline: none;
cursor: pointer;	
}
/* fim popup */
}

@media (min-width: 240px) and (max-width: 480px) {
.td_popup {width: 70%;
left: 15%;
top: 33%;
}    
}