/* Meu CSS */


@media screen and (max-width: 980px) {
 
    #pagewrap {
        width: 94%;
    }
    #content {
        width: 65%;
    }
    #sidebar {
        width: 30%;
    }
 
}

@media screen and (max-width: 700px) {

	#content {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		float: none;
	}

}

@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		display: none;
	}

}






body,
html{
 margin:  0; 
 padding: 0;
 font-size:18px;
}
p, h2 {
  margin: 0;
} 
body{
 background:#ccc url(Imagens/34081hd.jpeg) center top no-repeat;
 background-size:100%;
 background-attachment:fixed;
}
a, a img{
 text-decoration:none;
 border:none;
}
img{
 max-width:100%;
 height:auto;
}
.principal{
 width: 960px;
 color: #444;
 margin: 0 auto;
 font-family:sans-serif;
}
.logo-cabecalho{
 float:left;
}
.logo-cabecalho a{
 font-size:10px;
 font-style:italic;
 text-decoration:none;
 color:#000;
 display:block;
 padding:20px 0 0 0;
}
.logo-principal{
 float:left;
}
.logo-principal a{
 font-size:20px;
 font-style:italic;
 text-decoration:none;
 color:#000;
 display:block;
 padding:20px 0 0 0;
 }
.cabecalho, 
.logo, 
.rodape,
.menu{
 width:100%;
 display:block;
 clear:both;
}
.cabecalho{
 height:10px;
}
.pesquisa{
float: right; width: 100%;
 margin-top:10px;
 margin-right:10px;
 background-color: #000080;
}
.menu{
 background:#000080;
}
.menu ul li, 
.menu ul{
 margin:0;
 padding:0;
 list-style:none;
}
.menu ul li{
 display:inline-block;
}
.menu ul li a{
 display:block;
 color:#fff;
 padding:20px 15px;
}
.corpo{
 position:relative;
 overflow:hidden;
}
.artigos{
 float:left;
}
.artigos, .artigos:before{
 width:70%;
}
.artigos:before{
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 background:#fff;
 z-index:-1;
 content:'';
}
.barra-lateral{
 float:right;
}
.barra-lateral, .barra-lateral:before{
 width:30%;
}
.barra-lateral:before{
   content: '';
    position: absolute;
    top: 0;
    bottom: 0;
 right:0;
    z-index: -1;
    background: #f1f1f1;
}
.espacamento{
 padding:20px;
}
.rodape{
width:71%;
 display:block;
 clear:both;
text-align:center;
position: absolute; 
background-color: #000080;
font-size:15px;
 font-style:regular;
 text-decoration:none;
 color:white;
}

a:link {
	font-size:15px;
    color: #40E0D0;
    text-decoration: none;
}

a:visited {
	font-size:15px;
    color: #1E90FF;
    text-decoration: none;
}

a:hover {
	font-size:15px;
    color: #1E90FF;
    text-decoration: none;
}

a:active {
	font-size:15px;
    color: #40E0D0;
    text-decoration: none;
}