* {
	margin: 0;
	padding: 0;
}
.hide {
	display: none;
}
.clearit {
	clear: both;
}
html, body{
	width: 100%;
	height: 100%;
}
body {
	color: #333;
	font: 62.5% Arial, Helvetica, Verdana, sans-serif;
	position:relative;
	background-color: #F3F3F3;
}
a {
	color: #3A5161;
	text-decoration: underline
}
a:hover {
	color: #C00;
	text-decoration: underline
}

.left {
	float:left
}
.right {
	float:right
}

#wrap {
	height: 100%;
}

html>body #wrap {
	height: auto;
	min-height: 100%;
}


/**********************/

.wrapper {
	margin: 0 auto;
	width:850px;
}

/* header */

#header {
	background: url(../images/css/bg-header.jpg) 50% 0 repeat-x;
}
#header .subheader {
	background: url(../images/css/bg-subheader.jpg) 50% 90px no-repeat;
}
#header .wrapper {
	height:280px;
	position:relative;
	background: url(../images/css/bg-header-wrapper.jpg) 50% 90px no-repeat;
}

#milogo {
	position:absolute;
	top:0;
	left:620px;
	width:240px;
	height:100px;
	background: url(../images/css/logo.jpg) 0 0 no-repeat;
	text-indent:-9999px
}

#mail_bookmark {
	position:absolute;
	top:0;
	left:5px;
}
#mail_bookmark li {
	list-style: none;
	display:inline;
	padding: 5px 0 5px 30px;
	margin: 0 20px 0 0;
	font-weight:bold
}
#mail_bookmark a {
	text-decoration:none;
	line-height:30px;
}
#mail_bookmark .email {
	background: url(../images/css/email-24.png) 0 50% no-repeat
}
#mail_bookmark .bookmark {
	background: url(../images/css/icontexto-webdev-alert-024.png) 0 50% no-repeat
}

#topnav {
	position:absolute;
	top:38px;
	left:0;
	z-index:20;
}

/* level 1 */

#topnav .li1 {
	display:block;
	float:left;
	font-family: Helvetica, Arial, Verdana, san-serif;
	padding: 0 10px 0 0;
	position:relative;
	}
	
	#topnav .current-li1 {
		background: url(../images/css/nav-current-bg-02-a.jpg) 100% 0 no-repeat
	}

#topnav .a1 {
	color:#464A52;
	font-size:12px;
	font-weight:normal; 
	text-transform: uppercase;
	margin:0;
	padding: 0 0 0 10px;
	display: block;
	float:left;
	text-decoration:none;
	height:55px;
	line-height:55px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	}
	#topnav .current-a1 {
		background: url(../images/css/nav-current-bg-02-a.jpg) 0 0 no-repeat;
	}

#topnav .on {
	background: url(../images/css/nav-current-bg-02-a.jpg) 100% 0 no-repeat
}
#topnav .on .a1 {
	background: url(../images/css/nav-current-bg-02-a.jpg) 0 0 no-repeat;
}

/* level 2 */
#topnav .ul2 {
	position:absolute;
	top:55px;
	left:3px;
	border:  #000 1px solid;
	display:none
}
#topnav .on .ul2 {
	display:block;
	 -moz-opacity:.95; filter:alpha(opacity=95); opacity:.95;
}

#topnav .li2 {
	border: #000 1px solid;
	background: #e99e19;
	list-style:none;
	display:block;
	height:20px;
	line-height:20px;
	width:80px;
	padding: 0 10px;
	border: none;
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
}
#topnav .a2 {
	color:#000;
	text-decoration:none;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	text-transform:uppercase;
}
#topnav .a2:hover {
	color:#FFF
}

/* ************ */

#intro {
	color: #FFF;
	position:absolute;
	top:95px;
	left:0;
	padding: 0 0 0 70px;
	background: url(../images/css/icontexto-webdev-favorites-048x048.png) 10px 5px no-repeat;
	width:400px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:1;
}

#intro h2 {
	margin: 7px 0;
	font-size: 1.7em;
	font-weight:normal;
	text-transform:uppercase
}
#intro h2 span {
	font-size:0.7em;
	display:block
}

#intro ul {
	padding:0;
	margin:0;
}
#intro li {
	list-style:none;
	margin: 3px 0;
	font-size: 1.2em;
}
	
/* content */

#content {
	background: url(../images/css/bg-content.png) 50% 0 repeat-x;
	padding: 7px 0;
	font-size:12px
}

#content .wrapper {
	padding-bottom:100px
}

/** LEFT **/
	
#content .left-column {
	float:left;
	width:600px;
}

#content .left-column h2 {
	color:#003F8E;
	background: url(../images/css/page-title-bg.jpg) 0 100% no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2.3em;
	line-height: 1.2em;
	font-weight:normal;
	font-variant:small-caps;
	margin: 0 0 0;
	padding: 0 0 0 10px
}

#content .left-column h3,
#content .left-column h4 {
	color:#003F8E;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-variant:small-caps;
	margin: 15px 0 7px;
	padding: 0 10px
}

#content .left-column h3 {
	font-size:1.7em;
	line-height:1em;
	margin-left:10px;
	border-left: #ffac00 3px solid;
}
#content .left-column h4 {
	font-size:1.4em;
}
#content .left-column h5 {
	font-size:1.3em;
}
#content .left-column h6 {
	font-size:1.2em;
}

#content .left-column p {
	font-size:1em;
	margin: 12px 0;
}

#content .left-column p.subtitle {
	color:#ffac00;
	font-size:1.3em;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
	font-style:italic
}

#content .left-column .image-frame {
	background: url(../images/css/noise-earth.gif) 0 0 repeat;
	padding: 7px;
	display:block;
	margin: 7px;	
}
#content .left-column a:hover .image-frame {
	background: url(../images/css/noise-earth-hover.gif) 0 0 repeat;
}
#content .left-column .image-frame img {
	border: 2px #FFF solid;
	background: url(../images/css/noise-earth.gif) 0 0 repeat;
	padding: 2px
}

/** RIGHT **/

#content .right-column {
	float:right;
	width:240px;
	padding: 10px 0 0
}

#content .right-column .cms-pages {
	padding: 0 0 0 10px;
	margin: 0 0 15px;
}
	#content .right-column .cms-pages li {
		background: url(../images/css/bg-leftcolumn-li.gif) 0 3px no-repeat;
		background: url(../images/css/icontexto-webdev-favorites-016x016.png) 0 0 no-repeat;
		list-style: none;
		padding: 0 0 0 18px;
		margin: 3px 0;
		font-size:1.1em
	}
	#content .right-column .cms-pages a {
		color:#152a36;
		text-decoration:none;
		border-bottom: #152a36 1px dotted
	}
	#content .right-column .cms-pages a:hover {
		border-bottom: #152a36 1px solid
	}

/* recomended */
#content .right-column .selected h2 {
	background: url(../images/css/right-column-h2-02.jpg) 0 0 no-repeat;
	padding: 0 0 0 18px;
	color:#FFF;
}
#content .right-column .selected h2 span {
	font: normal 17px/43px Helvetica,Arial,Verdana,san-serif;
	height:43px;
	display:block;
	background: url(../images/css/right-column-h2-02.jpg) 100% 0 no-repeat;
}
#content .right-column .selected ul {
	background: url(../images/css/right-column-selected-ul.jpg) 9px 0 repeat-y;;
	margin: 0;
	padding: 10px 0 20px 17px
}
#content .right-column .selected li {
	list-style:none;
	background: url(../images/css/icontexto-webdev-alert-016x016.png) 0 0 no-repeat;
	padding: 0 0 0 17px;
	margin: 0 0 10px;
	font-size:12px
}


#content .right-column .content {
	padding: 10px 18px;
}

/* footer */
#footer {
	height:80px;
	margin-top:-80px;
	padding-bottom:0;
	padding-top:0;
	background: url(../images/css/bg-footer.jpg) 50% 0 repeat-x;
	border-top:1px solid #CCCCCC;
	text-align:center
}
#copyright {
	color:#626873;
	font-size:12px;
	margin:20px auto;
	padding:0 10px;
	text-align:center;
	width:930px;
	}

#copyright a {
	color:#626873;
	text-decoration:none;
	border-bottom: #626873 1px dotted;
}