body { color:#000000; font:12px/18px "Trebuchet MS", Arial, sans-serif; margin:0; padding:0; text-align:left; background: url(../imgs/bkg.jpg) no-repeat center top; }
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; }

body#contactos { background: url(../imgs/bkg_contacts.jpg) no-repeat center top; }
body#apresentacao { background: url(../imgs/bkg_about.jpg) no-repeat center top; }
body#loja { background: url(../imgs/bkg_loja.jpg) no-repeat center top; }

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

a { color:#e10000; text-decoration:none; }
a:hover { color:#000000; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* ________________________________________________ 2. Blocks __________________________________________________________ */
div#page-wrapper { width:1000px; text-align:left; margin:0 auto; padding:0 }
div#header { margin:0; padding:0; height:149px; background: url(../imgs/bkg_header.png) no-repeat left top; }
div#navigation { clear:both; float:left; width:1000px; height:50px; margin:0; font:bold 14px "Trebuchet MS", Arial, sans-serif; background: url(../imgs/bkg_menu.png) repeat-x left top; margin-top:-50px; text-transform: uppercase; }
div#contents  { clear:both; margin:0; padding:0; width:1000px; overflow:hidden; background-color:#FFF; }

/* _______________________________________________ 3. Header Contents __________________________________________________ */
div#logo { width:288px; height:105px; float:left; position:relative; margin:0 0 0 10px; }
div#pesquisa { float:right; position:relative; width:220px; margin-top:50px; }
	
/* _______________________________________________ 4. Navigations bar __________________________________________________ */
ul#nav li { float:left; text-align:left; margin-top:15px; line-height:32px }
ul#nav li a { display: block; text-decoration:none; color: #fff; text-align:center; padding:0 22px;  }
ul#nav li a:hover { color:#fff; height:44px; color:#fff; background: url(../imgs/bkg_link_active.png) no-repeat left top; height:44px; }
	#home ul#nav li#nav-home a,
	#apresentacao ul#nav li#nav-apresentacao a, 
	#loja ul#nav li#nav-loja a,
	#contactos ul#nav li#nav-contactos a { color:#fff; background: url(../imgs/bkg_link_active.png) no-repeat left top; height:44px;  }	
		 
/* _____________________________________________ 5. Padding ______________________________________________________________________ */	
.padding { padding:27px 48px 34px 48px; }
.sloganApresentacao .padding { padding: 40px 30px 10px;}
#loja #contents .padding { padding:16px 8px; }
#footer .padding { padding:27px 0 48px 48px; }
#home #contents .padding { padding:27px 39px 34px 39px; }

/* _____________________________________________ 6. Cols ______________________________________________________________________ */
#mainCol { float:left; position:relative; margin: 0 0 29px 0; padding: 0; overflow:hidden; }
#secCol { float:right; position:relative; width:290px; margin:0; padding:0; background-color:#e8e8e8; margin-top:-35px; }
	/*#home #mainCol { width:650px; }*/

	/* ___________ 6.1 Inside Cols____________ 	*/
	#banner { width:1000px; height:113px; margin-top:-3px; 
	border-bottom:4px solid #e10000; }
	.sloganApresentacao { width:722px; background-color:#ebebeb; margin: 40px 0 40px 90px;}
	.leftFloat { float:left; width:200px; margin-bottom:30px; }
	.rightFloat { float:right; width:530px;}
	
/* ____________________________________________ 7. headdings __________________________________________________________________ */
h1 { font:normal 30px "Trebuchet MS", Arial, sans-serif; color:#e10000; border:none; padding:0; margin:0; }
h2 { font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#fff; text-transform: uppercase; background-color:#e10000; padding:7px 13px;  }
h3 { font:normal 18px "Trebuchet MS", Arial, sans-serif; color:#e10000; margin-bottom:30px }
h4 { font:bold 11px "Trebuchet MS", Arial, sans-serif; color:#e10000; margin: 0 20px 15px 0; text-align:right;  }
h5 { font:bold 11px "Trebuchet MS", Arial, sans-serif; color:#000; margin: 0 20px 15px 0; }

	/*_______________ h1_____________*/
	#logo h1 { width:288px; height:105px; background: url(../imgs/logo.jpg) no-repeat left top; }
	#banner h1 { text-align:center; color:#fff; font: italic 48px/38px "Trebuchet MS", Arial, sans-serif, "Palatino Linotype"; padding-top:30px }
	#mainCol h1 { text-transform: uppercase; margin-bottom:41px; }
	#apresentacao #mainCol h1 { margin-bottom:0;}

	/*_______________ h2_____________*/
	#home #contents h2 { width:300px;}
	#contactos #mainCol h2 { width:180px; font-size:10px; padding:4px 8px; margin:20px 0;}
	#apresentacao #mainCol h2 { color:#BEBEBE; font-weight:normal; font-size:22px; background:none; margin-bottom:41px; padding:0}
	
	#home #contents h3 { font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#fff; text-transform: uppercase; background-color:#e10000; padding:7px 13px; text-align:right  }
	
/* ____________________________________________ 8. Paragraphs & txt ___________________________________________________________ */
p { padding-bottom:10px; line-height:18px; }
#apresentacao #mainCol p { font-size:13px; }
#pesquisa label { text-align:left; color:#000; font:bold 11px/14px Arial, Helvetica, sans-serif; text-transform: uppercase; }

.colorRed { color:#e10000; font: normal 24px "Trebuchet MS", Arial, sans-serif; }
#home .colorRed,
#contactos .colorRed { color:#e10000; font: bold 14px "Trebuchet MS", Arial, sans-serif; }
.txtBig { font-size:60px; }
.txtSmall { font-size:10px; font-weight:bold; }

/* ____________________________________________ 9. imgs _______________________________________________________________________ */
#home #mainCol img { float:left; margin-right:6px; }
	#home #mainCol img.imgBig { margin: 0 67px 59px 0}
#secCol img { border:1px solid #000000;  margin:10px;}
.fotosBottom { /*width:660px;*/ margin-top:20px; }

/* ____________________________________________ 10. Links ______________________________________________________________________*/ 
#logo h1 a { width:288px; height:105px; background: url(../imgs/logo.jpg) no-repeat left top; }
h2 a,
#home #contents h3 a { color:#FFF }
#home #contents h3 a:hover { color:#000 }

/* ____________________________________________ 11. Forms ______________________________________________________________________*/ 
form ul { list-style:none; margin:0; padding:0; }
form li	{ padding: 0 10px 1px 0; line-height:20px; float:left; }
form label { text-align:right; width:70px; margin-right:8px; float:left; }
form input,
form textarea  { border:1px solid #d1cec0; font-size:11px; padding:3px; width:200px; margin-bottom:15px; }
	form textarea  { width:350px;}
fieldset { border:1px solid #d1cec0; padding:20px 10px;  }
legend { font-weight:bold; color:#e10000 }
	form input:focus,
	form textarea:focus { border:1px solid #d1cec0;}
	form input.button { height:22px; width:70px; padding:0; border:none;  background-color:#e10000; font:bold 11px/14px Arial, Helvetica, sans-serif; color:#fff; margin-top:45px;  }
	
	form .leftFloat { float:left; width:350px;}
	form .rightFloat { float:left; width:530px;}
	
	/* __________ 11.1 Forms Pesquisa _____________ */
	#pesquisa form li { width:115px; }	
	#pesquisa form input { width:168px; height:17px; background-color:#dbdbdb; border:none; margin:0; padding:3px; font-size:11px;}
	#pesquisa form input.button { height:22px; width:33px; padding:0;  background-color:#e10000; font:bold 11px/14px Arial, Helvetica, sans-serif; color:#fff }

/* ______________________________________________ 12. Footer _______________________________________________________________________*/ 
#footer { clear:both; text-align:right; font-size:12px; color:#fff; background-color:#e10000; overflow:hidden;  }

		#footer p { padding:0; line-height:normal; margin-right:25px; }
		#footer p a { color:#CCCCCC; }
		#footer p a:hover { color:#fff; }
		#footer img { float:right; text-align:left; margin:4px 0 20px;}
		
		#footer p.marginTop {  margin-top:220px; }
		.video { width:320px; height:240px; float:left; margin-top:18px; }
		.catalogos { width:310px; float:left; margin:18px 0 0 70px; text-align:center; }
		.catalogos .bloco { width:130px; height:100px; float:left; position:relative; padding:5px; margin:0 15px 15px 0; background:#fff url(../imgs/bkg_catalogo.png) no-repeat center 10px; }
		#footer .catalogos .bloco p { text-align:center; padding:45px 0 10px; margin:0; color:#4b4b4d; font-weight:bold;}
		#footer .catalogos .bloco span a {  margin:0; color:#fff; background-color:#e10000; padding:3px 5px; cursor:pointer; }
		#footer .catalogos .bloco span a:hover {  background-color:#4b4b4d;  }