* {margin:0; padding:0}

/*Tamanho das fontes gerais*/
h1 {font:bold 18px Arial, Helvetica, sans-serif; color:#000000; margin:5px;}
h2 {font:bold 14px Arial, Helvetica, sans-serif; color:#000000; margin:3px;}
h3 {font:normal 10px Arial, Helvetica, sans-serif; color:#000000; margin:5px;}
h4 {font:bold 14px Arial, Helvetica, sans-serif; color:#FF0000; margin:3px;}

/*Definição dos link´s do sistema*/
a {font:bold 14px Arial, Helvetica, sans-serif; color:#000000; margin:8px; text-decoration:none;}
a:hover {text-decoration:underline; color:#666666;}

/*Classes do estilo*/
.backgroundlogin {background:url(../img/fundologin.jpg) top center; background-repeat:no-repeat; background-attachment:scroll; background-size:cover;}
.margin19 {margin:19px;}
.alignright {text-align:right;}
.imputs {width:450px; margin:8px;}
.imputmenor {width:150px; margin:8px;}
.imputlogin {width:260px; height:25px; margin:8px;}
.margin8 {margin:8px;}

/*Conteúdo da tela de login da area restrita*/
body {background-image:url(../img/bk.gif); background-repeat:repeat-x;}
#wrap {width:980px; margin: 0 auto;}
#topo {width:980px; height:140px; float:left;}
#topologo {width:230px; height:140px; float:left;}
#propaganda {width:600px; float:left; margin-top:30px; position:relative;}
#banner {width:600px; height:400px; float:left; overflow:hidden;}
/*Classe dos links dos banners iniciais*/
.pager {
   position:absolute;
   z-index:999;
   top:370px;
   left:5px;
}
.pager a{
   display:block;
   width:20px;
   height:20px;
   border-radius:100%;
   -moz-border-radius:100%;
   -webkit-border-radius:100%;
   background:#666666;
   float:left;
   margin:0 5px;
   cursor:pointer;
}
.pager a:hover{
   background:#D7700B;
}
.pager a.sliderativado{
   background:#D7700B;
}
#login {width:380px; height:250px; float:right; margin-top:30px; background-image:url(../img/fundologin.png);}
#chamadalogin {width:360px; height:40px; float:left; margin:10px; border-bottom:1px solid #333333; text-align:center;}
#caixalogin {width:360px; height:170px; float:left; margin:0px 10px 10px 10px;}
#login h2 {font:bold 22px Arial, Helvetica, sans-serif; margin:5px;}
#login h3 {font:normal 14px Arial, Helvetica, sans-serif;}
/*DIV´s da área restrita do site*/
#cabecalho {width:980px; height:150px; float:left;}
#cabecalho_logo {width:230px; height:150px; float:left;}
#cabecalho_centro {width:520px; height:150px; float:left; text-align:center;}
#cabecalho_centro h1 {font:normal Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; margin-top:50px;}
#cabecalho_dados {width:230px; height:150px; float:right; text-align:center;}
#cabecalho_dados h2 {font:normal 16px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:5px;}
#cabecalho_dados a {font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none}
#cabecalho_dados a:hover {text-decoration:underline; color:#000000;}
#cabecalho_dados_usuario {width:230px; height:50px; float:left;}
#cabecalho_dados_fone {width:230px; height:70px; float:left;}
#corpo {width:980px; float:left; margin:10px 0px 10px 0px; background-color:#FFFFFF;}
#listaprod {width:700px; float:left;}
#produto {width:690px; height:70px; float:left; margin:5px; background-color:#CCCCCC;}
#produto_foto {width:80px; height:70px; float:left;}
#produto_descricao {width:470px; height:70px; float:left;}
#produto_botoes {width:70px; height:70px; float:left;}
/*DIV´s nome da ação Incluir/Alterar produto cadastrado*/
#chamada {width:960px; height:30px; float:left; margin:10px; border-bottom:1px solid #999999;}
#cadastroprod {width:960px; float:left; margin: 0px 10px 10px 10px;}
#cadastrofoto {width:270px; height:245px; float:left;}
#cadastrodados {width:690px; height:245px; float:right;}


#verprod {width:280px; float:left;}
#botãonovo {width:270px; height:40px; float:left; margin:5px;}

#rodape {width:100%; height:85px; float:left; background-color:#999999; text-align:center;}
#rodape h4 {font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:10px;}

/*Conteúdo da página de esqueci a senha....*/
#wrapesqueci {width:400px; margin: 0 auto; background-color:#FFFF00}
#recupera {width:380px; height:250px; float:left; margin-top:30px; background-image:url(../img/fundologin.png);}
#recupera h2 {font:bold 22px Arial, Helvetica, sans-serif; margin:5px;}
#recupera h3 {font:normal 14px Arial, Helvetica, sans-serif;}
#chamadarecupera {width:360px; height:40px; float:left; margin:10px; border-bottom:1px solid #333333; text-align:center;}
#textochamada {width:360px; height:60px; float:left; margin:0px 10px 5px 10px; text-align:justify;}
#caixarecupera {width:360px; height:110px; float:left; margin:0px 10px 10px 10px;}

/*DIV´s da area restrita para albuns de fotos*/
#tituloalbum {width:688px; height:30px; float:left; margin:5px; border-bottom:1px solid #999999;}
#tituloalbum h2 {font:bold 22px Arial, Helvetica, sans-serif; color:#000000; margin:3px; text-align:center;}
#albumgeral {width:164px; float:left; margin:5px;}
#albumgeral h2 {font:bold 14px Arial, Helvetica, sans-serif; color:#000000; margin:3px; text-align:center;}
#albumgeral h3 {font:normal 10px Arial, Helvetica, sans-serif; color:#000000; margin:5px; text-align:justify;}
#albumfoto {width:164px; height:100px; float:left;}
#albumtitulo {width:164px; height:25px; float:left;}
#albumdescricao {width:164px; height:80px; float:left;}
#albumcomandos {width:164px; height:32px; float:left; text-align:center; border-top:1px solid #999999}
#albumpostfoto {width:960px; height:45px; float:left; margin:10px;}
#fotosdoalbum {width:225px; height:200px; float:left; margin:10px; position:relative;}
/*Classes do botão excluir fotos do album.*/
.BtnExcluiFoto {
   position:absolute;
   z-index:999;
   top:5px;
   right:5px;}