/********************************************************
   Autor: 		Fernando Felix 
   Website:		http://www.fernandofelix.com.br/
   Layout: 		Folclore Nativo 2.0
   C�digo do Layout:	F-0010
   Vers�o:		1.0	
 ********************************************************/
 
/********************************************
 Elementos HTML
********************************************/ 

/* Elementos Principais */

* { margin:0; padding: 0; }

html,
body {
  height: 100%;
}

body 
{background: 		#000 url(body.jpg) repeat left top fixed;
  color: 		#fff; 
  font: 		68%/1.5  Verdana, 'Trebuchet MS', arial, sans-serif;
  text-align: 		center; 
  margin: 		0;
}  

/* links */

a
{ color: 		#fff;
  background: 		inherit;
  text-decoration: 	underline;
}

a:hover 
{ color: 		#d76501;
  background: 		inherit; 	 
}
 
/* headers */

h1, h2, h3, h4 
{ font-family: 		'Trebuchet MS', Arial, sans-serif;
  font-weight: 		bold;
}

h1 
{ font-size:		1.5em;}

h2 
{ font-size:		1.3em;
  text-transform:	uppercase;
  color: 		#fff;
margin:		50px 0 0 0;
}

h3 
{ font-size:		1.1em;
  text-transform:	uppercase;
  color: 		#fff;
  letter-spacing:	1px;
}

h1, h2, h3, h4, p 
{ padding:		0;
  margin: 		10px 15px; 
}

p{ text-indent:		15px;}

ul, ol 
{ margin:		10px 30px;
  padding:		0 15px;	
  color: 		#fff;	
}

ul a{ color:		#fff;} 

ul span, ol span{ 	color:#666;}

.required  
{ font-size:		1.0em;
  font-weight:		bold;
  color:		#760000;
}

/* imagens */

img{ border:		0px; margin: 10px 18px 10px 11px;}

img.float-center {	margin: 5px 10px 5px 55px;  border: 2px solid #999;}

code 
{ margin: 		5px 15px;
  padding: 		10px;
  text-align: 		left;
  display:		block;
  overflow: 		auto;  
  font: 		500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: 		#FAFAFA;
  border: 		1px solid #EAEAEA;  
  border-left: 		5px solid #42668E;
}

acronym 
{ cursor: 		help;
  border-bottom: 	1px dashed #777;
}

blockquote 
{ margin: 		15px;
  padding: 		15px 15px 15px 32px;  	
  background: 		#000 url(#) no-repeat 5px 10px !important; 
  background-position: 	8px 10px;
  border: 		1px solid #EAEAEA; 
  border-left: 		5px solid #999;  
  font-weight: 		bold; 
 }


/*****************************
      LAYOUT 
******************************/
#conteiner 
{
	
	text-align: 		justify;
	background: url(content.png) repeat-y top center;
	width: 		800px;
	height: auto;
	position: absolute;
	left:50%;
	margin-left:-400px;
	
}

#content-conteiner 
{
	float:left;
	margin:		0;
	padding:		20;
	width: 		770px;
	height: 100%;
}

/* header */

#header 
{
	position: 		relative;
	width: 		785px;
	height: 		50px;
	margin: 		0 0 0 15px;
	padding: 		0;
}

/* menu tabs */

#header #header-tabs 
{ position: 		absolute;
  top: 			10px; 
  left: 		0;
  width: 		770px;
  height: 		10px;
  background: 		#000;
  font: 		bold 1.1em Verdana, Tahoma, 'Trebuchet MS',  Sans-serif;  
} 

/*  gambiarra p�gina parceiros  (tempor�rio) */

#amigos
{ background: 		url(amigos.jpg) 8px 5px no-repeat;
  padding: 		10px 0px 10px 180px;
  width:500px;
  height:171px;
}
  
#ctgfa
{ background: 		url(ctgfa.jpg) 8px 5px no-repeat;
  padding: 		10px 0px 10px 180px;
  width:500px;
  height:171px;
}

#feliks
{ background: 		url(feliks.jpg) 8px 5px no-repeat;
  padding: 		10px 0px 10px 180px;
  width:500px;
  height:171px;
}

/* main content */

#main 
{
	float: 		left;
	width: 		100%;
	margin: 0 0 0 15px;
	padding:10px 25px 10px 0;
	height: 100%;
}

#main h1 
{ padding: 		12px 5px 3px 33px;
  text-transform: 	uppercase;
  background: 		url(square_arrow.gif) no-repeat 0% 0.7em;
  border-bottom: 	1px solid #f2f2f2;	
  color: 		#d76501;	
}	

#main_contact 
{ float: 		left;
  width: 		515px;
  margin: 0; 	padding: 0 0 10px 0;
  background-color:	inherit; height: 100%;
}

#main_contact h1 
{ padding: 		12px 5px 3px 33px;
  text-transform: 	uppercase;
  background: 		url(square_arrow.gif) no-repeat 0% 0.7em;
  border-bottom: 	1px solid #f2f2f2;	
  color: 		#d76501;	
}

#main a span{ display: none;}	

#main a:hover span.desc_one 
{ background-color:	#000;
  text-decoration:	none;
  display: 		block;
  left: 		512px;
  width:		220px;
  padding:		15px 15px;
  position: 		absolute;
  top:			550px; 
  border: 		2px solid #f2f2f2;	
}
	
#main a:hover span.desc_two
{ background-color:	#000;
  text-decoration:	none;
  display: 		block;
  left: 		512px;
  width:		220px; 
  padding:		15px 15px;
  position: 		absolute;
  top:			850px; 
  border: 		2px solid #f2f2f2;	
}
	
/* Sidebar  */

#sidebar 
{ float: 		right;
  width: 		245px;
  margin: 		0 0 10px 0; 
  padding:		0;
  background-color: 	inherit;
  text-align:		left;height: 100%;
}

#sidebar h1 
{ padding: 		12px 5px 3px 33px;
  background: 		url(square_arrow.gif) no-repeat 0% .7em;
  border-bottom: 	1px solid #f2f2f2;	
  text-transform: 	none;	
  color: 		#d76501;
}

#sidebar ul.sidemenu 
{ list-style:		none;
  margin:		10px 15px;
  padding:		0;		
}

#sidebar ul.sidemenu li 
{
 margin-bottom:		1px;
 border: 		1px solid #f2f2f2;
}

#sidebar ul.sidemenu a 
{
 display: 		block;
 font-weight: 		bold;
 color: 		#333;
 text-decoration:	none;	
 padding: 		2px 5px 2px 10px;
 background: 		#f2f2f2;
 border-left: 		5px solid #CCC;	
 min-height: 		18px;	
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover 
{ padding:		2px 5px 2px 10px;
  background: 		#f2f2f2;
  color: 		#728DAB;
  border-left:		5px solid #728DAB;
}

#sidebar #current a 
{ color: 		#728DAB;
  border-left:		5px solid #728DAB; 
}


 /* footer */

#footer 
{ clear: 		both;
  height: 		50px;
  color: 		#CCC;
  border-top: #FFF solid 1px;
  text-align: 		center;
  margin: 0; 	padding:5px;	
  font-size: 		92%;	
  
}

#footer a 
{ text-decoration: 	none; 
  font-weight: 		bold;	
  color: 		#FFF;
}

#footer a:hover 
{ color: 		#d76501;}

/* alinhamento das classes */

.float-left  { float: left; }
.float-right { float: right; }
.float-color { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; top: 0;padding: 0 50px 0 0;}
.align-center { text-align: center; }

/* classes adicionais */

.clear {clear:both;} 
.hide  { display: none;}
.gray  { color: #C4C4C4;}
.blue  { color: #728DAB;}

.comments 
{ color: 		#000; 
  background: 		#FFF;
  text-align: 		right; 
  border-top: 		1px dashed #999;
  border-bottom: 	1px dashed #999; 
  padding: 		5px 10px  5px 0;
  margin-top: 		20px;
}