/*//para o HTML5*/
section, article, aside, header, footer, nav, dialog, figure, hgroup {display:block;}
/*estrutura*/
body {
	width:85%;
	margin:0 auto;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight:300;
	color: #222;
}
aside {width:28%; float:right;}
footer {
	width:100%;
	background-color:#F5F5F5;
	clear:both;
	padding:10px 0 10px 0;
	border-top :1px dotted #666;
	font-size:smaller;
	text-align:center;}
	#descricao {clear:both;}
	#blog {width:65%; float:left;}
	#principal {width:65%; float:left;}
	#noticias {width:33%; float:right;}
/*cabeçalhos*/
header {
	width:100%;
	background-color:#F5F5F5;
	padding:10px 0 10px 0;
	border-bottom :1px dotted #666;}
hgroup {font-family:Arial, Helvetica, sans-serif; text-align:right; }
h1 {color:#666; margin-right:20px; font-weight:100;}
h2 {font-size:medium; color:#000;margin-top:-15px; margin-right:20px;font-weight:200;}
h3 {
	color: #000;
	background-color: #F5F5F5;
	padding: 5px;
	border-bottom: 1px dotted #666;
	font-weight:300;
}

h4 {
	color: #000;
		font-weight:400;
}
article h1 {font-size:medium;color:#666;}
section h1 {font-size:medium;color:#666;}


/*listas*/
li {
	list-style-type:none;
	margin-bottom:5px;
}
.vertical {display: inline;padding-right: 10px; }
/*links*/
a {text-decoration:none;color:#900;}
a:hover {text-decoration:underline;}
/*imagens*/
img{border:none;}
.texto {float:left; margin:0 10px 10px 0; border:thin dotted #CCC;}
/*outros*/
em {border-bottom:thin dotted #333;}
/*twitter*/

.banner { float:left; padding:5px;}