/*******************************************/
/*                style.css                */
/*			ZURB FOUNDATION 6              */
/*			 CSS Customizado               */
/********************************************/

/**************************************/
/*           DEFINICOES GLOBAIS       */
/**************************************/
body{
	margin: 0;
}

/**************************************/
/*        MENUS DE ACESSIBILIDADE     */
/**************************************/
#menu_acessibilidade_left{
    display: block !important;
    float: left;
    font-size: 0.66em;
    line-height: normal;
    padding: 0.6em;
    font-family: Arial, Helvetica, sans-serif;
}

#menu_acessibilidade_left ul {
	padding: 0;
	margin: 0;
	list-style:none;
}
#menu_acessibilidade_left ul li {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
	display: inline;
}
#menu_acessibilidade_left ul li a {
    color: #484848;
    padding: 0.1em 0.1em;
	margin: 0 0.4em;
	display: inline-block;
}
#menu_acessibilidade_left span {
    background: #000 !important;
    color: #fff !important;
    opacity: 0.7;
    padding: 0 0.3em;
    margin-left: 0.25em;
}

#menu_acessibilidade_right {
	display: inline-block;
	position: relative;
	margin: 0;
	padding-right: 1.5em;
	text-align: right;
}
#menu_acessibilidade_right ul{
  	font-family: Arial, Helvetica, sans-serif;
  	display: inline-block !important;
  	list-style: none;
  	border-bottom: 1px dotted #000;
    font-size: 0.67em;
    line-height: normal;
    padding: 0.6em 0 0.1em 0;
    margin: 0;
}#menu_acessibilidade_right ul li {
	list-style-type: none;
	display: inline-block;
}
#menu_acessibilidade_right ul li a {
    color: #484848;
    padding: 0.1em 0.4em;
	margin: 0;
	display: inline-block;
}

#menu_flags{
	float: right;
    padding: 0;
	margin: 0;
}
#menu_flags img{
	padding: 0;
	margin: 0;
	max-width: 20px;
    height: auto;}

/**************************************/
/*              CABECALHO             */
/*      DEFINICOES IMAGENS TOPO       */
/**************************************/

 #cabecalho{
    background-image: url('../../images/topo.png');
	background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	background-position:center;
	font-size: 1em;
	height: 250px;
}


/**************************************/
/*           MENU SUPERIOR            */
/**************************************/
#menu_superior{
    margin: 0;
	float: right;
}
#menu_superior ul{
	padding: 0;
	margin: 0.8em 0.2em;
	list-style:none;
}
#menu_superior ul li {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	float: left;
	}
#menu_superior ul li a{
	padding: 0.5em;
	margin-right: 1px;
	display: inline-block;
 	background-color: #D0D1E8;
	/* visual do link */
	color: #000;
	text-decoration: none;
}
#menu_superior ul li a:hover{
	color: #131a8c;
	opacity: 0.7;
}

/**************************************/
/*          CAIXA DE PESQUISA         */
/**************************************/

/* Barra transparente de pesquisa */
.barra_pesquisa{
	position: relative;
    /*width: 100%;*/
    height: 2.8em;
    margin-bottom: 0.1em;
	float:right;
	/*background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.3);*/
}

.barra_pesquisa h2{
	font-size: 1.7em;
	padding-left: 0;
	display: inline;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
}

/*   Caixa de Pesquisa                */
.barra_pesquisa .busca{
    float: right;
    background-image: url("../../images/caixa_pesquisa_1.png");
	background-size: 100% 100%;
	background-position: right right;
	background-repeat: no-repeat;
   	height: 1.8em;
	width: 13em;
	margin: 0.4em auto;
}
.barra_pesquisa .busca .btn{
	float: right;
	background: url("../../images/botao_pesquisa.png");
	background-repeat: no-repeat;
	background-position: right bottom;
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        padding: 0.1em;
		margin-right: 0.8em;
		margin-top: 0.3em;
        zoom: 1;
        *display: inline;
	border: 0;
	width: 17px;
	height: 18px;
}

#s{
	position: relative;
	padding: 0;
	top: 0.15em;
	left: 0.5em;
	width: 76%;
	height: 100%;
	background-color: transparent;
    border: 0px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #000;
    cursor:default;
	display: inline;
}
#s:-ms-input-placeholder {
   font-size: 0.8em; color:#999; opacity: 1;
}
::-webkit-input-placeholder { font-size: 0.8em; color:#999; opacity: 1; } input:-moz-placeholder { font-size: 0.8em; color:#999; opacity: 1; }

#s:focus { border: thin solid #fefefe; background-color: #FFFFF0; }


/*   Caixa de Pesquisa Responsivo     */
#pesquisa_responsivo .busca{
    background-image: url("../../images/caixa_pesquisa_1.png");
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	background-size: cover;
   	height: 1.8em;
	width: 14em;
	margin: 0.3em auto;
}
#pesquisa_responsivo .busca .btn{
	float: right;
	background: url("../../images/botao_pesquisa.png");
	background-repeat: no-repeat;
	background-position: right bottom;
		display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        padding: 0.2em;
		margin-right: 0.9em;
		margin-top: 0.3em;
        zoom: 1;
        *display: inline;
	border: 0;
	width: 17px;
	height: 18px;
}

/**************************************/
/*      DEFINICOES IMAGENS TOPO       */
/**************************************/
@media screen and (min-width: 1024px){
		#cabecalho{
				max-height: 250px;
    	}
    	.barra_pesquisa {
			    height: 2.7em;
			    margin-top: -0.3em;
					z-index: 50;
		}
		.barra_pesquisa h2{
				font-size: 2em;
		}
}

/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1024px){
		#cabecalho{
			   max-height: 204px;
    	}
    	.barra_pesquisa {
			    height: 2.5em;
			    margin-top: 7.6em;
		}
		.barra_pesquisa h2{
				font-size: 1.9em;
		}
}

/* Tablet */
@media screen and (min-width: 760px) and (max-width: 980px){
		#cabecalho{
			   max-height: 158px;
		}
    	.barra_pesquisa {
			    height: 2.3em;
			    margin-top: 5em;
		}
		.barra_pesquisa h2{
				font-size: 1.6em;
		}
		.barra_pesquisa .busca{
				height: 1.6em;
		}
}

/* Mobile HD */
@media screen and (min-width: 640px) and (max-width: 760px){
		#cabecalho{
			   max-height: 133px;
		}
    	.barra_pesquisa {
			    height: 2.3em;
			    margin-top: 3.4em;
		}
		.barra_pesquisa h2{
				font-size: 1.4em;
		}
		.barra_pesquisa .busca{
				height: 1.6em;
		}
}

@media screen and (min-width: 350px) and (max-width: 640px){
		#cabecalho{
			   max-height: 78px;
		}
    	.barra_pesquisa {
			    height: 1.8em;
			    margin-top: 3.1em;
		}
		.barra_pesquisa h2{
				font-size: 1.1em;
				text-align: center;
		}
		.barra_pesquisa .busca{
				height: 1.1em;
		}
		#menu_acessibilidade_right {
			text-align: center;
		}
}

/* Mobile LD */
@media screen and (max-width: 350px){
		#cabecalho{
			   max-height: 67px;
		}
		#menu_superior{
			font-size: 0.85em;
		}
		.barra_pesquisa {
			height: 1.1em;
			margin-top: 2.7em;
		}
		.barra_pesquisa h2{
			font-size: 0.73em;
		}
		#menu_acessibilidade_right {
			text-align: center;
		}
}

/**************************************/
/*              NAVEGAÇÃO             */
/*                 Menu               */
/**************************************/
#menu_principal{
	width: 100%;
	background-color: #346391; /* cor de fundo do menu */
	font-size: 0.9em; /* tamanho da fonte do menu */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#menu_principal .menu{
	width: 100%;
	background-color: #346391; /* cor de fundo do menu */
}
#menu_principal .menu ul li{
	border-right: 1px solid #004c99; /* cor da linha de separacao entre os itens do menu */
	padding: 0;
}
#menu_principal .menu ul li:first-child{
	border-left: 1px solid #004c99; /* cor da linha de separacao entre os itens do menu */
	padding: 0;
}
#menu_principal .menu ul li:hover{
	background-color: #4d79a2;  /* cor de fundo do menu quando passa o mouse */
	color: #fff;
}
#menu_principal .menu ul li a{
	font-size: 1.1em;
/*	width: 8em; */ /* fixa o tamanho dos itens do menu? */
	text-align: center;
	color: #fff; /* cor do texto do menu */
}

/*********************
	BOTÃO HOME - OK
**********************/
#menu_principal .home {
	padding: 0;
	margin: 0;
	background-color: #003366;
	height: auto;
}
#menu_principal .home span{
	display: inline;
	margin: 0;
	padding: 0;
}
#menu_principal .home i{
	color: #fff;
	font-size: 2.15em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#menu_principal .home:hover {
	background-color: #004c99;
}
/**************************************/
/*            Definicoes do           */
/*           Menu Responsivo          */
/**************************************/

.title-bar{
	background-color: #2d4e6a;
}
#menu_responsivo{
	clear: inherit;
    background: #003366;
    color: #fff;
    text-align: left;
}
#menu_responsivo ul li{
    display: inline-block;
	border-bottom: 1px solid #2d4e6a;
}
#menu_responsivo ul li a{
    background: #003366;
    color: #fff;
	padding: 0.5em;
}
#menu_responsivo ul li a:hover {
	background: #004c99;
}

/**************************************/
/*     Conteúdo central principal     */
/**************************************/

#conteudo{
    min-height: 35em;
	  padding: 0.5em 1em;
 }
#conteudo h2{
    margin: 1em 0 0.8em 0;
    padding: 0 0.2em 0 0.2em;
		color: #003e7b;
    font-size: 1.5em;
		font-weight: bold;
    background-color: #80aad2;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #ccc;
}
#conteudo h4{
	color: #000;
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: bold;
}
#conteudo .entry-headline {
  background: left 50% repeat-x url('../../images/pattern-headline.png');
  color: black;
  font-size: 1.8em;
  line-height: 100%;
  margin: 0.5em 0 3px;
  position: relative;
  z-index: 50;
}
#conteudo .entry-headline-text {
  background: white;
  display: inline-block;
  max-width: 90%;
  padding-right: 15px;
}
#conteudo .data_de_publicacao,
#conteudo .post-date{
	font-size: 0.8em;
    color: #999;
    font-style: italic;
    padding: 0;
	margin: 0 0 0.3em 0;
}
#conteudo .data_de_publicacao span{
	padding: 0 0.4em 0 0.4em;
}
#conteudo span.pginternas{
	margin-left: 2em;
}
#conteudo .sem_borda{
	border: none;
}
#conteudo .resumo {
	font-family: Arial, Helvetica, sans-serif;
    padding: 0 0 0 1.7em ;
    margin: 0;
    border-bottom: 1px dotted #cacaca;
}
#conteudo .resumo a{
	font-size: 1em;
	color: #000;
}
#conteudo .resumo a:hover{
	color: #999;
}
#conteudo .lista_categorias{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999;
	padding: 0.5em 1.5em;
	margin: 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
#conteudo .lista_categorias ul{
	list-style: none;
	display: inline-block;
}
#conteudo .lista_categorias a{
	color: #999;
	margin-left: 0.5em;
}
#conteudo .lista_categorias a:hover{
	color: #000;
}
#conteudo .conteudo_post{
    padding-right: 0.3em;
}
#conteudo .titulo{
	padding: 0.7em 0 0 0.3em;
    line-height: 1.1em;
    margin: 0;
    font-weight: bold;
}
#conteudo .titulo a{
    font-size: 1.2em;
  	color: #000;
  	font-weight: bold;
}
#conteudo .titulo a:hover{
    color: #999;
}
#conteudo iframe{
	margin-top: 0.8em;
}

#destaque{
	margin-top: 0.6em;
}
#destaque ul{
	margin: 0 0.5em 1em 0;
	padding: 0;
	list-style-type: none;
}
#destaque ul li {margin: 0; padding: 0; background: #fff;}
#destaque ul li:nth-child(odd) {background: #f1f1f1;}

/**************************************/
/*            Mapa do Site            */
/**************************************/
#mapa_do_site{
	list-style-type: none;
	width: 100%;
}
#mapa_do_site h2{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#mapa_do_site ul li{
	list-style-type: none;
	padding-left: 2em;
}
#mapa_do_site li {
	float: left;
	clear: both;
	list-style-position: inside;
}
#mapa_do_site li a:before { content: '\6e'; display: inline-block;
font-family: ElegantIcons; padding-right: 0.5em; color: #999;}

#mapa_do_site .sub-menu li a:before { content: '\6d'; display: inline-block;
font-family: ElegantIcons; padding-right: 0.5em; color: #999;}

#mapa_do_site li a{
	color: #000;
}
#mapa_do_site li a:hover{
	color: #999;
}

/****************************************************/
/*                     SIDEBAR                      */
/*   Aqui é possível alterar as especificações de   */
/* fontes, cores, tamanhos e distâncias nas colunas */
/*          laterais esquerda e direita             */
/****************************************************/
#sidebar {
	background-color: #fff;
	color: #000;
    font-size: 1em;
    padding: 0 1em 0 1.2em;
    margin: 0;
    list-style:none;
    border-left: 1px solid #efefef;
}

#sidebar .entry-headline {
  background: left 50% repeat-x url('../../images/pattern-headline.png');
  color: #333;
  border: none;
  font-size: 1.15em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  margin: 0.8em 0.2em 0.5em 0;
  padding-left: 0;
  position: relative;
  z-index: 50;
}
#sidebar .entry-headline-text {
  background: white;
  display: inline-block;
  max-width: 92%;
  padding-right: 15px;
}

#sidebar h3{
   font-size: 0.9em;
   height: 1.6em;
   width: 100%;
   padding: 0.2em;
   margin: 0.6em 0 0.2em 0.5em;
   background: #0b0775;
   color:#fff;
   text-align:center;
   letter-spacing: 0.15em;
}
#sidebar ul{
	margin: 0;
	list-style:none;
}
#sidebar ul li{
    padding: 0;
    list-style-image: url('../../images/seta.png');
    margin-left: 1.6em;
    display: list-item;
	text-indent: 1px;
}
#sidebar ul li a{
  	color: #169fe6;
    padding: 0.2em;
	font-size: 0.9em;
	text-decoration:none;
 }
#sidebar ul li a:hover{
	color:#333;
	text-decoration:none;
 }
.textwidget{
    padding: 0;
    margin-left: 0.5em;
    width: 100%;
}

/**************************************/
/*     COLUNAS DE LINKS E  RODAPE     */
/**************************************/

#rodape_ufpr{
		height: auto;
    background: #346391;
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
}
#rodape_ufpr a {
	color: #ffffff;
}

#texto_rodape{
	float: right;
	text-align: right;
	padding: 1em;
	color: #fff;
}
#texto_rodape span{
	letter-spacing: 1px;
}
#texto_rodape span img{
	width: 30%;
}

#redes_sociais{
	margin: 1em;
}
#redes_sociais h3{
	color: #fff;
	font-size: 1.5em;
}
.colunas_de_links{
	list-style-type: none;
	color:#094979;
	font-size: 0.8em;
	float: left;
	margin: 1em 0 2em 0;
}
.colunas_de_links ul li{
	color:#094979;
 	list-style-position: outside;
	margin-top: 0.3em;
    margin-left: 0.8em;
    padding-left: 0;
    display: list-item;
	text-indent: -13px;
}
.colunas_de_links li a:before {
	content: '\35';
	font-family: ElegantIcons;
	padding-right: 0.3em;
}
.colunas_de_links ul li a{
	text-decoration: none;
	color:#484848;
	line-height: 1.2em;
	padding: 0.15em 0;
}
.colunas_de_links ul li a:hover{
	color:#0b0775;
}
.colunas_de_links h2{
	margin: 0.2em 0 0.8em 0;
	color:#ffffff;
	font-weight: normal;
	font-size: 1.2em;
	border-bottom: thin solid #0b0775;
}

#rodape{

}

footer{
    margin: 0;
	background-color: #dadada;
	min-height: 10em;
    border-top: thin solid #ccc;
}

.texto_rodape_small {
	font-size: 1.2em;
	text-align: center;

}
.texto_rodape_small span{
	text-align: center;
	color:#fff;
}
.texto_rodape_small span img{
	width: 60%;
}

/**************************************/
/*      FOOTER Governo do Brasil      */
/**************************************/

#footer-brasil {
   background: none repeat scroll 0% 0% #0042b1; /* Azul */
   margin-top: 1px;
   padding: 1em 0;
   max-width: 100%;
}

#rodape_copy {
	background-color: #057900;
	width: 100%;
	padding: 0;
	margin: 0;
	color: #FFF;
	text-align: center;
	border-top: 1px dotted #7b6662;
	border-bottom: 1px dotted #7b6662;
}
