@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Asap');
		
/********************************************************************************************
BUSCADOR
********************************************************************************************/
#buscador{
	width: 100%;
	max-width: 1200px;
	min-height: 10px;
	margin: 25px auto;
	padding: 5px;
	background-color: rgba(13,154,189,0.8); 
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	border: .5px solid rgba(198,198,198,0.8);
	border-width: thin;
}
#container-buscador{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 5px;
	overflow: hidden;
}
#buscador input[type=text], [type=mail] {
	font-family:'Asap', Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:400;
	width: 18%;
	height: 25px;
	margin: 3px;
	padding: 3px;
	float: left;
	border:0;
	/*color*/
	color:#242427;
	/*background*/
	background: rgba(255,255,255,0.8);
	/*shadom*/
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	/*transitions*/
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
	border: .5px solid rgba(198,198,198,0.3);
	border-width: thin;
}
    #buscador input::-webkit-input-placeholder  {
        color: #999; 
		font-weight:100;
		text-shadow: 0px -1px 0px #333;   
    }
    #buscador input:-moz-placeholder {
        color: #242427; 
		text-shadow: 0px -1px 0px #333;  
    }
#buscador input[type=text]:hover{ 
	width: 18%;
	height: 25px;
	/*color*/
	color:#242427;
	/*background*/
	background: #FFF;
	/*shadom*/
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	/*transitions*/
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
}

/************SELECT***********/

#buscador select {
	font-family:'Asap', Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:400;
	width: 15%;
	height: 33px;
	margin: 3px;
	padding: 3px;
	float: left;
	border:0;
	/*color*/
	color:#242427;
	/*background*/
	background: rgba(255,255,255,0.8);
	/*shadom*/
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
	/*transitions*/
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
	border: .5px solid rgba(198,198,198,0.3);
	border-width: thin;
}

/***********SELETCT**********/

#buscador input[type=image] {
	font-family:'Asap', Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:5%;
	height:22px; 
	margin: 3px;
	padding: 5px 3px;
    border: 0px;
    cursor: pointer;
	/*color*/
	color:#242427;
	/*background*/
	background: #242427;
	/*shadom*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	/*transitions*/
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	/*radius border*/
	border-radius: 1px; 
	-moz-border-radius: 1px; 
	-webkit-border-radius: 1px;
}

#buscador input[type=image]:hover{ 
	/*color*/
	color:#FFF;
	/*background*/
	background: #0b7995;	
}

#buscador input[type=image] img{
	width:15px
}

/********************************************************************************************
TOGGLE
********************************************************************************************/

#box-toggle {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:justify;
}
#box-toggle .tgl {
	margin-bottom:30px;
}
#box-toggle span {
	width: 97%;
	display:block;
	cursor:pointer;
	margin:0 auto;
	padding: 15px 10px;
	font-size:.8em;
	color:#FFF; 
	background: #004691;
	text-align: center;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	/*transition*/
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}		
#box-toggle ul {
	margin: 0; 
	padding: 0;
	/* flexbox */
	display: flex;
	flex-wrap: wrap; /*nowrap*/
	flex-direction: row;	
	justify-content: /*flex-start*/ space-around;
}
#box-toggle ul li {
	display: inline;
	margin:0;
	padding: 5px 0 0 0;
}
#box-toggle ul li a {
	font-family:'Asap', Arial, Helvetica, sans-serif;
	font-size:.75em;
	/*float: left;*/
	text-decoration: none;
	text-transform: uppercase;
	color: #242427;
	margin: 2px;
	padding: 10px 15px;
	line-height:35px;
	background: rgba(205,205,205,0.3);
	/*transition*/
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	/*shadow*/
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}
#box-toggle ul li a:hover, #box-toggle ul li .current  {
	color:#FFF;
	text-decoration: none;
	background:#004691;
}
#box-toggle ul li a:visited {
	color: #242427;
	background: #006cd9;
}

/********************************************************************************************
RESULTADOS EM COLUNA
********************************************************************************************/

.coluna {
	width:22%;
	min-height: 20px;
	margin:5px;
	padding:10px;
	list-style:none;
	font-weight:400;
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
	transition: width 0.7s;
	border: .5px solid rgba(198,198,198,0.3);
	border-width: thin
}
.coluna p{
	text-align: justify;
	color: #242427;
	margin: 5px 0;
	padding: 5px 0 0 0;
	font-size:.99em;
	font-weight:400;
	letter-spacing:-.3px;
	line-height:1.3em;
}
.coluna a {
	font-weight:400;
	color:#242427;
	text-decoration:none;
}
.coluna a:hover {
	color:#004691;
}

.coluna ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

.coluna ul li {
	margin: 0px;
	display: inline-block;
	float: left;
	background-color: #004691;
}

.coluna a {
	font-size: .9em;
	display: block;
	padding: 0 15px;
	color: #242427;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase;
}
.coluna a:hover {
	color:#004691;
	background: #bbcfd5;
}


/************************************************************************************
MAIN NAVIGATION 480px
*************************************************************************************/
@media all and (max-width : 480px) {	

	#buscador{
		width: 100%;
		min-height: 10px;
		margin: 25px auto;
		padding: 0;
		background-color: rgba(111,166,63,0.8); 
		/*box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		border: .5px solid rgba(198,198,198,0.8);
		border-width: thin;*/
	}
	#container-buscador{
		clear: both;
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}

	#buscador input[type=text],[type=mail] {
		font-size:.75em;
		font-weight:400;
		width: 100%;
		height: 25px;
		margin: 3px auto;
		padding: 3px;
		float: none;
		border:0;
		/*color*/
		color:#242427;
		/*background*/
		background: rgba(255,255,255,0.8);
		/*shadom*/
		/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		/*radius border*/
		border-radius: 1px; 
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
		border: .5px solid rgba(198,198,198,0.3);
		border-width: thin;
	}
	
	#buscador input[type=text]:hover{ 
		width: 100%;
		/*color*/
		color:#242427;
		/*background*/
		background: #FFF;
		/*shadom*/
		/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		/*radius border*/
		border-radius: 1px; 
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
	}
	
	/************SELECT***********/

	#buscador select {
		font-family:'Asap', Arial, Helvetica, sans-serif;
		font-size:.75em;
		font-weight:400;
		width:100%;
		height: 33px;
		margin: 3px auto;
		padding: 3px;
		float: none;
		border:0;
		/*color*/
		color:#242427;
		/*background*/
		background: rgba(255,255,255,0.8);
		/*shadom*/
		/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		/*radius border*/
		border-radius: 1px; 
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
		border: .5px solid rgba(198,198,198,0.3);
		border-width: thin;
	}

	/***********SELETCT**********/
	
	#buscador input[type=image] {
		font-family:'Asap', Arial, Helvetica, sans-serif;
		font-weight:bold;
		width:100%;
		height:22px; 
		margin: 3px auto;
		padding: 5px 3px;
		border: 0px;
		cursor: pointer;
		/*color*/
		color:#242427;
		/*background*/
		background: #242427;
		/*shadom*/
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
		/*radius border*/
		border-radius: 1px; 
		-moz-border-radius: 1px; 
		-webkit-border-radius: 1px;
	}

	#buscador input[type=image]:hover{ 
		/*color*/
		color:#FFF;
		/*background*/
		background: #004691;	
	}

	#buscador input[type=image] img{
		width:15px
	}
}