@import url('https://fonts.googleapis.com/css?family=Asap|Barlow|Cabin|Cuprum|Economica|Exo|Oxygen|Play|Questrial|Quicksand|Rajdhani|Ubuntu');

*{
	font-family: Exo;
}

.bs-example{
        /*margin: 20px;*/
    }



@media(max-width:768px){
	.content-mobile{display:block !important;}
	.content-desktop{display:none !important;}
}
	
@media(min-width:769px){
	.content-desktop{display:block !important;}
	.content-mobile{display:none !important;}
}


#papel_de_parede{
	background-image: url("../epo_imagens/fundo.png"); 
    background-size: cover;  
    background-attachment:  fixed;
    background-position: center;
    background-repeat: no-repeat;
}

#papel_de_parede_cliente{
          background: url(../epo_imagens/agua.jpg) no-repeat center center;
         background-size: cover;  
    background-attachment:  fixed;
    background-position: center;
    background-repeat: no-repeat;
       }

#papel_de_parede_dashboard{
          background: url(../epo_imagens/dashboard.png) no-repeat center center;
         background-size: cover;  
    background-attachment:  fixed;
    background-position: center;
    background-repeat: no-repeat;
       }

.aguarde_carregando{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999997;
       /* transparência compatível com os navegadores comuns.*/
   opacity:0.65;
   -moz-opacity: 0.65;
   filter: alpha(opacity=65);
   background: black;
   text-align: center;
}

.carregando_centralizado{
   position: fixed;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
   background-color: black;
   
}


.texto_aguarde{
   font-size:16px;
   color:#F0F0F0;
	padding: 5px;
   
}


 .imgExpande {
   list-style: none;
   padding: 0;
}

.imgExpande li {
   display: inline;
}
 
.imgExpande li img:hover { /* Tanto que a imagem ira crescer */
   -moz-transform: scale(3.5);
   -webkit-transform: scale(3.5);
   -o-transform: scale(3.5);
	z-index: 9999;
}
       
.imgExpande li img[semanimacao] {
          width: 25px; /* Tamanho da imagem */
          margin-left: 10px; /* Espaço entre elas */
       }
       
.imgExpande li img[comanimacao] { /* Com animação */

   -webkit-transition: 1s all ease;
   -moz-transition: 1s all ease;
   -o-transition: 1s all ease;

   }  

@charset "utf-8";
/* CSS Document */

.f-right{float: right;}
.f-left{float: left;}
.t-center{text-align: center; margin: 0 auto;}
.t-right{text-align: right;}
.t-left{text-align: left;}

.aguarde_carregando{
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 100%;
          z-index: 9999997;
          opacity:0.65;
          -moz-opacity: 0.65;
          filter: alpha(opacity=65);
          background: black;
          text-align: center;
       }

       .carregando_centralizado{
          position: fixed;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          text-align: center;
          background-color: black;
       }

.barra-navegacao{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    z-index: 9999;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-box-shadow: 0px -8px 79px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -8px 79px -9px rgba(0,0,0,0.75);
    box-shadow: 0px -8px 79px -9px rgba(0,0,0,0.75);
    text-align: center !important;
    font-size: 0.9em;
}

.barra-navegacao a{
    color:#14428f;
    text-decoration: none;
    font-size: 1em;
}
.barra-navegacao a span{
  /*font-family: 'Lato', sans-serif;*/
  font-weight: 400;
  color:#14428f;
  text-decoration: none;
  font-weight: 700;
	font-size: 12px;
}
.barra-navegacao .coluna-barra{
   text-align: center;
   line-height: 1.55em;
}



/* RODAPE */
footerxx{
  position: relative;
  top:0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 378px;
  background: #1f2056 !important;
  border-top: 5px solid #72ae6d;
  padding-top: 80px;
  padding-bottom: 75px;
}

a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}


.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}


.carousel-inner img {
    width: 100%;
    height: 100%;
  }

.aguarde_carregando{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999997;
       /* transparência compatível com os navegadores comuns.*/
   opacity:0.65;
   -moz-opacity: 0.65;
   filter: alpha(opacity=65);
   background: black;
   text-align: center;
}

.carregando_centralizado{
   position: fixed;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
   background-color: black;
   
}


.texto_aguarde{
   font-size:16px;
   color:#F0F0F0;
	padding: 5px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
   
}

.botao_body{
   border-radius: 10px;
   border-color: #000;
   border: 1px solid #ccc;
   background-color: white;/*rgba(0,0,0,0.30);*/
   height: 180px;
   text-align: center;
}
		  
.botao_body label{
   color: black;
   /*text-shadow:0px 1px 1px #000;*/
}
		  
.botao_body span{
   color: black;
   /*text-shadow:0px 1px 1px #000;*/
}
		  
.botao_body:hover{
   background-color: rgba(0,13,255,0.30);
   box-shadow: 10px 10px 5px #888888;
   color: black;
}
		  
.botao_body a:hover{
   text-decoration: none;
}

.p-10{
	padding: 10px
}

.paginacao{
	padding:5px;
	font-family:Montserrat;
	font-size:10px;
	background:#f0f0f0;
	border:1px solid #999;
	border-radius: 5px;
	text-decoration:none;
}

.paginacao_corpo{
	padding:5px;
	font-family:Montserrat;
	font-size:10px;
	text-decoration:none;
}

.paginacao a:hover{
	font-family:Montserrat;
	font-size:10px;
	text-decoration:none;
}


.letra_paginacao_sem_borda{
	padding:5px;
   font-family: Montserrat;
   font-size:12px;
   color:#666;
}

.letra_paginacao{
   font-family: Montserrat;
   font-size:10px;
   color:#000;
   background:#666;
   border:1px solid #999;
   text-align:center;
   text-decoration:none;
}

.letra_paginacao a{
	padding:1px;
   color:#fff;
   text-align:center;
   text-decoration:none;
}