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

body {
	background-color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #333333; margin-top: 0px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
}
.titulo0 {font-size:18px; }
.titulo1 {font-size:16px; }
.titulo2 {font-size:14px; }
.titulo3 {font-size:12px; }

img {border: none; }
.table_geral {text-align:justify; padding-top:15px;  background-image:url(files/marca_agua.jpg);
background-position:center; background-repeat:no-repeat; font-size: 13px;}
.tabela_texto {text-align:justify; font-size: 13px; padding-top:15px; padding-left:100px; padding-right:100px;}

.titulo_geral {font-size:16px; font-weight:bolder; border-bottom:#666666 2px solid; }
.nome_produto {font-size:12px; font-weight:bolder; border-bottom:#666666 1px solid; }
.link_small {font-size:9px; }
div.link_maior a{
	color:#FFFFFF;
	padding:10px;
}
a:link {text-decoration: none; color:#333333; font-weight:bold;}
a:visited {text-decoration: none; color:#333333; font-weight:bold;}
a:active {text-decoration: none; color:#333333; font-weight:bold;}
a:hover {text-decoration: none; color:#666666; font-weight:bold;}
.div_link_pequeno {padding-top: 3px; font-weight:bold;}
.destaque{font-size:30px; color:#999999;}
.certificado{padding: 2px; border-right: #999999 2px solid; border-bottom: #666666 2px solid;}
.style2 {

	font-size: 13px;
	font-weight: bold;

}
.tabela_produtos { border:#666666 1px solid }
.icone {
	text-align: left;
	vertical-align: middle;
	list-style-position: inside;
	list-style-type: square;
	padding: 0px;
}
.titulo_admin{font-size:25px; color:#999999;}
.categoria{ font-size: 16px;}
.categoria_activa{font: 12px #000000;}
.pasta {vertical-align: middle;}
.logos { font-weight:bold; font-size:12px;}
.legenda {font-size: 12px; font-weight:bold;}
.descricao {text-align:justify; }
.tabela_clientes {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}
.tabela_clientes td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;

}
.caixa_aprovar{
	width:500px;
	margin:20px auto; 
}
.form_informacao{
	padding:10px; 
	border: #666 1px solid; 
}
.destaque2 {
	padding: 20px 0 5px 10px; 
	font-size:18px;
	font-weight:bold;
	color: #000; 
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(h3000000.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(hori_lar.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin: 5px 0; 
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
.caixa_botoes{
	width:120px;
	margin:0 auto; 
}
.caixa_scroll{
	width:680px;
	margin:0 auto; 
}
.texto_frente{
	padding:0 20px 50px 0;
	text-align:justify;
}
.scroll_vertical{

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 450px;
	width: 176px;
	border:1px solid #ccc;
	background:url(h3000000.png) repeat-x;
	background-position:bottom;
}

/* root element for scrollable items */
.scroll_vertical .itemsv {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}
.itemv{
	height:140px;
	padding:5px;
}
.itemv img{
		background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.menu{
	width:700px; 
	height: 45px;
	background-image:url(files/fundo_menu.png);
	background-repeat: repeat-x;
	position:absolute;
	top: 125px;
	left:57px;
	float:left;

}
.banner_geral{
	position:absolute;
	width:980px;
	height:170px;
	background-image:url(files/banner.png); 
	background-position:top center;
	background-repeat:no-repeat;
	margin:0 auto; 
}
.limpar{
	clear:both; 
}
.meio{
	width:960px;
	margin:0 auto;
	padding:10px; 
	background-color:#FFFFFF;
}
.banner_container{
	width:980px;
	height:170px;
	margin:0 auto; 
}
.canto_esquerdo{
	width:13px;
	position:absolute;
	top:125px;
	left:44px;
	float:left;
	
}
.canto_direito{
	width:13px;
	position:absolute;
	top:125px;
	left:757px;
	float:left;
	
}
.menu ul {
	list-style:none;
	margin:0; 
	padding:0;  
}
.menu li {
	float:left; 
	width:140px;
	text-align:center;
	height:40px;
	padding:5px 0 0 0;
}
.menu a{
	color:#FFFFFF;
	font-weight:bold; 
}
.menu_separador{
		background-image: url(files/separador_menu.png);
	background-repeat:no-repeat; 
	background-position:right top; 
}
.botao_home{
	float:left; 
}
.barra_footer{
	float:left;
}
.footer{
	width:980px; 
	margin:0 auto; 
}
.caixa_clientes{
	position:absolute; 
	top:140px;
	left:775px;
	width:200px;
	float:left;
}

.produtos_destaque{
	margin: 60px 0 0 0 ;
}
.logo{
	position: absolute;
}
.assistencia{
	margin:0 auto;
	width:250px;
}
.texto_registo{
	margin:50px 0 100px 100px; 
}
.texto{
	margin:10px 100px 10px 100px; 
}
.texto_pecas{
	margin:10px 200px 10px 50px; 
}
.texto_codigos{
	margin:100px 200px 50px 50px; 
}
.certificado_interior{
	width:625px;
	height:360px;
	overflow-y: scroll;
	margin:40px 25px;


}
.ver_certificado{
		top:50px;
	position:fixed;
		width:700px;
	height:450px; 
		padding:0; 
	margin:0;
	background-image: url(files/lightbox.png);
	background-repeat:no-repeat;
}
.certificado_wrap{
	position: fixed; 
	top:50%; 
	left:50%;  
	width:0%; 
	height:0%;
	background-image:url(files/fundo_legenda.png);
	z-index:100;
}
div.destaque{
	margin:30px 0 0 0 ; 
}
.botao{
	background-image:url(files/fundo_menu.png);
	font-size:14px;
}
.hexa{
	width:200px;
	margin:20px auto 0 ; 
}
.hexa a {
	font-size:10px;
}
.meio_admin{
	background-color: #FFFFFF;
	padding:50px 20px;
	width:75%;
	margin:0 auto;
}
.titulo_frente{
	text-align:center; 
	font-size:24px;
	color:#666666;
	width:500px; 
	margin:20px auto 10px auto; 
}
.titulo_servicos{
	padding:0px 0 15px 0; 
}
.titulo_servicos1{
	font-size:18px;
	padding:0px 0 15px 0; 
}
ul.servicos li{
	padding: 0 0 10px 0;  
}
.servicos{
	margin: 10px 10px 0; 
}
.celula_legenda{
	font-weight:bold;
	text-align:right;
}
.menu_cliente{
	list-style:none;
	margin:0 0 50px 0;  
}
.menu_cliente li{
	float:left;
	margin:0 10px 0 0; 
}
.esquerdo{
	float:left;
}
.tabela_preco{
	margin:100px 0px 5px;
	font-weight:bold;
}
.legenda_encomenda{
	margin:0 0 20px 0; 
}
.texto_condicoes{
	text-align:justify; 
	padding:20px; 
}
.carro_quantidade{
	font-weight:bold; 
	padding:10px 5px; 
}
.carro_quantidade a{
	font-size:10px; 
}
.modo_envio{
	margin:5px 5px 5px 20px; 
}
.texto_destacado{
	padding:0 0 10px; 
	font-weight:bold; 
}
.botao_finalizar{
	width:200px;
	margin:0 auto;
	cursor: pointer; 
}
.pendente{
	color:#FF0000; 
}
.mensagem{
	width:500px;
}
.categorias{
	float: left;
	width:25%;  
}
.categorias a{
	font-size:14px;
}
.categorias ul {
	list-style:none; 
}
.categorias li{
	padding:2px; 
	margin:5px 0; 
}
.container_categorias{
	width:900px;
}
.selecionado a{
	color:#F47A00; 
}


.scrollable2 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:200px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(h3000000.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:680px;
}

/* single scrollable item */
.scrollable2 img {
	
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer; 
}

/* active item */
.scrollable2 .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
.scrollable2 li{
	float:left;
	text-align:center;
	width:145px;
}
.scrollable2 ul{
	list-style:none;
	width:650px;  
}
produto_pequeno{
	width:120px; 
}
.leganda_encomenda{
	list-style:none; 
}
.leganda_encomenda li{
	margin: 10px 0; 
}
.caixa_produto{
	float:left;
	width:204px; 
	height:250px;
	text-align:center; 
	padding:5px;
	margin:13px; 
}

.caixa_imagem{
	height:204px;
	vertical-align:middle;
		border:1px solid #ccc;
		padding:1px;
		-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.caixa_imagem_img{
	display:block; 
	margin:auto;
}
.nome_produto2{
	font-size:13px;
	margin: 0 0 5px 0; 
 
}
.categorias_admin{
	margin:0 0 20px; 
}
.lista_categorias_direita{
	margin:20px; 
}
.titulo_categorias_navegar{
	font-size:20px;
	color:#FF6600; 
}
.novo_categoria{
	float:left;
	margin:20px 0 0 20px;
	width:300px;  
}
.caixa_novo_produto{

	margin:0 0 30px 30px;
	padding:5px;
}
.imagem_catalogo{
	margin:0 30px 0 0; 
	float:left; 
}
.titulo_catalogo{
	font-size:20px; 
}
.decricao_catalogo{
	float:left; 
}
.wraper_calalogo{
	margin:30px 0 0 0;
	padding: 10px 0 0 0; 
	border-top:#999999 1px solid; 
}
.publicidade{
	background-color:#ec8d27;
	width:500px;
	height:300px;
	position:absolute;
	top:50px;
	border-radius:15px;
	padding:20px;
	visibility:hidden;
}
.esquentador{
	float:left;
	padding: 0 10px 0 0;
}
.publicidade_link{
	font-size:18px; 
	margin:20px 0 0 0;
}
.fechar{
	text-align:right;
}