/* @autor: BIREME | OPAS | OMS - > Márcio Alves */
body{
 	/*background: #f5f5f5;*/
 	font-family: 'Source Sans Pro', sans-serif;
 	font-weight: 400;
}
#header{
	background: #ededed;
	padding: 30px 0px 30px 0px;
    margin-top:0;
	margin-bottom: 30px;
}
#logo img{
	max-width: 150px;
}
.titleMain1{
	font-size: 30px;
    float:left;
    margin-bottom:30px;
}
.lang{
	text-align: right;
}
.lang ul{
	list-style: none;
}
.lang ul li{
	display: inline-block;
}
.lang ul li a{
	background:#fff;
	color: #31286b;
	font-size: 12px;
	padding: 5px;
	text-decoration:none;
}
.lang ul li .active{
	background:#31286b;
	color: #fff;
}
.lang ul li a:hover{
	color: #fff;
	text-decoration:none;
	background: #464bbb;
}
.btnBlue{
	background:#31286b;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	border:0;
	border-radius: 3px;
}
	.btnBlue:hover{
		background:#464bbb;
		color: #fff;
		text-decoration: none;
	}
.selectBoxSearch select{
	width: 100%;
	height: 100%;
	border: 0px;
	padding: 10px;
	outline: none;
}
.headerSearch{
	background: #fff;
	border: 1px solid #ddd;
	margin-top: 30px;
    clear:both;
    margin-top:20px;
}
#fieldSearch{
	padding-left: 30px;
}
.inputBoxSearch input{
	width: 100%;
	height: 100%;
	border: 0px;
	padding: 10px;
	outline: none;
}
.btnBoxSearch{
	text-align: right;
}
.btnBoxSearch button{
	background: #31286b;
	color: #fff;
	border: 0;
	padding: 10px;
	height: 50px;
	width: 50px;
}
.btnBoxSearch button:hover{
	background: #464bbb;
}
.btnBoxSearch button i{
	font-size: 30px;
}
.textBTSearch{
	display: none;
}
.country{
	margin-bottom: 10px;
	text-align: center;
	padding: 20px;
}
.country img{
	margin-bottom: 20px;
	border: 1px solid #eee;
	transition: all .2s ease;
}
.country h4{
	font-size: 14px;
}
.country:hover img{
	filter: contrast(90%);
	transform: scale(.9);
}
#footer{
	padding: 30px 0 20px 0;
	margin-top: 20px;
	border-top: 2px solid #ddd;
	background: #eee;
	color: #333;
}
#footer a{
	color: #333;
}
#footer a:hover{
	color: #999;
}
#footer img{
	max-width: 500px;
}
#filterRight{
	padding: 20px 0 0 0 ;
}
#filterRight ul{
	padding-left: 20px;
}
.boxFilter{
	top: 0;
	font-size: 14px;
	padding: 20px;
	background: #fff4f4;
	border-radius: 10px;
	/*border-bottom: 3px solid #ddd;*/
	/*border-top: 3px solid #ddd;*/
}
.boxFilter ul{
	padding: 0!important;
}
.boxFilter ul li{
	list-style: none;
	margin-bottom: 20px;
}
.boxFilter ul li{
	border-bottom: 1px solid #ddd;
	padding: 0px;
}
.box1{
	padding: 20px;
	margin-bottom: 20px;
	transition: border .5s ease;
	word-break: break-word;
}
.box1:hover{
	background-color: #fff4f4;
	border-radius: 10px;
}
.box1Title{
	font-size: 20px;
	font-weight: 600;
	position: relative;
	margin-bottom: 30px;
}
.box1Title::after{
	content: " ";
	background-color: #3f0;
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 7px;
	width: 15%;
}
.text-center {
    text-align: center;
}
.show-more {
    clear: both;
}
.loading {
    display: none;
}
.hide {
    display: none;
}
#speakBtn{
    display:none;
}
@media (max-width: 768px){
	#header{
		text-align: center;
	}
	#titleMain{
        float:none;
        margin-top:20px;
        margin-bottom:0;
		display: block;
		float: none!important;
	}
	.lang{
		text-align: center;
		margin-top: 20px;
	}
		.lang ul{
			padding: 0;
		}
	.headerBt{
		margin-top: 20px;
		text-align: center;
	}
	.inputBoxSearch input{
		border-top: 1px solid #ddd;
	}
	.formSelect{
		background: url(img/downMobile.svg) no-repeat #fff;
		background-position: 100% center;
	}
	.btnBoxSearch button{
		padding: 10px;
		width: 100%;
	}
	.btnBoxSearch button i{
		font-size: 15px;
	}
	.textBTSearch{
		display: inline-block;
		font-weight: bold;
		padding-left: 10px;
	}
	#footer img{
		max-width: 100%;
		margin-top: 20px;
	}
}
