﻿/* ELEMENTOS DE LAYOUT DA MASTER */
body
{
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333;    
    margin: 0px 0px;
    padding: 0px;    
    background-image: url("../Imagens/bg_geral.png");      
        
}

.DivConteudo
{
	font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333; 
}

.LayoutBorda
{
    margin: 0px;        
    width: 100%;  
    height:8px;  
    color:#ffffff;    
    background-color:#cc3333;    
}

.LayoutTopo
{
    margin: 0px;        
    width: 100%;    
    color:#ffffff;
    font-weight:bold;           
    background-color:#dcdcdc;    
}

.LayoutRodape
{
    margin: 10px 0px 0px 0px;    
    padding: 3px 0px 0px 0px;
    width: 100%;
    height: 27px;    
    color: #555555;
    font-size: 10px;
    text-align: center;
    background-color: #dcdcdc;        
}

.LayoutTabela
{    
    margin: 0px;
    padding: 0px;    
    width: 100%;                                
}

.LayoutTDEsquerdo
{
    background-image:url("../Imagens/MasterLayoutEsquerdo.png");
    width: 28px;       
}

.LayoutTDDireito
{
    background-image:url("../Imagens/MasterLayoutDireito.png");
    width: 25px;         
}

/* ELEMENTOS DA TABELA PARA FORMULÁRIOS */
.tabelaFormulario
{
    border: dotted 2px #dddddd;    
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333;           
}

.tdTituloFormulario
{   
	font-weight: bold; 
	color:#ffffff;	
	background-color: #cccccc;
	background-image:url("../Imagens/fundo.png");
	height:27px;
	padding: 0px 0px 0px 5px;
	font-family:Verdana, Arial, Tahoma;
    font-size: 11px;         
}


.tdRotuloSuperiorFormulario
{
    font-weight: bold; 
	text-align:center;
	background-color: #e8e8e8;			
	padding: 0 3px 0 3px;
	font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333;    
}

.tdRotuloLateralFormulario
{
    font-weight: bold; 
	text-align: right;
	background-color: #e8e8e8;			
	padding: 0 3px 0 3px;
	font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333;    
}

.tdConteudoFormulario
{   
	text-align: left;
	background-color: #f3f3f3;
	padding: 0 3px 0 3px;	
	font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333;    	
}

.tdBotaoFormulario
{
    background-color:#dbdbdb;
    vertical-align:middle;
    text-align:center;    
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;              
}

.tdPainelControle
{
	text-align: left;
	background-color:#eeeeee;
	border: solid 1px #dbdbdb;
	padding: 5px 3px 5px 3px;	
	font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333;
}

/* ELEMENTOS DA TABELA PARA LISTA */
table.linhasAlternadas 
{
	border: solid 1px #555555;           	
	border-collapse:collapse;	
	background-color:Transparent;
	margin: 0px;
	font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
}

TABLE.linhasAlternadas TH 
{
	background:#cc3333;
	color:#ffffff;
}

TABLE.linhasAlternadas TR.even 
{
	BACKGROUND: #e8e8e8;	
}

TABLE.linhasAlternadas TR:hover 
{
	BACKGROUND: #dadada;
}

TABLE.linhasAlternadas TD
{
	border: solid 1px #555555;           	
}

.CentralizarConteudo
{
    text-align:center;
}

.DireitaConteudo
{
    text-align:right;
}

.EsquerdaConteudo
{
    text-align:left;
}


/* CONFIGURAÇÃO PARA O CONTEÚDO COM MENU LATERAL */
.tdMenuLateral
{
    vertical-align:text-top;
    vertical-align:top;
    padding:0px 5px 0px 0px;
}

.tdMenuLateralConteudo
{
    vertical-align:text-top;
    border-left: dotted 1px  #777; 
    padding: 0px 5px 0px 5px;    
    
}

/* PAINEIS DE MENSAGENS */ 

.tdAvisosImagem
{
    border: solid 1px #e5e5e5;           
    background-color:#dddddd;
}

.tdTabelaTexto
{
    border: solid 1px #cccccc; 
    color:#770000;
    padding: 0px 3px 0px 5px;
    vertical-align:middle;
    text-align:left;
}


/* MENU DE NAVEGAÇÃO*/
.barraMenu
{
    margin: 0px;
    padding: 0px;
    background-color: #dbdbdb;
    width: 100%;
}

.divisorMenu
{
    background-image:url("../Imagens/divisorMenu.png");
    background-repeat:repeat-x;
    height:7px;
    width:100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/* UTILIZADO PARA DETERMINAR AS MARGENS DO CONTEUDO DO UPDATEPANEL*/
.margemConteudo
{
    margin: 0px 7px 0px 7px;
}

.margemConteudoAjuda
{
    margin: 0px 7px 0px 7px;
    width:600px;
}

/* UTILIZADO PARA DEFINIR O CONTROLE ConteudoUpdateProgress */ 
.tabelaCarregar
{    
    background-image:url("../Imagens/updateProgress.png");
    background-repeat:repeat;  
    background-color:Transparent;    
    position:fixed;
    height:1024px;    
    width:100%;
    top:0px;
    left:0px;    
}

.imgCarregar
{
    position:fixed;
    top:40%;
    left:40%;
}

/* PARA DEFINIR JANELAS POPUP */
.frmTabela
{    
    background-image:url("../Imagens/FrmPopUp.png");
    background-repeat:repeat;  
    background-color:Transparent;    
    position:fixed;
    height:1024px;    
    width:100%;
    top:0px;
    left:0px;    
}
.frmPOPUP
{
    position:fixed;
    top:35%;
    left:10%;
    border: dotted 2px #dddddd;    
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333; 
    background-color:White;    
}

.frmPOPUPTop
{
    position:fixed;
    top:20%;
    left:10%;
    border: dotted 2px #dddddd;    
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    color:#333333; 
    background-color:White;    
}


/* UTILIZADO PARA DEFINIR O TEXTO DA AJUDA */

a.ajuda:link, a.ajuda:visited, a.ajuda:active
{   
    text-decoration:none;    
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color:#333333;      
    margin: 5px;
}

a.ajuda:hover
{   
    text-decoration: none;    
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color: #777777;
    margin: 5px;
}

.ajudaConteudo
{
    margin: 15px 0px 15px 20px;
    text-align:justify;
    width:420px;
    border: dotted 1px #dddddd;     
    padding: 4px;    
}

/* UTILIZADO PARA DEFINIR LINK QUE POSSUI IMAGENS*/ 
a.opcoes:link, a.opcoes:visited, a.opcoes:active, a.opcoes:hover
{   
    text-decoration:none;              
}

.img
{	                                  
    padding: 0px;    
    height:  22px;
    width:   22px;            
    border:  0;
    background-color:Transparent;
}

.imgTopo
{	                                  
    padding: 0px;        
    border:  0;
    background-color:Transparent;        
}

/* UTILIZADO PARA OUTROS LINKS*/

a.efeitoLink:link, a.efeitoLink:visited, a.efeitoLink:active
{       
    text-decoration:none;
    text-align:center; 
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color:#cc3333;      
}

a.efeitoLink:hover
{       
    text-decoration: none;
    text-align: center;        
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color: #333333;    
}

a.efeitoLinkPDF:link, a.efeitoLinkPDF:visited, a.efeitoLinkPDF:active
{       
    text-decoration:underline;
    text-align:center; 
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;      
    color:#333333;      
}

a.efeitoLinkPDF:hover
{       
    text-decoration: underline;
    text-align: center;        
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;      
    color: #cc3333;    
}



/* UTILIZADO PARA DEFINIR LINK DO TÍTULO DO TOPO */ 
a.tituloTopoLink:link, a.tituloTopoLink:visited, a.tituloTopoLink:active, a.tituloTopoLink:hover
{   
    text-decoration:none;      
    color:#cc3333;
    font-weight:bold;
    font-family:Verdana, Arial, Tahoma;
    font-size: 18px;    
    margin-left:10px;
}

.catalogoMoto
{
    float:left;
    margin:7px 7px; 
    padding:4px; 
    background-color:#ffffff;    
    width: 210px;
    height:160px;
}

.catalogoTD
{
    text-align:center;       
}

.catalogoConjuntoDePeca
{
    float:left;
    margin:7px 7px; 
    padding:4px; 
    background-color:#ffffff;    
    width: 225px;
    height:200px;
    text-align:center; 
    margin-bottom:30px;
    display:block;
}

.catalogoTDConjuntoDePeca
{
    text-align:center;       
    margin-top:10px;
}




/* OUTROS*/ 
.ajusteDeFonte
{
	font-family: Verdana, Arial, Tahoma;
    font-size: 11px; 
}

.divPainelControle
{
	float:left;
	margin: 3px 3px 3px 3px;
	display:block;
}

.divImagensOnibus
{
    float:left; 
    margin:15px 15px; 
    border: 1px solid #cc3333; 
    padding:4px; 
    background-color:#F9F9F9;
}
.iframeLoginLetras
{
    padding:0px 0px 0px 0px; 
    margin:0px; 
    width:100px; 
    height:27px;
}

.corSim
{
	background-color:#EBEBEB;
	color:Gray;
}

.corNao
{
	background-color:#FFFFFF;
	color:Gray;
}

a.corSim:link, a.corSim:visited, a.corSim:active
{   
    text-decoration:none;    
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color:#666666;      
    
}

a.corSim:hover
{   
    text-decoration: none;    
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color: #000000;
    margin: 2px;
}

a.corNao:link, a.corNao:visited, a.corNao:active
{   
    text-decoration:none;    
    font-family:Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color:#999999;      
    
}

a.corNao:hover
{   
    text-decoration: none;    
    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;  
    font-weight:bold;
    color: #000000;
    margin: 2px;
}

.tabelaCor
{
    border: dotted 2px #DDDDDD;    
           
}
