/*

2010

 */

.legenda { font-size:11px;  margin-bottom:10px; margin-top:2px;}

#trilhas { } 



.pill { width:435px; float:left;  margin:10px; padding:1em; 
	background-color:#F6EAD0;
	background-color:#fff;
}


a:hover { 
	background-color:transparent; 
/* 	border-bottom:1px solid red; 	 */
}


a { 
	color: #ffa146;
	color: #aaa;
	color: #000;
	text-decoration:none;
	color: #692490;
	color: black;
}

body.nada #piece {
	background:url(http://v.hifolio.com/img/bg_ver2010.jpg);
	background-color:#fff; 
}

/*
#piece2 {
	background-color:#fff;
}
*/

.legenda { 
	font-size:9px;  
	margin-bottom:10px; 
	margin-top:0px;
}
 
ul, li { margin:0px; padding:0px; }

li { list-style-type:none; }

h3 { 
	margin:0px;
	font-size:14px; 
}

h1, h2, h3 {
	color: #570005;
	color: #999;
	font-family: Helvetica, arial; 
}




/* #bg { position:absolute; height:100px; z-index:0; width:100%; } */

#arrow { position:absolute; top:10px; right:10px; opacity:.5; }

#arrow2 { position:absolute; top:10px; left:10px; opacity:.5; }

body {
	overflow:hidden; 
	line-height:1.3em;
	margin: 0px;
	font-family: Helvetica, Arial;
	color:black; 
	background-color:#F6EAD0;
}

#idioma { color:black; font-size:10px; }


hr {
	height: 1px;	
	border: 0px;
	border-top: 1px dotted #aaa;
}

img { position:relative; }


#piece2 {
	position: absolute;
	top: 100px;
	height:480px;
	xbackground-color:#222;
	width:100%;
}

#piece {
	vertical-align: middle;
/* 	font-size:13px; */
	position: absolute;
	top: 100px;
	left:0px;
	padding:10px;
	padding-left:70px;
	padding-right:180px;
	height:460px;
	width:100%;
}

#piece td, #piece { 	
	font-size:12px;
	line-height:1.4em;
}

#lojas #piece, #historico #piece, #atendimento #piece, #contato #piece  {
	padding-top:50px;
}



#curriculo #piece {
	padding-top:20px;
}


/* Transformar isso em body.class */

#representantes #piece,
#lojas #piece,
#lojas2 #piece,
#trilhas #piece,
#verao_2010_video #piece,
#verao_2009_video #piece,
#verao_2008_video #piece,
#verao_2007_video #piece,
#verao_2006_video #piece,
#verao_2005_video #piece,
#verao_2004_video #piece,
#verao_2003_video #piece,
#inverno_2010_video #piece,
#inverno_2009_video #piece,
#inverno_2008_video #piece,
#inverno_2007_video #piece,
#inverno_2006_video #piece,
#inverno_2005_video #piece,
#inverno_2004_video #piece,
#inverno_2003_video #piece,
#video div#piece {
	padding-top:40px;
	padding-left: 400px;
	vertical-align: middle;
}

#atendimento div#piece form, #contato div#piece form {
	padding-left:330px;
	width:456px;
}

#curriculo div#piece, #atendimento div#piece, #contato div#piece, #lojas div#piece {
	width:100%;
}


div#home {
	xz-index:999;
	width:100%;
	height:100%;
	opacity:.9;
	font-size:140px;
	align:center;
	text-align: center;
	
	background-color:red;
	padding:200px;
	display:none;
}

xhtml { 
	border-top:8px solid #3f3a12;
}
.xdata {
	background-color:#bbb;
}



.selecionado {
/*
	text-decoration: line-through;
	text-decoration:underline;
*/
	color:#888;
}

#mainmenu {
	position: absolute;
	left: 230px;
	top: 25px;
	z-index:110;
}

#projeto_text { 
	width: 560px; 
}


#mainmenu ul, #mainmenu ul li,#mainmenu li {
	display:inline;
	padding:0px;
	padding-right:20px;
}


#marca {
	position:absolute;
	top:40px;
	left:70px; 
}

#rainha {
	position:absolute;
	top:48px;
	left:1055px; 
 	margin-right:30px;
 }

#axe {
	position:absolute;
	top:54px;
	left:1180px; 
}

#idioma {
	position:absolute;
	top:57px;
	left:300px;
}

#idioma ul li { display:inline; padding-right:10px; }

#endereco  { 
	position:absolute;
	top:630px;
	top:600px;
	left:70px; 
	font-size:10px;
	text-transform:uppercase;
}

#endereco td  { font-size:9px; padding-right:25px; }

#bottom { display:none; }

.xselecionado {
	background:url('/seta.gif') no-repeat;
	background-color:black;
	color:white;
	position:relative;
	left:-10;
	padding-left:10px;
}

.new {
	font-size:9px;
	padding-left:2px;
	padding-right:2px;
	background-color:#05ffd9;
}

#menu {
	position: absolute;
	left: 400px;
	top: 53px;
}

#menu ul, #menu ul li {
	margin:0px;
	padding:0px;

}

#menu ul li {
	display:inline;
}



#mainmenu {
	position: absolute;
	left: 230px;
	top: 25px;
}

#projeto_text { 
	width: 560px; 
}


#splash { 
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-150px;
	text-align:center;
}

#splash a {
	font-size:13px;
	margin:10px;
}

#splash img {
	margin-left:15px;
	margin-bottom:20px;
}

#abertura { 
	z-index:100;
}

#submarca {
	font-size:11px;
	letter-spacing:-1;
	padding-top:3px;
	padding-left:3px;
	font-weight:bold;
	color:#DD2020;
}

#etiqueta {
	position:absolute;
	xz-index:99;
	top:595px;
	left:480px;
}

#endereco td { line-height:1.5em; }








legend { font-size:10px; background-color:#fff; padding:2px; }

fieldset {
	padding: 5px;
	border:0px;
	width: 70%;
	background-color:#eee;
	background-color:#fff;
	display:inline;
	margin:0px;
}

label { display:block; color: #333; font-size:10px; margin:0px; }

input, textarea, .entrada { 
	width:96%; 
	margin-bottom:10px; 
	font-size:12px; 
	background-color:#ddd;
	background-color:#fff;
	border:0px;
	xcolor:white;
	padding:2px;
}

input[type=radio], fieldset input { width:auto; margin-bottom:0px; width:auto; background-color:transparent;   }
input[type=submit] { width:100px; }






#menu select { 
	width:150px; 
	font-size:10px; 
}

option {
	font-size:9px; 
}