body { 
margin:0;
text-align:center;
background-color:#0099FF;
font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
font-size:12px;
color: #996600;
}

#corpo {
margin:0px auto;
text-align:left;
width:700px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}

#topo {
background: url(images/header_home.jpg) no-repeat;
height:262px;
}

#menu {
background-color: #ff9922;
padding:4px;
color: #ffffff;
border-top:1px solid #FFFFFF;
width:693px;
}

#menu ul {
margin:0px 0px 0px 20px;
padding:0px;
list-style-type:none;
border-left:1px solid #DDDDDD;
font-size:16px;
font-weight:bold;
}

#menu li {
display:inline;
padding:0px 10px 0px 10px;
border-left:5px solid #DDDDDD;
}

#menu li a {
text-decoration:none;
color:#FFFFFF;
}

#menu li a:hover {
text-decoration:underline;
background-color:#999900;
}

#lateral {
float:right;
padding:4px;
border:1px solid #aaaaaa;
width:190px;
margin:25px 0px 0px 10px;
position:relative;
right:5px;
}

#lateral2 {
float:right;
padding:0px;
border-bottom: 1px solid #aaaaaa;
/*border:1px solid #aaaaaa;*/
width:190px;
margin:0px 0px 0px 0px;
position:relative;
bottom:5px;
}

#conteudo {
margin:10px 215px 0px 5px;
text-indent:20px;
text-align:justify;
}

#conteudo p {
margin:0px;
}

#formulario {
text-align:center;
margin-left:70px;
margin-right:70px;
}

#rodape {
clear:right;
margin:0px auto;
width:690px;
border-top:3px solid #ff9922;
font-size:13px;
color: #666666;
text-align:right;
padding:5px 0px 0px 0px;
position:relative;
top:5px;
}


h1,h2 {color:#006699; text-align:center; padding-bottom:10px;}
p {font-size:14px; font-family:"Trebuchet MS", Tahoma, Verdana; padding-bottom:6px;}
ol {list-style-type: disc;}
li {font-size:14px; color: #333366;}
a {/*text-decoration:none;*/ font-size:14px; color:#996600;}

/* Centralizar dentro da Div */

div.center {
    text-align: center;
}
div.center div, div.center p, div.center table, div.center form div.center input{
    text-align: left; margin-left: auto; margin-right: auto;
}

/* Buscapé / Bondfaro */
div.dynabox {
}

/* CSS para Feed */
feed-button {
  padding: 10px 0;
}

.feed-button a {
	font-size:14px;
  color: #666;
  padding: 10px 15px 10px 56px;
  background: #ccc  url(images/feed-icon-28x28.png) no-repeat 15px 50%;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #565656;
  border-left: 1px solid #d7d7d7;
}

.feed-button a:hover {
  color: #444;
  background: #eee url(images/feed-icon-14x14.png) no-repeat 15px 50%;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #646464;
  border-left: 1px solid #f2f2f2;
} 

/* Galeria de Fotos de Produtos */

/* CSS para a galeria */

.photopreview { 
    width: 400px;
	height:400px;
    margin: 0px 0px 0px 50px;
    position: relative;
	list-style:none;
	text-align:center;
}

.photopreview li {
    float: left;
    width: 100px; height: 75px;
    padding: 10px;
}
.photopreview li img {
    position: relative;
    width: 100px; height: 75px;
    border: 1px outset #CCC;
    padding: 5px; background: #FFF;
}
.photopreview li:hover img {
    cursor: default;
    width: 200px; height: 150px;
    top: -37px; left: -50px;
    border: 1px outset #CCC; padding: 5px;
    z-index: 100; background: #EEE;
}
.photopreview li:active img, .photopreview:active li:hover img {
    width: 300px; height: 225px;
    position: absolute;
    left: 0; top: auto;
}

/* CSS para RSS Feed Bubble */

.rss-popup {  
    margin: 10px auto;  
    padding: 0;  
    width: 100px;  
    position: relative;  
}  
  
div.rss-popup em {  
    background: url(images/bubble.png) no-repeat;  
    width: 100px;  
    height: 49px;  
    position: absolute;  
    top: -70px;  
    left: -0px;  
    text-align: center;  
    text-indent: -9999px;  
    z-index: 2;  
    display: none;  
}  
  
#rss-icon {  
    width: 42px;  
    height: 42px;  
    background: url(images/feed-icon-28x28.png) no-repeat 0 0;  
    text-indent: -9999px;  
    margin: 0 auto;  
    display: block;  
}