body { background:#fefefb url(../imgs/bkg_body.jpg) repeat-x left top; color:#030303; font:12px/18px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span, table, caption, td, tr, th { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#0091ca; text-decoration:none; }
a:hover { color:#030303; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.space { height:10px;}
.floatLeft { float:left; position:relative; padding:0 10px 10px 0}

/* ________________________________________________ 2. Blocks __________________________________________________________ */

div#page-wrapper { width:900px; text-align:left; margin:0 auto; }

div#header { margin:0; padding:0; height:175px; }

#content-wrapper { clear:both; margin:0; padding:0; background:#fefefb url(../imgs/bkg_contens-wrapper.jpg) repeat-x left top; overflow:hidden;  }

/* _______________________________________________ 3. Header Contents __________________________________________________ */


div#logo { width:246px; height:159px; float:left; position:relative; }

div#headerLeft { height:159px; float:right; position:relative; }

div#headerLeftTop { clear:both; margin-bottom:100px; }
	#flags { position:relative; width:300px; }
	#carrinho { position:relative; background: url(../imgs/bkg_carrinho.png) no-repeat right top; width:330px; height:60px; float:right;  margin-top:0px;}

div#navigation { clear:both; float:right; width:638px; height:30px; margin:0; font: 20px "Times New Roman", Times, serif; }

/* _______________________________________________ 4. Content-wrapper blocks __________________________________________________ */

div#banner { border:1px solid #c1b994; }
div#pesquisa { background: url(../imgs/bkg_search.png) no-repeat left top; height:73px; }

/* _______________________________________________ 5. Navigations bar __________________________________________________ */

	ul#nav li { float:left; text-align:left; }
	ul#nav li a { display: block; text-decoration:none; color: #FFFFFF; background-color:#0091ca; height:30px; margin-left:1px; padding-left:11px; line-height:30px  }
	ul#nav li a:hover { background-color: #539a00;  }
	
	ul#nav li#nav-home a { width:120px }	
	ul#nav li#nav-about a { width:172px  }	
	ul#nav li#nav-produts a { width:149px }	
	ul#nav li#nav-contacts a { width:149px }
	
		#home ul#nav li#nav-home a,
		#about ul#nav li#nav-about a, 
		#produts ul#nav li#nav-produts a,
		#contacts ul#nav li#nav-contacts a { background-color: #539a00;  }	
		
	 /* _____________ 4.1 Flags ___________*/
		
	 ul#navflags { margin-left:220px; }		

	 ul#navflags li {  float:left; text-align:right; }		
	 ul#navflags li a { display: block; text-decoration:none; padding:1px 0 2px 20px; color:#030303;  }
	 ul#navflags li a:hover { color:#dd020a;  }

	 ul#navflags li#navflags-pt a { width:20px; background: url(../imgs/flag_pt_on.gif) no-repeat left center; }
	 ul#navflags li#navflags-uk a { width:20px; background: url(../imgs/flag_en_on.gif) no-repeat left center; } 
	
	 ul#navflags li#navflags-pt a:hover { background: url(../imgs/flag_pt_off.gif) no-repeat left center; }	
	 ul#navflags li#navflags-uk a:hover { background: url(../imgs/flag_en_off.gif) no-repeat left center; } 
	 
	 /* _____________ 4.2 Produtos ___________*/
	 
	ul.navProducts { margin:0; padding:0} 
	
	ul.navProducts li { height:55px; color:#0091ca;}
	ul.navProducts li a { font:bold 17px "Times New Roman", Times, serif;  color:#565136; }
	ul.navProducts li a:hover { color:#030303; text-decoration:none; }
		
	ul.navProducts li span a { font:bold 12px Arial, Helvetica, sans-serif;  color:#0091ca; }
	ul.navProducts li span a:hover { color:#030303; text-decoration:none; }
	/* PEDRO */
	ul.navProducts li { padding:0 0 15px 130px;  }
	
	ul.navProducts li#navProducts-1 { background:url(../imgs/produtos/queijo_small.jpg) no-repeat left top; padding:0 0 15px 130px;  }
	ul.navProducts li#navProducts-2 { background:url(../imgs/produtos/massas.jpg) no-repeat left top; padding:0 0 15px 130px;  }
	ul.navProducts li#navProducts-3 { background:url(../imgs/produtos/enlatados_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-4 { background:url(../imgs/produtos/carne_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-5 { background:url(../imgs/produtos/charcutaria_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-6 { background:url(../imgs/produtos/cozinha_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-7 { background:url(../imgs/produtos/compota_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-8 { background:url(../imgs/produtos/enlatado2_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-9 { background:url(../imgs/produtos/especiarias_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-10 { background:url(../imgs/produtos/queijo_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-11 { background:url(../imgs/produtos/gorduras_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-12 { background:url(../imgs/produtos/laticinios_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-13 { background:url(../imgs/produtos/alface_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-14 { background:url(../imgs/produtos/marisco_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-15 { background:url(../imgs/produtos/ovos_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-16 { background:url(../imgs/produtos/pao_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-17 { background:url(../imgs/produtos/pastelaria_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-18 { background:url(../imgs/produtos/peixe_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-19 { background:url(../imgs/produtos/refeicoes_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-20 { background:url(../imgs/produtos/refrigerantes_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-21 { background:url(../imgs/produtos/salgados_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-22 { background:url(../imgs/produtos/sobremesa_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
	ul.navProducts li#navProducts-23 { background:url(../imgs/produtos/mercearias_small.jpg) no-repeat left top; padding:0 0 15px 130px; }
			
/* _____________________________________________ 5. Padding ______________________________________________________________________ */	
	
.padding { padding:12px 17px 20px 16px; }
.promocoes .padding { padding:5px 5px 10px 5px; }

/* _____________________________________________ 6. Cols ______________________________________________________________________ */

#mainCol { float:left; position:relative; width:620px; margin:0; padding: 0 0 30px 12px;  }

#secCol { float:right; position:relative; width:172px; padding:0 0 0 21px; }

	#home #mainCol,
	#about #mainCol,
	#produts #mainCol,
	#location #mainCol,
	#contacts #mainCol { overflow:hidden; }
	
	#produts #mainCol { width:660px; }
	
	/* ___________ 6.1 Inside Cols____________ */	
	
	#newsletter { background:url(../imgs/bkg_newsletter.png) no-repeat top right; padding: 11px 10px 22px 18px;}
	
	.promocoes { width:188px; height:233px; float:left; border:1px solid #c1b994; margin-right:16px;}
	
	.alignLeft { float:left; position:relative; text-align:left; width:415px; margin-left:30px; }
	
	#mainCol .alignLeft {  width:330px; margin: 20px 0 0 0; }
	
	#contacts #mainCol .alignLeft {  width:309px; margin: 0;  }
	
	#shadowMain { width:400px; height:400px; background-color:#FFFFFF; padding:20px}
	
	#aMSG { background-color:#F42F24; color:#FFFFFF; padding:5px 7px; margin-bottom:15px; display:none; }
	
	.carrinhoAdd a { background: url(../imgs/carrinho_small.png) no-repeat left center; padding-left:25px; line-height:20px; }
	
	.finalizar { width:500px}
		
/* ____________________________________________ 7. headdings __________________________________________________________________ */

h1 { font: 24px "Times New Roman", Times, serif; padding-bottom:18px; color:#55a607;}
h2 { font: 18px "Times New Roman", Times, serif; text-align:left;  }
h3 { font: 12px Arial, Helvetica, sans-serif; text-align:center; }
h4 { font: 14px Arial, Helvetica, sans-serif; color:#0091ca; padding-bottom:20px; }
h6 { font: 11px Arial, Helvetica, sans-serif; color:#0091ca; background-color:#ecedc5; line-height:20px; text-align:center; margin-top:3px; }

#mainCol #promo h1 { padding:0 0 15px 250px; margin-top:30px; color:#0091ca; background: url(../imgs/bkg_promocoes.png) no-repeat left 6px; text-align:left; font-style: italic; }
#secCol h1 {  padding:0; margin-bottom:10px; color:#0091ca; background: url(../imgs/bkg_novidades.png) no-repeat left center; font-style: italic; text-align:center}
#footer h1 { color:#0091ca; font-size:14px; font-weight:bold; text-align:left }
#logo h1 { width:400px; background: url(../imgs/logo.png) no-repeat left 10px;  height:159px; }
.shadow  h1 { width:400px; }

#mainCol #promo h2 {  font-weight:bold; font-size:14px; /*background: url(../imgs/bkg_promocoes.png) no-repeat left 6px;*/ text-align:center; margin: 10px 0 16px 0; }
#secCol h2 {  font-weight:bold; font-size:11px; text-align:center; color:#539a00; padding:0; margin:7px 0 15px 0; text-transform: uppercase; width:180px }

#produts #mainCol h2{ padding:0 0 15px 0; color:#0091ca; background: url(../imgs/bkg_promocoes.png) no-repeat center bottom; text-align:center; font-size:24px; margin-bottom:20px;}

#contacts #mainCol h4 { padding-bottom:0px; }
#produtos h6, 
#contacts #mainCol h6 { font: 11px Arial, Helvetica, sans-serif; background:none; text-align:left; padding-top:20px; clear:both; color:#565136; }

#shadowMain h4 { padding-top:20px;}
#shadowMain h3 {  padding:0 0 15px 0; color:#0091ca; background: url(../imgs/bkg_novidades.png) no-repeat center 20px; font-weight:bold; text-align:center; margin-top:10px; height:40px }

/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */

p { padding-bottom:10px; }
#newsletter p { padding-bottom:0; }

/* ____________________________________________ 9. imgs _______________________________________________________________________ */

#secCol img { border:2px solid #c1b994; margin-left:15px; }

/* ____________________________________________ 10. Links ______________________________________________________________________ */

#secCol h2 a {  color:#539a00; }
#secCol h2 a:hover { color:#030303; text-decoration:none;}

#contacts .alignLeft p a { color:#030303; text-decoration:none;}
#contacts .alignLeft p a:hover { color:#0091ca; text-decoration:none;}

/* ____________________________________________ 12. Lists ______________________________________________________________________ */		
		
ul#navCarrinho li {  float:left; margin:13px 15px 0 15px; color:#eaebd2; font-size:14px; font-weight:bold; }		

ul#navCarrinho li#navCarrinho-title { background: url(../imgs/icon_carrinho.png) no-repeat left top; color:#ececd1; padding:0 10px 0 45px; line-height:16px; }
ul#navCarrinho li#navCarrinho-resultados { float:left; width:80px;  background: url(../imgs/enviar.png) no-repeat right top; margin:30px 10px 0 50px; }

	ul#navCarrinho li#navCarrinho-resultados a { color:#fff; }
	ul#navCarrinho li#navCarrinho-resultados a:hover { color:#030303; }
	
#footer .alignRight ul {  float:left; position:relative; padding: 0 20px 20px 0;  }
#footer .alignRight li {   width:125px; text-align:left; display:block; line-height:20px;}

/* ____________________________________________ 12. Forms ______________________________________________________________________ */
	
.inputStyle { padding:0; width:60px; height:14px; line-height:14px; background-color:#fff; border:1px solid ##c1b994; font-size:11px; padding:3px; }
.inputbuttonRemove,
.inputbuttonUpdate,
.inputbutton { width:93px; height:23px; border:none; cursor:pointer; font-size:12px; font-weight:bold; color:#fff; line-height:18px; text-align:center; float:left;  background: url(../imgs/submeter.png) no-repeat left center; }
	.inputbuttonRemove {  background: url(../imgs/remover.png) no-repeat left center; }
	.inputbuttonUpdate { background: url(../imgs/actualizar.png) no-repeat left center; }

	/* __________ 12.1 Forms Pesquisa _____________ */
	
	#pesquisa form ul { list-style:none; margin:0; padding:0;}
	
	#pesquisa form li { padding: 10px 2px 1px 53px; line-height:20px; }
	#pesquisa form label { float:left; text-align:right; line-height:20px; padding-right:20px; font-size:18px; color:#fff }	
			
	#pesquisa form input,
	#pesquisa form textarea,
	#pesquisa form select { padding:0; width:150px; height:14px; line-height:14px; background-color:#D5E2B1; border:none; font-size:11px; padding:3px; }
		#pesquisa form textarea { height:50px;}
		#pesquisa form select { height:20px; margin:0 16px; }
	
	#pesquisa form input:focus,
	#pesquisa form textarea:focus,
	#pesquisa form select:focus { background-color:#fff; width:150px; height:14px; }
		#pesquisa form select:focus { height:20px; }
	
	#pesquisa form input.button { width:50px; height:20px; border:none; cursor:pointer; font-size:10px; color:#fff; line-height:18px; text-align:center; padding-bottom:5px; margin-left:7px; background: url(../imgs/button_search.png) no-repeat; }

	/* __________ 12.2 Forms Produtos _____________ */
	
	#produtos form ul { list-style:none; margin:0; padding:0;}
	
	#produtos form li { padding: 3px 2px 5px 2px; }
	#produtos form label { float:left; width:200px; text-align:right; line-height:20px; padding-right:20px; }	
			
	#produtos form input,
	#produtos form textarea { padding:0; width:300px; height:14px; line-height:14px; background-color:#fff; border:1px solid #c1b994; font-size:11px; padding:3px; }
		#produtos form textarea { height:80px; }
	
	#produtos form input:focus,
	#produtos form textarea:focus { background-color:#fff; width:300px; height:14px; border:1px solid #0091ca; }
		#produtos form textarea:focus  { height:80px; }
	
	#produtos form input.button { width:93px; height:23px; border:none; cursor:pointer; font-size:12px; font-weight:bold; color:#fff; line-height:18px; text-align:center; float:left;  background: url(../imgs/remover.png) no-repeat left center; margin-left:330px; }


/* __________ 12.2 Forms Contactos _____________ */
	
	.alignLeft form ul,
	.finalizar form ul,
	#shadowMain form ul { list-style:none; margin:0; padding:0;}
	
	.alignLeft form li,
	.finalizar form li,
	#shadowMain form li { padding: 3px 2px 2px 2px; }
	.alignLeft form label,
	#shadowMain form label { float:left; width:60px; text-align:right; line-height:20px; padding-right:20px; font-size:11px; }	
	
	.finalizar form label { float:left; width:100px; text-align:right; line-height:20px; padding-right:20px; font-size:11px; }	
			
	.alignLeft form input,
	#shadowMain form input,
	.alignLeft form textarea,
	#shadowMain form textarea { padding:0; width:215px; height:14px; line-height:14px; background-color:#fff; border:1px solid #c1b994; font-size:11px; padding:3px; }
		.alignLeft form textarea,
		#shadowMain form textarea  { height:100px; }
	
	.finalizar form input,
	.finalizar form input:focus { padding:0; width:300px; height:14px; line-height:14px; background-color:#fff; border:1px solid #c1b994; font-size:11px; padding:3px; }
	 
	
	.finalizar form input.small, 
	.finalizar form input.small:focus { width:100px; }
	.finalizar form input.medio, 
	.finalizar form input.medio:focus { width:182px; }
	
	.alignLeft form input:focus,
	#shadowMain form input:focus,
	.alignLeft form textarea:focus,
	#shadowMain form textarea:focus { background-color:#fff; width:215px; height:14px; border:1px solid #0091ca; }
		.alignLeft form textarea:focus,
		#shadowMain form textarea:focus  { height:100px; }
	
	.alignLeft form input.button { width:93px; height:23px; border:none; cursor:pointer; font-size:12px; font-weight:bold; color:#fff; line-height:18px; text-align:center; float:left;  background: url(../imgs/remover.png) no-repeat left center; margin-left:150px; }
	
	#shadowMain form input.button { width:93px; height:23px; border:none; cursor:pointer; font-size:12px; font-weight:bold; color:#fff; line-height:18px; text-align:center; float:left;  background: url(../imgs/remover.png) no-repeat left center; margin:20px 0 30px 70px;  }
	
	.finalizar form input.button { width:93px; height:23px; border:none; cursor:pointer; font-size:12px; font-weight:bold; color:#fff; line-height:18px; text-align:center; float:left; margin-left:100px;  background: url(../imgs/submeter.png) no-repeat left center; }

/* ______________________________________________ Tables_______________________________________________________________________ */

table { border-collapse:collapse; margin-bottom:15px; width:100%; }
	
	table td,
	table th { padding: 5px 5px 5px 10px; border:1px solid #fff; border-width:0 1px 1px 0; }
		
	thead th,
	tfoot th {  background: url(../imgs/bkg_th.jpg) repeat left top; color:#FFF; }
		
	tbody th,
	tfoot th { text-align:left; }
		
	tbody td { text-align:left; background:#eaebd2; }
	tfoot td { text-align:left; background:#d5eaf0; }		
		
	tfoot th[colspan] { text-align:center; word-spacing: 3px; }
			
	tfoot td { background:#D5E2B1; font-weight:bold; }
			
	tbody tr.odd td { background:#bcd9e1; }
	
	tfoot th a { color:#FFF;}
	tfoot th a:hover { color:#030303;}
	.active { color:#030303;}
	
/* ______________________________________________ Shadowbox_______________________________________________________________________ */

.shadow { background:#fff url(../imgs/bkg_contents.png) repeat-x left top; padding:60px; width:400px }
.shadow label { color:#d95a0b; }

/* ______________________________________________ Footer _______________________________________________________________________ */

.border { border-top:1px solid #cddca9; height:1px}

#footer { margin:0 auto; padding:0; text-align:center; background: url(../imgs/bkg_footer.jpg) repeat left bottom; overflow:hidden; font: 12px "Times New Roman", Times, serif; color:#565136; }

#footer .padding { width:900px; margin:0 auto; padding-top:20px; }

#footer .bottom  { padding-bottom:140px;}
#footer a { color:#565136; text-decoration:none;}
#footer a:hover { color:#030303; text-decoration:none; }