﻿/*  
SKF - BP 
VM2 - 17/03/2006
*/

/* ################
		Layout
   ################ */ 

* 
{	
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style: none;
	/*vertical-align: middle;*/
	/*border: none;*/
}

body 
{
	font: 13px Verdana, Chevin-Light;
	scrollbar-3dlight-color: #E6E6E6;
    scrollbar-arrow-color: #666666;
    scrollbar-base-color: #E6E6E6;
    scrollbar-darkshadow-color: #E6E6E6;
    scrollbar-face-color: #E6E6E6;
    scrollbar-highlight-color: #E6E6E6;
    scrollbar-shadow-color: #666666;
    scrollbar-track-color: #E6E6E6
}

#Principal
{
	width: 941px;
}

#Topo
{
	background-color: #0065CE;
	width: 941px;
	float: right;
}

#Flag
{
	background-color: #9CBEE7;
	width: 931px;
	float: right;
	margin-top: 9px;
	
}

#Conteudo-Wrapper
{
	background-color: #F7F3F7;
	border: solid 1px #9CBEE7;
	margin-top: 1px;
	width: 929px;
	float: right;
}

#Menu
{
	float: left;	
	width: 195px;
	/*border-right:solid 1px #9CBEE7;*/
	
}

div#Conteudo
{
	width: 728px;
	float: right;
	border-left: solid 1px #9CBEE7;	
	background-color: #FFF;
	vertical-align: top;
	height: 738px;	/* IE */
}

div#Conteudo-Wrapper > div#Conteudo  /* Outros Browsers - Firefox, etc*/
{
	height: auto;
	min-height: 700px;
}

#Rodape
{
	background-color: #0065CE;
	clear: both;
	width: 931px;
	float: right;
}


/* ################
	   Conteudo
   ################ */

#Conteudo p
{
	/*margin: 5px 5px 0 5px;*/
	padding: 5px 5px 0 5px;
}

#Conteudo h1
{
	font: bold 16px Verdana, Chevin-Light;
	padding: 5px 5px 0 5px;
	/*margin: 5px 5px 0 5px;*/
}

/* ################
		 Misc
   ################ */

#Topo img
{
	margin-left: 20px;
}

/* ################
	    Classes
   ################ */

.FloatLeft
{
	float: left;
}

.FloatRight
{
	float: right;
}

table.TableRelatorio br
{
    display: none;
}

/* ################
		 Menu
   ################ */

#Menu ul li
{
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
}

#Menu ul li ul li
{
    text-indent: 15px;
    font-size: 12px;    
    font-weight: normal;
}

/*#Menu li ul 
{
	position: absolute;
	left: 165px;	
	top: 0;
	display: none;
	border: solid 1px #000;
	background-color: #CCC;
}*/

#Menu a
{
	text-decoration: none;	
	color: #000;	
	display: block;
	padding: 2px;
	width: 196px;
}

#Menu a:hover
{	
	color: #333;
	background-color: #9CBEE7;
}

#MenuTitulo a:hover
{
    color: #000;
    background-color: #9CBEE7;
   /* background-color: #999;*/
}

#Menu li:hover ul, .Menu li.over ul
{
	display: block;	
}

/* Deixar marcado a seção do site em que o usuário se encontra */

#BuscaAplicacao .busca-aplicacao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#BuscaDesignacao .busca-designacao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Introducao .introducao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#NotasGerais .notas-gerais a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Abreviaturas .abreviaturas a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#TermosUtilizados .termos-utilizados a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#PosicaoRolamentos .posicao-rolamentos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#PrefixoSufixo .prefixos-sufixos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#ProdutosAutomotivos .produtos-automotivos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#InformacoesClientes .informacoes-clientes a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#segmento .Segmento a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#outras-acoes .Outras-Ações a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }

/*Motos*/
#Motos-BuscaAplicacao .motos-busca-aplicacao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-BuscaDesignacao .motos-busca-designacao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-Introducao .motos-introducao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-NotasGerais .motos-notas-gerais a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-Abreviaturas .motos-abreviaturas a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-TermosUtilizados .motos-termos-utilizados a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-PosicaoRolamentos .motos-posicao-rolamentos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-PrefixoSufixo .motos-prefixos-sufixos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-ProdutosAutomotivos .motos-produtos-automotivos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-InformacoesClientes .motos-informacoes-clientes a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-segmento .motos-Segmento a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Motos-outras-acoes .motos-Outras-Ações a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }

/*Caminhoes*/
#Caminhao-BuscaAplicacao .caminhao-busca-aplicacao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-BuscaDesignacao .caminhao-busca-designacao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-Introducao .caminhao-introducao a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-NotasGerais .caminhao-notas-gerais a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-Abreviaturas .caminhao-abreviaturas a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-TermosUtilizados .caminhao-termos-utilizados a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-PosicaoRolamentos .caminhao-posicao-rolamentos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-PrefixoSufixo .caminhao-prefixos-sufixos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-ProdutosAutomotivos .caminhao-produtos-automotivos a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-InformacoesClientes .caminhao-informacoes-clientes a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-segmento .caminhao-Segmento a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Caminhao-outras-acoes .caminhao-Outras-Ações a { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }

.menuAzul { background-color: #9CBEE7; padding: 3px 2px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }


/* ###############
		Login
   ############### */
#Login
{
	width: 300px;
	margin: 100px auto;
	text-align: center;	
}

#Login fieldset
{
	margin: 0 auto;
	text-align: center;	
	width: 170px; /* mesmo tamanho do input*/	
}

#Login legend
{
	display: none;
}

#Login label b
{
	display: block;	
	font: 90% Verdana, Chevin-Light;
	color: #3165CE;
	padding: 2px 0;
	text-align: left;
}

#Login label
{
	float: left;
	margin:0 10px 15px 0;
}

#Login input
{
	border: solid 1px #9CBEE7;
	width: 170px;
}

input#btnOk 
{
	width: 50px;	
} 

#Login br
{
	clear: left;
}

/*
    Css do Grid view
*/

.GvHeader
{
    background-color: #9CBEE7;
}

.GvItem
{
    background-color: #FFF;
}

.GvAlternateItem
{
    background-color: #F7F3F7;
}

/*
    Fim do css do Grid View
*/

.TextBox
{
    BORDER-RIGHT: #666699 1px solid;
    BORDER-TOP: #666699 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #666699 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #666699 1px solid;
    FONT-FAMILY: verdana, Chevin-Light;
    BACKGROUND-COLOR: #ffffff;
    padding: 0 2px;
}

.Label
{
    FONT-SIZE: 8pt;
    COLOR: #244d96;
    FONT-FAMILY: verdana, Chevin-Light;
    TEXT-DECORATION: none
}

.Button
{
    border: solid 1px #9CBEE7;
    FONT-SIZE: 7pt;
    WIDTH: 60px;
    COLOR: #164574;
    FONT-FAMILY: verdana, Chevin-Light;
    BACKGROUND-COLOR: transparent;
    border-bottom: solid 1px #9CBEE7;
}

.titInterna
{
    FONT-SIZE: 11pt;
    COLOR: #244d96;
    FONT-FAMILY: verdana, Chevin-Light;
    font-weight: bold;
    TEXT-DECORATION: none
}

.SubTitInterna
{
    background-color:#9CBEE7;
    color:White;
    font-size:11pt;
    font-weight:bold;
    font-family: Verdana, Chevin-DemiBold;
}

.TitRelatorio
{
    background-color:#0065CE; 
    color:White; 
    font-size:11pt; 
    font-weight:bold; 
    font-family: Verdana, Chevin-DemiBold;
}

/*
*Css dos divs do planejamento
*/
#AdicionarAtividade
{
 background-color: #FFFFFF;
 border: solid 1px #0065CE;
 width: 500px;
 margin: 10px auto;
}

#AdicionarItens
{
 background-color: #FFFFFF;
 border: solid 1px #0065CE;
 width: 500px;
 margin: 10px auto;
}

#ListarItens
{
 background-color: #FFFFFF;
 border: solid 1px #0065CE;
 width: 550px;
 margin: 10px auto;
}

#AdicionarCentroCusto
{
 background-color: #FFFFFF;
 border: solid 1px #0065CE;
 width: 550px;
 margin: 10px auto;
}

#ListarCentroCusto
{
 background-color: #FFFFFF;
 border: solid 1px #0065CE;
 width: 550px;
 margin: 10px auto;
}

#AdicionarParceiro
{
 background-color: #FFFFFF;
 border: solid 1px #0065CE;
 width: 550px;
 margin: 10px auto;
}

#ListarParceiro
{
 background-color: #FFFFFF;
 border: solid 1px #0065CE;
 width: 550px;
 margin: 10px auto;
}
/*
*Fim do css dos divs do planejamento
*/

/* ###############
		Login
   ############### */
#Login
{
	width: 300px;
	margin: 100px auto;
	text-align: center;	
}

#Login fieldset
{
	margin: 0 auto;
	text-align: center;	
	width: 170px; /* mesmo tamanho do input*/
	border: none;	
}

#Login legend
{
	display: none;
}

#Login label b
{
	display: block;	
	font: 90% Verdana, Chevin-Light;
	color: #3165CE;
	padding: 2px 0;
	text-align: left;
}

#Login label
{
	float: left;
	margin:0 10px 15px 0;
}

#Login br
{
	clear: left;
}

/* Fix do DropDownList no FireFox */
select > option {
    padding: 0 5px 0 3px;
}

/* ####
    Relatorios
   #### */


#Relatorio table
{
    margin: 10px 0;
    border-bottom: solid 1px #000;
}

#Relatorio td
{
    padding: 4px;
    font-size: 10px;
}

#Relatorio .GvHeader
{
    font: bold 10px Verdana, Chevin-Light;
}

#Relatorio
{
    margin: 10px auto;
    text-align: center;
}

#Relatorio h1
{
    text-align: left;
}

/*
* Relatorio Planejado x Realizado
*/
#Planejado
{
    width: 90%;
    height: 220px;
    overflow: auto
}

#Realizado
{
    width: 90%;
    height: 220px;
    overflow: auto
}


.ProgressBar
{
	text-align: center;
	margin: 0 auto;
	width: 300px;
	border: dashed 1px #000;
	padding: 5px;
	position:absolute;
	top: 250px;
	left: 350px;
	background-color: #9CBEE7;
}

.AlertBox
{
    width: 400px;
	margin: 10px auto;
	padding: 5px;
	color: Red;
	text-align: center;
	border: dashed 1px #000;
}

.DivRelatorio
{
     background-color: #FFFFFF;
     border: solid 1px #0065CE;
     width: 550px;
     margin: 10px auto;
}

.Montadoras
{
    width: 80%;  
    margin: 10px auto; 
    padding: 4px; 
    text-align: center;   
}

.Montadoras td
{
    padding: 10px 4px;
}
.ButtonNovo
{
    border: solid 1px #9CBEE7;
    FONT-SIZE: 7pt;
    WIDTH: 60px;
    COLOR: #164574;
    FONT-FAMILY: verdana, Chevin-Light;
    BACKGROUND-COLOR: transparent;
    border-bottom: solid 1px #9CBEE7;
}