@charset "utf-8";
/*-----------------------------------------------------------------------------*/
/*CSS reset*/
* { margin:0; padding:0; list-style:none; vertical-align:baseline; }

/*Flexbox*/
.main, .topo, .infoG, footer, .cc, .ccItenL, .ccItenc, .rc, .rcItenc, .rcItenl, .rcBox, .rcBoxLeft, .rsBox, .rsbBox
{ 
	display:-moz-box; /*Firefox 19- */
	display:-ms-flexbox; /*IE 10 */ 
	display: -webkit-flex; /*Novo Chrome*/
	display: flex;
}
.main
{
	position: relative;
	
	-webkit-flex-direction:column; /* Safari 6.1+ */ 
	flex-direction:column; 
	
	-webkit-align-items:center;  /* Safari 6.1+ */
	align-items: center;
	overflow:hidden;  
}

/*Marcação
.topo, .logo, .infoG, .info{ border:#000 1px dotted; }*/

/*Maregns Bottom*/
.info, h1, p { margin-bottom:23px; }

/*Remove foco de todos os elementos*/
*:focus { outline: none; }

/*Colum center*/
.cc
{
	-webkit-flex-direction:column; /* Safari 6.1+ */ 
	flex-direction:column; 
	
	-webkit-align-items:center;  /* Safari 6.1+ */
	align-items: center; 
}

/*Colum e item center*/
.ccItenc
{
	-webkit-flex-direction:column; /* Safari 6.1+ */ 
	flex-direction:column; 
	
	-webkit-align-items:center;  /* Safari 6.1+ */
	align-items: center; 
	
	-webkit-justify-content: center; 
	justify-content: center; 
}
.ccItenL
{
	-webkit-flex-direction:column; /* Safari 6.1+ */ 
	flex-direction:column; 
	
	-webkit-align-items:flex-start;  /* Safari 6.1+ */
	align-items: flex-start; 
	
	-webkit-justify-content: flex-start; 
	justify-content: flex-start; 
}

/*Row center*/
.rc
{
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	-webkit-align-items:center; /* Safari 6.1+ */
	align-items:center; /*middle container*/
}

/*Row e item center*/
.rcItenc
{
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	-webkit-justify-content: center; 
	justify-content: center; 
		
	-webkit-align-items:center; /* Safari 6.1+ */
	align-items:center; /*middle container*/
}

/*Row e item center sem quebra de linha*/
.rcBox
{
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	-webkit-justify-content: center; 
	justify-content: center; 
		
	-webkit-align-items:center; /* Safari 6.1+ */
	align-items:center; /*middle container*/
	
	-webkit-flex-wrap:wrap; /* Safari 6.1+ */
	flex-wrap:wrap;	
}

/*Row e item left sem quebra de linha*/
.rcBoxLeft
{
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	-webkit-align-items:center; /* Safari 6.1+ */
	align-items:center; /*middle container*/
	
	-webkit-flex-wrap:nowrap; /* Safari 6.1+ */
	flex-wrap:nowrap;	
}


/*Row e item center around sem quebra de linha*/
.rsBox
{
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	-webkit-justify-content: space-around; 
	justify-content: space-around; 
		
	-webkit-align-items:center; /* Safari 6.1+ */
	align-items:center; /*middle container*/
	
	-webkit-flex-wrap:wrap; /* Safari 6.1+ */
	flex-wrap:wrap;	
}
/*row space between box*/
.rsbBox
{
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	-webkit-justify-content:space-between; 
	justify-content:space-between; 
		
	-webkit-align-items:center; /* Safari 6.1+ */
	align-items:center; /*middle container*/
	
	-webkit-flex-wrap:wrap; /* Safari 6.1+ */
	flex-wrap:wrap;	
}

.ajaxLoad
{
	width:100%;
	-webkit-align-items: center;
  	align-items: center;
  	-webkit-justify-content: center;
 	 justify-content: center;
	
	-webkit-flex-direction:row;  
	flex-direction:row; 
	
	-webkit-align-items:center;  
	align-items: center;
	margin-bottom:33px;
	
	/*border:#000 1px dashed;*/  
}
	.ajaxLoad div
	{
		width:49px; 
		height:13px; 
		/*border:#000 1px solid;*/
	}

/*Row e item center todo espaço sem quebra de linha*/
.rsAllBox
{
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	-webkit-justify-content: space-between; 
	justify-content: space-between; 
		
	-webkit-align-items:center; /* Safari 6.1+ */
	align-items:center; /*middle container*/
}
	.rsAllBox > div
	{
		width:100%; 
		min-width:110px;  
		/*border:red 1px dashed;*/
		padding:7px;
	}


/*-----------------------------------------------------------------------------*/
body
{
	position:relative;
	background:#000;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	font-size:1em; 
}
	.topo
	{
		position: absolute;

		-webkit-flex-direction:column; /* Safari 6.1+ */ 
		flex-direction:column; 
	
		-webkit-align-items:flex-start;  /* Safari 6.1+ */
		align-items:flex-start;
		
		-webkit-justify-content: center; 
		justify-content: center;  
		 
		width:100%;
		height:50px;

		background: rgba(0, 0, 0, 0.7);
		
		z-index: 1000;
	}
		.logo
		{
			width:300px;
			height:50px;
			background:url('../imagens/logoTopo.svg');
			background-repeat: no-repeat;
		}

	#getLocate{
		position: absolute;
		width: 32px;
		height: 32px;
		border: 1px solid #545454;
		background: url('../js/leaflet/images/locationuser.svg') no-repeat rgba(255, 255, 255, 0.705);
		background-size: 27px 27px;
		background-position: center;
		box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
		top:63px;
		right: 8px;
		border-radius: 3px;
		cursor: pointer;
		z-index: 2;
	}

	.legendaMapa{
		position: absolute;
		min-width: 110px;
		min-height: 50px;
		background: rgba(255, 255, 255, 0.9);
		border-radius: 12px;
		border:1px rgb(0, 0, 0) solid;
		box-shadow: 7px 7px rgba(0, 0, 0, 0.2);
		padding: 13px;
		top:93px;
		left:20px;
		z-index: 2;
	}
	#popUpClose
	{
		cursor: pointer;
	}
		.legendaMapa div h3{
			text-transform: uppercase;
			border-bottom: 1px solid rgb(0, 0, 0);
			padding-bottom: 3px;
			color: rgb(8, 47, 78);
		}
			.legendaMapa div h3 span{
				font-weight: bold;
				display: block;
				padding: 0 3px 0 0;
			}
		.legendaMapa div ul{
			width: 100%;
			padding: 7px 0;
		}
		.legendaMapa div ul li{ 
			padding: 7px 0px; 
		}

	.base
	{
		position: absolute;
		bottom: 0;

		-webkit-flex-direction:row; /* Safari 6.1+ */ 
		flex-direction:row; 
	
		-webkit-align-items:flex-start;  /* Safari 6.1+ */
		align-items:flex-start;
		
		-webkit-justify-content: center; 
		justify-content: center;  
			
		width:100%;
		height:150px;

		background-color: rgb(44, 52, 72);
		
		z-index: 1000;
	}

/*INFO PAGE -----------------------------------------------------------------*/
.infoG
{
	position: relative;

	width:100%;
	padding:0 0 13px 0;
	min-height:333px;
	
	flex-direction:column;
	align-items: center;

	top:0;
	z-index:1;
}	
	#mapid{
		background: #807b7b;
		width: 100%;
		min-height: 600px;
	}

	.info
	{
		width:100%;
		max-width:1366px;
		padding-top:23px;
		padding-bottom:57px;
	}
	h1
	{
		min-width:170px;
		padding:0 1% 2% 0;
		font-weight:normal;
	}
	p
	{
		width:100%; /*IE 11- :-/ */
		max-width:1366px;
		text-align:justify;
	}

/*FORMULÁRIO - ESTILO ----------------------------------------------------------------------------*/

.menuBottomItem{
	width: 100%;
	height: 50px;
	color: #FFF;
	text-align: center;
	padding-top: 7px;
	cursor: pointer;
}
.menuBottomItem:hover{
	color:#65aef7;
}

input, textarea, select, button
{
	font-family:"ralewayregular";
	font-size:0.9em;
}

div.aplicacaoG
{
	-webkit-flex-direction:column; /* Safari 6.1+ */ 
	flex-direction:column;
	-webkit-align-items:center;  /* Safari 6.1+ */
	align-items: center;
	
	width:100%;
	/*border:#000 1px dashed;*/
}

.containerButton
{
	flex-direction:row;
	justify-content:center;
	
	-webkit-flex-direction:row; /* Safari 6.1+ */
	flex-direction:row;
		
	width:98%;
	min-height:40px;
	/*border:#000 1px solid;*/
}
h1.secao
{
	min-width:170px;
	padding:0 1% 2% 0;
	font-weight:normal;
}
h3.popUpMap{
	width: 100%;
	height: 15px;
	margin-bottom: 7px;
	border-bottom:1px solid #000;
	text-align: center;
	padding: 0 0 3px 0;
	text-transform: uppercase;
}
.popUpMapUl{
	margin: 0;
	padding: 0;
}
.popUpMapUl li{
	border-bottom: 1px rgb(190, 190, 190) solid;
	margin-bottom: 3px;
}

.popUpMapUlLiVirus
{
	list-style-image: url('../js/leaflet/images/corona-ico.svg');
	list-style-position: inside;
	padding-right: -30px;
}
.popUpMapUlLiMorte
{
	list-style-image: url('../js/leaflet/images/death-ico.svg');
	list-style-position: inside;
	padding-right: -30px;
}
.popUpMapUlLiData
{
	list-style-image: url('../js/leaflet/images/calendar.svg');
	list-style-position: inside;
	padding-right: -30px;
}

.containerForm
{
	width:98%;
	min-width:150px;
	min-height:30px;
	border:#CCC 1px solid;
	background:#FFF;
	padding:13px 0 13px 0;
	margin-bottom:0;
	color:#545454;
	overflow:hidden;
	display:block;
}

#showCalendarForm
{
	width:98%;
	min-width:150px;
	min-height:30px;
	border:#CCC 1px solid;
	background:#FFF;
	padding:13px 0 13px 0;
	margin-bottom:13px;
	color:#545454;
	overflow:hidden;
	display:block;
	
}
	.formsAjaxG
	{
		-webkit-flex-direction:column; /* Safari 6.1+ */ 
		flex-direction:column;
		-webkit-align-items:center;  /* Safari 6.1+ */
		align-items: center;
		
		width:100%;
	}
		.containerFormAjax
		{	
			width:95%;
			min-width:150px;
			min-height:30px;
			/*border:red 1px solid;*/
			margin-bottom:7px;
			color:#545454;
			overflow:hidden;
			display:block;	
		}


input[type="text"], select
{
	width:98%;
	height:34px;
	color:#545454;
	padding:0 3px 0 3px;
	background:#f2f2f2 url(../imagens/inputs.jpg) repeat-x bottom;
	border:#999 1px solid; 
}

select
{
	height:auto;
	padding:3px;
	height:34px;
}

input[type="radio"]
{
	width:13px;
	height:13px;
}
textarea
{
	width:100%;
	height:100px;
	color:#545454;
	padding:3px; 
}

button.btn
{
	width:100%;
	min-height:38px;
	padding:0 3px 0 3px;
	background:#066;
	border:#bc0808 1px solid;
	color:#FFF;
	border:none;
	margin-bottom:13px;
	font-weight:bold;
	cursor:pointer;
}
button.btnControl
{
	width:100%;
}
button
{
	width:230px;
	min-height:38px;
	padding:0 3px 0 3px;
	background:#bc0808;
	border:#bc0808 1px solid;
	color:#FFF;
	border:none;
	margin-bottom:13px;
	font-weight:bold;
	cursor:pointer;
}
button.ativo
{
	background: #bc0808;
	color:#fff;
	cursor:pointer;
}
button.inativo
{
	background: #ccc;
	color:#999;
	cursor:auto;
	cursor:auto;
}
button.execucao
{
	background:#2471bf;
}

ul.formItens
{
}

ul.formItens li
{
	margin-bottom:17px;
}

.topico
{
	width:100%;
	font-weight:bold;
	margin-bottom:13px;
	border-bottom:1px solid #ccc;
	color:#b12227;
}

ul.linha
{
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
ul.linha li
{ 
	width:100%;
	margin-right:1%;
}

li{position:relative}

a {text-decoration:none; font-weight:bold}
a:hover{color:#F00;}
a:visited{color:#F00;}

/*FORMULÁRIO - ESTILO END ----------------------------------------------------------------------------*/


footer
{
	width:100%;
	flex-direction:column;
	align-items: center;
	font-size:0.7em;
}
footer div
{
	width:100%;
	max-width:1366px;
	text-align:center;
}

/*MQ -----------------------------------------------------------------*/
@media screen and (max-width: 320px)
{
	.base
	{
		position: absolute;
		bottom: -72px;
	}
}
@media screen and (min-width: 321px) and (max-width: 749px)
{
	.base
	{
		position: absolute;
		bottom: -70px;
	}
}
@media screen and (min-width: 750px)
{
	.base
	{
		position: absolute;
		bottom: -100px;
	}
}