body
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
    padding: 1px 3px 1px 3px;
    /*background: url('../img/bgd.gif') #fff repeat-y center;*/
    background-color: #D4D0C8;
    text-align: center;
}


a
{
   color: #000;
   text-decoration: none;
}

a:hover
{
   color: #000;
   text-decoration: underline;
}


.central_atendimento
{
    text-align: left;
    width: 900px;
    border: 1px solid #ABA494;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding-bottom: 50px;
    background-color: #fff;
}

.central_atendimento .topo
{
    text-align: left;
    height: 100px;
}

.central_atendimento .topo .userlogado
{
    position: relative;
    float: right;
    width: 400px;
    text-align: right;
}

.central_atendimento .topo .logotipo
{
    position: relative;
    float: left;
    top: 10px;
}

.central_atendimento .topo .divIdentificacaoTela
{
    position: relative;
    float: right;
    width: 400px;
    text-align: left;
    margin-top: 50px;
    margin-right: 100px;
    _margin-right: 50px;
    padding: 3px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 15px;
	color:#800000;
    background-color: #FFC0C0;
    /*border-bottom: 3px solid #800000; */
    text-align: center;
    _height: 70px;
    _padding-top: 20px;
}

.central_atendimento .corpo
{
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.central_atendimento .corpo table td
{
    padding: 2px;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
}

.central_atendimento .corpo h1
{
    font: 18px verdana;
}


.divTitulo
{
    border-bottom: 5px solid #FFC0C0;
    margin-top: 20px;
    _height: 20px;
    text-align: left;
}


.central_atendimento .corpo input, textarea
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D0D0D0;
	padding: 5px;
	background:url(../img/bg_input.jpg) repeat-x bottom #fff;
    _height: 25px;
}


.central_atendimento .corpo textarea
{
	height: 150px;
}

.central_atendimento .corpo .label
{
    padding: 10px;
    padding-left: 0px;
}

.central_atendimento .corpo .enviar
{
    border: 0px;
    float: left;
    background: none;
    margin-left: -5px;
    _margin-left: 0px;
    margin-top: 10px;
    _height: 36px;
}

.central_atendimento .corpo .login
{
    position: relative;
    float: left;
    width: 400px;
    height: 220px;
    margin: 10px;
    padding: 10px;
    text-align: left;
}

.central_atendimento .corpo .login .h1
{
  	background:url(../img/bg_h1_login.png) no-repeat left;
  	text-indent: 20px;
}

.central_atendimento .corpo .cadastrar
{
    position: relative;
    float: right;
    width: 400px;

    margin: 10px;
    padding: 10px;
    text-align: left;
}


.central_atendimento .corpo .cadastrar .h1
{
  	background:url(../img/bg_h1_cadastrar.png) no-repeat left;
  	text-indent: 20px;
}


.central_atendimento .corpo .contato
{
    position: relative;
    float: left;
    width: 400px;
    height: 540px;
    margin: 10px;
    padding: 10px;
    text-align: left;
}

.central_atendimento .corpo .contato .h1
{
  	background:url(../img/bg_h1_contato.png) no-repeat left;
  	text-indent: 20px;
}

.central_atendimento .corpo .contatoEmpresa
{
    position: relative;
    float: right;
    width: 400px;
    height: 200px;
    margin: 10px;
    padding: 10px;
    text-align: left;
}


.central_atendimento .corpo .contatoEmpresa .h1
{
  	background:url(../img/bg_h1_contato_empresa.png) no-repeat left;
  	text-indent: 20px;
}



.central_atendimento .etapa
{
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #E0E0E0;
    height: 30px;
    background: url('../img/bg_carrinho') left repeat;
}

.central_atendimento .etapa div
{
    width: 25%;
    position: relative;
    float: left;
}


/* FORMULÁRIO DE CADASTRO */
.central_atendimento .corpo .formCadastro
{
    width: 100%;
    margin-top: 20px;
    _margin-top: -50px;
    _padding: 50px;
}

.central_atendimento .corpo .formCadastro label
{
    width: 220px;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
}

.central_atendimento .corpo .formCadastro .submit input
{

    width: 100px;
}

.central_atendimento .corpo .formCadastro input
{
    border: 1px solid #B0B0B0;
    width: 300px;
	background:url(../img/bg_input.jpg)  #F3F3F3 repeat-x bottom #fff;
}

.central_atendimento .corpo .formCadastro .radio
{
    color: #781351;
    border: 0px;
    width: 25px;
	background:none;
	
}

.central_atendimento .corpo .formCadastro .select
{

    width: 1px;
    _width: 20px;
    border: 0;
    background: none;
}

.obrigatorio
{

    color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}

.central_atendimento .corpo .formCadastro .enviar
{
    border: 0px;
    background: none;
    float: right;
    width: 146px;
    height: 36px;
}

.central_atendimento .corpo .formCadastro .codigoConfirmacao
{
    position: relative;
    float: left;
}


.central_atendimento .corpo .formCadastro fieldset
{
    border: 0px;
    width: 800px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: left;
}


.central_atendimento .corpo .menulateral
{
    position: relative;
    float: left;
    width: 190px;
    border-top: 1px solid #FFC0C0;
    text-align: left;
}

.central_atendimento .corpo .menulateral
{
    border: 1px solid #D0D0D0;
    border-top: 5px solid #D0D0D0;
    padding: 3px;
    width: 160px;
    height: auto;
	background:url(../img/bg_input.jpg) #fff repeat-x bottom;
}

.central_atendimento .corpo .menulateral ul
{
    margin: 0;
    margin-top: 2px;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.central_atendimento .corpo .menulateral li { margin: 0 0 .2em 0; text-indent: 18px; }

.central_atendimento .corpo .menulateral .topo
{
    display: block;
    color: #fff;
    padding: .2em .8em;
    text-decoration: none;
    width: 95%;
    _width: 99%;
    height: 3px;
}

.central_atendimento .corpo .menulateral a
{
    display: block;
    color: #000;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
    width: 95%;
    _width: 99%;
    border-bottom: 1px solid #DBDBDB;
}

.central_atendimento .corpo .menulateral a:hover
{
    color: #000;
}

.central_atendimento .corpo .conteudodireita
{
    position: relative;
    float: right;
    width: 700px;
    text-align: left;
}


/* TABELA GRID */

.divGridChamado a
{
	color: #000000;
	text-decoration: none;
}

.divGridChamado a:hover
{
	text-decoration: underline;
}

.divGridChamado
{
	background-color: #FFFFFF;
	border: 1px solid #dcdce9;
    font: 10px Arial, sans-serif;
    width: 98%;
    top: 10px;
    overflow: none;
    margin-left: 10px;
}
.divGridChamado table
{
  font: 10px verdana;
    width: 100%;
    text-transform: uppercase;
}

.divGridChamado .trTopoGrid
{
  background-color: #5A8044;
  color: #fff;
  font: 10px verdana;
  font-weight: bold;
}

.divGridChamado .trTopoGrid td
{
  padding: 5px;
}

.divGridChamado td
{
  padding: 5px;
}
/* TABELA GRID - FIM*/

.conteudodireita #tituloBotaoSelecionado a
{
	text-decoration: none;
    font-family: arial;
    font-size: 10px;
    color: #000;
    font-weight: bold;
	background:url(../img/bg_input_select.jpg) repeat-x top;
	border-bottom: none;
    width: 140px;
    height: 15px;
    padding: 5px;
    position: relative;
    text-transform: uppercase;
    float: right;
    margin-left: 5px;
    text-align: center;
}

.conteudodireita #tituloBotao a
{
	text-decoration: none;
    font-family: arial;
    font-size: 10px;
    color: #000;
    font-weight: bold;
	background:url(../img/bg_input.jpg) repeat-x bottom;
	border-bottom: none;
    width: 140px;
    height: 15px;
    padding: 5px;
    position: relative;
    text-transform: uppercase;
    float: right;
    margin-left: 5px;
    text-align: center;
}

.conteudodireita #tituloBotao a:hover
{
	text-decoration: underline;
}

.conteudodireita #tituloBotaoSelecionado a:hover
{
	text-decoration: underline;
}

.linkAlterarEndereco
{
  	background:url(../img/img_mudar_endereco.png) no-repeat left;
  	text-indent: 20px;
}

.linkAlterarEndereco a
{
   text-decoration: underline;
}

.menu_opcoes
{
   width: 100%;
   height: 50px;
}

.menu_opcoes div
{
   position: relative;
   float: right;
   margin: 10px;
   width: 150px;
}

.menu_opcoes div input
{
   position: relative;
   top: -3px;
}

.textoCompraSucesso
{
  font-family: arial;
  font-size: 14px;
}


.divErro
{
  border: 1px solid #606060;
  padding: 5px;
  padding-bottom: 15px;
  font-family: arial;
  font-size: 12px;
  color: #000;
  width: 500px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  text-indent: 80px;
  margin-top: 60px;
  background: url('../img/error_icone.png') no-repeat center left;
}

.divSucesso
{
  background-color: #DDF3BC;
  border: 1px solid #6FA41E;
  padding: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: arial;
  font-size: 11px;
  color: #000;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

/** MODAL JQUERY */
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#frm
{
   width: 500px;
}

#frm input, select, textarea
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #D0D0D0;
	padding: 1px;
	position: relative;
	width: 470px;
	padding: 5px;
	_height: 25px;
	margin-top: 2px;
	background:url(../img/bg_input.jpg) repeat-x bottom;
}

#frm textarea
{
	height: 70px;
	background-color: #fff;
}

#frm .label
{
    padding: 5px;
    padding-left: 0px;
}

#frm .enviar
{
    padding: 10px;
    padding-left: 0px;
    width: 136px;
    height: 40px;
    border: 0px;
    float: right;
    margin-right: 10px;
    _margin-right: 22px;
    background: none;
}

#frm #DivResultado
{
    height: 40px;
    border: 0px;
    margin-top: 30px;
    margin-right: 10px;
    _margin-right: 22px;
}

.menuEditar
{
	background-image: url("../img/img_editar.png");
	background-repeat: no-repeat;
	height: 20px;
    text-align: left;
    font-weight: bold;
    position: relative;
    float: right;
}

.menuEditar a
{
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	position: relative;
	top: 1px;
}

.telefone
{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 25px;
	text-indent: 25px;
	width: 300px;
	height: 50px;
	background: url('../img/icon-tel40.gif') no-repeat left top;
}



.digitoVisaTotal
{
	height: 90px;
	width:450px;
}

.digitoVisaIMG
{
	background: url('../img/visa.gif') no-repeat left top;
	height: 90px;
	width: 172px;
	position: relative;
	float: right;
}

.digitoVisa
{
	height: 90px;
	width: 272px;
	position: relative;
	float: left;
}

.destaca
{
    color: #B60342;
    font-weight: bold;
}



#menuCliente
{
    width: 100%;
    text-align: right;
}


#menuCliente ul
{
    padding:0px;
    float: right;
    width: 800px;

    list-style:none;
    text-align: right;
}

#menuCliente ul li
{
    float: right;
    display: inline;
    padding-right: 3px;
    
}

#menuCliente ul li a
{
    padding: 4px 14px;
    float:left;
    /* visual do link */
    background-color:#EA0000;
    color: #fff;
    text-decoration: none;
    border-bottom:3px solid #EDEDED;
}

#menuCliente ul li a:hover
{
    background-color:#D6D6D6;
    color: #6D6D6D;
}