/*
	Criado classe de CSS para fazer overflow das tabelas do DER adicionado no StyleAlyson.


*/

/*Periodo Eleitoral remossão de dados*/

.banner-paraiba {
    /*display: none;*/
}

#twitter,
#youtube,
#facebook,
#instagram {
    display: none;
}

/*body{
	background-color: rgba(214,214,214,0.14);
}*/

.navbar-uniao{
	margin-bottom: -4px;
	position: relative;
}

footer{
	padding-top: 20px;
}

#infoUniao{
	position: absolute;
	z-index: 10;
	color: white;
	top: 20px;
	right: 15%;
}

#infoUniao a{
	color: white;	
}

#infoUniao a:hover{
	color: white;
	cursor: pointer;
}

#barra_nav_pb{
	max-height: 10px;
	min-width: 100%;

}

#searchUniao{
	border-radius: 7px;
	background-color: #fff;
	color: black;
}

#buscarUniao{
	color: #fff;
	font-size: 19px;
}

#carouselUniao{
	margin-bottom: -31px;
}

.navbar .navbar-inner {
  -webkit-box-shadow: rgba(0, 0, 0, 0.0627451) 0px 1px 4px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.0627451) 0px 1px 4px 0px;
  box-shadow: rgba(0, 0, 0, 0.0627451) 0px 1px 4px 0px;

}

.navbar-uniao .navbar-inner{
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px;
  border-radius: 0px; 
}

#logotopo img{
	position: absolute;
	z-index: 10;
	max-height: 100px;
	top: 25px;
}

#imgTopo{
	height: 150px;
}

#imgTopo img{
	position: absolute;
	left: 0;
	right: 0;
	height: 150px;
	min-width: 100%;
}

.navbar .nav > li:last-child > a {
  border-right-style: none;
  border-right-color: white;
  border-right-width: 2px;
}

.navbar .nav > li > a {
  border-right-style: solid;
  border-right-color: white;
  border-right-width: 1px;
}

/*h1,h2,h3,h4{
	color: #626d8a;
	padding-left: 20px;
}

.background-gray-uniao{
	background-color: rgba(214,214,214,0.14);
}

.background-white-uniao{
	background-color: white;
}*/

#colunista img{
  max-height: 55px;
  margin-bottom: 11px;
  margin-left: 35px;
  max-width: 90%;
}

#maisUniao h4{
	font-size: 14px;
}
#maisUniao .span3{
	width: 220px;
}

.itemMaisUniao {
  margin-bottom: 20px;
}

.itemMaisUniao a{
	color: #205c90;
}

.divisor-horizontal {
  /* content: ""; */
  /* display: inline-block; */
  width: 90%;
  /* height: 9px; */
  border-bottom: 2px solid #8b99cc;
  padding: 0;
  position: relative;
  top: -6px;
}

#barraRedeSociais{
	position: relative;
  	top: -47px;
  	left: 20%;
  	max-width: 650px;
}

#barraRedeSociais img{
	max-height: 60px;
	margin-left: 65px;
	background-color: white;
}

#logofooter img{
	max-width: 280px;
}


#voltarParaCimaLink {
	cursor: pointer;
}

.lotepBarra{
    background-color: #EDEEF0;
    padding: 10px 0px;
}

.lotepPremiacao th {
    background-image: url("../img/bola_premiacao.png");
    background-size: 45px;
    background-position-y: -5px;
    background-position-x: -1px;
    border: 0px !important;
}

#conteudoSite ul.paginacao.listingBar {
    font-size: 18px;
}

@media (max-width: 1220px) {
	#imgTopo {
		height: 80px;
	}

	#imgTopo img{
		height: 80px;
	}

	#logotopo img{
		max-height: 60px;
    	top: 10px;
    	left: 4%;
	}

}

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

	#barraRedeSociais{
		position: relative;
	  	top: -37px;
	  	left: 28%;
	  	max-width: 460px;
  		
	}

	#barraRedeSociais img{
		max-height: 35px;
		margin-left: 50px;
		background-color: white;
	}

}

 @media (max-width: 767px) {
 	#conteudoSite{
		padding-top: 20px;
	}

 	#barraRedeSociais{
		position: relative;
	  	top: -33px;
	  	left: 36%;
	  	max-width: 300px;
  		
	}

	#barraRedeSociais img{
		max-height: 27px;
		margin-left: 25px;
		background-color: white;
	}

 }

  @media (max-width: 520px) {
 	#barraRedeSociais{
		position: static;
	  	top: auto;
	  	left: auto;
	  	max-width: 650px;
  		
	}

	#contentActionMenus {
	   float:  right !important;
	}

	#barraRedeSociais img{
		max-height: 50px;
		margin-left: 30px;
		background-color: white;
	}

	#logotopo img{
		max-height: 70px;
  		top: 72px;
	}

	#plone-contentmenu-factories{
		float: left;
	}


	#plone-contentmenu-display{

	}

	#plone-contentmenu-actions{

	}
  }

  @media (max-width: 320px) {

    #logotopo img {
      max-height: 33px;
      top: 40px;
    }
  }




 @media (max-width: 979px) {
 	.navbar-uniao {
  		margin-bottom: 15px;
  	}

  	#carouselUniao {
  		margin-bottom: -12px;
	}

 }

 @media (max-width: 767px) {

 	 #barra_nav_pb {
		  max-height: 10px;
		  min-width: 100%;
		  position: absolute;
		  margin-top: 6px;
		  left: 0;
		  right: 0;
		}
 }

 /* Smartphone
   ========================================================================== */

@media only screen and (min-width : 320px) and (max-width : 768px) {
	#carouselUniao{
		max-width: 100%;
	}

}