@charset "utf-8";
/* CSS Document */
::selection {
	background: #000000; /* Safari, Chrome e outros navegador com motor Webkit */
        color: #2e8fd0;
	}
::-moz-selection {
	background: #000000; /* Firefox */
        color: #2e8fd0;
}
body{
	margin: 0;
	padding: 0;
	background: #162029;
	/* background-image:url(images/imagesmateriaflash/bg.jpg); */
	background-attachment:fixed;
    background-position:center;
    background-size:cover;
}
legend {
	text-transform: uppercase;
}
#tudo {
	width: 1100px;
	margin: 0em auto;
	background: #fff;
}
#header {
	width: 100%;
	height: 100px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #cacaca;
}
.imglogo{
	margin: 0px;
	padding: 0px;
}
#menu{
	font-family: 'OpenSans-Regular', OpenSans-Regular;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 20px;
	margin-right: 30px;
	width: 100%;
	z-index: 9999;
	
}
#menu a{
	text-decoration: none;
	color: #000;
	padding: 20px 20px 55px 20px;
	-webkit-transition:color 0.5s ease-out;
	-moz-transition:color 0.5s ease-out;
    -o-transition:color 0.5s ease-out;
    -ms-transition:color 0.5s ease-out;
}
#menu a:hover {
	color: #2e8fd0;
	filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

.conteudo_menu{
	float: right;
	margin:0;
	padding: 0;
}

/* Menu quando rolar a página */
.default {
	height: 100%;
	padding-top: 20px;
	margin-right: 30px;
}
.stabled{
	position: fixed;
	opacity:0.8; 
	width:100%;
	height: 80px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #cacaca;
	
}
.stabled:hover{
	position: fixed;
	width:100%;
	opacity:1;
}

/* Fim menu */
#container {
	width: 1000px;
	margin: 0em auto;
}
#container2 {
	width: 1100px;
	margin: 0em auto;
}
#headercapa {
	background-image:url(images/imagesmateriagothan/imgmateriatopo.jpg);
	background-attachment:fixed;
    background-position:center;
    background-size:cover;
	width: 100%;
	height: 350px;
}
/* linha */

hr:before, hr:after {
position: absolute;
content: '';
height: 0.5em;
top: 0;
left: 0;
right: 0;
margin:0;
padding:0;
}

hr:before {
background: linear-gradient(90deg, #1abc9c 15%, #2ecc71 15%, #2ecc71 12%, #3498db 12%, #3498db 32%, #9b59b6 32%, #9b59b6 35%, #34495e 35%, #34495e 55%, #f1c40f 55%, #f1c40f 59%, #e67e22 59%, #e67e22 63%, #e74c3c 63%, #e74c3c 82%, #ecf0f1 82%, #ecf0f1 92%, #95a5a6 92%);
}

/* Fim formatação linha */

/* Formatando autor */
#criadormateria {
	float: left;
	width: 250px;
	height: 305px;
	background-color: #f7f7f7;
	margin-bottom: 10px;
	box-shadow: 0px 2px 0px #000; 
	margin: 0px 0px 10px 0px;
}
#criadormateria a{
	color: #000;
	text-decoration: none;
	-webkit-transition:color 0.5s ease-out;
	-moz-transition:color 0.5s ease-out;
    -o-transition:color 0.5s ease-out;
    -ms-transition:color 0.5s ease-out;
}
#criadormateria a:hover{
	color: #2e8fd0;
	text-decoration: none;
	filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

#criadormateria p {
	margin: 0;
	font-family: 'OpenSans-Regular', OpenSans-Regular;
	font-size: 11px;
	letter-spacing: 0.1em;
	padding: 5px;
}
.nameauthor1 {
	text-align: center; 
}

.imgauthor1 {
	border-radius: 100px;
	margin-left: 70px;
	margin-top: 10px;
}
.phrase {
	font-style: italic;
	color: #22313F;
	font-size: 12px;
	text-align: center;
}
.lineperfil {
	width: 50%;
}
/* Fim Formatação Autor */

/* Formatação Título Matéria */
#titulomateria {
	float: right;
	width: 750px;
	height: 305px;
	margin: 0px 0px 10px 0px;
	
}
#titulomateria h1{
	font-family: 'OpenSans-Regular', OpenSans-Regular;
	color: #000;
	text-transform: uppercase;
	font-size: 70px;
	
	text-align: right;
	border-right: 5px solid #000;
	
}
.datepub {
	font-family: 'OpenSans-Regular', OpenSans-Regular;
	color: #000;
	text-transform: uppercase;
	font-size: 12px;
	margin-left: 490px;
	font-style: italic;
}
	
/* Fim Formatação Título Matéria */

/* Formatação conteudo matéria */
.textomateria {
}
#materia {
	margin: 20px 0 0 0;
	cursor: default;
}
#cabecalho {
	font-family: 'OpenSans-Regular', OpenSans-Regular;
	color: #000;
	text-transform: uppercase;
	font-size: 20px;
	width: 100%;
	text-align: left;
	display: inline;
}
#cabecalho h2 {
	margin: 0;
	padding-top: 15px;
}
#bloco1, #bloco3 {
}

#bloco1{
	width: 100%;
	height: 100%;
}
#bloco4 {
	width: 100%;
	height: 100%;
}
#imgbloco1, #imgbloco2, #imgbloco3 {
	width: 400px;
	height: 300px;
}
.imgmateria_1, .imgmateria_2, .imgmateria_3 {
	margin-top: 20px;
	padding: 0;
	border-radius: 5px;
	box-shadow: 0px 3px 0px #000;
}
#bloco1,
#bloco2,
#bloco3 {

}
#bloco1,
#bloco2,
#bloco3,
#bloco4 p {
	text-align: justify;
	font-family: 'OpenSans-Regular', OpenSans-Regular;
	font-size: 18px;
}
#linkpatrocinado {

}

/* Fim formatação Matéria */

/* Rodapé */
#rodape {
	width: 100%;
	height: 100%;
	background-color: #162029;
	float: right;
}
#rodape p{
	font-family: 'OpenSans-Regular', OpenSans-Regular;
	font-size: 15px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

#redessociais {
	margin-left: 400px;
}
#redessociais a{
	text-decoration: none;
	opacity: 0.8; 
	-moz-opacity: 0.8;
	Filter: Alpha(Opacity=90)
}
#redessociais a:hover{
	text-decoration: none;
	opacity: 1.0; 
	-moz-opacity: 1.0;
	Filter: Alpha(Opacity=100)
}
/* Galeria */
#galeria {
	width: 100%;
	height: 100%;
}
#line1 {
	height: 250x;
}
#line2 {
	height: 250x;
	float: left;
}
.mini1, .mini2, .mini3 {
	padding: 20px;
}
.mini4, .mini5, .mini6 {
	padding: 20px;
}
#line1 a {
	text-decoration: none;
}
#line2 a {
	text-decoration: none;
}