/*************** genreal options *****************/
*{ font-family: arial, helvetica; }
a{ color: black; text-decoration: none; cursor: pointer; }
a:hover{ color: orange; }
a img{ border: 0px;}
.corner{
	border: 1px solid #CCC; width: 99%;
}
/******************* WEBSITE LAYOUT*************************/
.website{
	padding: 0px; margin: 0px;
}


.publicidade{ padding: 0px; border: 1px solid #999; background: url( '/img/themes/bg-home.gif' ) repeat-x top #eee; text-align: center; }
.topo-publicidade{ height: 34px; }

.footer{
	background: url( '/img/themes/bg_bottom.gif' ) repeat-x top;
	height: 120px; text-align: center; font-size: 10px;
}
/******************* BAnners ****************************/
.banner{ border-top: 1px dotted rgb(162, 167, 176); width: 190px; height: 75px; text-align: left; }
.banner a{ text-decoration: none; color: rgb(102, 102, 102); }
.banner img, .banner object{ border: 1px solid rgb(172, 177, 185); margin: 7px 6px 0px; background: rgb(255, 255, 255);
	float: left; width: 60px; height: 60px; }
.banner div{ margin: 9px 6px 0px 0px; color: rgb(102, 102, 102); font-size: 11px; }
/*************** LOGIN AND MESSAGES ***********************/
.msg{
	margin-top: 5px; border: 1px #999 solid; font-size: 19px; color: #666; padding: 7px;
	background-color: #ccc; display: block;
}
.msg a{ color: #999; }
.msg a:hover{ color: #333; }
.admin_top{ display:block; }
.admin_top a{ color: #ccc; background: url('/img/themes/orange-48x48.png') no-repeat; padding-left: 50px;
	display: inline-block; height: 48px; font-size: 36px; }
.admin_top a:hover{ background-image: url( '/img/themes/Pear-two-48x48.png'); color: #999; }
.top_right{ position: absolute; top: 5px; right: 15px; }
.box_login{
	border: 1px #999 solid; font-size: 9px;
	color: #666; display: inline-block; padding: 7px; background-color: #ccc;
}
.box_login input{ border: 1px solid #999; width: 80px; font-size: 9px; background-color: #666; color: #fff; }
.box_login label{ margin: 5px; }
.box_login a{
	background-color: #999; color: #222; display: inline-block; font-weight: bold;
	text-decoration: none; height: 16px; font-size: 9px; line-height: 16px;
	border: 1px #666 solid; padding: 0px 2px 0px 2px;
}
.box_login a:hover{ background-color: #222; color: #666; border: 1px #999 solid; }

/****************** Produtos no site / Lista ************************/
.avaliacao{ display: inline-block; font-size: 11px; line-height: 23px; vertical-align: middle; }
.avaliacao i{ color: #333; }
.star{ display: inline-block; height: 23px; width: 23px; padding: 0px; margin: 1px; }
.star.full{ background-image: url('/img/themes/star-full.png'); }
.star.half{ background-image: url('/img/themes/star-half.png'); }
.star.off{ background-image: url('/img/themes/star-off.png'); }
/********************** Lista de produtos *******************/



.produtos{ border: 1px solid #ccc; min-height: 400px; position: relative; margin: 10px; width: 400px; float:left; padding:10px;}

.produtos .descricao{ font-size: 12px; padding: 10px 15px 10px 2px; }

.produtos .image{ margin: 15px; float: left; width: 165px; }
.produtos .nome{ font-size: 20px; color: #0064AC; font-weight: bold; display: block; margin: 15px 15px 15px 0px; }

.produtos .features01{ line-height: 23px; vertical-align: middle; position: absolute; bottom: 50px; left: 10px; font-size: 11px; color: #333; width: 90%; }
.produtos .features02{ line-height: 23px; vertical-align: middle; font-size: 11px; color: #333; }
.produtos .veja_mais{ position: absolute; bottom: 10px; right: 20px;}
.comment_icon{ background-image: url( "/img/themes/comment_icon.png" ); width: 23px; height: 23px; display: inline-block; padding: 0px; margin: 1px 1px 1px 10px; }
.produtos .right{ padding: 0px 15px 15px 15px; font-size: 12px; color: #333; }


table table.produtos{width: 90%;  }

table table.produtos .descricao{font-size: 16px;  }

/************************* Paginacao ***********************************/
.paginacao{ font-size: 11px; display: block; margin: 10px 2px 10px 2px; clear: both;}
.paginacao a{
	display: block; border: 1px #cdddfa solid; padding: 2px; width: 20px; height: 18px; float: left;
	margin: 1px; background: #e1efdf; text-align: center; vertical-align: middle; }
.paginacao a:hover{ background: #abcd12; text-decoration: none; }
.paginacao a.atual{ background: #fff; }
.paginacao a:hover.atual{ background: #ccc; }
/*********************** Comentarios ****************************/
.pagTop{ background-color: #7F7871; height: 35px; position: relative; }
.commentBox{
	font-family: Arial,Helvetica,sans-serif;  font-size: 11px; 
	position: absolute; right: 80px; bottom: 5px;
	background-color: #F6F5F3; display: none; width: 285px;
	font-size: 11px; font-weight: bold; padding: 0px; border: 2px #eee solid;
}
.commentBox .inner{ margin: 10px; }
.commentBox h3{ background-color: #F90;color: #fff; margin: 0px; text-align: center; font-size: 14px; }
.commentBox label{ width: 55px; display: inline-block; }
.commentBox input, .commentBox textarea{ border: 2px solid black; }
.commentBox input{ width: 200px;}
.commentBox textarea{ width: 261px; height: 90px; }
.commentBox .bt_enviar{ background: url("/img/themes/btn-okcancelarenviar.gif") right top; display: inline-block; width: 53px; height: 21px; margin: 2px 1px 2px 0px; cursor: pointer; }
.commentBox .aviso{ font-size: 8px; color: #999; }
.pagTop img{ margin:5px; float: right; cursor: pointer; }

.tableComments{ font-family: Arial,Helvetica,sans-serif;  font-size: 11px; }
.tableComments .t1 td{ background-color: #F6F5F3; }
.tableComments .t0 td{ background-color: #FFF; }
.tableComments .tnew td{ background-color: #DFB77D; }
.tableComments .user{ width: 170px; color: #999; }
.tableComments .user h3 a{ font-size: 14px; color: #47423A; text-transform: uppercase;  text-decoration: none; }
.tableComments b{ font-size: 10px; }
.tableComments .relative{ position: relative; }
.tableComments .del{ position: absolute; top: 10px; right: 10px; }










/*************** ADMIN **************/
.admin_body{ background: url('/img/themes/bg.png') fixed bottom right no-repeat; }
/************* LISTA PRODUTOS ********************/
.menu_links{ margin-top: 5px; background: #ccc; border: #999 1px solid; padding: 10px 5px 20px 5px; }
.menu_links a{ display: block; text-decoration: none; color: #666; margin: 5px; border-bottom: 1px white solid; }
.menu_links a:hover{ color: white; }
/************** adicionar produto ****************/
#add-produto input, #add-produto textarea{ border: solid 1px black; width: 550px; }
#add-produto textarea{ height: 140px; font-size: 12px; }
#add-produto #destaque{ width: 50px !important; }
#add-produto #confirm{ width: 150px; }
/**************** Listagem de produtos ****************/
.tr0 td{ background-color: #ccc; }
.tr1 td{ background-color: #fff; }
.list{ font-size: 11px; }
.red td{ background-color: #FCC !important;  }
