body { margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.pagina { margin:0 auto; width:976px; }
.logo { float:left; width:215px; height:85px; margin-top:10px; background:url(../images/logo.png) no-repeat; }
.carrinho { float:right; margin-right:20px; width:183px; height:92px; background:url(../images/carrinho.png) no-repeat; }

.menutopo {	font-size:13px;	font-weight:bold; color:#FFF; float:left; height:33px; width:100%; }
.menuesq { float:left; background:url(../images/menu_topo_esquerda.png) no-repeat;	margin-right:2px; width:19px; height:33px; }
.menudir { float:right; background:url(../images/menu_topo_direita.png) no-repeat; width:19px; height:33px; }
.menuitem { float:left; padding-top:8px; padding-right:22px; height:33px; margin-right:1px; background:url(../images/menu_item.jpg) repeat-x; }
.menuitem li,
.menucarrinho li { margin-left:31px; list-style:url(../images/menu_pontos.png); }
.menucarrinho2 { float:left; padding-top:8px; margin-right:1px; height:33px; width:183px; background:url(../images/menu_item_carrinho.png) no-repeat; }
.cliente { float:left;background:#FEF9EF;border:1px #ccc solid;-moz-border-radius:5px;border-radius:5px;}

/*.conteudo { float:left; width:100%; margin-top:20px; } */
.conteudo { float:left; width:100%; }
.conteudo_esq { float:left; width:197px; }
.conteudo_centro { float:left; width:582px; }
.conteudo_dir { float:left; width:197px; }

.modulo { width:100%; float:left; margin-top:5px; }
.modulo_titulo { color:#FFF; font-weight:bold; font-size:13px; padding:5px 0px 0px 15px; float:left; width:100%; height:28px; background:url(../images/modulo_peq.png) no-repeat; }
.modulo_centro { float:left; width:100%; margin-top:5px; margin-left:11px;	margin-right:11px; color:#444; }
.modulo_centro_titulo { color:#FFF;	font-weight:bold; font-size:13px; padding:5px 0px 0px 15px; float:left; width:100%; height:28px; background:url(../images/modulo_grande.png) no-repeat; }
.modulo_esq_conteudo { padding:7px;	 line-height:25px; font-weight:bold; }

.inputexto { clear: both;float: left; border:1px #ccc solid; height:20px; width:100%; padding:4px 0px 0px 5px; color:#666; font-size:1.05em; }
.inputexto:focus { border:1px solid #447bdb;}
.botao { /*background:url(../images/botao.png) no-repeat; width:87px;*/ -webkit-border-radius: 4px;border-radius: 4px; padding: 0px 20px !important; background-color: #222; height:28px; border:0; color:#fff; font-weight:bold; margin-top:5px; display:table-cell; }
.botao2 { text-align:center; vertical-align:middle; padding:6px 10px 0px 0px; }
.botao:hover { cursor:pointer; }

.separador { clear:both; float:left; width:100%; height:8px; margin-top:10px; background:url(../images/separador.png) repeat-x; }
.pesquisa { width:536px; margin-left:12px; font-size:11px; color:#666; }
.pesquisa p { margin:0px; }
.pesquisa table { text-align:left; }

.container_produto { float:left; cursor: pointer; width:534px; height:130px; margin:10px 0px 0px 10px; border:1px SOLID #bbb; padding:3px; border-radius:7px; -moz-border-radius:7px; }
.container_produto_prom { float:left; width:14.00em; height:295px; margin:3px 0px 0px 3px; border:1px dotted #000; }
.produto_preco_ant { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; font-style:italic; color:#444; margin:0px 0px 0px 10px; }
.produto_preco_prom { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:17px; font-weight:bold; font-style:italic; color:#4b6b5d; margin:0px 0px 0px 10px; }
.disponivel { background:url('../images/stock-ok.gif') no-repeat scroll 0 0; width:97%; clear:both; float:left; color:#4b6b5d; font-weight:bold; font-size:11px; padding-left:25px; margin:5px 0px 0px 10px; }
.indisponivel { background:url('../images/stock-ko.gif') no-repeat scroll 0 0; clear:both; float:left;color:#DF5C0D; font-weight:bold; font-size:11px; padding-left:25px; margin:5px 0px 0px 10px; }
.titulo_produto { color:#740303; font-size:11px; font-weight:bold; line-height:12px; text-transform:uppercase; width:100%; height:15px; background-color:#eee; border-radius:15px; -moz-border-radius:15px; text-align:center; }
.relev { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; font-style:italic; color:#000; margin:0px 0px 0px 10px;padding-top:0px; }
.titulo_produto span { margin-left:12px; }
.tit_promocao { color:#740303; background-color:#eee; }
.imagem_produto { margin:0; width:120px; height:105px; display:table-cell;vertical-align:middle; }
.produto_ref { font-size:9px; float:left; margin:0px 0px 0px 10px; color:#666; text-transform:uppercase; line-height:13px;}
.produto_preco { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; font-style:italic; color:#740303; margin:0px 0px 0px 10px; }
.label_detalhes { color:#666; text-transform:uppercase; font-size:11px;width:97%;}
.separador2 { clear:both; float:left; margin:0px 0px 5px 5px; height:2px; width:94%; background-color:#eee; }
.promocao { background:url(../images/promocao.png) no-repeat; position:absolute; float:left; height:40px; width:115px; margin-left:0px;}
.destaque { background:url(../images/destaque.png) no-repeat; position:absolute; float:left; height:40px; width:115px; margin-left:0px;}
.novidade {	background:url(../images/novidade.png) no-repeat; position:absolute; float:left; height:40px; width:115px; margin-left:0px;}

.desconto { background:url(../images/desconto_amarelo.gif) no-repeat;width:140px;height:36px;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;padding:0px 0 0 7px;margin:0px 0 5px 0;}

.footercontainer { clear:both; float:left; width:100%; margin:5px 0; padding: 10px 0 10px 0; background-color:#ddd;}
.footerconteudo { margin: 0 auto; width: 960px; font-size:12px; color:#333; height:90px; }
.fri { font-weight:bold; font-size:18px; }
.footerconteudo a { color:#666; text-decoration:none; }
.footerconteudo a:hover { color:#000; text-decoration:none; }
.firefox { background:url('../images/logo-firefox-cinza.png') no-repeat; width:30px;height:30px; margin-left:5px; }
.firefox:hover{ background:url('../images/logo-firefox.png') no-repeat; width:30px;height:30px; }
.opera { background:url('../images/logo-opera-cinza.png') no-repeat; width:30px;height:30px; margin-left:3px; }
.opera:hover{ background:url('../images/logo-opera.png') no-repeat; width:30px;height:30px; }
.ie { background:url('../images/logo-ie-cinza.png') no-repeat; width:30px;height:30px;margin-top:1px; }
.ie:hover { background:url('../images/logo-ie.png') no-repeat; width:30px;height:30px; }

.hugodinho { background:url('../images/logo-hugodinho-cinza.png') no-repeat; width:100px; height:20px; }
.hugodinho:hover { background:url('../images/logo-hugodinho.png') no-repeat; width:100px; height:20px; }

/******************** LINKS **********************/
a { color:#446154; text-decoration:none; }
a.link2 { color:#DB0000; }
a:hover { text-decoration:underline; }
.linkCaixa { list-style:none; font-size:10px;color:#000;width:127px;height:35px;display:block;float:left;border:1px solid #999;margin:3px;text-align:center;border-radius:5px;font-weight:bold;}
.linkCaixa:hover {text-decoration:none;background-color:#d7d7d7;}

.dir { float:right; }
.esq { float:left; }
.clear { clear:both; }

/*h1 { margin:0; padding:30px 0px 5px 0px; font-size:16px; color:#446154; }*/
h1 { clear: both;float: left;margin:5px 0 5px 10px; width: 100%;font-size:16px; color:#446154; }
h1 span { color: orange; }
h2 { clear: both; float: left; margin: 0px 0 20px 10px; width: 100%;font-size: 12px;color: #666;}
h2 spna { color: orange;}
i { color:#666; }
p { line-height:1.7em; }
p.p{ text-indent:1.5em; text-align:justify; margin-top:0; }
a img{ border: 0; }

input,textarea,select { -moz-border-radius:5px; -webkit-border-radius: 4px; border-radius:4px; }
select { border:1px #ccc solid; width:100%; padding:4px 0px 0px 5px; color:#666; font-size:1.05em; }
textarea { font-family: "Verdana", serif; border-color: #bbb; width: 100%;}
.required { border-color: #FF9393; }
form { line-height:25px; vertical-align:middle; }
form p { clear: both;float: left;width: 100%; margin: 0px 0px 10px 0px; }
.form_container { clear: both;float: left;width: 520px; padding: 10px; margin: 10px 0px 10px 0px; border: 1px solid #bbb; border-radius: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
label  { clear: both;float: left; color:#333; font-weight: bold;}
label span { font-size: 9px; color:red; }

/******************** TABELAS **********************/
table .tabela1{width:100%; text-align:center; border:1px solid #ccc; padding:3px;vertical-align:center;}
.tabela2{width:100%; text-align:center; border:1px solid #ccc;-moz-border-radius:5px;border-radius:5px;vertical-align:center;}
.tabela3{text-align:left;}
.tabela1 tr {background-color:#f7f7f7;}
.tabela1 tr.tit {font-weight:bold;background-color:#eee;}
.tabela1 tr.nobg {background-color:#fff;}
.tabela2_tr_head {font-weight:bold;background:url('../images/gradiente_1.gif') #ddd repeat-x;padding:5px;}
.tabela2_tr:hover {background:#eee;}
.tabela2_tr2 {background:#FEF9EF;}
.tabela2_tr3 {background:#F3EEE5;}
.tabela2 td {padding:7px;}
.tabela3 td {padding: 1px 5px 1px 5px;vertical-align:center;}


/******************** Mensagens **********************/
.message { clear: both; border:1px solid; margin:5px 0px 0px 0; border-radius:10px; -moz-border-radius:10px; }
.message p{ padding:5px 0px 5px 50px; }	
.success{ background:#E6EFC2 url(../images/highlight_line.gif) repeat-x scroll 0 0; border-color:#C6D881;}
.success p{ background:transparent url(../images/24_tick.png) no-repeat scroll 15px 0px; }
.warning{ background:#FFF6BF url(../images/highlight_line.gif) repeat-x scroll 0 0; border-color:#FDD845; }
.warning p{ background:transparent url(../images/24_alert.png) no-repeat scroll 15px 0px; }
.error{ background:#FBE3E4 url(../images/highlight_line.gif) repeat-x scroll 0 0; border-color:#FBC7C9; }
.error p{ background:transparent url(../images/24_x_false.png) no-repeat scroll 15px 5px; }
.tip{ background:#dfdfdf url(../images/highlight_line.gif) repeat-x scroll 0 0; border-color:#ccc; }
.tip p{ background:transparent url(../images/24_information.png) no-repeat scroll 15px 0px; }
.closeable{ position:relative; }
.click_to_close{ right:2px; top:2px; position:absolute; height:16px; width:16px; background:transparent url(../images/close.png) no-repeat scroll 0 0; cursor:pointer; }
.clearboth{ clear:both; float:left; }

/********************* MENU JS ***********************/
.menu {	height:33px;display: block;	}
.menu ul { list-style: none;padding: 0;margin: 0; }
.menu ul li { float: left; 	overflow: hidden; position: relative; text-align: center; line-height: 33px; background:url('../images/back_head.png') scroll 0 0px repeat-x; margin-left:0px; width:107px; }
.menu ul li a { position: relative;	display: block;	width: 110px;height:33px; font-family: Arial; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;text-decoration: none; cursor: pointer; }

/********** style need add for slide menu ************/	
.menu ul li a span { position: absolute; left: 0; width: 124px; }
.menu ul li a span.out { top: 0px; }
.menu ul li a span.over,
.menu ul li a span.bg { top: -45px; }

/*************** image background ********************/
#menu ul li a { color: #fff; }
#menu ul li a span.over { color: #fff; }
#menu ul li span.bg { height:33px;	background: url(../js/bg_over.png) center center no-repeat; }

/***************** FIM MENU JS************************/

/***************** BUTTON CSS3***********************/
.css3button {
        cursor: pointer;
	color: #000;
	padding: 2px 20px;
        text-align: center;
        background-color: #f7f7f7;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d7d7d7;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

.css3button:hover {
        color: black;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff),
		to(#fff));        
	-moz-box-shadow:
		0px 1px 3px rgba(200,2,2,0.2),
		inset 0px 0px 4px rgba(200,2,2,0.9);
	-webkit-box-shadow:
		0px 1px 3px rgba(200,2,2,0.2),
		inset 0px 0px 4px rgba(200,2,2,0.9);
	box-shadow:
		0px 1px 3px rgba(200,2,2,0.2),
		inset 0px 0px 4px rgba(200,2,2,0.9);
        text-decoration: none;                
}

.css3buttonblue:hover {
        color: black;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fff),
		to(#fff));        
	-moz-box-shadow:
		inset 0px 0px 4px rgba(69,185,201,0.2),
		inset 0px 0px 4px rgba(69,185,201,0.9);
	-webkit-box-shadow:
		inset 0px 0px 4px rgba(69,185,201,0.2),
		inset 0px 0px 4px rgba(69,185,201,0.9);
	box-shadow:
		inset 0px 0px 4px rgba(69,185,201,0.2),
		inset 0px 0px 4px rgba(69,185,201,0.9);
        text-decoration: none;                
}

.logohugodinho {float: right;font-size:10px;text-align: center;margin-top: 16px; padding: 5px 7px 9px 7px; border: 0px solid #fff; border-radius: 5px; line-height: 20px; font-weight: bold;}
.logohugodinho:hover { background-color: #fff;background-color: #eee; }
.tooltip {
    background-color:#fff;
    border:1px solid #ddd;
    padding:3px 2px;
    width:270px;
    display:none;
    color:#000;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    border-radius: 5px;
    box-shadow: 0 0 10px #6fe4f4;
    -moz-box-shadow:0 0 10px #6fe4f4;
    -webkit-box-shadow:0 0 10px #6fe4f4;
    }
.pointer { cursor: pointer; }
.box-cinza-light-prod {background-color: #f3f3f3; border: solid 1px #ccc; box-shadow: 0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -moz-box-shadow: 0 0 6px #ccc;}
.box-cinza-light-prod:hover {background-color: #f3f3f3; border: solid 1px #ccc; box-shadow: 0 0 6px #f95400; -webkit-box-shadow:0 0 6px #f95400; -moz-box-shadow: 0 0 6px #f95400;}
.box-azul-light-prod {background-color: #f3f3f3; border: solid 1px #ccc; box-shadow: 0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -moz-box-shadow: 0 0 6px #ccc;}
.box-azul-light-prod:hover {background-color: #f3f3f3; border: solid 1px #ccc; box-shadow: 0 0 6px #6fe4f4; -webkit-box-shadow:0 0 6px #6fe4f4; -moz-box-shadow: 0 0 6px #6fe4f4;}
.box-cinza-light {border-radius: 5px;padding: 7px;margin-top: 30px;font-family: verdana; font-size:10px;background-color: #f3f3f3; border: solid 1px #ccc; box-shadow: 0 0 15px #ccc; -webkit-box-shadow:0 0 15px #ccc; -moz-box-shadow: 0 0 15px #ccc;}
.box-vermelho-light {border-radius: 5px;padding: 7px;margin-top: 10px;font-family: verdana; font-size:10px;background-color: #ffe8dc; border: solid 1px #ccc; box-shadow: 0 0 15px #f95400; -webkit-box-shadow:0 0 15px #f95400; -moz-box-shadow: 0 0 15px #f95400;}
    .modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;

    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
  }

  .modal h2 {
    background:url('http://pecas.friparque.pt/images/icons/info_modal.png') 0 50% no-repeat;
    margin:0px;
    padding:10px 0 10px 45px;
    border-bottom:1px solid #333;
    font-size:20px;
  }
  
  .cookies-popup .close-icon{background:#7F88A4;height:100%;cursor:pointer;position:absolute;display:block;font-family:"icons";font-size:105px;line-height:64px;width:30px;right:0px;top:0px}
  .cookies-popup .close-icon:after{content:'w';color:#ffffff;display:block;margin-left:-36px;margin-top:-18px}
  .cookies-popup .close-icon:hover{background:#546189}

.pagina-gdpr b { font-size: 12px; line-height: 21px; }
.pagina-gdpr .notas { font-size: 11px; }
.pagina-gdpr p { text-align: left;}
.pagina-gdpr .botao { height: 40px; width: 120px; font-size: 14px; padding: inherit; background-color: #00824A; margin: 10px 0 20px 0; }