/* Formata tags gerais*/

body{margin:0; padding:0;font: 11px/1.2em Verdana, Arial, Helvetica, sans-serif;color:#666;
		background:url(../img/bg-cinza.gif) repeat-x;background-color:#F1F1F1; text-align:center;}

img{margin:0;padding:0;border:none;display:block;}

h1{
	margin:0 ;
	padding:0;
	background: #F1F1F1 url(../img/logo-forex.gif) no-repeat 80px 55px;
	width:230px;
	height: 80px;
	text-align:left;
}

h1 span{
 	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
 }
 
h2{
	margin:0;
	padding:15px 0 0 0;
	width:230px;
	height:20px;
	font-size:10px;
	color: #666;
	background: #F1F1F1 url(../img/slogan-es.gif) no-repeat 0px 7px;
}

h2 span{
 	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
 }


h3{
	margin:0;
	padding:30px 5px 0 5px;
	background-color: #060;
	width:506px;
	height: 50px;
	font-size:14px;
	color:#FFF;
	text-align:center;
}
 

h3 span{
 	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
}

h4{
	font-size:13px;
	font-style:italic;
	letter-spacing:.1em;
	text-align:center;
	color:#CC0000;
	margin:0;
}

h5{
	font-size:12px;
	letter-spacing:.2em;
	color:#FFF;
	margin:3px 3px 3px 5px;
	padding:2px;
	background:#893;
}
 
 
 
ul{margin:0;padding:0;list-style:none;}

iframe{border:0; overflow:auto; margin:5px 5px 5px 20px;}

iframe.margin2{border:0; overflow:auto; margin:5px;}

table{
	margin:5px auto;
	border-collapse:collapse;
	text-align:center;
}
th{
	padding:6px;
	color:#666;
	text-align:center;
	border:1px solid #ccc;
}

th.head{background-color:#893;color:#FFF;}

td{
	padding:6px;
	color:#666;
	text-align:center;
	border:1px solid #ccc;
}

td p, th p{postion:relative; top:50px;}

td strong, th strong{color:#060;}

td a, th a{text-decoration:underline; color:#666;}

td a:hover, th a:hover{text-decoration:none;color:#333;}

input.button{
	float:right;
	background-color:#ECECEC;
	margin:2px 4px;
	color:#666;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	border:1px solid #003333;
}

textarea{
	border:1px solid #CCC;
}

br.clear{
	font-size:.1em;
	height:.1em;
	line-height:.1em;
	clear:both;
}

/* Formata divs*/
 
#geral{
	width:750px;
	margin:0 auto;
	padding:0;
	background-color:#F1F1F1;
	text-align: left;
}


#navPrincipal{
	float:left;
	width:230px;
	height:820px;
	background-color:#D8D8D8;
}

#naveg{
	margin:0;
	padding:0;
	height:229px;
	background: #900;
	border-bottom:2px solid #FFF;
	text-align:right;
	
}


#naveg ul{
	margin:0;
	padding:5px 0;
	list-style:none;
	width:auto;
	text-align:right;
	
}


#naveg li{
	width:auto;
	margin:10px 0;
	padding:5px;
	text-align:right;
	font-size:12px;
}

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

#naveg li a:hover{text-decoration:underline;}

#conteudo{
	float:left;
	width:520px;
	margin:0;
	padding:0;
	background-color:#F1F1F1;
}



#conteudo p{
	margin:8px 0 8px 8px;
	padding:3px;
	color: #666;
	width:auto;
}


#conteudo p em{font: .9em/1.2em Verdana, Arial, Helvetica, sans-serif;font-style:italic;}

#conteudo p strong{color:#060;}


#conteudo p a{text-decoration:underline; color:#666;}

#conteudo p a:hover{text-decoration:none;color:#333;}

#conteudo p.float{float:left; width:260px;}


#conteudo li a{text-decoration:underline; color:#666;}

#conteudo li a:hover{text-decoration:none;color:#333;}


#conteudo ul.lightbox{
 	float:left;
	margin:7px;
	padding:0;
	list-style:none;
}
 
#conteudo li.lightbox{
 	float:left;
	margin:4px;
	padding:0;
	border: 1px solid #666;
}


#menu{
	height:23px;
	background-color:#D8D8D8;
	margin:0;
	padding:10px 0 0 0;
	border-left:1px solid  #F1F1F1;
}

#menu ul{
 	float:left;
	margin:0;
	padding:0;
	list-style:none;
	height: 23px;
}
 
#menu li{
 	float:left;
	margin:0 6px;
	padding:0;
}

#menu li.idioma{
 	margin:0 3px;	
}
 
#menu li a{
	display:block;
	color:#999;
	font-weight: bold;
	text-decoration:none;
}

#menu li a.selected{color:#006600;}

#menu li a:hover{text-decoration:underline;color:#666;}

#galeria1 {
	position:relative;
	top:-50px;
}

#galeria1_prod {
	position:relative;
	top:20px;
}

#galeria1_decks {
	position:relative;
	top:20px;
}

#rodape{
	height:90px;
	margin-top:50px;
}

#rodape ul{
	width:500px;
	margin: 0 auto;
	text-align:center;
}

#rodape li{
	float:left;
	margin:0 10px;
}


/* Pseudo-classes*/

.center{margin:0 auto;text-align:center;}

.left{float:left;}

.right{float:right;}

.borda{border:2px solid #FFF;}

.borda-baixo{border-bottom:2px solid #FFF;}