@charset "utf-8";
/* CSS Document */

/* ========================================= Styling all elements ==========================================*/
* {margin: 0; padding: 0;}
a {outline: none; border: none; text-decoration: none;}
img {border: none;}
input {vertical-align: middle;}
.floatleft {float: left !important;}
.floatright {float: right !important;}
abbr {cursor: help;}
acronym {cursor: help;}
/* ----------------- Applying clearfix fix for some browsers to use in appropriate places ----------------- */
.clearfix:after {content: "."; display: block; height:100%; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hide from IE Mac \*/
.clearfix {display: block;}

/* End hide from IE Mac */
.clear {clear:both}
/* ----------------- Applying clearfix fix for some browsers to use in appropriate places ----------------- */
/*==========================================================================================================*/

/*---------------------------------------= Pagina =------------------------------------------------*/
BODY 			{background-image: url(/pt/index/imgs/fundo-pagina.jpg); margin-top: 0px; margin-left: 0px;}

/*---------------------------------------= Formulários =------------------------------------------------*/
input.boxe-caixa {BORDER: #e7e7e7 1px solid; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #EFEFEF;}
input.botao 					{font-family: Verdana; font-size: 11px; font-weight: bold; color: #999999; background-image: url(/pt/index/imgs/fundo-botao.jpg); background-color: #CCCCCC;}
input.caixa  					{font: bold 11px Verdana; color: #999999; border: 1px solid #e7e7e7; background-color: #EFEFEF;}
input.caixa-pes 				{
	BORDER: 1px solid #EDE3FB;
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: Verdana;
	background-color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}
input.botao-pes 				{FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana; border: 1px solid #E8E8E8; background-color: #FFFFFF;}
input.fantasma  				{font: 11px Verdana; COLOR: #000000; border: 1px solid #FFFFFF; background-color: #FFFFFF; word-spacing: 1mm;}
input.fantasma-azul 			{font: 11px Verdana; COLOR: #0000FF; border: 1px solid #FFFFFF; background-color: #FFFFFF;}
input.fantasma-vermelho 		{font: 11px Verdana; COLOR: #FF0000; border: 1px solid #FFFFFF; background-color: #FFFFFF;}
input.fantasma-vermelho-grande	{font: 15px Verdana; COLOR: #FFFFFF; border: 1px solid #CCCCCC; background-color: #FF0000; font-weight: bold;}
Select 							{font:  9px Verdana; color: #000000; border: 1px solid #FFFFFF; background-color: #CCCCCC;}
textarea 						{font:  12px Verdana; color: #000000; border: 1px solid #e7e7e7; width: 100%;}
textarea.textarea-fanstama		{font:  9px Verdana; color: #000000; border: 1px solid #FFFFFF; background-color: #FFFFFF;}

/*---------------------------------------= Texto & Titulos =--------------------------------------------*/
.titulo 				{font-family: Verdana; font-size: 14px; color: #999; font-weight: bold;}
.titulo-01				{font-family: Verdana; font-size: 14px; color: #F90; font-weight: bold;}
.subtitulo				{font-size: 12 px; font-weight: bold; font-family: Verdana; color: #CCC;}
.texto-vermelho   		{font: 11px Verdana; text-decoration: none; color: #FF0000}
.texto-azul 			{font: 11px Verdana; text-decoration: none; color: #0000FF}
.texto  				{font: 11px Verdana; text-decoration: none; color: #999}
.texto-grande  			{font: 12px Verdana; text-decoration: none; color: #999}
.texto-pequeno  		{font: 10px Verdana; text-decoration: none; color: #999}
.texto-pequeno-negrito	{font: 10px Verdana; font-weight: bold; color: #666;}
.texto-pequeno-preto	{font: 9px Verdana; color: #000000;}
.texto-mini  			{font: 9px Verdana; text-decoration: none; color: #CCC}

/*---------------------------------------= Efeitos Tabela =--------------------------------------------*/
.linha-tracejada-direita {border-right-width: 2px; border-right-style: dashed; border-right-color: #CFCFCF;}
/*---------------------------------------= Estilo Links =--------------------------------------------*/
A.menu 			{FONT: 10px verdana; font-weight: bold;}
A.menu:link 	{COLOR: #999999; TEXT-DECORATION: none}
A.menu:visited 	{COLOR: #999999; TEXT-DECORATION: none}
A.menu:hover 	{COLOR: #FF9900; TEXT-DECORATION: underline}
A.menu:active 	{COLOR: #6495ed; TEXT-DECORATION: underline blink}

/*---------------------------------------= Estilo Links Menu Esquerdo=--------------------------------------------*/
A.menu-esquerdo 		{FONT: 10px verdana;}
A.menu-esquerdo:link 	{COLOR: #666666; TEXT-DECORATION: none}
A.menu-esquerdo:visited {COLOR: #999999; TEXT-DECORATION: none}
A.menu-esquerdo:hover 	{COLOR: #000000; TEXT-DECORATION: underline}
A.menu-esquerdo:active 	{COLOR: #6495ed; TEXT-DECORATION: underline blink}

/*---------------------------------------= Estilo Tabelas =------------------------------------------*/
.tabela-principal 			{height: 100%; width: 100%;}
.tabela-770x360 			{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	height: 330px;
	width: 770px;
}
.tabela-500x315 			{height: 315px; width: 500px; border-top: 2px dotted #CCCCCC; border-left: 2px dotted #CCCCCC; background-image: url(/pt/index/imgs/fundo-500x315.jpg);}
.tabela-500x315-branca		{height: 315px; width: 500px; border-top: 2px dotted #CCCCCC; border-left: 2px dotted #CCCCCC;}
.tabela-480x315				{border: 1px solid #CCCCCC; height: 315px; width: 470px; background-image: url(/pt/index/imgs/fundo-480x315.JPG);}
.tabela-245x315 			{height: 315px; width: 245px; border: 1px solid #CCCCCC;}
.tabela-topo 				{background-image: url(/pt/index/imgs/fundo-topo.jpg); height: 20px; width: 800px;}
.tabela-direitos 			{background-image: url(/pt/index/imgs/fundo-direitos.jpg); height: 20px; width: 800px; line-height: 1px;}
.tabela-logo-01 			{background-image: url(/pt/index/imgs/fundo-logo-01.jpg); height: 100px; width: 15px;}
.tabela-logo-02 			{background-image: url(/pt/index/imgs/fundo-logo-02.jpg); height: 100px; width: 15px;}
.tabela-conteudo-01 		{background-image: url(/pt/index/imgs/fundo-conteudo-01.jpg); height: 360px; width: 15px;}
.tabela-conteudo-02 		{background-image: url(/pt/index/imgs/fundo-conteudo-02.jpg); height: 360px; width: 15px;}
.tabela-conteudo-03-estica 	{background-image: url(/pt/index/imgs/fundo-conteudo-03.jpg); width: 15px;}
.tabela-enquete				{background-color: #F4F4F4; font-size: 10 px; font-weight: bold; font-family: Verdana; color: #999999; border: 1 solid #cccccc; }
.tabela-500x315-01			{
	height: 400px;
	width: 600px;
	background-color: #333333;
	border: 2px dotted #CCCCCC;
}

/*---------------------------------------= Menu F Com Efeito---------------------------------------- */
	#menuF 				{background-image: url(/pt/index/imgs/fundo-menu.jpg); height: 25px; width: 100%; font-family: Verdana; font-size: 10px; color: #666666; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #666666; border-left: 1px solid #CCCCCC; float:left;}
    #menuF ul 			{list-style:none; padding-right: 10px; padding-left: 20px; padding-top: 4px; height: 25px;}
    #menuF li 			{display:inline;}
    #menuF a 			{float:left; background:url(/pt/index/imgs/fundo-menu-01.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
    #menuF a span   	{float:left; display:block; background:url(/pt/index/imgs/fundo-menu-02.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#666;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuF a span 		{float:none;}
    /* End IE5-Mac hack */
    #menuF a:hover span {color:#FFF;}
    #menuF a:hover 		{background-position:0% -42px;}
    #menuF a:hover span {background-position:100% -42px;}

/*---------------------------------------= Página Clientes =------------------------------------------------*/
.tabela-480x50 			{width: 470px; height: 50px;}
.tabela-480x50-10x50-1	{width: 10px; background-image: url(/pt/index/imgs/menu-480x50/01.JPG);}
.tabela-480x50-10x50-2	{width: 460px; background-image: url(/pt/index/imgs/menu-480x50/02.JPG);}
.tabela-480x50-10x50-3	{width: 10px; background-image: url(/pt/index/imgs/menu-480x50/03.JPG);}
.menu-245x315 			{width: 245px; height: 315px; background-image: url(/pt/index/imgs/menu-245x315/fundo-esquerdo.jpg);}
.menu-165x25-1 			{background-image: url(/pt/index/imgs/menu-165x25/01.gif);}
.menu-165x25-2 			{background-image: url(/pt/index/imgs/menu-165x25/02.gif);}
.menu-165x25-3 			{background-image: url(/pt/index/imgs/menu-165x25/03.gif);}
A.menu-165x25 			{FONT: 10px verdana; font-weight: bold;}
A.menu-165x25:link 		{COLOR: #666666; TEXT-DECORATION: none}
A.menu-165x25:visited 	{COLOR: #999999; TEXT-DECORATION: none}
A.menu-165x25:hover 	{COLOR: #000000; TEXT-DECORATION: underline}
A.menu-165x25:active 	{COLOR: #6495ed; TEXT-DECORATION: underline blink}

.tabela-770x360 {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	height: 330px;
	width: 770px;
}
.td-rolagem div{
	padding:5px;
	overflow:auto;
	height: 315px;
	width: 500px;
}
.td-770-360 div{
	overflow:auto;
	height: 310px;
	width: 765px;
}

body { 
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #DBDBDB;
    scrollbar-shadow-color: #CCCCCC;
    scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color:  #666666;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}
.Tabela-Titulo {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
}
a.link-01 		{FONT: 10px verdana;}
a.link-01:link {COLOR: #666666; TEXT-DECORATION: none}
a.link-01:visited {COLOR: #999999; TEXT-DECORATION: none}
a.link-01:hover 	{COLOR: #000000; TEXT-DECORATION: underline}
a.link-01:active 	{COLOR: #6495ed; TEXT-DECORATION: underline blink}

a.link-01:visited {COLOR: #999999; TEXT-DECORATION: none}
/*---------------------------------------= orcamento-dinamico.php =------------------------------------------------*/
#Botao-01 {
	font: 14px Verdana; text-decoration: none; color: #FFFFFF; font-weight: bold;
	background-color: #FFFFFF;
	background-image:  url(/pt/index/imgs/f_botao-01.png);
}
#Texto-Apresentacao {
	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	font-style: italic;}
	
	
/*---------------------------------------= Efetua Pagamento de Varios Pedidos =------------------------------------------------*/	
.pag_tabela {border: 1px dashed #666666;}
.pag_titulo {font-family: Verdana; font-size: 14px; color: #999; font-weight: bold;}
.pag_subtitulo {font-family: Verdana; font-size: 12px; color: #F90; font-weight: bold;}
.pag_texto_grande {font-family: Verdana; font-size: 12px; color: #666; font-weight: bold;}
.pag_texto_vermelho {font-family: Verdana; font-size: 14px; color: #FF0000; font-weight: bold;}
.pag_texto {font-family: Verdana; font-size: 12px; color: #999;}
input.caixa  {font: bold 11px Verdana; color: #999999; border: 1px solid #e7e7e7; background-color: #EFEFEF;}

/*---------------------------------------= Botão Pedidos =------------------------------------------------*/	
#link-pedido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	background-color: #FFFFFF;
	height: 12px;
	border: #FFFFFF;
	cursor: hand;
	width: 75px;
	}
.tabela-vermelha {border: 1px dashed #FF0000;}


#tab-principal {width: 100%; height: 100%;}
#tab-principal-01 {width: 150px; height: 100%; background-image:  url(imgs/f_150x1.jpg);}
#tab-principal-02 {width: 100%; height: 100%; background-color: #FFFFFF;}
#tab-principal-03 {width: 150px; height: 100%; background-image:  url(imgs/f_150x1-1.jpg);}