/* Pecas Classicos */

/* Reset */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
}

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: middle;
	background: transparent;
	text-align: center;
	color: #F00;
	}

img { margin:0; padding: 0; border: 0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: thin solid #000;
	vertical-align: middle;
	background: transparent;
	text-decoration: none;
	text-align: center;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: thin solid #666;
}

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0;
	}

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-indent: 0;
	text-decoration: none;
	text-align: center;
	color: #000;
	}

ol, ul { list-style: none; }

/* Global */

html {   }
body { background-color: #999;
		background-image:url(../images/index/bck.jpg);
		background-repeat:repeat-y; 
	 }

/* Headings */

h1 { 
	color:#004080;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	}

h2 { 
	color: #004040;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	}

h3 {
	color:#4A2500;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom: 10px;
	}

h4 {
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 10px;
	}
/* Text Elements */

p {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	border-top-style: none;
}

a 			{	}
a:link 		{ color: #00C; }
a:visited 	{ color: #606; }
a:active 	{ color: #000; }
a:focus 	{ color: #666; }
a:hover 	{
	color: #f00;
	font-weight: bold;
}

/* Lists */

ul { 
	color: #313131;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	}

/* Images */

.image-frame	{ border: #333 1px solid; padding: 3px; }

/* Tables */

td {
	text-align:center;
	font-size: 12px;
	padding: 10px;
	vertical-align: middle;
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#mainpanelbmc td {
	border-bottom:1px #000 solid;
	font-weight: normal;
	font-size: 13px;
}

.title {
	font-weight:bold;
	background-color:#CCC;
}

.bold {
	font-weight:bold;
	font-size: 18px;
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	display: none;
	color: #000;
}

/* Containers */

#outer { width:930px; margin: 0 auto; background-color:#FFF }

#wrapper { width:900px; margin: 0 auto; background-color:#FFF }

#languageicons 			{ float:right; }
#languageicons ul li 	{ display:inline; }

#banner { 	}

#topnav 		{ clear:both; }
#topnav ul 		{ margin: 8px 0; padding: 3px 0;
					margin-bottom: 30px; }

#topnav a:link 		{ color: #000; }
#topnav a:visited 	{ color: #000; }
#topnav a:active 	{ color: #000; }
#topnav a:focus 	{ color: #666; }
#topnav a:hover 	{ color: #F93; }

#search			{height: 30px; width:900px; margin-bottom:20px; }
#search input.search_box    {width: 200px; height: 30px; margin:0px; padding:0px; background: #FFF; }
#search input.search_submit	{width: 70px; height: 30px; background-color:#CCC; font-weight:bold; }

#lastupdates 	{
	width:195px;
	height:450px;
	float:right;
	margin-right:10px;
	padding-top: 10px;
	padding-left: 10px;
	border-left: 1px #CCC solid;
	padding-bottom: 800px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
}
#lastupdates h2 { margin-bottom: 20px; }
#lastupdates p 	{ margin-bottom: 20px; }

#mainpanel 			{
	width: 630px;
	height: 2030px;
	float:none;
	padding-bottom: 200px;
	padding-right: 40px;
	padding-left: 10px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
#mainpanel h1 		{
	margin-bottom: 30px;
	margin-top: 20px;
	padding-left: 30px;
	text-align: center;
	font-size: 18pt;
	color: #0000FF;
	font-weight: bold;
}
#mainpanel img 		{ display:inline; margin-left: 80px; margin-top: 10px; }
#mainpanel h2 		{
	display: inline;
	padding-left:130px;
	color: #006;
}
#mainpanel p 		{ margin-bottom: 5px; padding-left: 10px; margin-top: 20px; margin-left: 20px; }

#divulgacao			{ width: 630px; height: 2030px; float:left; padding-bottom: 30px; padding-right: 40px; padding-left: 10px;}
#divulgacao h1 		{ margin-bottom: 30px; margin-top: 20px; padding-left: 30px; }
#divulgacao img 	{ display:inline; margin-left: 80px; margin-top: 10px; }
#divulgacao h2 		{ display: inline; padding-left:30px; }
#divulgacao p 		{ margin-bottom: 5px; padding-left: 10px; margin-top: 20px; margin-left: 20px; }

#mainpanelcg		{padding: 20px; height: 450px; }
#mainpanelcg h1		{padding-bottom: 20px; }
#mainpanelcg h2		{padding: 20px; }
#mainpanelcg p		{padding-bottom: 20px; padding-left:30px; }

#mainpanelcontacts		{padding: 20px; width: 600px; height: 450px; float:left; }
#mainpanelcontacts h1	{padding-bottom: 20px; }
#mainpanelcontacts p	{padding-bottom: 10px; padding-left:10px; }

#mainpanelproducts		{padding: 0 20px 0 20px; }
#mainpanelproducts h1	{padding-bottom: 20px; }
#mainpanelproducts h2	{padding-bottom: 10px; }
#mainpanelproducts p	{padding-bottom: 10px; padding-left: 10px; }
#mainpanelproducts ul	{padding-left: 20px; list-style: disc; }
#mainpanelproducts ul li {padding-bottom: 10px; }

#form		{ float:left; width: 500px; padding-top: 20px; padding-left: 10px; }

#footer 	{ background-color: #E9E9E9; clear: both; padding-top: 30px; padding-bottom: 20px; margin-top: 20px;}
#footer p 	{ font-weight: bold; font-size:10px; text-align:center; }

#produtos	 { margin-bottom: 30px; }
#produtos td { font-weight:bold; }
#produtos img {border: 1px #333 solid; }

#mainpanelbmc		{padding: 20px; }
#mainpanelbmc h1	{
	padding-bottom: 20px;
	text-align: left;
}
#mainpanelbmc h2	{
	margin: 10px;
	padding-top: 20px;
	text-align: left;
}
#mainpanelbmc td h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-bottom: 10px; text-align:center; }
#mainpanelbmc p		{
	padding-bottom: 10px;
	padding-left: 10px;
}



/* Forms */

form ol { list-style-type:none; }

form 	{ text-align:left; margin:20px; }

label 	{ float:left; width:100px; margin-top: 5px; text-align:right; display:block; background:none; font-size:12px; font-weight:bold; }

submit 	{ background:none; }

input 	{ width: 280px; margin: 0 0 16px 10px; border:1px #bbb solid; padding: 5px; background: #FFF; }

input:focus, textarea:focus {background-color: #DFFFFF; }

textarea { width: 280px; height: 150px; margin: 0 0 16px 10px; border:1px #bbb solid; padding: 5px; background: #FFF; }

select 	{ margin-bottom:20px; }

.month 	{ margin-left:155px; }

.submit { width:90px; height:25px; margin-left: 200px; font-size:12px; margin-top: 10px; }

br 		{ clear:left; }

.clear 	{ clear:both; }

/*Miscellaneous*/

iframe {margin-left: 20px; margin-top: 30px; }

small {margin-left:20px; }

#s3slider { 
   width: 590px; /* important to be same as image width */ 
   height: 375px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 40px;
}

#s3sliderContent {
   width: 590px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 13px Arial, Helvetica, sans-serif;
   font-weight:bold;
   padding: 10px 13px;
   width: 564px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
#outer #wrapper #mainpanel p {
	font-family: Arial, Helvetica, sans-serif;
}
