body { background:#FFFFFF url(../imgs/bkg_body.jpg) no-repeat center top; color:#000000; font:16px/18px "Trebuchet MS", Arial, sans-serif; margin:0; padding:0; text-align:left; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; }

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

a { color:#030303; text-decoration:underline; }
a:hover { color:#70b60f; 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:1041px; text-align:left; margin:0 auto; background-color:#fff; margin-top: 26px; }

div#header { height:127px; padding: 21px 0 0 23px; }

#content-wrapper { clear:both; margin:0; padding:15px 16px 64px 147px; overflow:hidden; }

div#navigation { float:left; position:relative; width:129px; margin:30px 6px 0 6px; font: 18px Arial, Helvetica, sans-serif; }

div#banner { float:right; position:relative; width:892px; height:337px; margin-right:5px; background: url(../imgs/banner_home.jpg) no-repeat right top; }

#produtos div#banner {  background: url(../imgs/banner_produtos.jpg) no-repeat right top; }
#contactos div#banner {  background: url(../imgs/banner_contactos.jpg) no-repeat right top; }

/* _______________________________________________ 3. Navigations bar __________________________________________________ */

ul#nav li { text-align:center; height:29px; line-height:29px }
ul#nav li a { display: block; text-decoration:none; padding: 0; color: #000; }
ul#nav li a:hover { background-color: #70b60f; }

ul#nav li#nav-home a:hover,	
ul#nav li#nav-produtos a:hover,
ul#nav li#nav-packages a:hover,	
	#home ul#nav li#nav-home a,
	#produtos ul#nav li#nav-produtos a,
	#contactos ul#nav li#nav-contactos a { color:#fff; background-color: #70b60f;}
				
/* _____________________________________________ 4. Cols ______________________________________________________________________ */

#mainCol { width:885px; }

	#contactos #mainCol { float:left; position:relative; width:510px; }
	#contactos #secCol { float:right; position:relative; width:350px; margin-top:65px; }


#destaque { float:right; width:407px; height:192px; margin:-80px 32px 0 0; background-color:#89001d; padding:34px 0 0 27px;}
		
/* ____________________________________________ 5. headdings __________________________________________________________________ */

h1 { font: 26px Tahoma, Arial, sans-serif; }
h2 { font: bold 20px "Trebuchet MS", Arial, sans-serif; padding: 0 0 0 22px; color:#8eb70f; }
h3 { font: normal 16px "Trebuchet MS", Arial, sans-serif; padding: 0 0 15px 22px; color:#940000; margin-top:-5px; }
h4 { font: 12px Arial, Helvetica, sans-serif; }
h5 { font: 11px Arial, Helvetica, sans-serif; padding: 30px 0 0 22px; }
h6 { font: 10px Arial, Helvetica, sans-serif; padding: 0 0 0 22px; }

#header h1 { background:url(../imgs/logo.png) no-repeat left top;  height:101px; }
#banner #destaque h1 { font-size:45px; color:#fff;}

#mainCol h1 { font-size:20px; color:#b0b0b0; background:url(../imgs/bkg_h1.png) no-repeat left 8px; padding:15px 0 10px 225px; height:34px }
#secCol h2 { padding-bottom:15px; }

#contactos h2 { font-size:16px; }

/* ____________________________________________ 6. Paragraphs & txt ___________________________________________________________ */

#mainCol p { padding: 0 0 10px 22px; text-indent: 37px; }

#contactos #mainCol p { padding-bottom:20px; text-indent: 0px; }
#produtos #mainCol p { text-indent: 0px; }

#banner #destaque p { font-size:24px; line-height:30px; color:#fff;}

/* ____________________________________________ 7. Imgs _______________________________________________________________________ */

.imgleft {  float:right; text-align:right; width:459px;  padding: 0 0 10px 0; }

/* ____________________________________________ 8. Links ______________________________________________________________________ */

#mainCol h6  a,
#mainCol h5  a { color:#70b60f; text-decoration:underline; }
#mainCol h6 a:hover,
#mainCol h5 a:hover { color:#030303; text-decoration:none;}

/* ____________________________________________ 9. Lists ______________________________________________________________________ */

#mainCol ul { margin-left:50px; }
#mainCol li { margin:20px 15px 40px 15px; float:left; text-align:left; }

/* ____________________________________________ 10. Forms ______________________________________________________________________ */

#secCol form ul { list-style:none; margin:0; padding:0;}
#secCol form li { padding: 3px 2px 1px 2px; }

#secCol form label { float:left; width:100px; text-align:right; margin-right:5px; line-height:20px;}	
		
#secCol form input,
#secCol form select { padding:0; width:217px; height:18px; line-height:14px; border: 1px solid #d1cbb0; font-size:11px; padding:3px}
#secCol form textarea { padding:0; width:217px; line-height:14px; border: 1px solid #d1cbb0; font-size:11px; padding:3px}

#secCol form input:focus { border:1px solid #666; background:#F0F0F0; }

#secCol form input.button { background-color:#940000; width:63px; height:22px; border:none; cursor:pointer; font-size:10px; color:#fff; line-height:20px; text-align:center; padding-bottom:5px; margin:10px 0 0 190px; }

/* ______________________________________________ 11. Tables_______________________________________________________________________ 

table {  width:100%; border: 1px solid #cccccc; margin:0; padding:0; }
th { text-align:center; background-color:#F2F2F2; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; padding: 10px 5px; margin:0;}
td { background-color:#FFFFFF;  border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 5px; margin:0; text-align:center; }
*/

/* ______________________________________________ 12. Footer _______________________________________________________________________ */
#footer { background-color:#8eb70f; color:#fff; padding:40px 0 25px 140px; font-size:11px; font-weight:bold; }

#footer p  { color:#fff;}
#footer p  a { color:#fff; text-decoration:none;}
#footer p a:hover { color:#fff; text-decoration:underline; }