/* elementos com position relative */
#pagina, #container, #container_menu, #menu, #canto_menu, #login, #rodape, #rodape_txt, #col_principal, #col_secundaria, #tarja2, #tarja2, #col_menu, #canto, #menu, #login, #assinatura
{position:relative;}

#pagina {
top:0px;
width:980px;
margin:0 auto;
z-index:1;
}
/* início da logo */
#logo {
position:absolute;
top:-20px;
*top:20px;
left:20px;
width:138px;
height:158px;
z-index:4;
}


#logo_inicial {
position:absolute;
top:177px;
left:411px;
width:138px;
height:158px;
cursor:pointer;
z-index:4;
}
#slogan {
background:url(../img/slogan.png) no-repeat;
position:absolute;
bottom:0px;
left:0px;
width:138px;
height:13px;
cursor:pointer;
}
/* fim da logo - ínicio do conteúdo */
#container{
width:980px;
min-height:460px;
margin:40px auto 0;
}
#col_principal {
float:left;
top:0;
left:35px;
width:915px;
min-height:460px;
background:#eee url(../img/bg_pontos.png) no-repeat right bottom;
}
#cabeca{
position:absolute;
top:15px;
left:145px;
padding-left:5px;
height:65px;
width:750px;
font-family:"Arial";
font-size:17px;
font-weight:bold;
font-style:italic;
text-align:left;
line-height:21px;
color:#eee;
background-color:#0379A7;
background-image:url(../img/bg_cabeca.png);
background-position:top right;
background-repeat:no-repeat;
}
#home{
position:absolute;
top:110px;
left:150px;
width:400px;
text-align:left;
}
#imagens{
position:absolute;
top:115px;
left:580px;
height:325px;
width:325px;
/* border:1px solid #0379A7; */
}
.icones{
position:relative;
float:left;
height:100px;
width:100px;
margin:0 7px 7px 0;
}
#productos{
position:absolute;
top:110px;
left:150px;
width:250px;
text-align:left;
/*border:1px solid #0379A7;*/
}
#imagens_productos{
position:absolute;
top:115px;
left:415px;
height:325px;
width:480px;
/*border:1px solid #0379A7;*/
}

#imagens_web{
position:absolute;
top:115px;
left:580px;
padding:15px;
height:326px;
width:326px;
background:url(../img/bg_web.png) no-repeat;
/* border:1px solid #0379A7; */
}

a.bananas{
background:url(../img/bananas.png) no-repeat top center;
float:left;
}

a:hover.bananas{
background:url(../img/bananas.png) no-repeat bottom center;
margin-top:-1px;
*margin-top:-5px;
}

a.devel{
height:138px;
background:url(../img/bg_devel.png) no-repeat top center;
float:left;
}

a:hover.devel{
background:url(../img/bg_devel.png) no-repeat bottom center;
}

a.orcamento{
background:url(../img/ic_orcamento.png) no-repeat top center;
float:left;
}

a:hover.orcamento{
background:url(../img/ic_orcamento.png) no-repeat bottom center;
}

.interno{
border:none;
text-decoration:none;
}

.quadrinho{
float:left;
margin:0 15px 15px 0;
height:140px;
width:138px;
}

.productos{
position:relative;
float:left;
height:325px;
width:158px;
margin:0;
}

.bloco, .rotulo, .campo, .endereco, .link{
text-align:left;
font-family:"Arial";
font-size:14px;
}
.bloco, .rotulo, .campo, .endereco{
color:#0379A7;
}

a.endereco{
text-decoration:underline;
}

a:hover.endereco{
color:#ddd;
background:#0379A7;
text-decoration:none;
}


.bloco{
clear:both;
text-indent:25px;
}

#col_secundaria {
top:15px;
float:right;
width:30px;
min-height:445px;
}
#tarja1 {
float:left;
width:15px;
min-height:445px;
background-color:#f26523;
}
#tarja2{
float:right;
top:20px;
width:15px;
min-height:425px;
background-color:#ccc;
}
#formulario{
clear:both;
position:absolute;
top:130px;
left:167px;
width:410px;
/* border:1px solid #0379A7; */
}
#endereco{
position:absolute;
top:130px;
left:590px;
height:222px;
width:270px;
padding:10px;
border:1px solid #ccc;
}
#vanderley{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:url(../img/vanderley.png);
z-index:100;
}
#mapa{
position:relative;
margin:20px auto;
width:980px;
height:565px;
}
.rotulo{
clear:both;
margin:0;
text-align:left;
float:left;
/* border:1px solid #0379A7; */
}
.campo{
margin:0;
width:320px;
float:right;
color:#f26523;
background-color:#ddd;
border:none;
}
.borda, .borda_mensagem{
clear:both;
width:auto;
padding:5px;
margin-bottom:5px;
border:1px solid #ccc;
}
.borda{
height:18px;
}
.borda_mensagem{
height:127px;
}
.envia, .envia:hover{
cursor:pointer;
float:right;
text-align:center;
font-family:"Arial";
font-size:14px;
margin-left:5px;
}
.envia{
color:#0379A7;
border:1px solid #0379A7;
}
.envia:hover{
color:#f26523;
border:1px solid #f26523;
}
a.link{
color:#0379A7;
padding:0 5px;
border:1px solid #0379A7;
text-decoration:none;
}
a:hover.link{
color:#f26523;
border:1px solid #f26523;
}
#sair, #ver, #voltar{
position:absolute
}
#ver{
top:10px;
right:10px;
} 

#voltar{
right:0
}
#sair{
left:0;
}
/* fim do conteúdo - ínicio do menu */
#container_menu{
width:980px;
height:76px;
margin:0 auto 15px;
}
#col_menu{
float:left;
left:55px;
width:925px;
height:70px;
}
#menu {
top:0px;
left:0px;
height:40px;
width:925px;
background:#f26523 url(../img/canto_menu1.png) no-repeat right bottom;
}

#remendo1{
position:absolute;
right:0px;
bottom:0px;
}
#remendo2{
position:absolute;
right:0px;
bottom:0px;
}
#login {
clear:both;
height:30px;
width:910px;
bottom:0px;
left:15px;
*left:8px;
background:#ccc url(../img/canto_fora.png) no-repeat right bottom;
}
#download_botoes{
position:relative;
float:left;
height:26px;
width:515px;
margin-top:5px;
}

.download_texto, .download_aviso {
position:relative;
font-family:"Arial", Helvetica, sans-serif;
text-decoration:none;
}

.download_texto{
float:left;
font-size:13px;
line-height:22px;
text-indent:10px;
text-align:left;
color:#0379A7;
}

.download_aviso{
float:right;
font-size:11px;
margin-right:45px;
line-height:30px;
text-align:right;
color:#0379A7;
}

#bt_xp{
position:relative;
float:right;
height:22px;
width:110px;
}
a.bt_xp {
clear:both;
display:block;
background-image:url(../img/bt_winxp.png);
background-repeat: no-repeat;
background-position: center top;
}
a:hover.bt_xp{
display:block;
background:url(../img/bt_winxp.png) no-repeat center bottom;
}

#bt_vista{
position:relative;
float:right;
height:22px;
width:120px;
}
a.bt_vista {
clear:both;
display:block;
background-image:url(../img/bt_winvista.png);
background-repeat: no-repeat;
background-position: center top;
}
a:hover.bt_vista{
display:block;
background:url(../img/bt_winvista.png) no-repeat center bottom;
}

/* fim do menu - ínicio do rodapé do site */
#rodape {
clear:both;
margin:0 auto;
height:50px;
width:900px;
z-index:2;
top:0;
margin-top:-18px;
}
#rodape_txt {
float:left;
color:#0379A7;
text-align:left;
font-family:"Arial";
font-size:11px;
text-indent:5px;
top:18px;
}
#assinatura {
float:right;
height:50px;
width:153px;
}

#assina{
	position:absolute;
	width:47px;
	height:45px;
	left:872px;
	top:7px;
}

a.assin{
	position:absolute;
	width:40px;
	height:37px;
	left:0;
	background:url(../img/assinatura.png) no-repeat top center;
}

a.assin:hover{
	margin-top:-6px;
	height:39px;
	background:url(../img/assinatura.png) no-repeat bottom center;
}

.desenvolvido{
	position:absolute;
	top:19px;
	left:568px;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	color:white;
	font-weight:normal;
}

/* fim do rodapé do site */
