/* CSS RESET */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* =========================== SAMSUNG UNICEF =========================== */
/* ------------------ GERAL ------------------ */
body {
	background:url(body-bg.jpg) no-repeat top center;
	font:12px arial,helvetica,verdana,sans-serif;
	color:#3F;
}
#site {
	width:1000px;
	margin:0 auto;
}
a {
	outline:none;
	color:#0099ff;
	text-decoration:none;
}

/* ------------------ HEADER ------------------ */
#header {
	width:920px;
	padding:28px 32px 23px 42px;
	background:url(header-bg.gif) no-repeat -3px 0;
	float:left;
}
#header h1 {float:left;}
#header h1 img {vertical-align: middle;}
#header ul {float:right;}
#header ul li {
	height:27px;
	float:left;
	margin:6px 0 0 8px;
	background-image:url(menu.gif);
	background-repeat:no-repeat;
}
#header ul #home, 
#header ul #home a:hover {width:59px;background-position:left bottom;}
#header ul #ative, 
#header ul #ative a:hover {width:154px;background-position:-71px bottom;}
#header ul #sam-uni, 
#header ul #sam-uni a:hover {width:140px;background-position:-237px bottom;}
#header ul #amigo, 
#header ul #amigo a:hover {width:167px;background-position:-389px  bottom;}
#header ul li a {
	height:27px;
	display:block;
	text-indent:-999999px;
	background-image:url(menu.gif);
	background-repeat:no-repeat;
}
#header ul #home a {width:59px;background-position:top left;}
#header ul #ative a {width:154px;background-position:-71px top;}
#header ul #sam-uni a {width:140px;background-position:-237px top;}
#header ul #amigo a {width:167px;background-position:-389px  top;}

/* ------------------ CONTEUDO ------------------ */
#conteudo {
	clear:both;
	padding:0 17px 20px;
}

/* ------------------ FOOTER ------------------ */
#footer {
	width:100%;
	height:29px;
	font-size:11px;
	background:url(footer-bg.gif) repeat-x 0 0;
	padding:7px 0 0;
	color:#7c7d7e;
	float:left;
	clear:both;
}
#footer p {
	float:left;
	padding:0 0 0 42px;
}
#footer ul {
	float:right;
	overflow:hidden;
	position:relative;
	padding:0 20px 0 0;
}
#footer ul li {
	float:left;
	padding:0 13px;
	position:relative;
	top:0;
	left:-1px;
	border-left:1px solid #0099ff;
}