/* +++++++ CREDITOS & COPYRIGHT +++++++ 
   Folhas de Estilo do Site [Front_end] da Hocnet [www.hocnet.pt]
   Criadas por alvaro Saraiva @ glups.pt @ Outubro 2007 - Update Dez 2011
   
   Glups - Atelier de Novas Tecnologias, Lda
   Rua Jaime Campos, Bloco D, Piso 3 Esq., 5000-431 Vila Real | Portugal
   Tel. [351] 259 322 183 | E-mail: info@glups.pt | URL: www.glups.pt

   Se utilizarem esta folha de estilos para os vossos trabalhos,
   a Glups agradece que ao menos no retirem estas linhas de codigo,
   por respeito e agradecimento ao trabalho das pessoas que a criaram
   e ao trabalho que voces pouparam. Keep Cool. Peace ;)

*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; height: 100%; width: 100%; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

a img {border:none; display: inline-block; vertical-align:bottom; }
img, object, td object{display: inline-block; margin: 0; border: 0; padding: 0; vertical-align:bottom;}

p{ margin: 0.2em 0em; }

/* Controla a apresentao BASE das tags: body, td, form */
body,
td,
form,
div,
span {	
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	line-height:14px; /* 135%*/ 
	color: #325174;
}

div, td{ text-align: left; vertical-align: top; }

/* ++++++++++++++++++++++++++++				
   +++++++++  LINKS   +++++++++
   ++++++++++++++++++++++++++++ */

/* links gerais */
a:visited { color: #D78100;	text-decoration: none}
a:link {		color: #D78100;	text-decoration: none}
a:hover {	color: #CC5C15;	text-decoration: underline}


/* links com tamanho 10px */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++ FORMATACAO DE OUTROS TEXTOS DOS TEMPLATES +++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	

/* textos com 10px */
.txt10px_azul_1_normal,
.txt10px_azul_1_bold,
.txt10px_laranja_1_normal,
.txt10px_laranja_1_bold,
.txt10px_vinho_1_normal,
.txt10px_vinho_1_bold{		font-size: 10px;
									color: #1B5578;
									font-weight: normal; }
									
.txt10px_azul_1_bold{		font-weight: bold }
.txt10px_laranja_1_normal{	color: #D78100/*#EA9900;*/	}
.txt10px_laranja_1_bold{	font-weight: bold;	color: #D78100 /*#EA9900;*/	}
.txt10px_vinho_1_normal{	color: #993300;	}
.txt10px_vinho_1_bold{		font-weight: bold;	color: #993300;	}

/* txts com 11 px */
.txt11px_laranja_1_normal{	color: #D78100 /*#EA9900;*/	}
.txt11px_laranja_1_bold{	font-weight: bold;	color: #D78100 /*#EA9900;*/	}
.txt11px_vinho_1_normal{	color: #993300;	}
.txt11px_vinho_1_bold{		font-weight: bold;	color: #993300;	}

/* txt titulos */
.txtTitulo_azul{		font-size: 15px;
							font-weight: bold;
					}
/* txts com precos grandes */					
.txtPreco_vinho,
.txtPreco_azul,
.txtPreco_laranja{	font-size: 17px;
							font-weight: bold;
					}		
.txtPreco_vinho{		color: #993300;	}
.txtPreco_laranja{	color: #D78100 /*#EA9900;*/	}						
								
/* txt com resumo */				
.txtResumo_azul{		font-weight: bold;		}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++ FORMATACAO DOS TDS GLOBAIS DOS TEMPLATES +++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/		

/* tds k comportam conteudos */
.alignLeft {	text-align: left;		vertical-align: top; }
.alignRight {	text-align: right;	vertical-align: top; }
.alignCenter {	text-align: center;	vertical-align: top; }

/* fundo geral do tmpl */
.fundoTmpl{	
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_tmpl_topo.jpg);
	background-position: top left;
	background-repeat: repeat-x;	
	width: 100%;
	height: 100%
}

.fundoTmpl_v2{ 
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_tmpl_topo_v2.jpg);
	background-position: top left;
	background-repeat: repeat-x;	
	width: 100%;
	height: 100%
}

.bodyContainer{
	width: 870px;
	padding: 0px;	
	margin: 0px auto;
	border: none;
	border-left: 1px solid #fff;
	overflow: hidden;
	zoom: 1;
}
.conteudoContainer{
	float: left;
	width: 698px;
	padding: 0 0 14px 0;
	position: relative;
}
.containerColDta{
	float: right;
	padding: 0px;
	width: 170px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background: url(../../_imagens/_tmpl/tmpl_fe_fundo_div_azul_02.jpg) top left repeat-x;
	min-height: 900px;
}

.conteudoInner{
	padding:0px;
	margin: 0px;
	clear: both;
}
.conteudoCentroContainer{ 
	float: left;
	width: 532px;
	min-height: 300px;
}

/* logo topo */
.logoTopoContainer{
	padding: 0px;
	height:59px;
	border-bottom: 7px solid #4E9CFF;
	overflow: hidden;
	position: relative;
}	
.logoTopo{
	float: left;
	padding: 2px 0 0 0;
}
.logoFCCN{
	position:absolute;
	right: 8px;
	top: 2px;	
	width: 80px;
	height: 90px;
	z-index: 1000;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++ 				DESTAQUES HOMPEGAE				 +++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* banner topo - Container das fotos */
.bannersTopoContainer{
	float: left;
	position:relative; 
	height:169px; 
	width:698px !important; 
	z-index:10;
}
/* banner topo - container individual de cada imagem */
.bannersTopo{
	overflow: hidden;
	position:absolute; 
	left:0; 
	top:0; 
	width:698px !important; 
	z-index:900;
}
/* banner topo - botoes */
.bannersTopoBtnsContainer{
	position: absolute;
	bottom: 6px;
	left: 6px;
	z-index:5000;
}
.bannerTopoBtn{	
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	background-color: #fff;
	border: 1px solid #F09D00;
	cursor: pointer;
	/*
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	*/
}
.bannerTopoBtnOn{ 
	color: #fff;
	background-color: #F09D00;
	border-color:#fff;
}
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++ 				CONTEUDO CENTRAL					 +++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
				
/* td de fundo para a pesquisa no div */
.tmplColunaDivFundoPesquisa{	
	background-color: #FFC14D;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	padding:3px;
}
				
/* td com os links do caminhoSite */
.caminhoSite{		text-align: right;
							vertical-align: top;
							padding-right: 13px;
							padding-top: 6px;
							color: #204F8E;
							font-size: 11px;
							height: 19px;
							background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_caminho_site.gif);
							background-position: top left;
							background-repeat: repeat-x;
						}
.caminhoSite #sep{	color: #666666; }
.caminhoSite a:link{		color: #F09D00; }
.caminhoSite a:visited{	color: #F09D00; }
.caminhoSite a:hover{		color: #779BC4; text-decoration: underline; }

/* tds com os paginadores */
.paginadorTop,
.paginadorBottom{	font-size: 10px;
							font-weight: bold;
							color: #814E4E;
							text-align: right;
							vertical-align: middle;
							padding: 5px;
							padding-right: 4px;
							padding-top: 6px;
						}
.paginadorTop{		/*background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_tit_canal_cinza_1.gif);
							background-position: bottom left;
							background-repeat: repeat-x;*/ }												
						
/* tds com btns de print, retroceder, topo e txt do rodape */
.btnsPrint,
.rodape,
.copyright,
.copyrightTxt{	background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_laranja_1.gif);
					background-position: top left;
					background-repeat: repeat-x;
					text-align: right;
					vertical-align: top;
					padding: 7px;
					padding-left: 3px;}

/* tds com os logos do rodape */
.rodape{				 font-size: 11px; color: #787878}
.rodape a:link{		color: #D78100;	text-decoration: none}
.rodape a:link {	color: #D78100;	text-decoration: none}
.rodape a:hover {	color: #787878;	text-decoration: underline}

.copyright{		background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_copyright_laranja.gif);
						padding-top: 3px; padding-right: 3px;
						text-align: left; vertical-align: top }
.copyrightTxt{	padding-right: 3px; padding-top: 4px; background-image: none;font-size: 10px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++++++++++++++ FORMATAÇÃO DOS MENUS ++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	

/* menu de topo */
.menuTopoContainer{ 
	float: right;
	margin: 30px 100px 0 0;
	overflow: hidden;
}
.menuTopoBtn{ 
	float:left;
	margin: 0;
}
.menuTopoBtn a,
.menuTopoBtn a:visited,
.menuTopoBtn a:link,
.menuTopoBtn a:hover{ 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686868;
	text-decoration: none;
	font-weight: bold;
}
.menuTopoBtn a:hover{ 
	color: #4E9CFF;
}
.menuTopoSep{ 
	float:left;
	color: #FC8F29;
	margin: 0 6px;
}
/* botoes personalizados */
.menuTopoBtn_loja,
.menuTopoBtn_registo,
.menuTopoBtn_renovacao,
.menuTopoBtn_contactos{ 
	background: url(../../_imagens/_tmpl/tmpl_fe_all_icones_v01.gif) no-repeat 0 0;
	padding-left: 24px;
	margin-left: 10px;
	line-height: 22px;
}
.menuTopoBtn_registo{ 	background-position: 0 -25px;}
.menuTopoBtn_renovacao{ background-position: 0 -50px;}
.menuTopoBtn_contactos{ background-position: 0 -75px;}

.menuLatEsq_container{ 
	float: left;
	width: 165px;
	height: 300px;
	border-right: 1px solid #ffffff;
	border-top: 3px solid #CC5C15;
}
.menuLatEsq_rodape{ 
	height: 300px;
	background: url(../../_imagens/_tmpl/tmpl_fe_fundo_div_azul_03.jpg) repeat-x 0 0;
}

ul.menuLatEsq,
ul.menuLatEsq_sub{ 
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;;
	zoom:1
}

ul.menuLatEsq li{ 
	padding: 3px 2px 3px 8px;
	cursor: pointer;
	border-bottom: 1px solid #84A4CA;
	color: #325174;
	font-weight: bold;
	background-color: #9DCAFF;
}
ul.menuLatEsq_sub li{
	font-size: 10px;
	padding: 3px 2px 3px 15px;
	border-bottom: 1px solid #fff;
	background-color: #EAF0FC;
	font-weight: normal;
	color: #646464;
	cursor: pointer;
	font-weight: normal;
}

.menuEsqBtn_on{	color: #ffffff !important; background-color: #7DA6E6 !important; }
.menuEsqBtn_hover{ color: #ffffff !important; background-color: #80B9FF !important; }

.menuLatEsq_subOn{  		color: #ffffff !important; background-color: #FFAF35 !important; border-bottom: 1px solid #FFFFFF;}
.menuLatEsq_subHover{ 	background-color: #DCE6FC !important; border-bottom: 1px solid #FFFFFF;}

.menuEsqBtn_direct{
	background-color: #9DCAFF; 
	font-weight: bold; 
}
/* extras */
.menuLatBtnIconeSinal{
	font-size: 10px;
	font-weight: normal;
}
											  
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++++++++ TDS E TRS ESPECIFICOS DE TMPLS +++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/	
							
/* tds com texto corrido (globais a todo o site */
.textoNormal{	text-align: left;
						vertical-align: top;
						line-height: 15px;
						color: #325174;
						padding: 10px;
						padding-left: 14px 
					}
			
/* Caixas de texto */
.caixaTxtPadding_1,
.caixaTxtPadding_2{	text-align: left;
								vertical-align: top;
								line-height: 15px;
								color: #325174;
								padding: 8px;
								padding-left: 6px;
							}
.caixaTxtPadding_2{	background-color: #FAF9F3;
								background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
								background-position: bottom left;
								background-repeat: repeat-x;
								padding: 10px;
							 }		
							 							
/* tds que albergam conteudos e que tem padding */
.conteudoPadding_1,
.conteudoPadding_2,
.conteudoPadding_3,
.conteudoPadding_4{	text-align: left;
								vertical-align: top;
								padding: 10px;
								padding-left: 8px;		
						}
.conteudoPadding_2{	padding-left: 14px;	}	
.conteudoPadding_3{	padding-left: 20px;	}		
.conteudoPadding_4{	padding-bottom: 0px; padding-top: 0px;}				
												
/* tds com os titulos dos canais */					
.titCanal{	text-align: left;
					vertical-align: bottom;
					padding: 0px;
					padding-left: 14px;
					padding-top: 6px;
					height: 37px;
					background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_titulo_canal.gif);
					background-position: bottom left;
					background-repeat: repeat-x;
			  }
/* tds com os titulos dos canais */					
.titSubCanal{	text-align: left;
						vertical-align: middle;
						padding: 0px;
						padding-left: 14px;
						padding-top: 3px;
						height: 20px;
						font-size: 16px;
						font-weight: bold;
							
						/*
						font-size: 14px;
						text-transform: uppercase;*/
							
						letter-spacing: 2px;
						color: #F09D00;
						font-family: Arial, Helvetica, Tahoma, Verdana
			 		 }						

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++++++++ FORMATACAO DE TDS DE TOPICOS ++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* trs e tds de topicos */
tr.listTopico_azul_link,
tr.listTopico_azul_noLink,
tr.listTopico_azul_2_link,
tr.listTopico_azul_2_noLink,
tr.listTopico_laranja_link,
tr.listTopico_laranja_noLink,
tr.listTopico_cinza_link,
tr.listTopico_cinza_noLink{	cursor: default }

tr.listTopico_azul_link,
tr.listTopico_azul_2_link,
tr.listTopico_laranja_link,
tr.listTopico_cinza_link{		cursor: pointer }

/* formatacoes dos tds dos separadores */
tr.listTopico_azul_link 		td,
tr.listTopico_azul_noLink		td,
tr.listTopico_azul_2_link		td,
tr.listTopico_azul_2_noLink	td,
tr.listTopico_laranja_link 	td,
tr.listTopico_laranja_noLink	td,
tr.listTopico_cinza_link 		td,
tr.listTopico_cinza_noLink 	td{	text-align: left;
												vertical-align: middle;
												padding: 3px;
												padding-top: 5px;
												padding-left: 6px;
												color: #1B5578;
												font-weight: bold;
												font-size: 11px;
												font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
												border-bottom: 1px solid #FFD380;}
/* variacoes */
tr.listTopico_azul_link 		td,
tr.listTopico_azul_noLink		td{	background-color: #EAF2F8; }
tr.listTopico_laranja_link 	td,
tr.listTopico_laranja_noLink	td{	color: #D78100; }
tr.listTopico_cinza_link 		td,
tr.listTopico_cinza_noLink		td{	color: #585858; }								

/* trs e tds de sub-topicos */
.listTitSubTopico{	text-align: left;
							vertical-align: middle;
							padding: 3px;
							padding-top: 6px;
							padding-left: 14px;
							font-weight: bold;
							color: #D78100;
						}

tr.listSubTopico_azul_link,
tr.listSubTopico_azul_noLink,
tr.listSubTopico_laranja_link,
tr.listSubTopico_laranja_noLink,
tr.listSubTopico_cinza_link,
tr.listSubTopico_cinza_noLink{	cursor: default }

tr.listSubTopico_azul_link,
tr.listSubTopico_laranja_link,
tr.listSubTopico_cinza_link{		cursor: pointer }

tr.listSubTopico_azul_link 		td,
tr.listSubTopico_azul_noLink		td,
tr.listSubTopico_laranja_link 	td,
tr.listSubTopico_laranja_noLink	td,
tr.listSubTopico_cinza_link 		td,
tr.listSubTopico_cinza_noLink 	td{	text-align: left;
													vertical-align: middle;
													padding: 5px;
													padding-left: 18px;
													color: #1B5578;
													font-weight: bold;
													font-size: 10px;
													font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
													background-color: #ffffff;
													background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_subtopico_laranja.gif);
													background-position: left;
													background-repeat: no-repeat ;
													border-bottom: 1px solid #E8E8E8; }
/* variacoes */
tr.listSubTopico_laranja_link 	td,
tr.listSubTopico_laranja_noLink	td{	color: #D78100; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_subtopico_cinza.gif); }
tr.listSubTopico_cinza_link 		td,
tr.listSubTopico_cinza_noLink		td{	color: #787878; background-image: url(../../_imagens/_tmpl/tmpl_fe_fundo_subtopico_laranja.gif);}													

tr.listSubTopico_azul_link 		td#noImg,
tr.listSubTopico_azul_noLink		td#noImg,
tr.listSubTopico_laranja_link 	td#noImg,
tr.listSubTopico_laranja_noLink	td#noImg,
tr.listSubTopico_cinza_link 		td#noImg,
tr.listSubTopico_cinza_noLink 	td#noImg{	background-image: none; padding: 3px; padding-left: 8px; }

tr.listSubTopico_azul_link 		td#itemAlto,
tr.listSubTopico_azul_noLink		td#itemAlto,
tr.listSubTopico_laranja_link 	td#itemAlto,
tr.listSubTopico_laranja_noLink	td#itemAlto,
tr.listSubTopico_cinza_link 		td#itemAlto,
tr.listSubTopico_cinza_noLink 	td#itemAlto{	background-position: left center;	padding-bottom: 6px; }
			
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++++++++ FORMATACAO DOS SEPARADORES +++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/									

/* separador Vazio */
.separadorHz5 {		height: 5px; }	
.separadorHz10 {	height: 10px; }	
.separadorHz15 {	height: 15px; }	
.separadorHz20 {	height: 20px; }	
.separadorHz30 {	height: 30px; }	
.separadorHz50 {	height: 50px; }	
.separadorHz100 {	height: 100px; }	
.separadorHz250 {	height: 250px; }	

/* separadores em tracejado */
.separadorHz_tracej_1px_cinza_1,
.separadorHz_tracej_3px_cinza_1,
.separadorHz_tracej_5px_cinza_1,
.separadorHz_tracej_10px_cinza_1{	height: 1px;
												background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
												background-position: middle left;
												background-repeat: repeat-x; }
/* variacoes */
.separadorHz_tracej_3px_cinza_1{	height: 3px;}
.separadorHz_tracej_5px_cinza_1{	height: 5px;}
.separadorHz_tracej_10px_cinza_1{	height: 10px;}											
								
/* +++++++++++  tds com subtitulos a meio do texto, k funcionam como separadores ++++++++++ */


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++++++++++++++ FORMATAÇÃO DOS DIVS ++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/							

.opcaoInvisivel {display:none}
.opcaoVisivel {display:table-row-group}	

.linkBtnFecharDiv{		text-align: right;
								vertical-align: top;
								background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
								background-position: top left;
								background-repeat: repeat-x;
								padding: 5px;
								padding-right: 10px
						}
						
tr.divPreloader td{	background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
							background-position: bottom left;
							background-repeat: repeat-x;
							background-color: #FFFFDF;
							text-align:left;
							padding: 6px;
							color: #993300; 
							padding-left: 0px;	
							text-align:left; 
							font-size: 11px; 
							vertical-align: middle;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	+++++++++++++++++++++++++ IMAGENS +++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* tds com imagens de destaque nas listagens */
.imgDestaques{		text-align: left;
							vertical-align: top;
							padding-bottom: 4px;
							padding-right: 6px
					}
.imgDestaques img{	border: 1px solid #D0B3B3; }
	
/* imgs grandes de detalhe */
.imgDetalhe{		text-align: left;
						vertical-align: top;
					}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++++++++++++++++++ SCROLLERS ++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.scrollHz_itemHolder{	
	overflow:hidden; 
	zoom:1;
	display:inline-block; 
	position:relative; 
	padding:4px 6px;
}
			
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++++++++++ FORMATACAO DOS EMAILS ++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
	/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++++ FORMATACAO DO CARRINHO DE COMPRAS  ++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

tr.cartListTitulos,
tr.cartListTitulos_2,
tr.cartListProdutos,
tr.cartListDetalhes,
tr.cartListTotais,
tr.cartListBtns{	}

tr.cartListTitulos td,
tr.cartListTitulos_2 td,
tr.cartListProdutos td,
tr.cartListDetalhes td,
tr.cartListTotais td,
tr.cartListBtns td{
	padding: 2px;
	padding-left: 6px;
	text-align: left;
	font-size: 10px
}

tr.cartListTitulos td {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	background-color: #84BBFF;
}
tr.cartListTitulos_2 td{font-size: 11px;
								color: #333333; font-weight: bold; text-align: left;
								background-color: #E1E0D0;
								padding-top: 4px;
								padding-bottom: 3px;
								padding-right: 8px;
								border-top: 1px solid #ffffff
}
tr.cartListProdutos td {
	font-weight: bold;
	color: #333333;
	background-color: #D9EAFE;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
tr.cartListDetalhes td{
	background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	color: #333333;
	padding-bottom: 4px;
}
tr.cartListDetalhes td#iconesCarrinho{		vertical-align:middle; text-align: right; width:49px; padding-right: 8px;	background-image: none;}
tr.cartListDetalhes #precoCarrinho{		font-weight: bold; color: #993300 }
tr.cartListDetalhes #txtCinzaClaro{		font-weight: bold; color: #666666 }
tr.cartListTotais td{	color: #333333; font-weight: bold; text-align: right;
								background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
								background-position: bottom left;
								background-repeat: repeat-x; 
								background-color: #EDECDC;
								padding-top: 4px;
								padding-bottom: 3px;
								padding-right: 8px; }
tr.cartListTotais #precoCarrinho{		font-weight: bold; color: #993300 }								
tr.cartListBtns td{		vertical-align:middle; padding-top: 6px; padding-right: 8px;  text-align: right;}

	/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	++++++++ FORMATACAO DOS FORMULARIOS DOS TEMPLATES +++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* formata os tds onde aparecem as mensagens de sucesso */
.msgSucesso,
.msgErro{	padding: 10px;
				padding-left:14px;
				vertical-align:top;
				text-align: left;
				background-color: #E9F3D2;
				color: #325174;
				line-height: 15px }	
				
/* formata os tds onde aparecem os erros */
.msgErro {	background-color: #FFE135; color: #993300}	

td.notasTmpl{	background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
					background-position: bottom left;
					background-repeat: repeat-x;
					background-color: #FFFFDF;
					text-align:left;
					padding: 6px;
					color: #993300; 
					text-align:left; 
					font-size: 10px; 
					vertical-align: middle;
}
	
/* +++++++++++++ Listagens de Formularios e tabelas ++++++++++++++ */

/* trs das listagens */
tr.listagemOn,
tr.listagemOn_2,
tr.listagemOff,
tr.listagemOver{		/*cursor:pointer;*/ }

/* variacoes: tds e texto (links e outros) */
tr.listagemOn td,
tr.listagemOn_2 td,
tr.listagemOff td,
tr.listagemOver td{	background-image: url(../../_imagens/_tmpl/tmpl_fe_pixel_1px_cinza_1.gif);
							background-position: bottom left;
							background-repeat: repeat-x;
							background-color: #FAF9F3;
							padding: 6px;
							padding-left: 15px;
							text-align:left;  }
tr.listagemOff td{	background-color: #FFFFFF;}
tr.listagemOver td{	background-color: #F1F5FC;}
tr.listagemOn_2 td{	background-color: #F0F6DC;}

/* links dos tds das listagens */
tr.listagemOn #linkListagem,
tr.listagemOff #linkListagem{		color: #7BA400; text-decoration: underline; }
tr.listagemOver #linkListagem{	color: #7BA400; text-decoration: underline; }

/* tds com titulos */
tr.listagemOn #formTit,
tr.listagemOff #formTit,
tr.listagemOver #formTit{			font-size:10px ; font-weight: bold;  padding: 4px;	text-align:center; color: #505050; }

/* tds com texto pekeno cinza */
tr.listagemOn #listPeqCinza,
tr.listagemOff #listPeqCinza,
tr.listagemOver #listPeqCinza{	font-size:10px ; padding: 4px; text-align: center; }

/* tds de formularios do lado esq (texto) */
tr.listagemOn #formTxt,
tr.listagemOff #formTxt,
tr.listagemOver #formTxt {			padding-left: 6px; color: #3C6593; width:150px;	text-align:right; font-size: 10px; font-weight: bold }
tr.listagemOn_2 #formTxt{			padding-left: 6px; color: #547100; width:150px;	text-align:right; font-size: 10px; font-weight: bold }
/* tds de formularios do lado esq (texto) com o azul mais escuro */
tr.listagemOn #formTxt2,
tr.listagemOff #formTxt2,
tr.listagemOver #formTxt2 {		background-color: #E7EDFB; padding-left: 6px; color: #3C6593; width:130px;	text-align:right; font-size: 10px; font-weight: bold }

/* td com inputs de texto */
tr.listagemOn #formInput,
tr.listagemOff #formInput,
tr.listagemOver #formInput{		color: #585858; padding-left: 0px;	text-align:left; font-size: 10px; vertical-align: bottom; }

/* labels com texto */
tr.listagemOn #formLabel,
tr.listagemOff #formLabel,
tr.listagemOver #formLabel{		color: #585858; padding-left: 0px;	text-align:left; font-size: 10px; vertical-align: bottom; }

/* labels com precos */
tr.listagemOn #formPreco,
tr.listagemOff #formPreco,
tr.listagemOver #formPreco{		color: #993300; padding-left: 0px;	text-align:right; font-weight: bold; font-size: 10px; vertical-align: middle; }

tr.listagemOn #formPreco2,
tr.listagemOff #formPreco2,
tr.listagemOver #formPreco2{		color: #993300; padding-left: 0px;	text-align:center; font-weight: bold; font-size: 11px; vertical-align: middle; }

/* tds com bts de submit */
tr.listagemOn #formBtn,
tr.listagemOff #formBtn,
tr.listagemOver #formBtn{			padding-right: 10px;	text-align:right; background-image: none; padding-bottom: 20px}
/* tds com radio buttons */
tr.listagemOn #radioBtn,
tr.listagemOff #radioBtn,
tr.listagemOver #radioBtn{			padding-left: 0px;	text-align:center; vertical-align:middle; border-left: 1px solid #DDDDDD}

/* listagens das características do comparativo */
tr.listagemOn #caracComparativo,
tr.listagemOff #caracComparativo,
tr.listagemOver #caracComparativo {		 width: 120px;	padding-left: 6px; color: #3C6593; text-align:left; font-size: 10px; font-weight: bold; vertical-align: middle; }

/* listagens de valores do comparativo */
tr.listagemOn #valorComparativo,
tr.listagemOff #valorComparativo,
tr.listagemOver #valorComparativo{		width: 17%;	padding: 0px;	color: #585858; text-align:center; font-size: 10px; vertical-align: middle; }

/* formatacao dos tds a avisar de msgs como campos obrigatorios */
.txtMsgAlertaForms{	text-align: left;
							vertical-align: middle;
							background-color: #F1E7E7;
							padding-left: 14px;
							color: #814E4E;  
							height: 22px;
							font-size: 11px;
						}

.inputOut,
.inputOver,
.inputErro	{	height: 19px;
					width:200px;
					border: 1px solid #779BC4;
					padding-top: 2px;
					padding-left: 4px;
					vertical-align: middle;
					font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #1B5578;	}
/* variacoes */					
.inputOut{		background-color: #F1F5FC;}
.inputOver{		background-color: #DAE5F7;}
.inputErro{		background-color: #FFE7B9; color: #CC5C15; border: 1px solid #CC5C15;}

/* inputs da pesquisa no div deslizante */
.inputOutPesquisaDiv,
.inputOverPesquisaDiv,
.inputErroPesquisaDiv	{	height: 19px;
									width:100px;
									border: 1px solid #CC5C15;
									padding: 2px;
									vertical-align: middle;
									font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
									font-size: 11px;
									color: #CC5C15;	}
					
.inputOutPesquisaDiv{		background-color: #FFFFFF; }
.inputOverPesquisaDiv{		background-color: #FFE7B9; }
.inputErroPesquisaDiv{		background-color: #FFFFFF; color: #7A4A4A; ; }

.comboOut,
.comboOver,
.comboErro	{	height: 19px;
					border: 1px solid #779BC4;
					padding: 1px;
					padding-left: 2px;
					width:200px;
					vertical-align: middle;
					font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					font-weight: normal;
					color: #1B5578;	}
/* variacoes */					
.comboOut{		background-color: #F1F5FC;}
.comboOver{		background-color: #DAE5F7;}
.comboErro{		background-color: #FFE7B9; color: #CC5C15; border: 1px solid #CC5C15;}
.comboOut#combo_cats, .comboOver#combo_cats, .comboErro#combo_cats{	width: 170px }