/*
Theme Name:     prefDen
Theme URI:      http://www.paralelogr.com/themes/prefDen
Description:    Tema filho para o generatepress
Author:         Neto Assis
Author URI:     http://www.neotot.com
Template:       generatepress
Version:        1.1.0
*/

@import url(../generatepress/style.css);

body {
  max-width: 1500px;
  width: 98%;
  margin: 10px auto;
  background:#E4EBEF;
}

body .grid-container {
  max-width: none;
}

div#content {
  margin-top: 6px;
}

header.page-header {
  background: #E4EBEF;
}

.topo {
  background: #E4EBEF;
  position: relative;
  width: 100%;
  height: 80px;
  z-index: 500;
}

.logoTopo {
  width: 190px;
  padding: 0.5% 1.5% .5% 1%;
  float: left;
}


.logoTopo a:hover {
opacity:.7;
}

.titlePortal {
  float: left;
  padding: 12px 0 8px 30px;
  border-left: 1.5px solid #7BAECD;
  margin-left: 16px;
  margin-top: 9px;
}

.titlePortal h1 {
  margin: 0;
  font-size: 26px;
}

.titlePortal a {
  color: #08649B;
}

.headerPref {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  clear: both;
}

.headerPrefInt {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  clear: both;
  margin-bottom: -5px;
}

.searchHome {
  position: absolute;
  z-index: 500;
  top: 10px;
  left: 10px;
}

input.search-field {
  border: none!important;
  border-radius: 5px 0 0 5px;
}

input.search-submit {
  background: #08649B!important;
  color: #fff!important;
  border-radius:0 5px 5px 0;
}

.inside-right-sidebar input.search-field {
  border: 1px solid #B5C0C7!important;
  border-radius:5px;
}

.headerNavDes {
  width: 100%;
  height: auto;
  margin: 5px 0 0;
  overflow: hidden;
  float: left;
  clear: both;
}

/*usar se os botões forem apenas imagens*/
.destaque{
width:49.8%;
height:auto;
/*background:#08649B;*/
}

/*usar se os botões forem apenas css*/
/*.destaque { 
  width: 49.8%;
  height: auto;
  background: #fddf05;
  text-align: center;
  padding: 31px 0;
  color: #000!important;
  font-size: 25px;
}*/

.destaque2 {
width:65.6%;
height:100%;
background:#08649B;
}

.destaque3 {
width:34%;
height:100%;
background:#08649B;
}

.destaque.desUm, .destaque2.desUm  {
float:left;
}

.destaque.desDois, .destaque3.desDois {
float:right;
}

.destaque a:hover {
opacity:.7;
}

.main-navigation, .main-navigation ul ul {
  background-color: #08649B;
  border-radius: 0 0 5px 5px;
}

.main-navigation .main-nav ul .current-menu-item > a, .main-navigation .main-nav ul .current-menu-parent > a, .main-navigation .main-nav ul .current-menu-ancestor > a, .main-navigation .main-nav ul .current_page_item > a, .main-navigation .main-nav ul .current_page_parent > a, .main-navigation .main-nav ul .current_page_ancestor > a {
  color: #FFFFFF;
  background-color: #0D5A88;
  border-radius: 6px;
}

.main-navigation .main-nav ul li > a:hover, .main-navigation .main-nav ul li.sfHover > a {
  color: #FFFFFF;
  background-color: #0D5A88!important;
  border-radius: 6px;
}

.topoHome {
  width: 100%;
  height: 200px;
  margin: 5px 0 5px;
}

.primaryHome .type-post {
  width: 49%;
  float: left;
  margin: 0 1% 7px 0;
}

.primaryHome .type-post .post-image {
  width: 100%;
  height: 170px;
  overflow: hidden;
  border-top: 1px solid #B8D4E5;
}

.primaryHome .type-post .post-image img {
  width: 100%;
}

.inside-article {
  background: #E4EBEF;
  padding: 20px 10px 0!important;
}

h2.entry-title-home {
  font-size: 17px;
  background: #08649B;
  min-height: 60px;
  padding: 10px 12px 7px;
  margin-bottom: 7px;
  border-radius: 5px; 
  /* box-shadow: 0 0 7px #7BAEF0 inset; */
  /*font-weight: bold;*/
}

h2.entry-title-home a {
  color: #fff;
}

h2.entry-title-home a:hover {
  color: #A3CCE5;
}

.post-image {
  margin: 0 0 10px;
}

.entry-meta {
  margin-top: 0;
}

span.author.vcard {
  display: none;
}

.primaryHome .entry-content {
  margin-top: 5px;
  min-height: 70px;
}

.primaryHome footer {
display:none;
}

#primary footer {
display:none;
}

.primaryHome p.ecxMsoNormal {
  margin-bottom: 0;
}

.site-main {
  margin: 0 0 5px!important;
}

.sobreHome {
  width: 33.5%;
  float: right;
  /* background: #08649B; */
  /* background: #B8D4E5; */
  margin-top: 20px;
  margin-right: .5%;
  border-radius: 3px;
  /* box-shadow: 0 0 7px #7BAEF0 inset; */
}

.sobreHomeBox {
  padding: 0 20px 10px;
}

.sobreHomeBox h2 {
  color: #105B77;
  margin-bottom: 10px;
}

.sobreHomeBox p {
  color: #105B77;
}

/*#footer-widgets {
  background: #08649B;
  margin: 0 0 5px;
  color: #fff;
}*/

#footer-widgets {
  background: none;
  margin: 0 0 5px;
  border-top: 1px solid #ADC8D8;
}

#footer-widgets h4 {
  color: #0C516B;
}

.footer-widgets .widget ul li {
  padding: 0;
}

.footer-widget-2.grid-parent.grid-33 a {
  display: table;
}

.site-info {
  background-color: #08649B;
  padding: 20px 0;
  border-radius: 0 0 5px 5px;
  position: relative;
}

header.page-header {
  padding: 27px 10px 0!important;
}

h1.entry-title {
  color: #105B77;
  margin-bottom: 9px;
  /*font-size: 25px;*/
}

.placaMae {
  background: #ffd502;
  padding: 4px 4px;  
}

.placaMae .placaTexto {
  color: #000;
  font-weight: bold;
  border: 3px solid;
  padding: 5px 10px;
  border-radius: 6px;
  text-align: center;
  font-size: 16px;
}


/*-------------------------------------
		     Redes
-------------------------------------*/

.redesNeotot {
  float: right;
  width: 355px;
  /* background: url('../img/examples/top.png'); */
  height: 100%;
  overflow: hidden;
  position: relative;
}

.redesBg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.redesBg img {
  height: 100%;
  width: 100%;
}

.redesIcones {
  position: absolute;
  color: #fff;
  right: 0;
  bottom: 0;
  height: 40px;
  /* background: rgba(204, 204, 204, 0.42); */
  width: 265px;
  text-align: right;
  padding-right: 15px;
}

.redesIcones p {
  float: left;
  padding-top: 7px;
}

.redesIcones img {
  width: 25px;
}

/*-------------------------------------
		      Post
-------------------------------------*/

.page-header-image-single.grid-container.grid-parent {
  margin-top: 14px;
}

.internaClass .inside-article {
  padding-right: 30px!important;  
}

.separate-containers .widget-area .widget {
  background: none;
  padding: 20px;
  margin: 0;
}

.inside-right-sidebar {
  /*background: #08649B;*/
  border-radius: 5px;
}

.sidebar .widget .widget-title {
  color: #08649B;
}

#right-sidebar a {
  color: #fff;
}

#right-sidebar a:hover {
  color: #003A5E;
}

.widget-title {
  margin-bottom: 10px;
}

/*#right-sidebar .widget ul li {  
  padding: 5px;
  margin-bottom: 2px;
  background: #5C94C7;
  border-radius: 5px;
}*/

#right-sidebar .widget ul li a { 
  padding: 5px;
  margin-bottom: 2px;
  background: #5C94C7;
  border-radius: 5px;
  /*width: 100%;*/
  display: table;
}

.footer-widgets-2 .footer-widgets a {
  display: table;
}

.footer-widgets a:hover {
  color: #003A5E;
}

.internaClass h2 {  
  color: #105B77;
}

.internaClass h3 {
  margin-bottom: 10px;
  font-weight: bold;
  color: #105B77;
}

.internaClass h4 {  
  margin-bottom: 5px;  
  font-weight:bold;
}

.internaClass p {
  text-align: justify;
  color: #5a5a5a;
}

.internaClass .table p {
  margin: 0;
}

/*-------------------------------------
		cyclone Slider
-------------------------------------*/

.cycloneslider-pager {
  bottom: 12px!important;
}

div#cycloneslider-topo-1 {
  margin-bottom: 0!important;
}

/*-------------------------------------
		     vídeo
-------------------------------------*/

.videoHome {
  width: 30.5%;
  float: right;
  margin-top: 20px;
  margin-right: 2%;
  margin-bottom: 20px;
}

		.videoWrapper {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			height: 0;
		}
		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

/*-------------------------------------
		     page numbers
-------------------------------------*/

nav#nav-below {
  text-align: center;
  padding: 20px;
  background: none;
  clear: both;
}
		
.page-numbers {    
  padding: 10px;
}

a.page-numbers {
	background: #08649B;
	color:#fff;
}

a.page-numbers:hover {
	background: #689DBD;
	color:#fff;
}

.page-numbers.current {
	background: #689DBD;
	color:#fff;
}

/*-------------------------------------
		     iframe maps
-------------------------------------*/

.maps {
  width: 100%;
  min-height: 400px;
}

/*-------------------------------------
		     imagens Internas
-------------------------------------*/

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {  
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}

/*-------------------------------------
		    creditos
-------------------------------------*/

.desenvolvido {
  position: absolute;
  right: 10px;
  bottom: 4px;
}

.desenvolvido a {
  font-size: 10px;
  color: #87B4D0!important;
}

.desenvolvido a:hover {
  color: #FFFFFF!important;
}

/*-------------------------------------
		responsive
-------------------------------------*/
.mobile1100 {
display:none;
}

.desktop{
display:block;
}

.cycloneDesk {
display:block
}

.cycloneMobile {
display:none
}

@media all and (max-width:1100px){

.mobile1100 {
display:block;
}

.desktop{
display:none;
}

.primaryHome .type-post {
  width: 99%;  
  margin: 0 0 7px 0;
}

h2.entry-title.entry-title-home {
  font-size: 20px;
  min-height: 20px;
  padding-bottom: 10px;
}

}

@media all and (max-width:1024px){

.redesBg img {
  display: none;
}

.redesNeotot {
  background: #08649B;
  width: 100%;
  height: 40px;
}

.redesIcones {
  height: 33px;
  width: 265px;
  /* background: #ccc; */
  margin: 6px auto;
  position: relative;
}

.headerPrefInt {
  display: none;
}

.desenvolvido {
  position: relative;
}

}

@media all and (max-width:768px){

.menu-toggle {
  display: block;  
}

.sobreHome {
  width: 100%;
  margin:0 0 5px;
}

.videoHome {
  width: 100%;
  margin: 20px 0;
}

.topo {
  height: auto;
  overflow: hidden;
}

.logoTopo {
  width: 100%;
  text-align: center;
  padding: 10px 0 0;
}

.logoTop img {
  width: 240px;
}

.titlePortal {
  clear: both;
  border: none;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  text-align: center;
}

.cycloneDesk {
display:none
}

.cycloneMobile {
display:block
}

.headerPref {
  margin-bottom: -5px;
}

.internaClass .inside-article {
  padding-right: 10px!important;
}

#footer-widgets {
  text-align: center;
}

.internaClass p {
  text-align: left;
}

.maps {
  min-height: 300px;
  width: 80%;
  margin-left: 10%;
}

}

@media all and (max-width:650px){

.destaque.desUm {
  width: 100%;
}

.destaque.desDois {
  width: 100%;
}

}

@media all and (max-width:450px){
.titlePortal h1 {
  font-size: 28px;
}
}

@media all and (min-width:769px){

.footer-widget-1.grid-parent.grid-33 {
  width: 30.7%;
}

.footer-widget-2.grid-parent.grid-33 {
  width: 34%;
}

}