@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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: 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;
}


#wrapper {height: 1420px; background-image:url(../img/bg.jpg); background-repeat: no-repeat; }
#site { width: 950px; height: auto; margin: 0 auto; background-color: white;}

#topo { background-image:url(../img/bg_header.jpg); background-repeat: no-repeat; width: 950px; height: 158px; }
#topo h1 { text-indent: -9999px; width: 405px; height: 148px; background-image:url(../img/logo.jpg); background-repeat: no-repeat; margin-left: 285px; }

#destaque { padding: 0 30px 0 10px; }
#revistas { float: left; }
#revistas img { position: relative; top: -40px; }

#texto{ padding-left: 38px;}
#texto h2 { font: normal 28px Arial; color: #000; padding: 40px 0 0 0; }
#texto p { font: normal 12px Arial; color: #000; padding-top: 15px;}
#texto span img { text-align: center;  padding-top: 38px !important;  }

#materias { margin-top: 30px; background-color: white; clear: both; }
#materias h3 { margin-left: 30px; text-indent: -9999px; width: 810px; height: 26px; background-image:url(../img/confira.jpg); background-repeat: no-repeat; padding: 0 30px 0 30px; }
#materias ul { padding: 30px 22px 57px 30px; background-color: white; background-color: white; float: left !important; }
#materias ul li { width: 423px; clear: both;}
.divisor { padding: 30px 0 30px 0; }

.foto { float: left; padding-right: 20px; }
.chamada h4 { font: bold 14px Arial; color: #004b8b; padding: 5px 0 5px 0; }
.chamada p { font: normal 12px Arial; color: #000; }


#prefooter { margin: 0 22px 0 30px; width: 870px; height: 158px; background-image: url(../img/bg_footer.png); background-repeat: no-repeat; clear: both; }
#prefooter h5 { padding: 40px 15px 0 20px; float: left; }
.revista { position: relative; top: -20px; float: left; padding-right: 26px; }

.descr {  }
.descr h6 { font: bold 16px Arial; color: #b30730; padding: 15px 0 8px 0; }
.descr p { font: normal 12px Arial; color: #000; padding: 0 116px 5px 0; }

#footer { margin-top: 30px; background-color:#dfe7f2;/* background-image: url(../img/bg_footer.jpg);background-repeat: repeat;*/  width: 950px; height: 38px; text-align: center; /*text-indent: -9999px;*/ color:#182d3e; font-family:Arial, Helvetica, sans-serif; font-size:11px;  }
#footer p {padding-top:15px;}
#footer a {color:#182d3e; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}

.icones {clear:both;font-family:arial, sans-serif;font-size:18px;color:#000;text-align:center}
*:first-child + html .icones {margin-top:40px}
.mail, .tele {margin-left:20px;padding:20px 0 20px 70px}
.mail {background:url('../img/mail.jpg') no-repeat left center}
.tele {background:url('../img/tele.jpg') no-repeat left center}