body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 13px;
	color: #666666;
	background: #ebebeb;
	text-align: center;
	margin-top:0;
	margin-bottom:0;
}

#page-container {
	width: 760px;
	background: #fff;
	text-align: left;
	margin: auto;
	background: #fff url("images/bg2.gif") top center repeat-y;
	background-color: #fff;
	border:solid 0px;
}

#top {
	background: #fff url("images/vheader.jpg") top center no-repeat;
	height: 46px;
	padding-top: 18px;
	padding-left: 28px;
	padding-right: 20px;
	color: #ccc;
	font-size: 10px;
	background-color: #fff;
}

#top .comment{
    border: solid 0px #F00;
    font-size: 18px;
    letter-spacing:4px;
    color: #29176D;
    text-align: center;
}

#top .comment a {
    text-decoration: none;
    color: #29176D;
}

#top .comment a:hover {
    text-decoration: none;
   color: #B60400;
}

#prefooter {
	border:solid 0px;
	clear: both;
	background: #fff url("images/footer_p.jpg") center no-repeat;
	height: 189px;
	padding: 0px 0px 0px 85px;
	background-color: #FFF;
	line-height:25px;
}

#prefooter p {
    width: 350px;
    padding: 12px 0px 10px 0px;
    margin: 0px 0px 3px 0px;
    border-bottom: 1px solid #ada;
}
	
#prefooter a {
	color: #222;
	font-size: 9pt;
	font-weight: bold;
	padding: 0 0px 0px 0px;
}

#content {
    border: solid 0px #F00;
	padding: 0 10px 0 20px;
    height: auto;
} 

#content a {
    text-decoration: none;
    color: #B60400;
}

#content a:hover {
    color: #261370;
}

#meio {
    border: solid 0px;
    width: 100%;
    float: left;
} 

#meio h1 {
    font-size: 18px;
    color: #29176D;
    margin: 0 0 20px 20px;
}

#meio h2 {
    font-size: 18px;
    color: #29176B;
    margin: 0 0 20px 0;
    text-align: center;
}

#meio .vitrine {
    border: solid 0px #F00;
    float: left;
    width: 227px;
    height: 210px;
    margin: 0;
    padding: 0 7px 13px 5px;
    text-align: center;
    color: #B60400;
    font-weight: bold;
}

#meio .vitrine img {
    padding: 5px;
    width: 215px;
    height: 165px;
    border: solid 1px #ccc;
}

#footer {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #505050;
	padding: 8px 0px;
	text-align: center;
	background-color: #0f0;
}

.logotipo {
	height:70px;
	margin:10px 0 25px 0;
	border:solid 0px #00F;
/*	background: #fff url("images/bigstarbrindes.jpg") top no-repeat;*/
}

/* LISTA DE PRODUTOS */
#cols {
    float: left;
    border: solid 0px #F00;
    padding: 10px 0 20px 15px;
}

#cols ul{
	list-style-type: square;
    margin: 0 0 0 20px;
    padding: 0;
}

#cols li{
    margin: 0;
    padding: 0;
    line-height: 25px;
}

#cols li a{
	color: #B60400;
}

#cols li a:hover{
	text-decoration: underline ;
}

#col1 {
    float: left;    
    border: solid 0px;
    width: 235px;
}

#col2 {
    float: left;    
    border: solid 0px;
    width: 235px;
}

#col3 {
    float: left;    
    border: solid 0px;
    width: 235px;
}

#rodape{
	width: 760px;
    height:80px;
	background: #fFF;
	text-align: left;
	background: #fff url("images/rodape.jpg") top center no-repeat;
    border: solid 0px;
    line-height:19px;
}

#rodape p{

    margin:0px 0px 0px 0px;
    padding:20px 0px 0px 0px;
}

#rodape .rodape_l {
    float: left;
    width: 270px;
    border: solid 0px;
    padding: 22px 0 0 25px;    
}

#rodape .rodape_r {
    float: right;
    width: 250px;
    border: solid 0px;
    text-align: right;
    padding: 20px 35px 0 0;
}

#rodape .rodape_c {
    float: right;
    width: 170px;
    border: solid 0px;
    text-align: right;
    padding: 30px 0 0 0;
    font-weight: bold;
    text-align: center;
}

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

#rodape a:hover{
    color: #B60400;
}