body{
	font-size:80%;
	background:none transparent;
	}

.clear { clear:both; }
.clear.br{clear:both; height:27px;}
	
img{
	border:none;
	}	
	
#header
{
	/*display:none !important;*/
	background: none transparent!important;
	padding:0 10px 0 5px;
	border-bottom:1px dotted #cccccc;
	margin-top:10px;
	margin-bottom:5px;
}

#header{
  display:block;
}

#header h1 { 
	margin-top: 5px; 
	color:#ff7820;
	font-size:32px;
	font-weight:500;
	margin-bottom:1px;
	font-family:arial;
	/* logo esquerda */
	width:50%;
	float:left;
	}
	
#header h1 img{
	float:left;
	position:relative;
	overflow:hidden;
	padding-right:2%;
	height:100px;
	width:65px;
	}

/* Cabeçalho de impressão,  detalhes da empresa */
.nome_emp{font-size:60px; letter-spacing:1px;font-weight:500; margin-top:28px; line-height:100px;}

#morada{float:right;text-align:right;width:auto;font-size:14px;text-decoration:none; margin-top:9px;color:#666;}
#morada_prim{font-size:15px}



#corpo
{
	/*margin: 0 auto;*/
	width: 900px;
	background: none transparent;
}	
	
	
#conteudo
{
	float: left;
	width: 900px;
	background:none transparent;
	padding:0;
}

/* conteudo esquerdo */ 

#esquerdo
{
	float: left;
	width: 280px;
	padding: 5px;
	margin: 2px 0 0 0;
	display: inline-block;
	border-right:0px dotted #e0e5eb;
}

#esquerdo h2 { margin: 0; }


/*** Listagem fgeral dos artigos **/
.caixa{
	float:left; 
	position:relative;
	height:200px; 
	width:216px; 
	border:1px solid #ccc; 
	margin:0 3px 3px 0;
	overflow:hidden;
	}
	
.caixa:hover{
	background:#f9f9f9;
	}
.caixa_imagem{
   position:relative; /* precisão*/
	float:left;
	width:160px;
	height:150px;
	text-align: center;
	border:0;	
}	

/** Em desenv */
.caixa_det {
	display:none;
	position:absolute;
	z-index:9999;
	background:#fff;
	padding:3px;
	color:#000;
	text-transform:uppercase;
	width:auto;
}
.caixa_imagem:hover .caixa_det{
	display:block;
	cursor:pointer;
}
/******/

.caixa_imagem img{
	border:none;
	margin-top:15px;
	height:120px;
	height:120px;
	transition: all .2s ease-in-out; 
}
.caixa_imagem img:hover{
	/*width:150px;
	height:150px;
	margin-top:2px;*/
	overflow:hidden;	
	/*transform: scale(1.2);*/
}
.descs{
	display:block;
	height:15px;
	line-height:15px;
	*height:23px;
	padding:3px 2px;
	font-size:10px;
	text-transform:uppercase;
	font-family:arial;
	text-align: center;
	border-bottom:3px double #ccc;
	overflow:hidden;
}
.descs a{
	text-decoration:none;
	color:#336088; 
}
.descs a:hover{
	color:#bc7032;
	cursor:pointer;
}
.picos{
	float:right;
	width:50px;
	text-align:center;
	border-left:0px solid #ddd;	
}
.picos .pc1{
	padding:3px 0 3px 0;
}
.picos .pc1 img{
	height:30px;
	width:30px;
}
.pc1 {
	}

.codigo{
	display: block;
	padding:3px 7px;
	border-top:1px dashed #ccc;
	height:20px;
	font-size:14px;
	color:#333;
	letter-spacing: 2px;
	font-family:monospace;
	font-weight:700;
	overflow:hidden;
}
.codigo span{
	position:absolute;
	right:10px;
	text-align:right;
	width:30px;
	*padding:3px;
	*bottom: 1px;
}
.clear{clear:both;}

/* Fim listagem geral */

.imagem_artigo{
	float:left;
	position: relative;
	display:block;
	width:100%;
	margin-bottom:30px;
	background: none;
	border:0px solid #222; 
	text-align:center;
   overflow:hidden;
	}

.imagem_artigo img{
	width:auto;
	height:250px;
	padding:5px;
	}
/*.imagem_artigo img:hover{
	transition: all .2s ease-in-out; 
	transform: scale(1.1);
}*/
.artigos{
	float:left;
	width:265px;
	border:1px solid #8696a5;	
	margin:0 9px;
	background:#fff;
	padding:3px 0 10px 0;
	font-size:11px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
		overflow:hidden;
	}
	
.artigos h3{
   box-sizing:border-box;
	color:#222;
	text-transform: uppercase;
	padding:0px 4px 4px 0;
	width:265px;
	border-bottom:3px double #8696a5;
	font-size:11px;
	font-family:Helvetica, Serif;
	margin:4px 0 5px 0;
	text-align:center;
	font-weight:600;
	letter-spacing:1px;
}		
.artigos ul{
	margin: 0;
	padding: 0;
   list-style-type: none;
   *margin:0 0 0 10px;
}

.artigos ul li{
   display: inline;
}

.artigos ul li a{

	width:55px;
	float: left;
	padding:2px;
	margin:3px 2px;
	text-decoration: none;
	border: 1px solid #cbd1da;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-align:center;
}

.artigos ul li a.no{
	color:#999;
	display: block;
	float: left;
	text-indent: 6px;
	padding:0;
	margin:3px 1px;
	text-decoration: none;
	border: 0;
	border-radius:3px;
	text-align:center;
}
.artigos ul li a:hover{
	background: #ececec;
	}
.artigos ul li a.no:hover{
	background: none;
	}
.artigos ul li a img{
	padding:2px;
	height: 50px;
	width:auto;
}
	
.relacionados{
   padding:10px 0;
	float:left;
	display:block;
	margin-top:-20px;	
}	
	
/* Conteudo Direito */
#direito
{
	float: right;
	width: 590px;
	padding: 5px 5px 5px 8px;
	margin: 2px 0 0 0px;
	display: inline-block;
	border-left:1px dotted #ccc;
}

#direito h3 { margin: 0; }


#ean {
	float:left;
	position:relative;
	width: 100%;
	padding:2px;
	color:#222;
	height:30px;
	}
#ean span {
   float:left;
	width:95%;
	text-align:center;
	font-size:15px;
	padding:2px 5px;
	font-family:monospace;
	font-weight:500;
	letter-spacing: 2px;
	}

#ean span titulo{
	color:#222;
	text-transform: uppercase;
	margin-right:9px;
	font-weight:600;
	font-family: tahoma;
	font-size:10px;
	}	

#ean span titulo:after{
	content:":";
	}	
#refart {
	float:left;
	position:relative;
	width: 100%;
	height:auto;
	padding:2px;
	background: none;
	height:auto;
	overflow:hidden;
	}

#refart h3{
	font-size:24px;
	font-family:arial;
	color:#333;
	font-weight:500;

	}	
#refart .desc {
	position:relative;
	color:#333;
	text-align:justify;
	width: auto;
	padding:5px;
	font-size:13px;
	font-family:arial;
	line-height:19px;

	}

#refart .desc h3{
	font-size:12px;
	font-family:arial;
	font-weight:500;
	color:#325676;
	text-decoration:underline;
	letter-spacing:2px;
	padding:6px 0 5px 0;
	
	}

/* tabelas */ 
	
table{
	border:0px solid #888;
	border-collapse:collapse;
	width:90%;
	}	

table td{
	border:1px solid #8696a5;
	font-size:12px;
	padding:3px;
	}
	
table td.dim{
	font-size:12px;
	text-align:center;
	font-weight:500;
	text-transform:uppercase;
	font-family:Tahoma;
	}	
	
table td.cod{
    font-family:arial;
	 border:0;
	 text-align:right;
	 padding-right:7px;
	 font-size:11px;
	}	
table td.cod span{
	font-weight:600;
	font-size:16px;
	text-decoration:none !important;
	letter-spacing:2px;
	}	
table td.tit{
	   text-align:left;
	   font-family:Tahoma;
	   text-transform: uppercase;
	}
	
table td.tit span{
	font-size:10px;
	}	
		
table td.dados{
	   text-align:right;
	   font-family:arial;
	   padding-right:5px;
	}

	/* Tablea de informnações */
table.info {width: 188px;}	
table.info td{border:0;}
table.info td.tit {border-bottom:1px dotted #ccc;}	
table.info td.val{border-bottom:1px dotted #ccc; text-align:right;}	
table  td.dim {
	text-decoration:underline;
	}

		
#divin{
	 float:left;
	 position:relative;
	 margin-top:10px;
	 width:100%;
	 padding:2px;
	 background:none;	 
	 margin-top:20px;
	}

	#divin .in_e{
		width:190px;
		float:left;
		margin:0;
		border:0px solid #111;
		}

	#divin .in_d{
		width:380px;
		float:right;
		margin-left:5px;
		border:0px solid #111;
		padding-left:5px;
		}


.acessorios{
   float:left;
	margin:10px;
	text-align:center;
	width:100%;
	position:relative;
	border:1px solid #999;
}
.acessorios img{
	border:0;
}
/* Acessórios */

/* display de acess */

.acess_body{
	 width:100%; 
	 padding:0 !important; 
	 margin:0 !important;
	}

	fieldset.acess{
		float:left;
		width:90%;
		border-top:1px solid #8696a5;	
		border-bottom:1px solid #8696a5;
		border-right:1px solid #8696a5;
		border-left:1px solid #8696a5;
		overflow:hidden;
		padding:4px;
		margin:0 9px;
			}
	fieldset.acess legend{
			background:#fff;
			color:#222;
			border:1px solid #8696a5;
			border-bottom:0;
			text-transform: uppercase;
			padding:3px 5px;
			font-size:11px;
			font-weight:500;
			font-family:arial;
			margin-left:-5px;
			margin-bottom:19px;
			border-top-right-radius:4px;
			border-top-left-radius:4px;
			-webkit-border-top-left-radius:4px;
			-moz-border-top-left-radius:4px;
			-webkit-border-top-righ-radius:4px;
			-moz-border-top-right-radius:4px;
		}


		table.tab_acess {
			width:100%;
			border:1px solid #8696a5;
			margin-bottom:10px;
			}
				
		table.tab_acess th{
				color:#222;
				font-family: tahoma;
				font-size:9px;
				}
	
	 table.tab_acess th.exp{
        width:100px !important;
	     }
		table.tab_acess td.val{
			text-align: center;
			width:auto;
			}		
		table.tab_acess td.img{
			border:0;
			width:80px;
			text-align:center;
			}
		table.tab_acess td.img img{
			border:0;
			width:auto;
			height:80px;
			}
		
		
/* disposição dos artifos */

.seleccionado{
	float:right;
	text-align:right; 
	width:220px; 
	padding-right:5px;
	color:#222;
	}
.nseleccionado{
	color:#a25319; 
	font-weight: 600; 
	font-size:15px;
	}	

#conteudo .sep{
	width:98%;
	clear:both;
	color:#fff;
	border-bottom:3px double #ccc;
	}	
.forms, .forms_auto, .forms.ser, .forms.text{
	float:left;
	overflow: hidden;
	width:130px; 
	text-align:center;
	border:0;
	margin-right:4px;
	padding:0;
		}
.forms_auto{
	width:170px; 
	}
	
.forms.ser{
	width:100px; 
		}		
.forms select{
	width:130px;
	min-width:130px;
	font-family:arial;
	font-size:11px;
	}
.forms_auto select{
	width:170px;
	min-width:130px;
	font-family:arial;
	font-size:11px;
	}
	
.forms.ser select{
	width:100px;
	min-width:100px;
	font-family:arial;
	font-size:11px;
	}
.forms.text select, .forms.text {
	width:auto !important;
	min-width:auto;
	font-family:arial;
	font-size:11px;
}	
.forms select option,.forms.ser select option,.forms_auto select option,.forms.text select option{
		width:100%;
	   line-height:17px;
		font-family:arial;
		font-size:11px;
		color:#222;
}

.forms span, .forms.ser span, .forms_auto span{
	font-size:11px;
	text-align: center;
	color:#415058;
	font-family:arial;
	}		
	
select{
	height:25px;
	border-radius:4px;
	border:1px solid #999;
}

select option{
	font-size:.9em !important;
}
#list_art{
	overflow: hidden;
	width:218px; 
	float:left;
	display:inline-block;
	zoom:1;
	*display:inline;
	border:0px solid #8696a5;
	margin:3px 2px 0 0;
	padding:0;
		}
#list_art:hover{
	background: #f1f1f1;
	}		
#list_art table{
 	width:100%;
	}
	
	
#list_art table td.codigo span.codigo{
	float:left;
	font-weight: 600;
	font-family: monospace;
	font-size:14px;
	letter-spacing:2px;
	text-indent:10px;
	}

#list_art table td.codigo span.info a{
	float:right;
	font-weight: 500;
	font-size:13px;
	text-decoration:none;
	color:#5f5f5f;
	}
#list_art table td.codigo span.info a:hover{
	color:#d2691e;
	text-decoration: underline;
}	

#list_art table td.codigo img{
  margin-top:2px;
  filter: grayscale(100%);   
	-webkit-filter: grayscale(100%);
}

#list_art table td.codigo img:hover{
  filter: grayscale(0);   
	-webkit-filter: grayscale(0);
}

#list_art td{
	text-align:center;
	}	

	#list_art td.picon img{
		height:30px;
		width:auto;
		}
#list_art table td.imgcont img{
	height:120px;
	width: auto;
	}	
#list_art table td div.item{
	width:100%;
	height:14px;
	max-height:14px !important;	
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight: 500;
	font-family: arial;
	font-size:10px;
	}	
#list_art table td div.item a{	
	text-decoration:none;
	color:#ac5b1e;
	}
#list_art table td div.item a:hover{	
	text-decoration:underline;
	color:#2a59dd;
	font-weight:600;
	}	
	

#pagina
{
	float: left;
	width: 99%;
	background:none !important;
	margin-bottom:5px;
}

#pagina ul
{
	margin: 0;
	padding: 0;
}

#pagina ul li
{
	list-style-type: none;
	display: inline;
}

#pagina ul li span
{
	font-weight:600;
	color:#a62e00;
}
#pagina ul li a, #pagina ul li.produt a{
	display: inline-block;
	padding: 2px 3px;
	text-decoration: none;
	border:1px solid #c5661f; 
	background:#de823d;
	color:#fff;
	margin:0 2px 0 0;
	text-align:center;
}

#pagina ul li a:hover 
{ 
	border:1px solid #666666; 
	background:#e0e5eb;
	color:#000;
}
			
#pagina ul li.produt{
	 float:right; 
	 margin-right:18px; 
	 font-family:monospace; 
	 font-size:120%;
}

#pagina ul li.produt a, #pagina ul li.produt a:hover{
	border:0; 
	background:none;
}		
#pagina ul li.produt a img{
	 margin-bottom:-3px;
}		
#pagina ul li.produto span{
	font-weight:700;
	color:#c5661f;
}			
	























/* Hacks para contornar */


#navigation
{
	float: left;
	width: 900px;
	background: #333;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #383; }



#footer
{
	clear: both;
	background: #ccc;
	text-align: right;
	padding: 20px;
	height: 1%;
}