/**
 * @version 
 * @author Aparecido celso <Celsojrbr@gmail.com>
*/

body{
	background: #FFFFFF;
	font: 10pt Arial;
	font-size : 62.5%;
}
a{	
	text-decoration:none;
}

#cabecalho{
	background: #002561;
	z-index:1;
}



#LogoMarca #fundoimg{
	width:70px;
	margin:auto;
	display:block;
	padding-bottom: 5px;
	padding-top: 5px;
	float:left;
	
}

#LogoMarca .tituloJ{
	display:block;
	margin-bottom:20px;
	margin-top:20px;
	color:#fff;
	font-size:3.5em;
	font-weight:bold;
	float:left;
	width:69%;
	text-align:center;
}

#NavTope{
	font-size:4.3em;
}

#opcao{
	color: #FFF;
	list-style:none;
	padding: 10px 0;
}

#ativador{
	display:block;
	position:absolute;
	right:0px;
	display: block;
	position: absolute;
	
	width: 60px;
	height: 60px;
	top: 22px;
	right: 18px;
	z-index:14;
}

.Ativo{
	display:block;
	transform: translate(100%,0%);
	box-shadow: rgba(0,0,0,0.1) -2px 0px 2px;
	position: absolute;
	top: 76px;
	height: 100vh;
	padding: 10px 0;
	right:220px;
	width:220px;
	background: #55c4cf;
	color: #FFF;
	z-index:4;
}

.Desativo{
	display:none;
	
}

#SobreoJornal{
	color: #2f5169;
	font-size: 4.5em;
	margin: 0px;
	padding-top: 20px;
	font-weight: normal;
	padding: 1% 0%;
	font-weight:bold;
	text-align:center;
}

.iconis{
	display:block;
	float:left;
	margin-bottom:50px;
	font-size:3.5em;
}

.iconis img{
	width:auto;
	height:100px;
	margin:auto;
	display:block;
	margin-bottom:30px;
}

.iconis p{
	color:#2f5169;
	font-size:1.2em;
	text-align:center;
	padding-left: 30px;
	padding-right: 30px;
}



/************************************************** novo botão menu do site **************************/

#nav-icon, #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
	width: 40px;
	z-index:4;
    height: 40px;
    position: absolute;
    margin: 15px 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
	top: 7px;
	right: 0px;
	
}


#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 6px; /*9px*/
  width: 100%;
  background: #fff; /*#d3531a*/
  border-radius: 0px;
  opacity: 1;
  left: 0; 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 12px; /*18px*/ /*23*/
}

#nav-icon1 span:nth-child(3) {
  top: 24px; /*36px*/
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #fff; /*#d3531a*/
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

#conteudo #rodape .del-rodape{
	margin:0px auto;
	color:#FFF;
}
#conteudo #rodape .del-rodape .informacoes{

	float:left;
	margin-top:25px;
}

#conteudo #rodape .del-rodape .buttunbot{
	width:50%;
	float:left;
	
}

#conteudo #rodape .del-rodape .buttunbot ul{
	list-style:none;
	text-decoration:none;
	float:left;
}

#conteudo #rodape .del-rodape .buttunbot li{
	list-style:none;
	text-decoration:none;
	padding:10px;
	
}
#conteudo #rodape .del-rodape .buttunbot li:hover{
	text-decoration:underline;
}

/***********************************************************************this style is a copy of site proeduca, our function is configatoin all form of site, was necessary to change part of the code*/
/* -- FORMS 
------------------------------------------------------------- */
form{margin-top: 0.1em;}
form li{margin-bottom: 0.1em;}
label{display: block; margin-bottom:1em; font-weight: bold;}
input, select, textarea {
	width: 100%;
	border: 1px solid #000;
	color: #000;
	font-size: 2.8em;
	padding: 5px;
	margin: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/js/boxsizing.htc); }
textarea{padding: 0em; min-height:15em; height: auto; width: 100%;padding: 5px; }
input, textarea {
 -moz-transition: border .25s;
 -webkit-transition: border .25s;
 -o-transition: border .25s;
 transition: border .25s;}
 
input:hover, textarea:hover, input:focus, textarea:focus,input:active, textarea:active { border: 1px solid #fff;}
input[type="text"],textarea{cursor: text;}
input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}
input[type="file"]{ border: none;}
input[type="date"]{ width: auto;}
select {height: auto;}
/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error { color: #0078CF; margin: 0.5em 0 0 0.5em; font-weight: normal; font-style: italic; }



/* -- BUTTONS 
------------------------------------------------------------- */
.button, input[type="submit"], button, .toggle-title {
	color: #fff;
	font-size: 5.0em;
	font-weight: bold;
	padding: 0.6em 1.2em;
	border: none ;
	text-decoration: none;
	cursor: pointer;
	
	background: #79A6B3 ; /* Old browsers */
	background: -moz-linear-gradient(top,  #79A6B3  0%, #79A6B3  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79A6B3 ), color-stop(100%,#79A6B3 )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #79A6B3  0%,#79A6B3  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #79A6B3  0%,#79A6B3  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #79A6B3  0%,#79A6B3  100%); /* IE10+ */
	background: linear-gradient(to bottom,  #79A6B3  0%,#79A6B3  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79A6B3 ', endColorstr='#79A6B3 ',GradientType=0 ); /* IE6-9 */
		
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all; }
.button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover {
	color:#9CD7E5;
	}
.button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus {
	color:#9CD7E5 none repeat scroll 0% 0%;
	border-color: #BBB;}
.button:active, input[type="submit"]:active, button:active, .toggle-title:active {
	color: #000;
	background: #F5F5F5;
	border-color: #444;
	position: relative; top:1px;}

.contato address{
	font-size:3.5em !important;
}

#revista {
	font-size:3.5em !important;
	
}



.imagemrevista{
	width:100% !important;
	height:80px !important;
}

.tituloEdicao p{
	display:block;
	text-align:center;
}
.tituloEdicao{
	font-size: 2.8em !important;
	color: Rgb(0,70,163);
	font-weight: bold;
	
}

.titulo{
	font-size: 1.0em;
	padding:5px;
	background: linear-gradient(to bottom, #79A6B3 0%,#79A6B3 100%);
	color:#fff;
}
#noticiades{
	margin:0px 0px;
	margin-bottom: 20px;
}
#noticiades ul{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:3.5em;
	position:relative;
}


#noticiades #ImagemNoticias{
	width:100%;
	position:relative;
	margin-top:15px;
}
#noticiades #CategoriaNoticia{
	position:absolute;
	padding:5px;
	color: #337ab7;
	background: #fff;
	top:-42px;
	left:3px;
	font-size:0.6em;
}
#noticiades #titulo{
	margin:10px 0px;
	color: Rgb(0,70,163);
}

#noticiades #Data{
	font-size: 13px;
	margin: 10px 0px;
	color:#333;
}

#noticiades #descricao{
	margin:10px 0px;
	font-size: 0.9em;
	color:#333;
}

#noticiasel #titulo{
	color: #0087ca;
	font-size: 4.0em;
	margin: 20px 0px;
	line-height: 1.2;
}


#noticiasel #publicar{
	color: #404040;
	font-size: 2.4em;
	margin: 20px 0px;
}

#noticiasel .subtitulo{
	font-size: 1.6em;
}

#noticiasel #descricao {
    color: #404040;
    font-size: 2.6em;
    font-family: Helvetica;
    margin: 10px 0px;
    line-height: 1.5;
}


/*  
----------------------------------------------------------------------------
    Author box
*/
.author-box-wrap {
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #ededed;
	padding: 15px;
	align-items:center;
	/* responsive portrait phone */
}

.author-box-wrap .photo{
	width:120px;
	margin-right:25px;
}
.author-box-wrap .desc{ 
	font-size: 2.6em;
}

#RedeSociais{
	display: flex;
	flex:1;
}

#RedeSociais .iconcabecalhof, #RedeSociais .iconcabecalhoi{
	display: flex;
	flex:1;
	padding: 10px;
}

#RedeSociais .iconcabecalhof img, #RedeSociais .iconcabecalhoi img{
	width:100%;
	height:100%;
}