@import url('/css/site.css');
@import url('/css/menu.css');


body {
	margin:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background: url("/imagens/bg.png") repeat-x left top;
	background-color:#ffffff;
	font-size:12px;
}
h1 {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 0 0 20px;
}
h2 {
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding: 0px 0px 15px 0px;
	line-height:16px;
	color:#000000;
	text-align: justify;
}

.accordion { margin: 0; padding: 0; }
.accordion dt {font-family: Trebuchet MS; font-size: 12px; color: #C52468; font-weight:bold; cursor: pointer; }
.accordion dd { padding: 0; font-family:Verdana; font-size:11px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px;  }

h3 {
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding: 0px;
	line-height:22px;
	color:#000000;
}
p {
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding: 0px 0px 15px 0px;
	line-height:16px;
	color:#000000;
	text-align: justify;
}

a{
color:#95131D;
}
.leftJustify{
	width:100%;
	text-align:justify;
	float:left;
}
.halfLeft{
	width:50%;
	float:left;
	text-align:left;
}
.halfRight{
	width:50%;
	float:right;
	text-align:left;
}
.checkBox{
	width:20px;
	float:left;
}
.whiteBox{
	width:878px;
	height:auto;
	padding:10px;
	margin:10px 0px;
	background-color:#ffffff;
}
#centralFull {
	width:100%;
	height:auto;
	margin:auto;
	text-align:left;
	padding:0px 0px 20px 0px;
	background:transparent url("/imagens/cliente/centralFull.png") repeat-x left bottom;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#top-logo {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#site {
	width:1000px;
	height:auto;
	margin:auto;
	padding:0px;
	text-align:left;
	border:none;
	background: transparent;
	overflow: hidden;
}
#cabecalho {
	width:1000px;
	height:210px;
	padding:0px;
	margin:auto;
	float:none;
	overflow: hidden;
	background: transparent url("/imagens/cliente/cabecalho2.png") no-repeat 207px top;
}
#logotipo-old {
	display: none;
}

#logotipo {
	width: 220px;
	height: 260px;
	margin:0px;
	padding:10px 0px 0px 0px;
	float: left;
	overflow: hidden;
}
#banner {
    float: right;
    height: 101px;
    margin: -85px 0 0;
    overflow: hidden;
    padding: 0;
    width: 156px;
}
#84ce41Login {
	width:290px;
	height:auto;
	padding:0px;
	float:left;
	display: none;
}
#pesquisa {
	width:290px;
	height:auto;
	padding:5px;
	margin:auto;
	float:right;
	display: none;
}
.break{
	clear:both;
}
#conteudo {
	width:700px;
	height:auto;
	min-height: 336px;
	padding:0px 0px 0px 50px;
	margin:auto;
	float:right;
	overflow: hidden;
	/* background: transparent url("/imagens/cliente/conteudo.png") no-repeat left top; */
}

#conteudo table{
   border:2px solid #000;
   margin:10px 0px;
}

#conteudo td{
   border:1px solid #000 !important;
   padding:2px !important;
}

#sublinks {
    /* background-image: url("/imagens/back.png"); */
    background-repeat: no-repeat;
    float: none;
    /* height: 90px; */
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 700px;
}
#treeMenu2 {
	width:auto;
	height: auto;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:transparent;
	float: right;
	overflow: hidden;
}
#treeMenu2 li {
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	font-weight:normal;
	float: left;
	border: none;
	overflow: hidden;
}
#treeMenu2 .hover, #treeMenu2 li:hover, #treeMenu2 .activo {
	font-weight: normal;
	cursor:pointer;
	text-decoration: none;
}
#treeMenu2 li a {
    color: #000000;
    display: block;
    padding: 18px 0 4px 20px;
    text-align: left;
    text-decoration: none;
}
#treeMenu2 a.selected, #treeMenu2 .activo a, #treeMenu2 li:hover a {
	color:#94131d;
}
#noticias {
	width:700px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px;
	overflow: hidden;
}
#noticias .noticiasItem {
	width:700px;
	height:auto;
	padding:0px 0px 20px 0px;
	margin:0px;
	overflow: hidden; 
}
#noticias .noticiaConteudo {
	width:668px;
	height:auto;
	padding:5px 10px 40px 10px;
	margin:0px;
	border:1px solid #e0e0e0;
	overflow: hidden; 
	position: relative;
	z-index: 1;
}
#noticias .noticiaImagem {
	width: 150px;
	height: 150px;
	margin:0px;
	padding: 0px 5px 0px 0px;
	overflow: hidden;
	background:transparent;
	float: left;
}
#noticias .noticiaTexto {
	width: 490px;
	height: auto;
	margin:0px;
	padding: 0px 5px 0px 10px;
	overflow: hidden;
	background:transparent;
	float: left;
}
#noticias .noticiaMais {
	width: 98px;
	height: auto;
	margin: -40px 0px 0px auto;
	padding:0px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#contentHomeLeft {
	width:450px;
	height:auto;
	padding:0px 0px 0px 0px;
	    margin: 0 0 0 -10px;
	float: left;
	overflow: hidden;
	
}
#destaques {
	width:450px;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px;
	overflow: hidden;
}
#destaques .destaquesItem {
	width:450px;
	height:auto;
	padding:0px 0px 20px 0px;
	margin:0px;
	overflow: hidden; 
}
#destaques .destaqueConteudo {
	width:419px;
	height:auto;
	padding:5px 10px 40px 10px;
	margin:0px;
	border:1px solid #e0e0e0;
	overflow: hidden; 
	position: relative;
	z-index: 1;
}
#destaques .destaqueCategoria {
	width: 16px;
	height: auto;
	min-height: 145px;
	margin:0px;
	padding: 0px 5px 0px 0px;
	overflow: hidden;
	background:transparent url("/imagens/cliente/categoria.png") no-repeat right top;
	float: left;
}
#destaques .destaqueImagem {
	width: 150px;
	height: 150px;
	margin:0px;
	padding: 0px 5px 0px 5px;
	overflow: hidden;
	background:transparent;
	float: left;
}
#destaques .destaqueTexto {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 129px;
    margin: 0;
    overflow: hidden;
    padding: 0 5px 0 6px;
    width: 217px;
}
#destaques .destaqueMais {
	width: 98px;
	height: auto;
	margin: -40px 0px 0px auto;
	padding:0px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#contentHomeRight {
    background: url("/imagens/cliente/contentHomeRight.png") no-repeat scroll left top transparent;
    float: right;
    height: auto;
    margin: -6px 0 0;
    min-height: 408px;
    overflow: hidden;
    padding: 5px;
    width: 234px;
}
#agenda {
	width:220px;
	height: auto;
	margin:0px;
	padding:0px;
	overflow: hidden;
	
}


#agenda .agendaItem {
    border: 1px solid #E0E0E0;
    height: auto;
    margin: 0;
    padding: 5px 10px 7px;
    width: 187px;
}
#agenda .agendaItem h1 {
	font-size: 14px;
	padding:0px;
}
#agenda .agendaItem a {
	display: block;
	text-align: right;
	padding: 5px 0px 0px 0px;
}
#calendario {
	width:100%;
	height: auto;
	margin:0px 0px 20px 0px;
	padding:0px;
	border-collapse:collapse;
	overflow: hidden;
}
#calendario .calendarioTitulo {
	width: 100%;
	height: auto;
	margin:0px;
	padding: 2px 0px 2px 0px;
	text-align: center;
	vertical-align:center;
	font-weight: bold;
	font-size: 13px;
}
#calendario .calendarioNomeDias {
	background: #065744;
	color:#ffffff;
	text-align: center;
	padding: 5px 0px 5px 0px;
}
#calendario .calendarioDia1 {
	text-align: center;
	color: #ffffff;
	background: #bb686f;
}
#calendario .calendarioDia2 {
	text-align: center;
	color: #68696b;
	background: transparent;
}
#barraLateral {
	width:250px;
	height:auto;
	padding:0px;
	margin:0px;
	margin-top: -170px;
	float:left;
	overflow: hidden;
}
#links {
	width:250px;
	height:auto;
	padding:0px 0px 50px 0px;
	margin: 10px 0 0;
	float:left;
	overflow: hidden;
}
#treeMenu {
	width:250px;
	height: auto;
	margin:0px;
	padding:0px 0px 0px 0px;
	background:transparent;
	overflow: hidden;
}
#treeMenu li {
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight:normal;
	border: none;
	overflow: hidden;
}
#treeMenu .hover, #treeMenu li:hover, #treeMenu .activo {
	font-weight: normal;
	cursor:pointer;
	text-decoration: none;
}
#treeMenu li a {
	color:#6f6f6f;
	display: block;
	padding: 4px 20px 4px 20px;
	text-decoration: none;
	text-align: left;
}
#treeMenu a.selected, #treeMenu .activo a, #treeMenu li:hover a {
	color:#00664f;
}
#newsletter {
	width:250px;
	height:auto;
	padding:30px 0px 0px 0px;
	margin:0px;
	float:left;
	overflow: hidden;
}
#newsletter .input {
	width: 163px;
	height: 21px;
	margin: 0px 0px 5px 0px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #bfbfbf;
	float: none;
	background: #e3e3e3;
	overflow: hidden;
	color:#7a7979;
	font-size: 14px;
}
#newsletter .icong {
    float: none;
    height: auto;
    margin: 5px 0 0 -3px;
    overflow: hidden;
    padding: 0;
    width: 180px;
}
#rodape {
	width:100%;
	height:auto;
	padding: 10px 0px 0px 0px;
	margin: -5px auto 0px auto;
	float:none;
	text-align:left;
	font-size:12px;
	/* background: transparent url("/imagens/cliente/rodape.png") no-repeat left top; */
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#bottom-logo {
	float: left;
    margin-bottom: 7px;
    margin-left: 20px;
}

#rodape .rodapeLinks {
	/* width: 1000px;
	margin: auto; */
	margin-left: 30px;
    float: left;
    margin-top: 5px;
	height: auto;
	padding:0px;
	overflow: hidden;
}
#rodape a {
	width: auto;
	color: #7a7979;
	text-decoration: none;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: auto;
	display: inline-block;
	overflow: hidden;
}
#assinatura {
	float:right;
	margin:0px;
}
.listaProdutos{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:5px;
	background-color:#aaaaaa;
}
.fotografia{
	width:190px;
	height:auto;
	float:left;
	padding:5px;
}
.informacao{
	width:500px;
	height:auto;
	float:left;
	padding:5px;
}
.maisInfo{
	position:relative;
	width:200px;
	height:auto;
	float:right;
	padding:5px;
	text-align:right;
	background-color:#cccccc;
}
.fotografias{
	width:190px;
	height:auto;
	float:left;
	padding:5px;
}
.precoRasurado{
	text-decoration: line-through;
}

#carrinho{


}
#carrinhoResumo{
	width:100%;
	height:100px;
	text-align:right;
	font-size:14px;
}
#carrinhoPassos{
	width:24%;
	height:40px;
	text-align:center;
	font-size:16px;
	margin:10px 2px 10px 1px;
	padding:10px 2px 10px 2px;
	float:left;
	background-color:#ffffff;
}
#carrinhoPassosActivo{
	width:24%;
	height:40px;
	text-align:center;
	font-size:16px;
	margin:10px 2px 10px 1px;
	padding:10px 2px 10px 2px;
	float:left;
	background-color:#ffff00;
}
#carrinhoBotoes{
	width:100%;
	padding:10px;
	text-align:right;
	font-size:18px;
	float:right;
}
.carrinhoTitulo{
	width:100%;
	height:auto;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	margin-bottom:2px;
	clear:both;
	text-indent:5px;
}
.carrinhoLinhaEsquerda{
	width:70%;
	height:auto;
	text-align:left;
	font-size:14px;
	margin-bottom:2px;
	float:left;
	background-color:#ffffff;
	text-indent:5px;
}
.carrinhoLinhaDireita{
	width:30%;
	height:auto;
	text-align:right;
	font-size:14px;
	margin-bottom:2px;
	float:right;
	background-color:#ffffff;
}
.carrinhoDadosEsquerda{
	width:90%;
	height:auto;
	text-align:left;
	font-size:14px;
	margin-bottom:2px;
	float:left;
	text-indent:5px;
}
.encomendaFinal{
	width:99%;
	height:100px;
	text-align:left;
	font-size:14px;
	margin-bottom:2px;
	float:left;
	text-indent:5px;
}
#carrinhoTotal{
	width:100%;
	height:auto;
	text-align:right;
	font-size:18px;
	float:right;
}
.cartTextQuan{
	width:30px;
	height:20px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
}
#formularioRegisto{
	width:97%;
	height:auto;
	text-align:left;
	font-size:14px;
	padding:10px;
	background-color:#ffffff;
	float:left;
}
#aviso{
	width:100%;
	height:auto;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
	margin-bottom:20px;
}
.homeBox{
	width:340px;
	height:auto;
	padding:5px;
	margin:5px;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
	float:left;
}
.homeBoxTitulo{
	font-size:13px;
}
.homeBoxPreco{
	font-size:14px;
}
.homeBoxTexto{
	width:125px;
	height:auto;
	float:left;
	padding:5px;
}
.homeBoxDiv{
	width:360px;
	height:auto;
	float:left;
	padding:5px;
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:0px; left:220px; background:#f0f0f0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; width:210px; margin:0; border:1px solid #e3bb61}
ul.menu ul li a {display:block; background-color:#f0f0f0;padding: 5px 0 5px 18px;}
ul.menu ul li a:hover {background-color:#e3bb61;}
ul.menu ul ul {left:210px; top:-1px}
ul.menu .menulink {padding:5px 7px 7px; font-weight:bold;width:210px}
ul.menu .menulink:hover, ul.menu .menuhover {background:#e3bb61;color:#ffffff;}

ul.menuPaginas {list-style:none; margin:0; padding:0}
ul.menuPaginas * {margin:0; padding:0;}
ul.menuPaginas a {display:block; color:#000000; text-decoration:none;}
ul.menuPaginas li {position:relative; float:left; margin-right:2px;margin: 0px 4px 0px 4px;letter-spacing:-1px;}
ul.menuPaginas ul {position:absolute; top:50px; left:0px; background:#f0f0f0; display:none; opacity:0; list-style:none;}
ul.menuPaginas ul li {position:relative; width:200px; margin:0; border:1px solid #dddddd;}
ul.menuPaginas ul li a {display:block; background-color:#f0f0f0;padding: 9px 5px;}
ul.menuPaginas ul li a:hover {background-color:#ffffff;}
ul.menuPaginas ul ul {left:210px; top:-1px;}
ul.menuPaginas .menuPaginaslink {font-weight:bold;width:auto;padding: 7px 10px;}
ul.menuPaginas .menuPaginaslink:hover, ul.menuPaginas .menuPaginashover {color:#183883;}
ul.menuPaginas .menuPaginaslinkActivo {font-weight:bold;width:auto;padding: 7px 10px;color:#183883;}

#menuPag {
	width:auto;
	height:50px;
	padding:0px;
	margin:0px;
	list-style:none;
}
#menuPag li {
	width:auto;
	height:auto;
	font-size:13px;
	font-weight:normal;
	
	float:left;
	list-style:none;
	
}
#menuPag li:hover, #menuPag .activo {
	background-color:#ffffff;
}
#menuPag li a {
	color:#000000;

	text-decoration:none;
	display:block;
}
#menuPag li:hover a, #menuPag .activo a {
	text-decoration:none;
	color:#b9d1ec;
	display:block;
}

.formularioPosition {
	position:relative;
	width:98%;
	_width:80%;
	height:auto;
}
.formulario, .mapa {
	width:400px;
	height:auto;
	float:left;
	margin-top:15px;
	margin-left:5px;
	border: 1px solid #dddddd;
	font-size:11px;
	color:#000000;
	line-height:16px;
}
.formularioSubmit {
	width:auto;
	height:auto;
	font-size:12px;
	border: 1px solid #FFF;
}
.formularioInput {
	width:98%;
	height:auto;
	font-size:12px;
	background-color:#dddddd;
	border: 2px solid #FFF;
}
.formularioTextarea {
	width:97%;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#dddddd;
	border: 2px solid #FFF;
}



#tree{
	width:220px;
	margin-bottom:5px;
	padding:10px 5px 10px 5px;
}


.treeTopStyle{
	position:absolute;
	left:0;
	padding:2px 5px; !important;
	margin:2px 5px; !important;
	height:20px;
	width:600px; !important;
}

.treeview, .treeview ul { 
	padding: 0;
	width:auto;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
	/* background: url("/imagens/plus.gif") no-repeat left center; */
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	width:auto;
	float:left;
	padding: 3px 10px 3px 3px;
}

.treeview li {
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;	border-bottom:1px solid #ededed;
}

.treeview ul li{
	border-bottom:0 solid #1d305f;
	border-top:0px solid #1d305f;
	margin-left:-15px;
	margin-top:10px;
	padding-bottom:0;
	padding-left:25px;
	padding-top:0px;
}
.treeview a.selected {
	color: #ffc201;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover {font-weight:bold;cursor:pointer;text-decoration:underline;}

.treeview li { 0 0 no-repeat;font-size:12px;font-weight:bold; }
.treeview li a{ color:#434343; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px;}

.treeview .expandable-hitarea { }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable {  }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { } 

.treeview-black li { }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {  }  

.treeview-gray li {  }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {  } 

.treeview-famfamfam li {  }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {  } 

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { }
.filetree li.expandable span.folder { }
.filetree span.file { }


