.celulabotao {
        padding:3px 5px 2px 5px;
        text-align:center;
        
}
.celulabotao:hover{
  cursor:pointer;
  opacity:.6;    
}


.cl-effect-1:before,
.cl-effect-1:after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1:before {
	margin-right: 2px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1:after {
	margin-left: 2px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1:hover::before,
.cl-effect-1:hover::after,
.cl-effect-1:focus::before,
.cl-effect-1:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}  
  
  
/* Effect 5: same word slide in */
.cl-effect-5 {
	//overflow: hidden;
	padding: 0 4px;
	height: 1em;
}

.cl-effect-5 {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5:before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5:hover,
.cl-effect-5:focus {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}  


.titulotela{		
        font-size:2em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	text-align:center;        
	vertical-align:middle;
        padding-top:5px;
        
  }



.deletelista {
        width:15%;
        text-align:center;
        padding-right:5px;
        
}  
.linhalista{
        -webkit-touch-callout:none;                
        -webkit-text-size-adjust:none;             
        -webkit-tap-highlight-color:rgba(98, 192, 201, 0.5);
        -webkit-user-select:none;                    
}

.linhalista:hover{
    background-color:rgba(98, 192, 201, 0.5);
    opacity:.8;
    cursor:pointer;
}
.linhalista:active{
    background-color:rgba(98, 192, 201, 0.5);
    opacity:.8;    
}

  
.listaprocura{
        background-image:url(imagens/branco/arrow-24.png);    
        background-size: 20px 20px;
        background-repeat:no-repeat;
        background-position:100% 80%;         
        padding-right:15px;
}  
  
.listaprocurapreto{
        background-image:url(imagens/preto/arrow-24.png);    
        background-size: 20px 20px;
        background-repeat:no-repeat;
        background-position:100% 80%;         
        padding-right:20px;
        color:black;
        opacity:.7;
}  

.tabelaprocura{
        color:navy;
        table-layout: fixed;
        min-height:50px;
        width:100%;
        background: url(imagens/pattern.png) top left repeat;
        border-collapse: collapse;
        border-bottom:1px solid silver;
        padding-top:12px;
        padding-bottom:12px;
        cursor:pointer;
}  

  .txtprocura  {
        background-image:url('imagens/branco/magnifier.png');
        background-size: 20px 20px;
        background-repeat:no-repeat;
  }

  .txtprocurapreto  {
        //background-image:url('imagens/preto/magnifier.png');
        background-size: 20px 20px;
        background-repeat:no-repeat;
  }

  .escondeconteudogrande {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
  
  }
  .selecionaLabel{
        text-align:center;
        cursor:pointer;
        -webkit-touch-callout:none;                
        -webkit-text-size-adjust:none;             
        -webkit-tap-highlight-color:rgba(98, 192, 201, 0.5);
        -webkit-user-select:none;  
        background-image:url(imagens/branco/arrow-24.png);    
        background-size: 20px 20px;
        background-repeat:no-repeat;
        background-position:100% 80%;         
}
  .selecionaLabel:hover {
        opacity:.3;

}

  .tituloprocura{		
        font-weight:bold;
        font-size:1.1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	text-align:left;        
	vertical-align:bottom;
        padding-left:5px;
        
  }
  .subtituloprocura{		
        font-weight:bold;
        font-style:italic;
        font-size:0.8em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	text-align:left;
        vertical-align:top;
        paddingt-bottom:5px;
        padding-left:5px;
  }



.colunaid, .colunanome, .colunatelefone,.colunaxmenu  {     
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	text-align:left;
	border:0px;        
        padding:1 2 1 2px;
        }
        

.colunaimagem, .colunaxmenu  {     
      //width:25px;
      width:12%;
        }
.colunaid {     
      //width:20px;
      width:21%;
        }

//nome 1
.colunanome{     
      //width:110px;
      width:43%;
      overflow: hidden; 
      white-space: nowrap; 
      text-overflow: ellipsis; 
      word-break: break-all; 
      word-wrap: break-word;      
        }
        
.colunatelefone{     
      //width:80px;
      width:27%;
      text-overflow: ellipsis; 
        }


.colunasCabecalhoLista {
	//background-image:linear-gradient(navy,blue);
        background: rgb(59,103,158); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */        
        color:white;
	text-align:left;
        font-weight:bold;
	border:0px 	
	color:white;
	font-size:1em;
        overflow: hidden;
        text-overflow: ellipsis;
	}   

.tabelafixa {
        table-layout:fixed;
        //width:320px;
        width:100%;
        font-size:10px;
        align:center;
        background-color:white;
        }
       
.tabela10px {
        'table-layout:fixed;
        width:100%;
        font-size:10px;
        align:center;
        background-color:white;
        }

        
.linhaDetalhes {
        background-color:white;
	color:#696969;        
        font-weight:normal;
        font-size:1em;
        overflow: hidden;
        text-overflow: ellipsis;
        }        
        
.linhaDetalhes:hover {        
        background-color:silver;
	color:white;                
        cursor:pointer;
        }        

.colunasDetalhes {       
        overflow: hidden;
        text-overflow: ellipsis;
	text-align:center;
	border:0px;  
        padding:1 2 1 2px;
        text-overflow: ellipsis;
        }
        
.colunasDetalhesEsquerda  {     
        overflow: hidden;
        text-overflow: ellipsis;
	text-align:left;
	border:0px;        
        padding:1 2 1 2px;
        }
        
.colunasDetalhesDireita  {      
        overflow: hidden;
        text-overflow: ellipsis;
        text-align:right;
	border:0px;       
        padding:1 2 1 2px;
        }        
        
        
        

.redondo {
  border-radius:50%;
  border:0px solid white;
}

.menumodal {
  border:2px solid navy;
  
}

.animatedsimples { 
   -webkit-animation-duration: 5s; 
   animation-duration: 5s; 
   -webkit-animation-fill-mode: both; 
   animation-fill-mode: both; 
   pointer-events:none;
   transform: translateY(-50%);       
   transform: translateX(-50%);          
   //text-rendering: optimizeLegibility ;
  //-webkit-font-smoothing: antialiased;
} 

.animated { 
   -webkit-animation-duration: 5s; 
   animation-duration: 5s; 
   -webkit-animation-fill-mode: both; 
   animation-fill-mode: both; 
   color:white;
   border-radius:8px;   
   border:0px solid transparent;
   text-align:center;
   //font-size:16px;
   font-family: verdana;
   font-weight: 100;
   vertical-align:middle;
   padding:10px 10px 10px 10px;
   pointer-events:none;
   transform: translateY(-50%);       
   transform: translateX(-50%);       
   text-shadow: 0px 0px #000000;
   letter-spacing: 1px;
   text-rendering: optimizeLegibility ;
  -webkit-font-smoothing: antialiased;
} 

@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}
        
        
        
        
        /* Shared for all accordion types */
.accordion {
	width:100%;	
	background:red;
        background: url(imagens/pattern.png) top left repeat;
}
.accordion ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
.accordion li {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.accordion [type=radio], .accordion [type=checkbox] {
	display:none;
}
.accordion label {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	//background:#045FB4;
	background:#white;
	border-bottom:1px solid white;
	color:navy;
	text-shadow:none;
	//font-weight:100;
	//font-size:1.5em;
	cursor:pointer;	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
	//background:#C02942;
	opacity:.8;
	color:silver;
}
.accordion .content {
	//padding:0 10px;
	overflow:hidden;
	
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
}

/* Vertical */
.vertical ul li {
        background:green;                
        background: url(imagens/pattern.png) top left repeat;
	overflow:hidden;
	margin:0 1px 0 1px;
}
.vertical ul li label {
	//padding:10px; //distancia dentro do accordion
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
	border-bottom:0;
}
.vertical ul li label:hover {
	//border:1px solid green; /* We don't want the border to disappear on hover */
}
.vertical ul li .content {
	height:0px;
	border-top:0;
}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
	height:auto;
	border:0px solid #542437;
}





        
        
        
.calendario{
	font-size:12px;
	font-family:helvetica;
	}
        
.cabecalho {
	//background-image:linear-gradient(navy,blue);	
        background: rgb(59,103,158); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
        
	border:0;
	color:white;
	height:8%;	
	font-size:2em;
	}

.cabecalhotitulo {	
        background-color: transparent;        
	border:0;
	color:navy;
	height:8%;	
	font-size:2em;
	}
        
        
.diasemana {
	//background-image:linear-gradient(navy,blue);
        background: rgb(59,103,158); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */        
	width:14.28%;
	height:5%;
	text-align:center;
        font-weight:normal;
	border:1px solid #E6E6FA;
	
	color:white;
	font-size:1em;
	}
.dia,
.diaselecionado ,
.fimdesemana,
.dianulo
	{
	border:1px solid #E6E6FA;
	font-weight:normal;	
	text-align:right;
	vertical-align:top;
        //min-height: 100px;
        //height:14%;
        min-height: 50px;
        height:50px;
        width:14.28%;
        min-width:45px;
        
	padding:8 8 8 8;
	cursor:pointer;	
	margin:0 0 0 0;
	}
.dia {
	background-color:white;
	}	
.fimdesemana{
	background-color:#CAE1FF;
	}		
.dia:hover,
.diaselecionado:hover,
.fimdesemana:hover
	{
	background-color:#e9e9e9;	
	color:black;
	}	
.dia:active,
.diaselecionado:active,
.fimdesemana:active {
	background-color:#483D8B;
        color:white;
	}		
.diaselecionado {
	background-color:#6495ED;
	color:white;
	}	
	
.diavazio {
	font-size:16px;
	font-weight:normal;
	background-color:transparent; 
	color:transparent;	        
	padding:5px;
	font-size:1.5em;
        text-align:right;
        //width:14.28%;
        min-width:58px;
	}
        
.valor1 {
	font-size:16px;
	font-weight:100;
	color:white;
        background-color:#4682B4;
	border-radius:50%;
        border:0px solid navy;
	padding:5px 5px 5px 5px;
	font-size:1em;
        text-align:center;
        width:20px;
        height:20px;
	}
.valor2 {
	font-size:9px;
	font-weight:100;
	color:#4682B4;
        text-decoration:underline;
        border:0px solid navy;
	padding:5px 5px 5px 5px;	
        text-align:right;
        width:58px;
        height:20px;
	}
	
        

.colunasCabecalho {
	//background-image:linear-gradient(navy,blue);
        background: rgb(59,103,158); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */        
	width:auto;
        color:white;
	text-align:left;
        font-weight:bold;
	border:0px 	
	color:white;
	font-size:1em;
        overflow: hidden;
        text-overflow: ellipsis;
	}   
        
.linhaDetalhes {
        background-color:white;
	color:#696969;        
        font-weight:normal;
        font-size:1em;
        overflow: hidden;
        text-overflow: ellipsis;
        }        
        
.linhaDetalhes:hover {        
        background-color:silver;
	color:white;                
        cursor:pointer;
        }        

.colunasDetalhes {       
        overflow: hidden;
        text-overflow: ellipsis;
	text-align:center;
	border:0px;  
        padding:1 2 1 2px;
        text-overflow: ellipsis;
        }
        
.colunasDetalhesEsquerda  {     
        overflow: hidden;
        text-overflow: ellipsis;
	text-align:left;
	border:0px;        
        padding:1 2 1 2px;
        }
        
.colunasDetalhesDireita  {      
        overflow: hidden;
        text-overflow: ellipsis;
        text-align:right;
	border:0px;       
        padding:1 2 1 2px;
        }        
        
        
.redondo {
  border-radius:50%;
  border:2px solid white;
}

.animated { 
   -webkit-animation-duration: 4s; 
   animation-duration: 4s; 
   -webkit-animation-fill-mode: both; 
   animation-fill-mode: both; 
   color:white;
   border-radius:8px;   
   border:0px solid transparent;
   text-align:center;
   font-size:14px;
   font-family: verdana;
   font-weight: 100;
   vertical-align:middle;
   padding:10px 10px 10px 10px;
   pointer-events:none;
   transform: translateY(-50%);       
   transform: translateX(-50%);       
   text-shadow: 0px 0px #000000;
   letter-spacing: 1px;
   text-rendering: optimizeLegibility ;
  -webkit-font-smoothing: antialiased;
} 

@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}




/* Shared for all accordion types */
.accordion {
	width:100%;	
	background:red;
        background: url(imagens/pattern.png) top left repeat;
}
.accordion ul {
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;	
}
.accordion li {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.accordion [type=radio], .accordion [type=checkbox] {
	display:none;
}
.accordion label {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	//background:#045FB4;
	background:#white;
	border-bottom:1px solid white;
	color:navy;
	text-shadow:none;
	//font-weight:100;
	//font-size:1.5em;
	cursor:pointer;	
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
	//background:#C02942;
	opacity:.8;
	color:silver;
}
.accordion .content {
	//padding:0 10px;
	overflow:hidden;
	
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
}

/* Vertical */
.vertical ul li {
        background:green;                
        background: url(imagens/pattern.png) top left repeat;
	overflow:hidden;
	margin:0 1px 0 1px;
}
.vertical ul li label {
	//padding:10px; //distancia dentro do accordion
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
	border-bottom:0;
}
.vertical ul li label:hover {
	//border:1px solid green; /* We don't want the border to disappear on hover */
}
.vertical ul li .content {
	height:0px;
	border-top:0;
}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
	height:auto;
	border:0px solid #542437;
}







.conteudohtml {
  height:50px;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  padding:8px 8px 8x 8px;
  background-color:pink;
  cursor:pointer;
  -webkit-touch-callout:none;                
  -webkit-text-size-adjust:none;             
  -webkit-tap-highlight-color:rgba(98, 192, 201, 0.5);
  -webkit-user-select:none;                
  box-shadow:2px 2px 2px #888
}

.conteudohtml:hover {
  opacity:.6;
}

.conteudohtml:active {
  background-color:rgba(98, 192, 201, 0.5);
}



.conteudohtmllistBox {
  margin-top:2px;
  margin-bottom:2px;
  pointer-events: none;
  border-radius:2px;
  height:70px;
  //background-color:#f0f0f0;
  cursor:pointer;
  -webkit-touch-callout:none;                
  -webkit-text-size-adjust:none;             
  -webkit-user-select:none;                
  box-shadow:2px 2px 2px #888;
}

.conteudohtmllistacabecalho {
  border-radius:2px;
  min-height:80px;
  height:auto;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  padding:5px 8px 8px 8px;
  background-color:#f0f0f0;
  cursor:pointer;  
  -webkit-user-select: text;
  box-shadow:2px 2px 2px #888;
}
.conteudohtmllista {
  border-radius:2px;
  min-height:80px;
  height:auto;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  padding:5px 8px 8px 8px;
  background-color:#f0f0f0;
  cursor:pointer;
  -webkit-touch-callout:none;                
  -webkit-text-size-adjust:none;             
  -webkit-tap-highlight-color:rgba(105, 105, 105, 0.5);
  -webkit-user-select:none;                
  box-shadow:2px 2px 2px #888;
}

.conteudohtmllista:hover {
  opacity:.6;
}

.conteudohtmllista:active {
  background-color:rgba(105, 105, 105, 0.5);
}

.arredondapontas {
  border-radius:5px;

}



.sombraheader{
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}

.redondo {
  border-radius:50%;
}

.semnegrito100 {
  font-weight: 100;
}
.quebratexto {
	 white-space: wrap;
	 word-break: break-all;
	 word-wrap: break-word;
         overflow-wrap: break-word;         
         white-Space: pre-wrap;  
}
.quebratextoespaco {
	 white-space: wrap;
}

.linhaespremida {
    line-height: 95%;
}

.textoalinhadotopo {
  vertical-align: text-top;
}
.elipse {
	//text-overflow: ellipsis;
	//overflow: hidden;
	 overflow: hidden; 
	 white-space: nowrap;
	 text-overflow: ellipsis; 
	 //word-break: break-all;
	 word-break: keep-all;
	 word-wrap: break-word;
}
.tam16 {
	font-size:16px;
}
.tam14 {
	font-size:14px;
}
.tam12 {
	font-size:12px;
}
.tam10 {
	font-size:10px;
}
.negrito {
	font-weight: bold;
}


.fonthelvetica {
	font-family: helvetica, verdana;
}

.corcinza {
	color:#696969;
}

.nomeloja {
	font-size:20px;

}



.la-ball-pulse-sync,
.la-ball-pulse-sync > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-pulse-sync {
    display: block;
    font-size: 0;
    color: navy;
    //color: #fff;
}
.la-ball-pulse-sync.la-dark {
    color: #333;
}
.la-ball-pulse-sync > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-pulse-sync {
    width: 54px;
    height: 18px;
}
.la-ball-pulse-sync > div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    -webkit-animation: ball-pulse-sync .6s infinite ease-in-out;
       -moz-animation: ball-pulse-sync .6s infinite ease-in-out;
         -o-animation: ball-pulse-sync .6s infinite ease-in-out;
            animation: ball-pulse-sync .6s infinite ease-in-out;
}
.la-ball-pulse-sync > div:nth-child(1) {
    -webkit-animation-delay: -.14s;
       -moz-animation-delay: -.14s;
         -o-animation-delay: -.14s;
            animation-delay: -.14s;
}
.la-ball-pulse-sync > div:nth-child(2) {
    -webkit-animation-delay: -.07s;
       -moz-animation-delay: -.07s;
         -o-animation-delay: -.07s;
            animation-delay: -.07s;
}
.la-ball-pulse-sync > div:nth-child(3) {
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
         -o-animation-delay: 0s;
            animation-delay: 0s;
}
.la-ball-pulse-sync.la-sm {
    width: 26px;
    height: 8px;
}
.la-ball-pulse-sync.la-sm > div {
    width: 4px;
    height: 4px;
    margin: 2px;
}
.la-ball-pulse-sync.la-2x {
    width: 108px;
    height: 36px;
}
.la-ball-pulse-sync.la-2x > div {
    width: 20px;
    height: 20px;
    margin: 8px;
}
.la-ball-pulse-sync.la-3x {
    width: 162px;
    height: 54px;
}
.la-ball-pulse-sync.la-3x > div {
    width: 30px;
    height: 30px;
    margin: 12px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
    66% {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-moz-keyframes ball-pulse-sync {
    33% {
        -moz-transform: translateY(100%);
             transform: translateY(100%);
    }
    66% {
        -moz-transform: translateY(-100%);
             transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(0);
             transform: translateY(0);
    }
}
@-o-keyframes ball-pulse-sync {
    33% {
        -o-transform: translateY(100%);
           transform: translateY(100%);
    }
    66% {
        -o-transform: translateY(-100%);
           transform: translateY(-100%);
    }
    100% {
        -o-transform: translateY(0);
           transform: translateY(0);
    }
}
@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(100%);
           -moz-transform: translateY(100%);
             -o-transform: translateY(100%);
                transform: translateY(100%);
    }
    66% {
        -webkit-transform: translateY(-100%);
           -moz-transform: translateY(-100%);
             -o-transform: translateY(-100%);
                transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
    }
}