﻿/*ESTRUTURA*/

html{
   height:100%;
   margin:0px;
   padding:0px;
   background:#316e2a; 
   min-width:790px;
}

body{
   margin:0px;
   padding:0px;
   color:#333;
   font-family:Arial;
   font-size:11px;
   min-width:790px;
}

.divEspacador{
    height:10px;
    font-size:1px;
    clear:both;
}

.divClear{
    clear:both;
}

.divCentralizar{
    position:relative;
    width:790px;
    margin:0px auto;
    height:auto;
}

.divTopo{
    background:White url(../images/bgTopo.jpg) center top repeat-x;
    height:130px;
    color:#316e2a;
    position:relative;
}

.divLogo{
    background:url(../images/logo.png) left 5px no-repeat;
    margin-left:10px;
    height:117px;
    width:193px;
    float:left;
}

.divFotosTopo{
    background:url(../images/FotosTopo.png) left 8px no-repeat;
    height:121px;
    width:516px;
    float:right;
    margin:0px;
}

.divConteudo{
    position:relative;
    min-width:790px;
    height:100%;
    border-bottom:1px solid #316e2a;
    background:#ffffff url(../images/bgSombra.jpg) center top repeat-y;
}

.divTextoInicial{
    width:510px;
    margin:0px auto;
    text-align:justify;
}

.divProdutos {
    background:url(../images/bgProdutos.jpg);
}

.divAreaExclusiva{
    background:#ffffff url(../images/bgAreaExclusiva.jpg) left top no-repeat;
    width:240px;
    height:150px;
    margin:0px auto;
}

.divBanners{
    width:240px;
    display:table;
    margin:5px auto;
}

.divBannersItem{
    width:240px;
    margin:5px 0px;
    clear:both;
}

.divModuloEsquerda{
    display:table;
    position:relative;
    background:#FFFFFF;
    width:530px;
    float:left;
    margin:0px;
}

.divModuloDireita{
    display:table;
    position:relative;
    background:#e5e6e7;
    width:260px;
    height:100%;
    float:right;
    margin:0px;
}

.divRodape{
    background:#316e2a url(../images/bgRodape.jpg) center top repeat-x;
    min-height:100px;
    color:#d7e1d1;
    font-weight:bold;
    padding-top:10px;
}

/* MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU MENU */
#divMenu{
	background:url(../images/bgMenu.jpg) center top repeat-x;
    height:25px;
    margin:0px;
}

#divMenu ul{
	list-style: none;
	margin:0px;
	padding:0px;	
}

#divMenu li{
	float: left;
	text-align: center;
	padding: 0px;
	line-height:25px;
	margin:0px 5px;			
}

#divMenu .MenuSeparador{
	float: left;
	text-align: center;
	width: 2px;
	line-height:25px;
	height:25px;
}


#divMenu a:link{
	font-family: Arial, Verdana;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display:block;
}

#divMenu a:hover{
	font-family: Arial, Verdana;
	color: #b7cba2;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#divMenu a:visited{
	font-family: Arial, Verdana;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display:block;
}

#divMenu a:active{
	font-family: Arial, Verdana;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display:block;
}


.divLogoWise
{
    display:block;
    cursor:pointer;
    margin:5px 0px;
    text-indent:-999;
    width:150px; 
    height:31px;
    position:absolute;
    top:-5px;
    right:0px;
    background:url(../images/wiseLogo.png) no-repeat;
}
.divLogoWise:hover{
    background-position:left -31px;
}

.divLogoBemSoft {
    display: block;
    cursor: pointer;
    width: 150px;
    height: 31px;
    position: absolute;
    top: -5px;
    right: 0px;
    background: url(../images/logobemsoft.png) no-repeat;
}

/* TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS TEXTOS */
.txtTitulo{
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    line-height:16px;
    font-style:italic;
    color:#286627;
}


.txtSubTitulo{
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    font-style:italic;
    color:#286627;
}

.txtMensagemErro{
    color:#CC0000;
}


/* LINKS */

a:link{
	font-family: Arial, Verdana;
	color: #0c2d0b;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	font-family: Arial, Verdana;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

a:visited{
	font-family: Arial, Verdana;
	color: #0c2d0b;
	font-weight: bold;
	text-decoration: none;
}

a:active{
	font-family: Arial, Verdana;
	color: #0c2d0b;
	font-weight: bold;
	text-decoration: none;
}




/* INPUT  */

.inputButton{
    border:solid 1px #ccc;
}





/*DESTAQUES*/
.divDestaqueProdutoItem{
    width:253px;
    height:200px;
    background:url(../images/imgProdutoItem.png) center top no-repeat;
    position:relative;  
    cursor:pointer;  
}

.divDestaqueProdutoItemImg{
    width:233px;
    height:100px;
    margin-left:10px;
    position:relative;
}

.divDestaqueProdutoItemTxt{
    width:233px;
    margin:5px 10px;
}

.divDestaqueProdutoMarca{
    width:40px;
    height:28px;
    padding:5px;
    position:absolute;
    right:2px;
    bottom:2px;
    background:url(../images/bgMarcaDestaque.png) left top;
}

.divDestaqueProdutoValor{
    text-align:Right;
    width:233px;
    font-weight:bold;
    font-size:14px;
    padding-top:2px;
    position:absolute;
    right:10px;
    bottom:5px;
    border-top:solid 1px #f0f0f1;
    color:#333;
}


.divProdutoDetalheImagens{
    width:510px;
    margin:10px auto;
    position:relative;
    
}
.divProdutoDetalheImagemPrincipal{
    width:300px;
    float:left;
    height:auto;
}

.divProdutoDetalheThumbs{
    float:left;
    width:54px;
    margin-left:10px;
}
.divProdutoDetalheThumbsItem{
    width:50px;
    height:50px; 
    margin:2px; 
    cursor:pointer;        
}

.divProdutoDetalheTextos{
    margin:10px auto;
    width:510px;
    clear:both;
}

.divProdutoDetalheTitulo{
}
.divProdutoDetalheComplemento{
    padding-bottom:10px;
    clear:both;
}
.divProdutoDetalheDescricao{
    padding-bottom:20px;
    text-align:justify;
}
.divProdutoDetalheValores{
    padding-bottom:10px;
}
.divProdutoDetalheValor{
    padding-bottom:10px;
}
.divProdutoDetalheFormasPagamento{
    color:#444;
}
.divProdutoDetalheFormasPagamentoItem{
    margin:2px 0px;
}























.divPai{
    width:770px;  
    position:relative;
    margin: 0px auto;
}


#divNumPag{
    margin-bottom:10px;
    height:24px;
    line-height:24px;
    background:#FFF;
    border:Solid 1px #CCCCCC;
}

#divFormulario{
    width:400px;
    display:table;
    margin:0px auto;
}

.divPesquisa{
	background:#DDDDDD;
	padding:10px;
	border:Solid 1px #CCCCCC;
	/*position:relative;*/
}

.divConcluir{
	background:#DDDDDD;
	padding:10px;
	margin-top:10px;
	border:Solid 1px #CCCCCC;
}

.divConteudoAE{
	margin-top:10px;
	background:#DDDDDD;
	border:Solid 1px #CCCCCC;
}


.x150{
    width:150px;
}


.divLogoChamados{
	width:770px;
	height:95px;
	margin:0px auto;
	background:url(../images/LogoAE.png) no-repeat 0px 5px;
}

.divChamadosCorpo{
	width:740px;
    border:solid 5px #FFFFFF;   
	margin:10px auto 0px auto;
	padding:10px;
	background:#f0f0f0;
}

#divCalendarioIni{
	position: absolute; 
	z-index:2000;
	top: 180px; 
	left: 95px; 
	width: 200px; 
	padding:5px; 
	border:solid 1px #bbbbbb; 
	background:url(../images/bgTransparencia.png);
}

#divCalendarioFim{
	position: absolute; 
	z-index:2000;
	top: 180px; 
	left: 203px; 
	width: 200px; 
	padding:5px; 
	border:solid 1px #bbbbbb; 
	background:url(../images/bgTransparencia.png);
}


#divDetalhesChamado{
	background:url(../images/bgTransparencia.png);
	position: absolute;
	width:500px;
	left:50%;
	margin-left:-250px;
	padding:5px;
	border:solid 1px #bbbbbb; 
	z-index:3;
}                    
.divDetalhesChamadoBtn{
	margin-bottom:5px;
	background:#FFFFFF;
	border:solid 1px #bbbbbb; 
	padding:5px;
}

.divDetalhesChamadoTxt{
	padding:5px;
	background:#FFFFFF;
	border:solid 1px #bbbbbb; 
	position:relative;
}

.divDetalhesChamadoInfo{
	padding:5px 0px; 
	color:#666666; 
	font-size:9px; 
	border-top:solid 1px #ddd;
}






.divGridChamadoTudo{
	position:relative;
	width:100%;
	background:#FFFFFF url(../images/bgBranco.jpg) repeat-x;
}

.divGridChamadoItem{
	margin:0px;
	min-height:20px;
	line-height:20px;
	width:100%;
	position:relative;
	background:#FFFFFF url(../images/bgDetalheChamado.jpg) repeat-x top;
	border-bottom:solid 1px #e5e5e5;
}

.divGridChamadoItemDetalhes{
	margin:0px 0px 20px 0px;
	padding:0px;
	width:100%;
	position:relative;
	
}

.divGridChamadoItemDetalhesInner{
	margin:0px auto;
	padding: 5px 0px;
	width:700px;
	text-align:justify;
	line-height:15px;
}

.divGridItemLeft{
	float:left;
	margin:0px 2px;
}

.divGridSeparadorLeft{
	display:none;
	width:2px;
	height:100%;
	float:left;
	background:url(../images/bgDivide.jpg) repeat-y;
}

.divGridSeparadorRight{
	display:none;
	width:2px;
	height:100%;
	float:right;
	background:url(../images/bgDivide.jpg) repeat-y;
}

.divGridRight{
	float:right;
	margin:0px 2px;
	position:relative;
}

.divNumInfo{
	height:8px;
	line-height:8px;
	width:8px;
	font-size:8px;
	font-family:Arial;
	font-weight:bold;
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:right; 
}

.divGridChamadoDetalhes{
	margin-left:24px;
	padding:0px 10px;
	text-align:justify;
	background:#eeeeee url(../images/bgDivide.jpg) repeat-y;
}

