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


/**************************************/
/*       DEFINICOES Fonte Arimo       */
/**************************************/
@font-face {
    font-family: Arimo-Regular;
    src: url('../../font/Arimo-Regular.ttf') format('truetype');
 }
@font-face {
    font-family: Arimo-Bold;
    src: url('../../font/Arimo-Bold.ttf') format('truetype');
 }
@font-face {
    font-family: Arimo-Italic;
    src: url('../../font/Arimo-Italic.ttf') format('truetype');
 }


/**************************************/
/*    DEFINICOES Fonte OpenSans       */
/**************************************/
@font-face {
    font-family: OpenSans-Regular;
    src: url('../../font/OpenSans-Regular.ttf') format('truetype');
 }
@font-face {
    font-family: OpenSans-Bold;
    src: url('../../font/OpenSans-Bold.ttf') format('truetype');
 }
@font-face {
    font-family: OpenSans-Light;
    src: url('../../font/OpenSans-Light.ttf') format('truetype');
}

/**************************************/
/*           DEFINICOES GLOBAIS       */
/**************************************/
body{
	margin: 0;
	font-family: "OpenSans", sans-serif !important;
}

/*Wordpress editor styles start*/

.entry-content img {
        margin: 0 0 1.5em 0;
        }
.alignleft, img.alignleft {
        margin-right: 1.5em;
        display: inline;
        float: left;
        }
.alignright, img.alignright {
        margin-left: 1.5em;
        display: inline;
        float: right;
        }
.aligncenter, img.aligncenter {
        margin-right: auto;
        margin-left: auto;
        display: block;
        clear: both;
        }
.alignnone, img.alignnone {
        /* not sure about this one */
        }
.wp-caption {
        margin-bottom: 1.5em;
        text-align: center;
        padding-top: 5px;
        }
.wp-caption img {
        border: 0 none;
        padding: 0;
        margin: 0;
        }
.wp-caption p.wp-caption-text {
        line-height: 1.5;
        font-size: 10px;
        margin: 0;
        }
.wp-smiley {
        margin: 0 !important;
        max-height: 1em;
        }
blockquote.left {
        margin-right: 20px;
        text-align: right;
        margin-left: 0;
        width: 33%;
        float: left;
        }
blockquote.right {
        margin-left: 20px;
        text-align: left;
        margin-right: 0;
        width: 33%;
        float: right;
        }
		
/**************************************/
/*        MENUS DE ACESSIBILIDADE     */
/**************************************/
#menu_acessibilidade_left{
    display: block !important;
    float: left;
    font-size: 0.66em;
    line-height: normal;
    padding: 0.6em;
}

#menu_acessibilidade_left ul {
	padding: 0;
	margin: 0;
	list-style:none;
}
#menu_acessibilidade_left ul li { 
	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{
  	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{
	 display: block;
    position: relative;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    max-height: 250px;
} 


/**************************************/
/*           MENU SUPERIOR            */
/**************************************/
div.menu_superior{
   position: absolute;
   	top: 10px;
   	right: 12px;
   	z-index: 100;
	color: #000;
}
div.menu_superior ul{
	float: right;
	padding: 0;
	list-style:none;
	color: #000;
}
div.menu_superior ul li { 
	font-size: 0.8em;
	text-align: right;
	}
div.menu_superior ul li a{
	padding: 0.5em;
	margin-right: 1px;
	display: inline-block;
 	background-color: #fff;
	opacity: 0.7;
	/* visual do link */
	color: #000;
	text-decoration: none;
}
div.menu_superior ul li a:hover{
	color: #131a8c;
	opacity: 0.5;
}


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

/* Barra transparente de pesquisa */
.barra_pesquisa{
    position: absolute;
   	bottom: 0;
   	z-index: 100;
    width: 100%;
/*	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.2);
*/	height: 2.4em;
}

.barra_pesquisa h3{
	float: left;
	font-size: 1.6em;
	color: #000;
	font-weight: normal;
   	top: 100px;
   	left: 0;
   	right: 0;
  	z-index: 100;
}

/*   Caixa de Pesquisa                */
.barra_pesquisa div.busca{
	float: right;
	height: 2.1em;
    background-image: url("../../images/caixa_pesquisa_1.png");
	background-size: 100% 100%;
	background-position: right center;
	background-repeat: no-repeat;
	width: 13em;
	margin-top: 0;
	top: 0;
	right: 0;
	z-index: 100;
}
.barra_pesquisa .btn{
	margin: 0.5em;
	color: #116637;
}
#s{
	position: relative;
	padding: 0;
	top: 0;
	left: 0.5em;
	width: 82%;
	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{
   padding-top: 0.3em; 
   font-size: 0.8em; 
   color:#999; 
   opacity: 1; 
   text-decoration: none;
}
::-webkit-input-placeholde{
	padding-top: 0.3em; 
	font-size: 0.8em; 
	color:#999; 
	opacity: 1; 
	text-decoration: none;
} 
input:-moz-placeholder{
	padding-top: 0.3em; 
	font-size: 0.8em; 
	color:#999; opacity: 1; 
	text-decoration: none;
} 

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


/**************************************/
/*    CAIXA DE PESQUISA RESPONSIVO    */
/**************************************/
#pesquisa_responsivo{
	margin: 0;
	padding: 0.15em 0;
	background-color: rgba(187,226,197,1.0);
}
#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: 2.3em;
	width: 14em;
	padding-top: 0.3em;
	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: 17px;
}


/**************************************/
/*              NAVEGAÇÃO             */
/*                 Menu               */
/**************************************/
#menu_principal .menu {
	font-family: "OpenSans", sans-serif !important;
	font-weight:bolder;
	font-size: 1em;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #1A396A; /* define a cor de fundo do menu */
}
#menu_principal span{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
#menu_principal .menu li{
	width: 15em;
	text-align: center;
	font-weight: normal;
	padding: 0;
	background-color: #1A396A; /* define a cor de fundo dos itens do menu */
}
#menu_principal .menu li:hover{
	background-color: #1B4991; /* define a cor de fundo dos itens do menu onHover*/
}

#menu_principal .menu li:last-child{
	border-right: none; /* último item do menu sem borda direita */
}
#menu_principal .menu li a{
	color: #fff;
}
#menu_principal .menu ul ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu_principal .menu ul ul li{
	padding: 1em 0;
	margin: 0;
}

#menu_principal .sub-menu{
	list-style-type: none;
	margin-left: -1px;
}
#menu_principal .sub-menu li a{
	padding: 1em 0.1em 1em 0;
}
#menu_principal .sub-menu li{
	text-align: left;
	width: 14em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* define a cor e opacidade da borda inferior dos sub-itens do menu */
    padding: 0.5em;
}
#menu_principal .sub-menu li:hover .sub-menu {
        display:block !important;
 }
#menu_principal .sub-menu li:hover{
	background: #1B4991; /* define a cor de fundo e opacidade nos sub-itens do menu */
}

#menu_principal .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #fff transparent transparent; /* define a cor da seta que indica presença de sub-itens de menu */
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px;
}

/**************************************/
/*            Definicoes do           */
/*           Menu Responsivo          */
/**************************************/

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


/**************************************/
/*              NAVEGAÇÃO             */
/*               Sidebar              */
/**************************************/

#sidebar_servicos ul li a{
	font-family: "Arimo-Bold", sans-serif !important;
	font-size: 0.95em;
	color:#000;
	border-bottom: 1px solid rgba(154, 147, 147, 0.2);	
	background-color: #fff;
	letter-spacing: normal;
	list-style-position: inside;
	text-indent: -1em;
 	/* padding: 0.5em 0.5em 0.5em 0.9em; */
	padding: 0.5em 0.5em 0.5em 1.9em;
	border-radius: 0 !important;
}

#sidebar_servicos,
#sidebar_unidades
{
	margin: 0;
	padding: 0 1em 0 0;
}


#sidebar_servicos.row{
	clear: both;
	float: left;
	margin: 0.8em 0 0.8em 0 !important;
	padding: 0 1em 0 0 !important;
 	background-color: #fff !important;
}

#sidebar_servicos ul.nested ul li{
	margin: 0;
	padding: 0;
}
#sidebar_servicos ul.nested ul li a
{
	display: block;
	width: 100%;
	/* border-bottom: 1px solid #dbead5; */
	border-bottom: 1px solid rgba(154, 147, 147, 0.2);
	font-size: 0.9em;
	color: #000 !important;
	letter-spacing: normal;
	text-indent: -0.1em;
 	padding: 0.5em 0;
 	margin: 0 !important;
}
#sidebar_servicos ul.nested ul li:last-child{
	border-bottom: none !important;
}

#sidebar_unidades ul
{
	padding: 0;
	margin: 0;
	background-color: #fff;
}
#sidebar_servicos ul li,
#sidebar_unidades ul li
{
	width: 100%;
	float: left;
	padding-left: 0;
}
#sidebar_unidades h5,
#sidebar_servicos h5
{
	font-family: "Arimo-Bold", sans-serif !important;
	font-weight: bold;
	background-color: #efefef;
	margin: 0.6em 0 0.1em 0;
	padding: 0.6em 0 0.4em 0.8em;
	font-size: 1em;
	letter-spacing: normal;
	color: #0072bc;
	text-shadow: 2px 2px #e8f5ff;
	outline: 0;
	border-top: 3px solid #0072bc;
}
#sidebar_unidades ul li a:first-child
{
	background-color: #d8d8d8;
	padding: 0;
	margin: 0;
	outline: 0;
}
#sidebar_unidades ul.nested ul li:last-child
{
	margin-bottom: 0.5em;
}
#sidebar_unidades ul.nested ul li a
{
	font-size: 0.95em;
	color:#000;
	border-bottom: 1px solid rgba(154, 147, 147, 0.2);	
	background-color: #fff;
	letter-spacing: normal;
	list-style-position: inside;
	text-indent: -1em;
 	/* padding: 0.5em 0.5em 0.5em 0.9em; */
	padding: 0.5em 0.5em 0.5em 1.9em;
	border-radius: 0 !important;
}

/* Comentário neste bloco pois estava mostrando uma flechinha na frente do item de submenu */
/*
#sidebar_unidades ul.nested ul li a:before
{
	font-family: ElegantIcons; 
	content: '\45'; 
	font-weight: normal;
	margin: 0;
	padding: 0;
}
*/
#sidebar_unidades ul li a::after
{
	margin-top: 0.1em;
	border-color: #00510f transparent transparent;
}
#sidebar_unidades ul.nested ul li a:hover
{
	opacity: 0.7;
}

#sidebar_servicos a:hover
{
	opacity: 0.7;
}



#sidebar_servicos ul.nested ul li a:hover{
	background-color: #eeeff1;
}

#sidebar_servicos ul.nested ul li ul,
#sidebar_unidades ul.nested ul li ul
{
	list-style-type: none;
}
#sidebar_unidades ul.nested ul li ul li a
{
	display: block;
	padding-left: 2em;
}
#sidebar_unidades ul.nested ul li ul li ul li a
{
	display: block;
	padding-left: 2.7em;
}



/**************************************/
/*         Navegacao PageNavi         */
/**************************************/
.wp-pagenavi{
	margin-top: 1em;
	padding: 0.5em;
	letter-spacing: normal;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 4px !important; margin-right: 6px;
	letter-spacing: normal;
	font-size: 16px; color: #03719c; text-decoration: none;
	border: 2px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color: rgba(255,255,255,0.6);
	border: 1px solid rgba(0,0,0,0.8) !important;
	}
.wp-pagenavi span.current { font-weight: bold; 
}


/**************************************/
/*     Conteúdo central principal     */
/**************************************/
#conteudo{
	font-family: "OpenSans", sans-serif !important;
    min-height: 25em;
	background-color: #fff;
	color: #000;
    padding: 1.3em 1em;
	font-size: 1em;
 }
#conteudo h2{
	/* font-family: "Arimo-Bold", sans-serif !important; */
	font-family: "OpenSans", sans-serif !important;
	margin: 0 0 0.8em 0;
    padding: 0 0.2em 0 0.2em;
    font-size: 1.3em;  
	/* color:#0072bc; */
	color: #262425;
    letter-spacing: 0.1em;
    /* border-bottom: 1px solid #0072bc; */
	border-bottom: 2px solid #262425;
	
}
#conteudo h3{
	font-family: "OpenSans", sans-serif !important;
    margin: 1.6em 0 0.8em 0;
    padding: 0 0.2em 0 0.2em;
    font-size: 1.1em;  
	text-transform: uppercase;
}

#conteudo h4{
	font-family: "OpenSans", sans-serif !important;
	color: #000;
    margin-top: 1em;
    font-size: 1.2em;    
    font-weight: bold;
}
#conteudo .data_de_publicacao{
	font-family: "OpenSans", sans-serif !important;
	font-size: 0.9em;
    color: #999; 
	font-style: italic;
    padding: 0;
	margin: 0 0 0.3em 0;                             
}
#conteudo .data_de_publicacao span{
	padding: 0 0 0 0.4em;
	line-height: 0.1em;
}
#conteudo span.pginternas{
	margin-left: 2em;
}
#conteudo .sem_borda{
	border: none; 
	font-size: 0.9em;    
    font-weight: normal;
	font-family: "OpenSans", sans-serif !important;

}
#conteudo .resumo {
	font-family: "OpenSans", sans-serif !important;
    padding: 0.2em 0 0 0 ; 
    margin-left: -1em;
    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: "OpenSans", sans-serif !important;
	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 = data de publicação e autor  */
#conteudo .titulo{
	padding: 0.2em 0 0 0em;
    line-height: 1.1em;
    margin-left: -1.3em; 
    font-weight: bold;  
	font-size: 1em;
}

#conteudo .titulo h3{
	font-family: "OpenSans", sans-serif !important;
    font-size: 1.1em;
  	/* color: #005467; */
	color: #262425;
  	font-weight: 550;
}

#conteudo .titulo a{
    font-size: 0.9em;
  	color: #000;
  	font-weight: bold;
}
#conteudo .titulo a:hover{
    color: #999;

}
#conteudo iframe{
	margin-top: 0.8em;
}

#conteudo ul li {
	list-style-type: none;
	padding: 0 0.2em 0 0.2em;
}

conteudo.img.alignright { float: right; margin: 0 0 1em 1em; }
conteudo.img.alignleft { float: left; margin: 0 1em 1em 0; }
conteudo.img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


#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;}

/**************************************/
/*        Apresentacao do Curso       */
/**************************************/
#apresentacao h3{
	font-size: 1.2em;
	margin: 0.5em 0.2em;
	padding: 0.2em 0;
	color: #1A396A;
	font-weight: bold;
	letter-spacing: 0.2em;
}
/**************************************/
/*        Informativo do Curso       */
/**************************************/
#informativo{
	margin: 0;
	padding: 0 1em;
	min-height: 300px;
}
#informativo h3{
	font-size: 1em;
	padding: 0.3em 1em;
	background-color: #1A396A;
	color: #fff;
	letter-spacing: 0.2em;
}
#informativo h2{
	font-size: 1em;
	margin: 0;
	padding: 0.4em 1em 0 0.2em;
	color: #1A396A;
	font-weight: bold;
	border: none;
	letter-spacing: normal;
}
#informativo h2 a{
	font-size: 1.2em;
	color: #1A396A;
	letter-spacing: 0.1em;
}
#informativo h2 a:hover{
	color: #1B4991;
}
#informativo p{
	margin: 0.5em 0.2em;
	padding-left: 0.3em;
}
#informativo span{
	font-size: 0.8em;
    color: #999;
    font-style: italic;
    padding: 0 0.4em;
	margin: 0 0 0.3em 0;                             
}

/**************************************/
/*         Noticias do Curso          */
/**************************************/
#noticia{
	margin: 0;
	padding: 0 1em;
	min-height: 300px;
}
#noticia h3{
	font-size: 1em;
	padding: 0.3em 1em;
	background-color: #1A396A;
	color: #fff;
	letter-spacing: 0.2em;
}
#noticia h2{
	font-size: 1em;
	margin: 0;
	padding: 0.4em 1em 0 0.2em;
	/* color: #1A396A; */
	color: #1B4991;
	font-weight: bold;
	border: none;
	letter-spacing: normal;
}
#noticia p{
	margin: 0.5em 0.2em;
	padding-left: 0.3em;
}
#noticia img{
	float: left;
	margin: 0 0.5em 0 0;
}
#noticia span{
	font-size: 0.8em;
    color: #999;
    font-style: italic;
    padding: 0 0.4em;
	margin: 0 0 0.3em 0;                             
}
#noticia h2 a{
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #1A396A;
}
#noticia h2 a:hover{
	color: #1B4991;
}

#noticia .mais a, #informativo .mais a{
	color: #1A396A;
	float: right;
}
#noticia .mais a:hover, #informativo .mais a:hover{
	color: #1B4991;
}
i.icon_plus{
	color: #fff;
	font-size: 0.9em;
	background-color: #1A396A;
	font-weight: bold;
	padding: 0.2em;
}

/**************************************/
/*    Botoes leia mais, veja mais     */
/**************************************/
button.veja_mais,
button.veja_mais{
	margin: -0.2em 0.6em 0.6em 0;
	padding: 0.5em;
	float: right;
	color: #4b4b4b;
	border: thin solid #eeeff1;
	background-color: #eeeff1;
}
button.veja_mais a,
button.veja_mais a{
	display: block;
	font-size: 0.9em;
	color: #4b4b4b;
}
button.veja_mais:hover,
button.veja_mais:hover{
	display: block;
	border: thin solid #8CB1EA;
	background-color: #eeeff1;
	font-weight:bold;
}


/**************************************/
/*       Banner com Slider Show       */
/**************************************/
#slideshow{
	background-color: #fff; 
	margin-top: 0.5em;
	padding: 0.5em 0.5em 1em 1em;
}

/**************************************/
/*            Mapa do Site            */
/**************************************/
.mapa_do_site{
	list-style-type: none;
	width: 100%;
}
.mapa_do_site h2{
	font-family: "Arimo-Bold", sans-serif !important;
    font-size: 1.3em;  
	color: #017b16 !important;
	padding: 0 0.2em;
	margin: 0.55em 0.6em 0.8em 0;
	border-bottom: thin solid #017b16;
	border-top: none;
}
.mapa_do_site ul li{
	list-style-type: none;
	padding: 0.4em 1.5em;
}
.mapa_do_site li {
	float: left;
	clear: both;
	list-style-position: inside;
}
.mapa_do_site .sub-menu li a:before { display: inline-block;
font-family: ElegantIcons; padding-right: 0.5em; color: #999;}

.mapa_do_site li a{
	color: #000;
	margin: 0.8em;
}
.mapa_do_site li a:hover{
	color: #999;
}




/******************/
/*     RODAPE     */
/******************/
#rodape_ufpr{
	width: 100%;
	height: auto;
    background: #E7E7E7;/* Altera a cor de fundo das colunas de links do rodape */
	background-repeat: no-repeat;
	border-top: thin solid #E7E7E7;
}


#texto_rodape{
	padding: 1em;
	color: #fff;
}
#texto_rodape span{
	letter-spacing: 1px;
	line-height: 1.5em;
	text-align: center;
}

#rodape{
	background-color: #253238; /* cor de fundo do rodape */
		border-top: thin solid #444;
}
footer{
    margin: 0;
	background-color: #dadada;
	min-height: 10em;	
    border-top: thin solid #ccc;
}

/***********************/
/*       COPYRIGHT     */
/***********************/
#copyright{
	color:#ccc; 
	font-size:0.9em;
}

/***********************/
/*     REDES SOCIAIS   */
/***********************/
#redes_sociais{
	padding: 0;
	margin: 0.2em 0 0.7em 0;
}
#redes_sociais h3{
	font-family: "OpenSans-Bold", sans-serif;
	font-size: 1em !important;
	letter-spacing: 1px;
	color: #fff;
	margin: 0.3em 0;
	padding: 0 2em 0 0;
/*	text-align: right;
*/}
#redes_sociais i.social_facebook_circle{
	font-size: 1.8em;
	color: #fff;
	padding: 0.1em;
	margin-left: 0.4em;
}
#redes_sociais i.social_twitter_circle {
	font-size: 1.8em;
	color: #fff;
	padding: 0.1em;
}
#redes_sociais i.social_flickr_circle {
	font-size: 1.8em;
	color: #fff;
	padding: 0.1em;
}

#redes_sociais span{
/*	float: right;
	text-align: right;
*/	padding: 0;
	margin: 0;
}
#redes_sociais span img{
	clear: both;
	width: 50%;
}
#redes_sociais i.social_rss_circle{
	font-size: 1.8em;
	color: #fff;
	padding: 0.1em;
}
#redes_sociais i.social_youtube_circle {
	font-size: 1.8em;
	color: #fff;
	padding: 0.1em;
}
#redes_sociais i.social_instagram_circle{
	font-size: 1.8em;
	color: #fff;
	padding: 0.1em;
}


/********************************************/
/*     COLUNAS DE LINKS DO RODAPE SOCIAIS   */
/********************************************/
.colunas_de_links{
	font-family: "OpenSans", sans-serif !important;
	list-style-type: none;
	color:#F2F2F2;
	font-size: 0.8em;
	float: left;
	margin: 1em 0 2em 0;
}

.colunas_de_links h2{
	font-family: "OpenSans", sans-serif !important;
		font-weight:bold;
		font-size: 0.9em;
}	

.colunas_de_links ul li{
	color:#F2F2F2;
 	list-style-position: outside;
	margin-top: 0.3em;
    margin-left: 1.2em;
    padding-left: 0;
    display: list-item;
	text-indent: -13px;
}

/* 
Este trecho abaixo foi comentado para melhorar acessibilidade. 
Evita que a leitura do bullet pelo leitor de tela.
*/

/*.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:#333333;
	font-weight: normal;
	font-size: 1.2em;
	border-bottom: thin solid #333333;
}

/**************************************/
/*      FOOTER Governo do Brasil      */
/**************************************/
footer{
    margin: 0;
	background-color: #dadada;
	min-height: 10em;	
    border-top: thin solid #ccc;
}

#footer-brasil {
   background: none repeat scroll 0% 0% #1A396A; /* 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;
}

/**************************************/
/*      DEFINICOES MEDIA QUERIES      */
/**************************************/
@media screen and (min-width: 1024px){
		#cabecalho{
				max-height: 250px;
    	}
    	.barra_pesquisa {
			    height: 2.7em;
			    margin-top: 10.4em;
		}
		.barra_pesquisa h2{
				font-size: 2em;
		}
		#redes_sociais h3{
			font-size: 1.4em;
		}
}

/* 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;
		}
		#redes_sociais h3{
			font-size: 1em;
		}
		#redes_sociais h3{
			font-size: 1.2em;
		}
}

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

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

@media screen and (min-width: 350px) and (max-width: 640px){
		#cabecalho{
			   max-height: 78px;
		}
		#menu_principal{
			font-size: 0.55em;
		}
    	.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;
		}
		#redes_sociais{
			text-align: center;
		}
		#redes_sociais h3{
			font-size: 1em;
		}
		
		
		#texto_rodape {
			text-align: center;
		}
		#texto_rodape span img{
			width: 70%;
		}
}

/* 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;
		}
		#redes_sociais{
			text-align: center;
		}
		#redes_sociais h3{
			font-size: 1em;
		}
		#texto_rodape {
			text-align: center;
		}
		#texto_rodape span img{
			width: 80%;
		}
} 

/*** LINK PADDING FOR ICONS ***/
/* a[href^="http:"], */ 
/* Linha acima alterado por Hamilton em 25/11/2010 */
a[href^="mailto:"],
a[href$=".pdf"],
a[href$=".doc"],
a[href$=".xls"],
a[href$=".rss"],
a[href$=".rdf"],
a[href^="aim:"] { padding: 2px 22px 2px 0; margin: 0; background-repeat: no-repeat; background-position: right center; }

/*** EXTERNAL LINK ICONS ***/
/* a[href^="http:"]          { background-image:; padding-right: 14px; } */ 
/* Linha acima alterado por Hamilton em 25/11/2010 */
a[href^="mailto:"]        { background-image: url(../../images/icons/email.png); }
a[href^="http:"]:visited  { background-image: ; }

/*** FILE LINK ICONS ***/

/* 
a[href$=".pdf"]   { background-image: url(../../images/icons/pdf.png); }
a[href$=".doc"]   { background-image: url(../../images/icons/doc.png); }
a[href$=".xls"]   { background-image: url(../../images/icons/xls.png); }
*/

/*** MISCELLANEOUS LINK ICONS ***/
a[href$=".rss"],
a[href$=".rdf"]   { background-image: url(../../images/icons/feed.png); }
a[href^="aim:"]   { background-image: url(../../images/icons/im.png); }
a[href^="http://yourwebsite.com"] { background:none; padding:0; margin:0; }