/* Page Structure Styles
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font: 12px/18px arial, verdana, sans-serif;
	color: #353535;
	text-align: center;
	background: #FF9900 url(../images/body-bg.gif) top left repeat-x;
}

#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 770px;
	text-align: left;
	background: #FF9900 url(../images/container-bg.gif) no-repeat 0px 185px;
}

#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 770px;
	height: 170px;
	background:   url(../images/header-bg.png) no-repeat;
}
.texto1{
	height:35px;
	font:28px arial,verdana,sans-serif;
	color:#000066;
	font-weight:bold;
	margin: -30px 150px 0;
	border-bottom-color:#24618E;
	border-bottom-width:2px;
	border-bottom:solid;
	float:right;
	}
.texto1a i{
	color:#24618E;
	font-weight:bold;
	font-size: 12px;
	margin: 5px 165px 0;
	float:right;
	}

img.x{
	position:absolute;
	margin-left: 30px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	z-index:1;
	filter:alpha(opacity=20);
	opacity: 0.2;
	
	}
#restricted-area {
	position: absolute;
	top: 5px;
	right: 18px;
	margin: 30px 0 0 5px;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
	text-align: right;
	background: none;
}

#subhead {
	position: relative;
	margin: 0;
	padding: 5px 0 0 20px;
	width: 750px;
	height: 46px;
	background:   url(../images/subhead-bg.gif) no-repeat;
}
#subhead div.right {
	position: relative;
	margin: 0;
	padding: 5px 0 0 20px;
	width: 750px;
	height: 45px;
	background:   url(../images/subhead-bg.gif) no-repeat;
}

#phplive {
	position: absolute;
	top: 140px;
	left: 30px;
	margin: 0;
	padding: 0;
	width: 195px;
	height: 40px;
}
#content, #home {
	margin: 0;
	width: 770px;
	height:500px;
	padding: 20px 0px 15px 0px;
	text-align: justify;
	background: url(../images/content-bg.gif) repeat-y ;
}
.texto_conteudo{
	float:right;
	margin-right:50px;
	margin-top:-30px;
	width: 500px;
	padding: 20px 0px 15px 230px;
	text-align: justify;
	}

#footer {
	position: relative;
	margin: 0;
	padding: 5px 0 0 30px;
	width: 740px;
	height: 40px;
	color: #fff;
	font-size: 11px;
	background:  #FF9900 url(../images/footer-bg.gif) no-repeat;
}

#footer div.right {
	position: absolute;
	top: 5px;
	right: 30px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#nav {
	position: absolute;
	top: 145px ; 
	right: 30px; /* xmas header: 135px; */
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 11px;
}

#column {
	position: absolute;
	top: 205px;
	left:20px;
	margin: 0;
	padding: 0;
	width: 185px;
	font-size: 11px;
	line-height: 11px;
}

#subnav {
	position: relative;
	margin: 0 0 25px;
	padding: 0;
	width: 185px;
}

#optin {
	position: relative;
	margin: 0;
	padding: 10px 15px 0;
	width: 155px;
	height: 80px;
	color: #fff;
	line-height: 16px;
	text-align: center;
	background:   url(../images/optin-bg.gif) no-repeat;
}

#detail-left {
	position: absolute;
	top: 186px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 77px;
	background:   url(../images/detail-left.gif) no-repeat;
}

#detail-right {
	position: absolute;
	top: 186px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 76px;
	background:   url(../images/detail-right.gif) no-repeat;
}

/* Home Page Structure Styles
----------------------------------------------- */

#home {
	padding: 0;
	width: 770px;
	
	font-size: 11px;
	line-height: 15px;
}

#home div#banners {
	position: relative;
	margin: 0;
	padding: 5px 15px 20px;
	width: 740px;
	height: 160px;
	color: #fff;
	line-height: 13px;
}

#home div#banners div.left {
	position: relative;
	margin: 0;
	padding: 52px 135px 0 20px;
	width: 213px;
	height: 108px;
	background:   url(../images/banner-esquerda.jpg) top left no-repeat;
}

#home div#banners div.right {
	position: absolute;
	top: 5px;
	right: 15px;
	margin: 0;
	padding: 52px 20px 0 135px;
	width: 213px;
	height: 108px;
	background:   url(../images/banner-direita.png) top left no-repeat;
}

#home div#highlights {
	position: relative;
	margin: 0;
	padding: 0 15px 15px;
	width: 740px;
	line-height: 15px;
}

#home div#highlights div.left {
	position: relative;
	margin-left: 20px;
	padding: 0;
	width: 335px;
}

#home div#highlights div.right {
	position: absolute;
	top: 0;
	right: 35px;
	margin: 0;
	padding: 0;
	width: 335px;
}

/**mozillo**/

H2 A{TEXT-DECORATION:none}H2 A:link{COLOR:#000}H2 A:visited{COLOR:#000}H2 A:hover{COLOR:#039}UL.highlights{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0.5em 0px 0px;PADDING-TOP:0px}.highlights LI{CLEAR:both;PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;MARGIN:0px 0px 0.7em;PADDING-TOP:0px;LIST-STYLE-TYPE:none}.highlights LI A{FONT-WEIGHT:normal}.highlights .date{
	PADDING-RIGHT:0px;
	PADDING-LEFT:0px;
	FLOAT:left;
	PADDING-BOTTOM:5px;
	MARGIN:0px 0 0 0px;
	WIDTH:2.5em;
	HEIGHT:30px;
	PADDING-TOP:2px;
	TEXT-ALIGN:center;
	background-repeat: no-repeat;
}
.highlights .date:first-line {
	FONT-SIZE: 100%
}
IMG.rss {
	PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 4px
}
IMG.promo {
	FLOAT: right; MARGIN: 0px 0px 8px 8px
}
a.mozillo {
	font-size:103%;
}

/** Mozilo II - The mission **/

.frontcolumn {
	PADDING-RIGHT: 3%; FLOAT: left; WIDTH: 30%
}
.frontcolumnlast {
	FLOAT: left; WIDTH: 33%
}
.frontcolumndouble {
	PADDING-RIGHT: 3%; FLOAT: left; WIDTH: 63%
}