/* for XHTML */

body				{margin:0;padding:0;background:#999999 url('/interface/imgs/bg.gif') top center repeat-y;text-align:left;font-family:Arial;color:#626262;	}

/* container div */
#main				{position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;background-color: transparent;width: 100%;height: 100%;}
#kehys				{margin: auto;top: 0;right: 0;bottom: 0;left: 0;width: 930px;height: 100%;background-color: transparent;}
#boxes				{width: 900px;margin: auto;top: 0;right: 0;bottom: 0;left: 0;background-color: #ffffff;height: 100%;}
#header				{padding-top:5px;width: 900px;height:96px;}
#logo				{width: 156px;float: left;text-align:left;height:70px;}
#logo img			{margin:8px 0px 5px 18px;}
#othernavi			{width:710px;float: right;margin-top:5px;height:90px;}
#othernavi a		{color:#8D888E;font-size:11px;}
/* main navigation top of the page with blue background */

#mainnavi			{background: url('/interface/imgs/navibg.gif') top left no-repeat;width: 900px;height: 27px;text-align: left;line-height: 27px;}
#navi				{float: left;width: 716px;text-align: left;padding-left:5px;}

#crumbs				{height:22px;text-align:right;background-color: #ffffff;font-family: Arial;font-size: 11px;color: #7f7f7f;padding:8px 0px 0px 12px;}

/* div dearch box module */
#search{
	float: right;
	width: 184px;
	text-align: left;
	line-height: 27px;
	height: 23px;
	margin-top: 4px;
}

/* footer div */ 
#footer{
	height: 43px;
	border-top: 1px solid #dfe3e6;
	clear:both;
}

/* left footer */

#footerleft{
	height: 43px;
	width: 633px;
	text-align: left;
	float: left;
	padding-top: 11px;
	padding-left: 17px;
	
	color: #626262;
	font-size: 11px;
}

/* right footer */

#footerright{
	height: 43px;
	width: 238px;
	text-align: right;
	float: right;
	padding-top: 11px;
	padding-right: 12px;
	
	color: #626262;
	font-size: 11px;
}

/* left column of the template */

#left{
	float: left;
	width: 200px;
	margin-bottom: 100px;
	background-color: #f2f2f2;
	padding-top: 13px;
}

/* place for mainbody and components, different layouts have different widths. Change them. */

#story{
	float: left;
	width: 480px;
	text-align:left;
	margin: 0px 10px 0px 10px;
	padding-bottom: 100px;
}

#story1{
	float: right;
	width: 680px;
	text-align:left;
	margin: 0px 10px 0px 10px;
	padding-bottom: 100px;
}

#story2{
	float: left;
	width: 680px;
	text-align:left;
	margin: 0px 10px 0px 10px;
	padding-bottom: 100px;
}

#story3{
	float: left;
	width: 880px;
	text-align:left;
	margin: 0px 10px 0px 10px;
	padding-bottom: 100px;
}

/* right column of the template */

#right{
	float: right;
	width: 200px;
	text-align: center;
	margin-bottom: 100px;
	background-color: #f2f2f2;
	padding-top: 13px;
}

/* layout for frontpage text and image */

#frontpage{
	float: right;
	text-align: left;
	width: 683px;
	padding-left: 17px;
	
}

#user1{
	float: left;
	width:683px;
	text-align: left;
}

#mainbody{
	float: left;
	width:683px;
	text-align: left;
	padding-top: 20px;
}

#frontleft{
	padding-top: 10px;
	float: left;
	width: 340px;
	text-align:left;
}

#frontright{
	padding-top: 10px;
	float: right;
	width: 340px;
	text-align: left;
}

#frontpage div{
	text-align: left;
}

/* Joomla styles */

/* top navigation */
ul#mainlevel-nav{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	background: none
}

ul#mainlevel-nav li{
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	white-space: nowrap;
	border-right: 1px solid #646464;
	background: none
}

ul#mainlevel-nav li a{
	display: block;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
	color: #646464;
	background: transparent;
}

ul#mainlevel-nav li a:hover{
	color: #646464;
	text-decoration: underline;
}

/* for mainmenu flat list on the blue bg */
ul#mainlevel-menu{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	background: none
}

ul#mainlevel-menu li{
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 13px;
	line-height: 27px;
	white-space: nowrap;
	
	/* use this, if you don't want to use images */
	/* border-right: 1px solid #4077b2; */
	background: none;
	background-image: url('/interface/imgs/line.gif');
	background-position: top right;
	background-repeat: no-repeat;
	
	font-weight: bold;
}

ul#mainlevel-menu li a{
	display: block;
	padding-left: 14px;
	padding-right: 14px;
	text-decoration: none;
	color: #ffffff;
	background: transparent;
}

ul#mainlevel-menu li a:hover{
	color: #ffffff;
	text-decoration: underline;
}

/* active page navigation style*/
ul#mainlevel-menu li #active_menu-menu{
	background-image: url('/interface/imgs/activebg.gif');
	background-position: top left;
	background-repeat:repeat-x;
	
	color: #444444;
}

/* for includes/footer.php styles */
#footerleft div{
	padding-right: 5px;
	text-align:left;
}

/* for search box on the top right of the page */
#mod_search_searchword{
	overflow: hidden;
	width: 176px;
	border: none;
	background: transparent;
	margin-bottom: 2px;
	color: #d5d5d5;
	font-size: 10px;
}

/* basic links on the site */

a:link, a:visited {
	color: #e2292c; text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #e2292c;	text-decoration: underline;
	font-weight: normal;
}

a.footer:link, a.footer:visited {
	color: #626262; text-decoration: none;
	font-weight: normal;
}

a.footer:hover {
	color: #626262;	text-decoration: underline;
}

a.pathway:link, a.pathway:visited{
	color: #7f7f7f;
}

a.pathway:hover{
	color: #7f7f7f;
	text-decoration: underline;
}

a.toclink:link, a.toclink:visited{
	font-size: 11px;
}

a.toclink:hover{
	font-size: 11px;
	text-decoration: underline;
}

table.contentpaneopen {
  	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 1.5em;
}

table.contentpaneopen td {
	padding-right: 5px;
	line-height: 1.5em;
}

table.contentpaneopen td.componentheading {
	font-family: Arial;
	color: #4a4a4a;
	text-align: left;	
	font-weight: normal;
	font-size: 18px;
}

table.contentpaneopen div{
	
}

ul{
	margin: 0;
	padding: 0px 0px 10px 0px;
	list-style: none;
}

li{
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 10px;
	background-image: url('/interface/imgs/bullet.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

ol{
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}

ol li{
	background: none;
}

table.contentpane{
  	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	font-size: 11px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane table{
	
}

table.contentpane td.componentheading {
	font-family: Arial;
	color: #4a4a4a;
	text-align: left;	
	font-weight: normal;
	font-size: 18px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #e2292c;
  font-family: Arial;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid #cccccc;
  width: auto;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.componentheading{
	font-family: Arial;
	color: #4a4a4a;
	text-align: left;	
	font-weight: normal;
	font-size: 18px;
}

div.componentheading{
	font-family: Arial;
	color: #4a4a4a;
	text-align: left;	
	font-weight: normal;
	font-size: 18px;
}

.contentcolumn{
	padding-right: 5px;
}

.contentheading{
	font-family: Arial;
	color: #4a4a4a;
	text-align: left;	
	font-weight: normal;
	font-size: 18px;
}

.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: normal;
	font-size: 11px;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable{
	margin:auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	padding: 0;
	margin-bottom: 27px;
	width: 170px;
	
	color: #646464;
	text-align:left;
	
	font-size: 11px;
}

div.moduletable table{
	font-family: Arial;
	font-size: 11px;
	color: #646464;
}

table.moduletable th, div.moduletable h3 {
	background-image: url('/interface/imgs/moduletablebg_h3.gif');
	background-position:top left;
	background-repeat: no-repeat;
	
	
	height: 28px;
	line-height: 28px;
	
	color: #4a4a4a;
	text-align: left;
	padding-left: 28px;
	padding-bottom: 10px;
	
	font-weight: bold;
	font-size: 12px;
	margin: 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.blogsection a{
	font-size: 11px;
}

.latestnews a{
	font-size: 11px;
}

div.back_button{
	font-size: 11px;
}

.pagenav_prev{
	font-size: 11px;
}

.pagenav_next{
	font-size: 11px;
}

span.pathway{
	height: 27px;
	line-height: 27px;
	color: #7f7f7f;
}

span.pathway a{
	height: 27px;
	line-height: 27px;
	color: #7f7f7f;
}

div.syndicate{
	text-align: left;
	padding-top: 10px;
}

div.blog_more{
	font-size: 11px;
}

table.blog table td{
	padding-right: 10px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f2f2f2;
}

.small {
	color: #c6c6c6;
	font-size: 10px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #c6c6c6;
	font-size: 10px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #c6c6c6;
	font-size: 10px;
}

table.contenttoc {
  border: 1px solid #c6c6c6;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
    color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #646464;
	text-align: left;
	padding-top: 5px;
	
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	text-decoration: underline;
	color: #646464;
}

a.mainlevel#active_menu {
	text-decoration: underline;
	color:#646464;
}

a.mainlevel#active_menu:hover {
	text-decoration: underline;
	color: #646464;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 2px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #e2292c;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}

.code {
	background-color: #ddd;
	border: 1px solid #999999;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #999999;
}

.mosimage {
  border: 1px solid #999999;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #999999;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}

h1							{font-family:Arial;color:#4a4a4a;text-align:left;font-weight:normal;font-size:18px;}

h2{
	color: #e2292c;
	font-family: Arial;
	font-size: 17px;
	font-weight: normal;
}

h3{
	color: #e2292c;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
}

h4							{font-family:Arial;color:#4a4a4a;text-align:left;font-weight:normal;font-size:14px;background:url(/interface/imgs/plc_seta_peq.png) no-repeat; padding:4px 0 5px 28px; margin:0 0 0 13px;font-weight:bold;}


a.topmenu 					{color:#FF7A0B;font-size:11px;font-family:arial;display:block;float:left; padding:0 15px 0 15px; font-weight:bold;}
a.topmenu:hover 			{color:#9F9F9F}
a.topmenuon 				{color:#9F9F9F;font-size:11px;font-family:arial;background:none;display:block;height:19px;text-align:center;padding-bottom:8px;float:left; padding:0 15px 0 15px; font-weight:bold}
a.topmenuon:hover			{color:#9F9F9F}


#menu 						{padding:0 0 12px 0;}
#menu a 					{}
#menu div 					{padding:1px 0 1px 22px;}
#menu div a					{color:#636466; font-size:11px;}
#menu div a:hover			{text-decoration:underline;}


.m1 						{ text-align:left}
a.m1  						{color:#636466;;}
a:hover .m1 				{text-decoration:underline;}

.m2 						{}
a.m2  						{color:#636466; padding: 0 0 0 5px; display:block;}
a:hover.m2  				{text-decoration:underline;}

.m3 						{}
.m3 a 						{color:#636466; padding: 0 0 0 10px; display:block;}
.m3 a:hover 				{text-decoration:underline;}

.m4 						{}
.m4 a 						{color:#636466; padding: 0 0 0 15px; display:block;}
.m4 a:hover 				{text-decoration:underline;}

.m5 						{}
.m5 a 						{color:#636466; padding: 0 0 0 20px; display:block;}
.m5 a:hover 				{text-decoration:underline;}

.news 						{ padding:5px 10px 5px 44px;}
.newsh1						{font-size:12px; font-weight:bold;}
.newstxt 					{font-size:10px; padding:4px 0px;}


#username , #passwd			{color:#CFCFCF;border:1px solid #cbcbcb; height:18px;}
#inputreturn				{color:#CFCFCF;border:1px solid #cbcbcb;}


#logger			 			{}
#logger	form div 			{font-size:10px; padding:5px 0 0 0;}
#logger	form , #logger div a				{padding:5px 0 0 25px;}
				


/* globals */

#debug		{background-color: #4C4C4C;color: silver;font-size: 11px;font-family: tahoma;position:absolute;width:200px;height:90%;right:10px;top:10px;padding:3px;}
/* 
TABLE LINES
linhas das tabelas geradas automaticamente
*/
td.ntd		{font-family:arial, verdana;font-size: 11px;	color:#636363;padding:2px;border-bottom:1px solid #ECECEC;}
a.ntd		{color:#0e5ba8;text-decoration:none;padding:2px 10px 3px 5px;}
a.ntd:hover	{text-decoration:underline;padding:2px 10px 3px 5px;}

/* 
FICHA TECNICA
Ficha tecnica do produto
*/
table.ft 	{padding:7px 0px 0px 3px; border-top:1px dotted #0c5094; margin-top:8px;}
td.fth		{font-weight:bold; border-bottom:1px solid black;}
td.ft1		{font-weight:bold; color:#77a6d2; width:30%;}
td.ft2		{color:#0c5094;font-size:12px;font-weight:bold;}


/* 
SITEMAP
mapa do site
*/
div.sm1			{float:left;width:200px;padding-top:10px;padding-left:3px; color:#666666!important;}
.sm1 a 			{text-decoration:none; color:#000!important;}
.sm1 a:hover 	{text-decoration:underline;}
a.sm1			{display:block;margin-left:1px; padding-left:10px; font-weight:bold;  text-transform:uppercase; font-size:10px; margin-bottom:2px;}
a.sm2			{color:gray!important;display:block;margin-left:1px; padding-left:20px; font-weight:bold;  text-transform:uppercase; font-size:10px; margin-bottom:2px;}
a.sm3			{display:block;margin-left:20px;text-decoration:none;color:gray!important; font-size:9px; font-weight:bold; margin-bottom:2px;}
a.sm4			{display:block;margin-left:30px; padding-left:20px; text-decoration:none;color:gray!important;}
a.sm5			{display:block;margin-left:40px; padding-left:20px; text-decoration:none;color:gray!important;}
/* 
NAVBAR
Barra de navegação 
*/
#navbar			{font-weight:bold;text-align:right;color:#a7b3c3;font-family:verdana;font-size:9px;margin:0px 20px 2px 0px; }
#navbar	a		{font-weight:normal;text-align:right;color:#a7b3c3;font-family:verdana;font-size:9px;text-decoration:none; }
#navbar	a:hover	{text-decoration:underline; }

/*
FORMS
Formulários
*/
.form	{width:100%;}
.fl		{width:30%;}
.fr		{}
.fast	{color:red;font-family:courier,tahoma;font-size:11px;}


/*
PRODUTOS
Layout dos produtos 
*/
.pvp1			{background-color:#FFA500;	color: White;	font-size: 11px;	font-weight: bold;	padding: 2px;}
.oldpvp1		{float:left; margin-right:5px; padding-top:3px; font-family:arial,verdana; font-size: 11px;	color:#0e5ba8; text-decoration: line-through; vertical-align:bottom;}
.pvp2			{background-color:#FFA500;	color: White;	font-size: 18px;	padding: 2px; float:left;}
.oldpvp2		{float:left; margin-right:5px; font-family:arial,verdana; font-size: 11px;	color:#0e5ba8; text-decoration: line-through; vertical-align:bottom;}

.btn{
	margin:0px;
	height:20px;
	background-color:#dadada;
	font-family:arial, verdana;
	font-size: 11px;
	font-weight: bold;
	color:#6d6d6d;
	padding:2px 7px 2px 7px;
	border-top:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	text-decoration:none;
	vertical-align:middle;
	cursor:pointer;
}


/*
PAGINAÇÃO
Para páginas e listagens de produtos
* pn - pagenumber
*/
.pn{padding:2px;}
a.pn{font-weight:bold;}
#n			{height: 10px;vertical-align: bottom;text-align:right;}
.nl			{width: 75px;}
a.nl		{background-image: url(/interface/imgs/bt_bgl.jpg);background-repeat: no-repeat;background-position: left top;width:75px;height:20px;padding: 3px;color:white;text-decoration: none;text-align: center;}
a.nl:hover	{text-decoration: underline;}

a.pl {color:#8be603; font-weight:bold; text-decoration:underline;}
a.plp {color:#8be603; font-weight:bold; text-decoration:underline;}

.nr			{text-align: right;width: 75px;}
a.nr		{background-image: url(/interface/imgs/bt_bgr.jpg);background-repeat: no-repeat;background-position: right bottom;width:75px;height:20px;padding: 3px;text-align: center;color:white;text-decoration: none;}
a.nr:hover	{text-decoration: underline;}

td.nc		{text-align: center;vertical-align: bottom;height: 18px;}
span.nc		{margin:3px;}
a.nc		{padding:3px;text-decoration: none;	color:#346D96;	font-weight: bold;text-decoration: underline;}
a.nc:hover	{text-decoration: none;}


a.group		{width: 40%;color:#73b0cc;	padding: 4px;margin: 2px;	text-decoration: none;}
a.group:hover{text-decoration: underline;}
a.groupon	{width: 40%;color:black;padding: 4px;margin: 2px;text-decoration: none;}
a.groupon:hover{text-decoration: underline;}
div.group	{border-bottom: 2px solid black;	padding-bottom: 5px;	margin-bottom: 5px;}

.grouplbl	{background-color: #ECECEC;	color:gray;	padding: 3px;	padding-left: 7px;}
.grouparea	{}



/*
POLLS
*/
.poll 		{backgroud:#3b3b3b; width:100%;}
.question 	{margin:6px; color:white; font-weight:bold;}
.items 		{color:white; font-size:10px;}
.options 	{background:#4b4b4b;padding:1px;margin-top:10px;}
.ver 		{float:left; vertical-align:middle;}
.ver a 		{background:#111111; color:white; display:block; width:100px; padding:2px; text-align:center; font:tahoma 10px; text-decoration:none;}
.ver a:hover{text-decoration:underline;}
.votar 		{text-align:right; float:left;}
.votar input{padding:0 10px 0 10px; margin:0 2px 0 2px; cursor:pointer;}

/* 
SEARCH RESULT
*/
.sr		{margin-bottom: 5px;padding-bottom: 5px;}
.sr0	{float: left;width: 20px;height:20px;}
.sr1	{font-weight: bold;	text-decoration: underline;	color:black; margin-bottom: 2px;color: #205B85;}
a.sr1	{color: #205B85;}
a.sr1:visited{color: #464897;}
a.sr1:hover{text-decoration: none;}
.sr2	{color:gray;}