﻿/*####################################################*/
/*			BODY CONFIGURAÇÕES GERAIS DA PÁGINA		  */
/*####################################################*/
body
{
	font-family: Century Gothic, Arial, Verdana;
	font-size: small;
	color: #000000; /* COR DA FONTE E FUNDO */
	background-color: #E4E4C8;
	margin: 0;
}

/*####################################################*/
/*			DIV MASTER CONTÉM TODA A PÁGINA,		  */
/*				CENTRALIZA A PÁGINA					  */
/*#####################################################*/
div#divMaster
{
	margin: 0 auto;
	width: 1000px;
}

/*####################################################*/
/*		DIV MENU SUPERIOR CONTÉM OS MENUS			  */
/*#####################################################*/
div#divCabecalho
{
	float: left;
	width: 100%;
	height: 180px;
	text-align: left;
}
/*				LATERAL ESQUERDA IMAGEM				  */
div#divBemVindo
{
	float: left;
	width: 253px;
	height: 180px;
	margin-left: 16px;
}
/*				CANTO INFERIOR ESQUERDO				  */
div#ctl00_divLogin
{
	margin-top: 1px;
	float: left;
	width: 697px;
	height: 70px;
	background-repeat: repeat-x;
	font-family: Myriad Pro;
	font-size: 14pt;
	color: #E7DCD2;
	/*line-height: 65px;*/
	
}

div#divComQuemFalo
{
	float:right;
	margin-top: 25px;	
}

div#divMenuSuperior
{
	float: left;
	height: 60px;
	width: 710px;
}

/*				DIV USUÁRIO							 */
div#divUsuario
{
	float: left;
	width: 150px;
}
div#divSenha
{
	float: left;
	width: 150px;
}

div#divbtnOK
{
	margin-top: 25px;
	float: left;
	width: 20px;
	
}

.classCaixa
{
	float: left;
	/*margin-top: 20px;*/
	width: 147px;
	height: 100px;
	background-repeat: no-repeat;
	line-height: normal;
	color: #000;
	margin-left: 5px;
}
.caixaInvisivel
{
	border: 0;
	background-color: Transparent;
	height: 20px;
	padding-left: 2px;
	width: 130px;
	font-family: Myriad Pro,Arial;
	font-size: 16pt;
}

/*				LATERAL DIREITA IMAGEM				 */
div#ctl00_divDireita
{
	margin-top: 1px;
	float: left;
	width: 34px;
	height: 74px;
}


/*#####################################################*/
/*			  DIV HORA LOGIN, CONTÉM				   */
/*					RELÓGIO							   */
/*#####################################################*/

div#divHora
{
	float: left;
	line-height: 65px;
	font-size: 18pt;
	color: #E7DCD2;
	width: 130px;
	font-family: Myriad Pro;
}

/*#####################################################*/
/*				DIV CONTEÚDO PRINCIPAL				   */
/*#####################################################*/
div#divConteudo
{
	float:left;
	font-family: Century Gothic, Arial;
	margin-top: 30px;
	width:1000px;
	height:455px;
}

.adjustedZIndex
{
	z-index: 1;
}
div#divCalendarioNoticia
{
	float:left;
	width:290px;
	height:455px;
}

div#divCalendario
{
	float:left;
	background: url('../../Img/Calendario/calendario.png');
	background-repeat:no-repeat;
	height:190px;
	width:260px;
	margin-left:16px;
	padding: 5px 10px 5px 10px;
}
.Capitalize
{
	text-transform:capitalize;
}

div#divPublicidade
{
	float: left;
	width: 690px;
}

div#divNoticia
{
	float: left;
	background: url('../../Img/Calendario/noticiasBig.png');
	background-repeat:no-repeat;
	width: 250px;
	height:400px;

	margin-left:16px;
	padding: 5px 10px 5px 10px;
}

.titulo
{
	text-align: center;
	font-size: medium;
}
a
{
	text-decoration: none;
	color: #000000;
}

a:link
{
	color: #000000;
}
/* unvisited link */
a:visited
{
	color: #000000;
}
/* visited link */
a:hover
{
	color: #000000;
}
/* mouse over link */
a:active
{
	color: #000000;
}
/* selected link */


.HeaderNoticias
{
	float: left; 
	/*height: 40px; */
	/*padding-top:10px;*/
	width: 75%;
	color:#E7DCD2;
	font-weight:700;/*Deixa a fonte em negrito*/
	font-size:x-small;
}
.HeaderNoticias2
{
	float: left; 
	width: 20%;
	color:#E7DCD2;
	font-weight:700;/*Deixa a fonte em negrito*/
	font-size:x-small;
	
}
.BodyNoticias
{
	float: left; 
	/*height: 180px; */
	width: 100%;
	font-size:x-small;
}

.linha
{
	margin-left: 20px;
	width: 800px;
	float: left;
	margin-bottom: 10px;
}

.linhaNoticia
{
	margin-left: 20px;
	width: 800px;
	float: left;
	margin-bottom: 10px;
	
	
}

.tituloNoticia
{
	float:left;
	width:100%;
	font-size:large;
	color:#7a6d64;

}

.mancheteNoticia
{
	float:left;
	width:100%;
	font-size:x-small;
	padding-top:5px;
	padding-bottom:5px;

}

.noticiaCompleta
{
	font-style:italic;
}

.centralizar
{
	text-align: center;
	width:100%;
}



/* departamento */

#conteudoDepartamento {float:left; width:auto; height:auto; margin-top:10px; 	}
#listaDepartamento {float:left; width:470px; height:350px; overflow-x:hidden; overflow-y:auto;    }
#containerDepartamento {margin:0 auto; width:1000px; height:auto; font-family:Century Gothic; font-size:12px; }
.tituloPrincipal {float:left; width:100%; height:auto;  font-size:20px;  text-align:center; }
.containerCampoDepartamento {float:left; width:100%; height:auto; margin-top:5px;}
.campoDepartamento {float:left; width:105px; height:auto;}
#btnGravarDepartamento {float:left; margin-top:10px; width:auto;}
#dadosDepartamento {float:right; width:260px; height:auto; margin-left:15px;}	
.tituloDepartamento {float:left; text-align: center; width: 100%; margin-top: 20px; font-size:16px; font-weight:bold;}
.tituloDepartamentoNumero {float:left; width:20px; height:25px; }
.tituloDepartamentoNome {float:left; width:340px; height:25px;font-family:Century Gothic; }
.tituloDepartamentoExcluir {float:left; width:100px; height:25px;}
.nomeDepartamento {float:left; width:100%; height:25px;   color: #c3bfb9; background-color:#000; }
.nomeDepartamento a:link, .nomeDepartamento a:visited {text-decoration:none; color: #c3bfb9; background-color:#000;}
.nomeDepartamento a:hover, .nomeDepartamento a:active {text-decoration:none; color:#000; font-weight:bold; background-color:#c3bfb9;}
.linkDepartamento {float:left; width:100%; height:25px;  }
#buscaDepartamento {float:left; width:100%; height:auto; margin-top:30px;}



/* classes Gerais */
.msgErro {float:left; color:#F00; font-weight:bold; }
.caixaTextoRamal {margin:0 auto; width:90%; height:10px; margin-top:2px; font-size:12px; line-height:10px;}
.txt100 {float:left; width:100%; height:100%; text-align:center; }
 .btn{float:left;  text-align:center; border:solid 1px #BEBEBE; height:100%;  background-color:#DCDCDC;}


/* Permissoes */
.containerGrupoPermissao {float: left; width: 100%; height: auto;}
.tituloPermissao {float:left; width:70px; height:auto;}
.caixaPermissao {float:left; width:auto; height:auto;}
.autoComplete {float:left; width:100%; font-size:14px; font-family:Century Gothic; }

/* Ramal */ 
#containerGeraRamal {float:left; width:100%; height:auto; }
.conteudoGeralRamal {float:left; width:100%; height:auto;}
.conteudoRamal {float:left; width:140px; min-height:20px; height:auto; border:solid 1px #000;  font-size:12px; text-align:center;}
#containderRamal {margin:0 auto; width: 100%; margin-top:15px; }								


/* chatOnline */
#containerListaPedido {float:left; margin-top:20px;}

/* Master Page */
.AlertStyles 
{
	background-color: #000; 
	color: #FFF; 
	position: fixed; 
	/*visibility: hidden; */
	width: 100%; 
	height: 100%; 
	text-align: center;
	top: 0;
	left: 0; 
	opacity: 0.55; 
	-moz-opacity: 0.55; 
	filter: alpha(opacity=55);
 }
 
 .SolidAlertStyles
{
	position:absolute; 
	height: 350px; 
	width: 500px;  
	margin:200px 300px;  
	background-color: White;  
	color:Black;
	background-image:url('../../Img/Menu/fundoBranco.jpg');
}


/* classes relatório */

.relatorioHeader 
{
	float:left; 
	border:solid 1px #BEBEBE; 
	height:100%; 
	font-size:14px; 
	font-weight:bold; 
	padding:2px;
	height:35px;
	line-height:40px;
	background-color:#FFFAFA;
	
}

.relatorioItem 
{ 
	vertical-align: middle; 
	display: table-cell; 
	padding:2px; 
	border:solid 1px #BEBEBE; 
	height:100%; 
	font-size:10px; 
	background-color:#DCDCDC;
}

/* fundo */
#FundoTranslucido {position: fixed; z-index: 0; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity:0.55; -moz-opacity: 0.55; filter: alpha(opacity=55); }
#conteudoFundo    {position: fixed; z-index: 9; top:80px; left:50%; width:1000px; height:500px; background-color: #FFF; margin-left:-500px; }
#btnFechar {float: left; width: 20px; text-align: right; padding: 3px 3px 0 17px; margin-bottom: 20px; }



/* reservaOnline */

.relatorioPEContainer {float:left; width:100%;}
.relatorioPETitulo {float:left; width:100px; }
.relatorioPETexto{float:left; width:170px; }
.relatorioPELeft {float:left; width:320px; margin:5px 0 5px 0;	}





/*####################################################################*/
/*####                                                            ####*/
/*####                      CRIANDO UMA TABELA                    ####*/
/*####                                                            ####*/
/*####################################################################*/

.divTabela
{
    float:left;
    border: 1px inset;
    padding:5px;
}
.divLinha
{
    float:left;
    width:100%;
}
.divColunaEsquerda
{
   float: left; 
   width: 150px; 
   padding-right:10px; 
   text-align:right;
   padding-bottom:10px;
}

.divColunaDireita
{
   float: left; 
   width: 700px; 
   padding-bottom:10px;
}



/*####################################################################*/
/*####                                                            ####*/
/*####                          FIM UMA TABELA                    ####*/
/*####                                                            ####*/
/*####################################################################*/


.menupromo
{
    background-color:#cdcdb3;
    width:99.8%;
    height: 50px;
    float:left;
    
    border: 1px solid #8d7a69;
    margin-top:30px;
    margin-left:0px;
    
}

/*input[type="text"][disabled]
{
    background-color: #ffffff;
}*/

.busca_produto
{
   /* background-color:#e4e4c8;*/
    border: 1px solid #e4e4c8;
    margin-top:13px;
    font-size:11px;
}

.linha_produto
{
    background-color:#e4e4c8;
    border: 1px solid #e4e4c8;
}

div#consulta_promo_loja select
{
    background-color:#e4e4c8;
    border: 1px solid #e4e4c8;

}

.consulta_promo_loja
{
    background-color:Aqua;
}

div#ddlMarcas
{
    background-color:Aqua;
}

.produtos_promo
{
	float:left; 
	height:30px;
    background-color: #cdcdb3;
    width: 100%;
    border: 1px solid #8d7a69;
    font-size:11px;

}
.rptPromo
{
	float:left;
    font: #3a352f;
    font-size:10px;
}







    