/* CSS Document */
/* ELEMENTOS GERAIS DO PRÓPRIO XHTML*/
body {
	   text-align:left;
	   margin:5px 0px 0px 5px;
	   background: #f1efe2 url('imagens/fundo.jpg') center center;
	   padding:5px;
	 }
a {
	text-decoration:none;
	}
hr.grey {
	color:#00a0c6;
	height:1px;
    width: 163px;
	margin: 1px ;
	padding-left: 5px;
	text-align:center;
	   }
img {
     border:0px;
	 }

img.imageleft{
	float: left;
	margin: 10px;
	padding: 10px;
	text-align:left;
	    }
img.imageright{
	float: right;
	margin: 10px;
	padding: 10px;
	text-align:right;
	    }

img.verticalesquerda {
     border:1px #fff solid;
	 float: left;
	 padding: 10px;
	 }


img.fiolaranja {
     border:1px #f60 solid;
	 }

table {
	   text-align:center;
	   border:1px #9cf solid;
	   background:#fff;	
	         }
td.titulo { 
       width:160px;
	   background:#ccc;
    }
td.left { 
       text-align:left;
    }
td.quantidade { 
       color:#f00;;
    }
td.unidade { 
       font-style: italic;
    }


td { 
       width:160px;
	   background:#fdfcec;
    }	   

.cl {
	clear: both;
	}

.form {
	border:2px #9cf solid;
	background:#f9f7ed;
			}
.anima {
        margin-top: 5px;
		}
.banner{
         height: 70px;
         margin: 10px 5px 5px 5px;
           }
   
.dropcap {
          font-family:  verdana, arial, sans-serif;
		  font-size: 20px;
		  font-weight: bold;
		  color:#096;
		  }
.box{
     background:#fff;
	 border:2px #9cf solid;
	 color:#000;
     padding:4px;
	 margin-left:2px;
	 width:120px;
	 	     	  }

#slideshowContainer{
width: 480px;
height: auto;
}

#numberDiv a{
font: bold 12px Arial;
text-decoration: none;
}

#backforthbuttons{
	margin-top: 6px;
	}



/* ELEMENTOS DE FORMATAÇÃO DO DIV PRINCIPAL (AQUELE NO QUAL TODOS OS ELEMENTOS ESTÃO INSERIDOS)*/

.google {
         color:#000;
		 border:2px #9cf solid;
         padding:10px;
		 background:#f6f9fe;
		 margin: -10px 7px 10px 2px;
		   }
.googlewhite {
         color:#000;
		 border:2px #9cf solid;
         padding:10px;
		 background:#fff;
		 margin: -10px 7px 10px 2px;
		   }
.googleleft {
             text-align: left;
			 }
.main {
		font-family: verdana, arial, sans-serif;
		font-size: 13px; 
		width:720px;
		margin:auto;
		background:#0788bf;
		border: 6px #9cf double;
		letter-spacing: 1px;
		line-height:20px;
			}
		
/* ELEMENTOS DE FORMATAÇÃO DO DIV SUPERIOR (TOPFRAME)*/

.topframe {
			background-color: #fff;
			margin: 10px;
			border:2px #9cf solid;
			}
.titulotopframe {
		  			font-weight: bold;
		  			font-family: verdana, arial, sans-serif;
		  			text-align:center;
		  			font-size: 23px;
		  			color: #000;
					font-variant: small-caps;
		  }
.opcoestopframe {
				  font-family: arial, verdana, sans-serif;
				  font-size: 12px;
				  color: #000;
				  text-align:center;
				}
.centeritalic {
			  text-align: center;
			  font-family: verdana, arial, sans-serif;
		      font-size: 16px;
		      color: #960;
			  			  }

.efeitolinks a {
				color: #009;
				font-size: 14px;
				font-family: verdana, arial, sans-serif;
				font-weight: bold;
				}
.efeitolinks a:hover {
						color: #000;
						background:#9cf;
					  }

/*ELEMENTOS DE FORMATAÇÃO DO DIV CONTEÚDO */

.subtitulo {
			font-weight: bold;
			font-size: 15px;
			color: #393;
			text-align: center;
			}
.center {
         text-align: center;
		 	}
.left {
         text-align: left;
		 	}
.right {
         text-align: left;
		 	}
.bold {
	   font-weight: bold;
		}
.pequeno {
		font-size: 11px;
		text-align: center;
		font-style: italic;
			  }
.destaque{
		color: #f60;
		font-weight: bold;
			}
.italic {
		font-style: italic;
			  }
.paragrafo{
		   text-indent: 2em;
		   }
.linkcomum a {
				font-family: verdana, arial, sans-serif;
				color: #c60;
				font-size: 12px;
				}
.linkcomum a:hover {
				   color: #c60;
				   text-decoration: underline;
				   font-family: verdana, arial, sans-serif;
				   				   }
.esquerda {
   float:left;
   margin:5px;
           }
.alinhaimagem {
	margin:25px 5px 3px -5px;
	border: 0px;
	}

#navcontainer ul {
				text-align: center;
				margin:-18px 5px 3px 2px;
				padding-left: 0px;
				list-style-type: none;
				font-family: arial, verdana, sans-serif;
				font-size: 15px;
				border: 2px #9cf solid;
												  }
#navcontainer a {
				display: block;
				padding: 5px;
				width: 146px;
				background:#fff;
				height: 23px;
                }
#navcontainer a:link, #navlist a:visited {
				color:#009;
				text-decoration: none;
										  }
#navcontainer a:hover {
				color:#000;
				background:#9cf;
				         }
.blocodireito {
	width:485px;
	margin: 7px 3px 10px 5px;
	text-align: left;
	background:#fff;
	float: right;
	border: 2px #9cf solid;
	padding: 10px;
				   }

.linkeffects a {
           text-align: left;
		   color:#009;
		   font-family: arial, verdana, sans-serif;
		   font-size: 12px;
		        }
.linkeffects a:hover {
           font-family: arial, verdana, sans-serif;
		   font-size: 12px; 
		   color:#009;
		               }

.blue{
      color:#1059a5;
	  font-weight: bold;
	  }

.efeitos a {
           font-family: verdana, arial, sans-serif;
		   color:#f00;
		   		        }
.efeitos a:hover {
	font-family: verdana, arial, sans-serif;
	color:#f00;
	text-decoration: underline;
			               }				   

.efeitosmaiores a {
           font-family: arial, verdana, sans-serif;
		   font-weight: bold;
		   font-size: 13px;
		   
		   		        }
.efeitosmaiores a:hover {
	font-family: arial, verdana, sans-serif;
	color:#f00;
	text-decoration: underline;
	font-size: 13px;
			               }

					   			

/*ELEMENTOS DE FORMATAÇÃO DO DIV INFERIOR (BOTTOM)*/

.bottom {
			background: url('imagens/anuncio.gif') left no-repeat;
			background-position: 8px 6px;
			background-color: #fff;
			text-align:center;
			margin: 10px;
			border: 2px #9cf solid;
			height: 100px;
				}
.efeitolinks2 a {
				color: #009;
				font-weight: bold;
				font-family: verdana, arial, sans-serif;
				}
.efeitolinks2 a:hover {
						color: #000;
						background:#9cf;
					}
.maiusculas {
			font-variant: small-caps;
			letter-spacing: 1px;
			font-size: 17px;
			color: #009;
			font-weight: bold;
			font-family: verdana, arial, sans-serif;
		  	text-align:center;
			}
.verdes{
      color: #3b9722;
	  font-weight: bold;
	  }
.amarelos{
      color: #fcd806;
	  font-weight: bold;
	  }
.vermelhos{
      color: #b9330b;
	  font-weight: bold;
	  }  
.roxo{
      color: #c013d4;
	  font-weight: bold;
	  }  
.empilhar_imagens{
       float:right;
	   margin-right: 3px;
	   margin-top: -60px;
       }