/* 
Projeto Desenvolvido por:
http://www.kobi.com.br
Testado nos seguintes navegadores:
Internet Explorer 6.0 / Safari 3.1 / Firefox 3 Beta 5
*/


/*--------------------------------------------- 
Rodapé
---------------------------------------------*/
#rodape {
	font-size: 11px;
	color:#333333;
	position:relative !important;
	position:static;
	width: 100%;
	clear:both;
	margin-top: 70px;
	float: left;
	padding-bottom: 20px;
	background-color: #fff;
	
}

#rodape_esq {
	float: left;
}

.title_produtosvistos{
	margin: 0pt auto;
	text-align:center;
	width:100%;
	height:34px;
        line-height:34px;
        background-image: url(images/background_rodape_title.jpg);
}

.content_title{
    width:80%;
    padding: 0px;
    margin:0 auto;
    text-align:left;
}

#rodape_content{
    background-color:#FFFFFF;
    height:281px;
    clear:both;
    text-align:center;
    width:100%;
    background-image: url(../images/rodape/background_rodape.jpg);
}

#centro_content{
    height:220px;
    margin:0 auto;
    padding:15px 0 0;
    text-align:center;
    width:850px;
   background-image: url(images/natal-footer.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.box_selos{
    border-left:1px solid #CCCCCC;
    float:left;
    height:80px;
    padding-left:15px;
    width:170px;
}

.box_selos img{
    float: left;
}

.box_selos a{
    float: left;
}

.box_institucional{
    width: 130px;
    padding-left: 10px;
    padding-right: 10px;
    height: 100px;
    border-right: 1px solid #cccccc;
    float: left;
}

.box_institucional p{
    font: bold 12px arial;
    color: #034275;
    float: left;
    text-align: left;
    padding-bottom: 7px;
    padding-left: 5px;
    width: 140px;
}

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

.box_institucional a{
    font: normal 12px arial;
    color: #666666;
    float: left;
    text-align: left;
    padding-top: 5px;
    text-decoration: none;
    padding-left: 5px;
    width: 140px;
}

.box_duvidas{
    width: 150px;
    height:100px;
    border-right: 1px solid #cccccc;
    float: left;
    padding-left: 10px;
}

.box_duvidas p{
    font: bold 12px arial;
    float: left;
    text-align: left;
    color: #034275;
    padding-bottom: 7px;
    padding-left: 5px;
    width: 140px;
}

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

.box_duvidas a{
    font: normal 12px arial;
    color: #666666;
    float: left;
    text-align: left;
    padding-top: 5px;
    text-decoration: none;
    padding-left: 5px;
    width: 140px;
}

.box_atendimento{
    border-right:1px solid #CCCCCC;
    float:left;
    height:150px;
    padding-left:10px;
    padding-right:10px;
    width:150px;
}

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

.box_atendimento a{
    font: normal 12px arial;
    color: #666666;
    float: left;
    text-align: left;
    padding-top: 5px;
    text-decoration: none;
    padding-left: 5px;
    width: 140px;
}

.box_atendimento p{
    font: bold 12px arial;
    color: #034275;
    float: left;
    text-align: left;
    padding-bottom: 7px;
    padding-left: 5px;
    width: 140px;
}

.box_telefone{
    width: 130px;
    height: 150px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

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

.box_telefone a{
    font: normal 12px arial;
    color: #666666;
    float: left;
    text-align: left;
    padding-top: 5px;
    text-decoration: none;
    padding-left: 5px;
    width: 140px;
}

.box_telefone strong{
    font: normal 12px arial;
    color: #666666;
    float: left;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    padding-left: 5px;
    width: 140px;
}

.box_telefone p{
    font: bold 12px arial;
    color: #034275;
    float: left;
    text-align: left;
    padding-bottom: 7px;
    padding-left: 5px;
    width: 140px;
}

.box_pagamento{
    float: left;
    width:677px;
    height:55px;
    padding-left:16px;
}

.box_pagamento img{
    float: left;
    width: 45px;
    height: 28px;
}

.box_pagamento p{
    font: bold 12px arial;
    color: #034275;
    float: left;
    text-align: left;
    padding-right: 5px;
}

.box_pagamento strong{
    color:#666666;
    float:left;
    font:12px arial;
    padding-right:227px;
    text-align:left;
    text-decoration:none;
}

#quadro_rodape {
	background-color: #fff;
	background-image: url(images/rodape_fundo.png);
	background-position: right top;
	background-repeat: no-repeat;
	margin: 0pt auto;
	text-align:center;
	width:100%;
	height:134px;
}


#centro_quadro {
	margin: 0pt auto;
	text-align:left;
	width:650px;
	height:134px;
	position: relative;
}

#logo_rodape {
	left: -100px;
	position: absolute;
}

#rodape_telefone {
	left: 170px;
	top: 10px;
	position: absolute;
	width: 130px;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#rodape_pagamento {
	left: 330px;
	top: 10px;
	position: absolute;
	width: 70px;
	text-align: center;
}

#rodape_duvidas {
	left:420px;
	top: 10px;
	position: absolute;
}

#rodape_central {
	left:420px;
	top: 50px;
	position: absolute;
	
}

#rodape_institucional {
	top: 90px;
	left:420px;
	position: absolute;
}

#rodape_telefone h3 {
	color:#333;
	font-size:11px;
	font-weight:bold;
	text-align: center;
}

#rodape_telefone h4 {
	color:#333333;
	font-size:17px;
	font-weight:bold;
	text-align: center;
	margin-bottom: 20px;
}

#rodape h1 {
	color:#333;
	font-size:11px;
	font-weight:bold;
}

#rodape a {
	color:#333333;
	text-decoration:none;
}

#rodape a:hover {
	text-decoration: underline;
}

#copyright {
	margin-top: 10px;
}

* html #copyright {
	margin-top: 0px;
}