@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #fff;
}
/*html { 
	overflow-y:scroll; 
}   == para solucionar o problema da barra de rolagem no FF == */

body {
	line-height: 1;
	background-color: #000;
}
ol, ul {
	list-style: none;
	
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* geral do site*/

/* PRINCIPAL */
#principal {
	height:auto;
	margin-top:120px;
	width:auto;
	width:100%;
}
#corpo {
	background: transparent url("../img/fundo_geral.jpg") no-repeat top left;
	height:380px;
	padding: 0 10px;
	width:760px
}

#corpo div#box {
	background: url("../img/fundo_box.png");
	background-repeat:repeat;
	height:150px;
	width:300px;
	font-size: 10px;
	overflow:scroll;
	overflow-x: hidden;
	position:relative;
	left:30px;
	border:1px solid #fff;
}

#corpo div#box p {
	color:#fff;
	width:258px;
	padding:10px;
	position:relative;
	left:0;
	
}

#corpo p.boxLinks {
	border-top:1px solid #fff;
	width:300px;
	padding:8px 0;
	margin-bottom:0;
}
#corpo p.boxCompre {
	border-bottom:1px solid #fff;
	width:300px;
	padding:8px 0;
	margin-top:6px;
}
#corpo p.boxIcones {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	width:300px;
	padding:8px 0;
	margin-top:6px;
}
#corpo h2 {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	width:700px;
	padding:8px 0;
	position:relative;
	left:30px;
	margin-bottom:10px;
}
#corpo p {
	position:relative;
	left:30px;
	margin-bottom:10px;
	padding-right:20px;
}
#corpo span.seta {
	background: transparent url("../img/seta.gif") no-repeat left;
	width:20px;
	height:10px;
}

.clear {
	clear:both;
}

/* == MENU PRINCIPAL ==*/

ul#links  {
	margin-bottom: 10px;
	margin-left: 1px;
	list-style: none;
	width: 780px;
	font-family: Arial, "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #fff;
	left:25px;
	position:relative;
}

ul#links li {
	margin-bottom: 15px;
	*padding:4px;
	float:left;
	margin-left:10px;

}
ul#links a,
ul#links a:link {
	text-decoration: none;
	padding:4px;
	width: 600px;
	font-family: Arial, "Trebuchet MS", Verdana;
	font-size: 11px;
	color: #fff;
}
ul#links a:hover {
	color: #fff;
	background-color: #ff0200;
	padding:4px;
}

#header {
	clear:both;
	border-top:4px solid #fff;
	height:70px;
}

/* LOGO */
#header h1#logo {
	background: transparent url("../img/logo9.gif") no-repeat left;
	height:100px;
	width:230px;
	position:relative;
	top:-50px;
	left:30px;
}

p.envelope {
	width:20px;
	height:20px;
	float:right;
	position:relative;
	right:20px;
	overflow:hidden;
	margin-bottom:10px;
}