/*
	My Website 
	PRIMARY STYLE SHEET
	
	Split based on the look of the website and in that order.
	For example. Site wide elements, followed by a header 
	styles, followed by main menu, content, sidebar, etc.
	
	Selectors tabbed based on the structure of the HTML.
	The <body> is the child of <html> so should sit one 
	tab in from the html selector. This should be reset at 
	the beginning of each section for readability reasons.
	
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		IMPORT ADDITIONAL SHEETS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	@import url("reset.css");
	@import url("estrutura.css");
	@import url("internas.css");


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS e outros elementos de todo o site
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	html {
		font: normal 13px/1.4 Arial, Verdana,  sans-serif;
		color: #464646;
		}
		
		body {
			
		}
			
				#principal {
					width: 766px;
					margin: 0px auto;
					background-color: #e5e1e1;
				}

/* Basic inputs fonts */
input, select, textarea { font: normal 10px Verdana, Arial, Helvetica; color: #545454; }

.img-left      { float: left; margin: 0 10px 5px 4px; }
.img-right     { float: right; margin: 0 15px 5px 5px; }
.img-center    { display: block; margin: 10px auto 10px; }
.floatleft     { float: left; }
.noborder      { border: none !important; }
.bold          { font-weight: bold; }
.clear         { clear: both; }
.clearleft     { clear: left; }
.inv           { visibility: hidden; }
.dnone         { display: none; }

/* Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Use-o para criar uma régua horizontal em toda uma coluna. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}
a {
	color:#009900;
	text-decoration:underline;
}
a:hover {
	color:#00CC00;
	text-decoration:underline;
}