@font-face{
		font-family:'Gotham-Book';
		src: url('../fontes/Gotham-Book/Gotham-Book.eot');
		src: url('../fontes/Gotham-Book/Gotham-Book.eot') format('embedded-opentype'),
			 url('../fontes/Gotham-Book/Gotham-Book.woff') format('woff'),
			 url('../fontes/Gotham-Book/Gotham-Book.ttf') format('truetype'),
			 url('../fontes/Gotham-Book/Gotham-Book.svg#Gotham-Book') format('svg');
	}
	@font-face{
		font-family:'Gotham-Light';
		src: url('../fontes/Gotham-Light/Gotham-Light.eot');
		src: url('../fontes/Gotham-Light/Gotham-Light.eot') format('embedded-opentype'),
			 url('../fontes/Gotham-Light/Gotham-Light.woff') format('woff'),
			 url('../fontes/Gotham-Light/Gotham-Light.ttf') format('truetype'),
			 url('../fontes/Gotham-Light/Gotham-Light.svg#Gotham-Light') format('svg');
	}
	@font-face{
		font-family:'Gotham-Medium';
		src: url('../fontes/Gotham-Medium/Gotham-Medium.eot');
		src: url('../fontes/Gotham-Medium/Gotham-Medium.eot') format('embedded-opentype'),
			 url('../fontes/Gotham-Medium/Gotham-Medium.woff') format('woff'),
			 url('../fontes/Gotham-Medium/Gotham-Medium.ttf') format('truetype'),
			 url('../fontes/Gotham-Medium/Gotham-Medium.svg#Gotham-Medium') format('svg');
	}
	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#665039;
		padding:0;
		margin:0;
		border:0;
	}	
	html, body {
		width:100%;
		height:100%;
		margin:0 auto;
		text-align:center;
		background:#F4F4F4;
	}
		::-webkit-scrollbar {
			width:8px;
		}
		 
		::-webkit-scrollbar-track {
			-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);
		}
		 
		::-webkit-scrollbar-thumb {
		  background-color:#6D66FF;
		  border-radius:8px;
		}
	
	img{		
		height:auto;
		border:0;
		margin-bottom:-3px;
	}
	a{
		text-decoration:none;
		transition:0.5s;
	}
		a:hover{
		}
	div{
		display:inline-block;
		vertical-align:top;
		width:100%;
	}
	
	
	h1, h2, h3, h1 span{
		font-family:'Gotham-Medium';
		color:#FF5C62;
		font-size:25px;
		margin:0 0 25px 0;
	}
		h2{
			font-size:22px;		
		}
		h3{
			font-size:20px;	
			margin:0 0 15px 0;	
		}
		h1 span{
			color:#665039;
			font-size:18px;		
		}
	
	#boxAlert{
		display:none;
		position:fixed;
		z-index:9999;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
	}
		#boxAlert .alertCentralizar{
			display:inline-table;
			width:100%;
			height:100%;
		}
		#boxAlert .alertCentralizar .center{
			display:table-cell;
			vertical-align:middle;
		}
		#boxAlert .box-texto{
			position:relative;
			width:90%;
			max-width:450px;
			background:#FFF;
			text-align:left;
		}
		#boxAlert .box-texto #fecharAlert{
			position:absolute;
			right:0;
			top:0;
			width:30px;
			padding:10px 0 10px 0;
			background:#333;
			color:#FFF;
			cursor:pointer;
			text-align:center;
		}
		#boxAlert .box-texto #tituloAlert{
			width:calc(100% - 70px);
			padding:10px 50px 10px 20px;
			background:#CCC;
			font-weight:bold;
		}		
		#boxAlert .box-texto #textoAlert{
			width:calc(100% - 40px);
			padding:20px;
			min-height:50px;
			line-height:18px;
		}
	
	#mensagem{
		width:calc(100% - 20px);
		padding:10px;
		margin:0 0 10px 0;
		border-radius:10px;
	}
		#mensagem.erro{
			background:#FF0000;
			color:#FFF;
		}
		
	form input, form select, form textarea{
		width:calc(100% - 22px);
		padding:10px 10px 10px 10px;
		margin:0 0 20px 0;		
		border:1px solid #DADCE0;
		outline:none;
		resize:none;
		border-radius:10px;
		background:#FFF;
	}
	form select{
		width:100%;
	}
	form .titulo-campo{
		width:calc(100% -20px);
		padding:0 10px 5px 10px;
		text-align:left;
		font-weight:bold;
		position:relative;
	}
		form .titulo-campo .info{
			width:auto;
			display:inline-block;
			margin:-3px 0 0 0;
		}
			form .titulo-campo .info svg{
				width:13px;
				fill:#FF9900;
				cursor:pointer;			
			}
		
	form input[type=submit]{
		display:inline-block;
		width:100%;
		padding:15px 3% 15px 3%;
		margin:10px 0 0 0;
		font-family:'Gotham-Book';
		font-size:16px;
		color:#FFF;
		font-weight:bold;
		border:none;
		background:#FF5C62;
		outline:none;
		cursor:pointer;
		transition:0.5s;
	}
		form input[type=submit]:hover{
			background:#F2575D;
		}
	form .texto-form{
		margin:25px 0 0 0;
	}
		form .texto-form a{			
			color:#FF5C62;
			font-weight:bold;
		}
			form .texto-form a:hover{			
				color:#F2575D;
			}
	form.login{
		display:inline-block;
		max-width:400px;
	}
	
	#site{
		width:100%;
		height:100%;
	}
		#site #area-topo{
			width:100%;
			height:80px;
			padding:10px 0 10px 0;
			background:#FFF;
			border-bottom:1px solid #DADCE0;
			box-shadow:0 0 10px #DADCE0; 
			z-index:999;
			position:relative;
		}
				#site #area-topo #logo-site{
					width:280px;
					vertical-align:middle;
					padding:0 1% 0 1%;
					text-align:left;
				}
					#site #area-topo #logo-site img{
						width:auto;
						height:80px;
					}
				
				#site #area-topo #menu-topo{
					width:calc(73% - 280px);
					vertical-align:middle;
				}
					#site #area-topo #menu-topo ul{
						width:100%;
					}
						#site #area-topo #menu-topo ul li{
							display:inline-block;
							width:auto;
						}
						#site #area-topo #menu-topo ul li a{
							display:inline-block;
							width:auto;
							padding:15px 20px 15px 20px;
							border-radius:25px 25px 25px 25px;
							font-family:'Gotham-Medium';
							font-size:13px;
						}
						#site #area-topo #menu-topo ul li a:hover{
							background:#F2F3F6;						
						}
						#site #area-topo #menu-topo ul li a.ativo{
							background:#FFEFF2;
							color:#FF5C62;
						}
				
				#site #area-topo #topo-extra{
					width:20%;
					padding:0 2% 0 2%;
					vertical-align:middle;
				}
					#site #area-topo #topo-extra .link_pagina{
						padding:0 !important;
					}
						#site #area-topo #topo-extra .link_pagina .links{
							border-radius:25px !important;
						}
				
		
		#site #conteudo{
			width:100%;
			height:calc(100% - 101px);
		}
			#site #conteudo #box-menu{
				width:280px;
				background:#FFF;
				border-right:1px solid #DADCE0;
				box-shadow:0 0 10px #DADCE0;
				height:100%;
				overflow:auto;
				text-align:left;
			}
/* ----- Menu ----- */		
	.atalho_menu {
		width:90%;
		padding:15px 5% 15px 5%;
		cursor:pointer;
		background:url(../../imagens/icone-menu.png) 95% center no-repeat;
		font-family:'Gotham-Medium';
		font-size:14px;
		font-weight:bold;
		text-align:left;
	}
			
	#box-menu {display: inline-block; width:100%; vertical-align:middle; height:auto; position: relative;}
	#box-menu ul  {clear: both; list-style: none; margin: 0; padding: 0; z-index: 1000;}
	#box-menu ul > li {}
	#box-menu ul > li:first-child {}
	#box-menu ul > li a {}
	#box-menu ul > li a:hover {}
	#box-menu ul > li ul {display: none; position: absolute; visibility: hidden; vertical-align: middle; opacity: 0; width: 20%; filter: alpha(opacity=0); padding:0 0 0 0; text-align:left;}
	#box-menu ul > li:hover ul { display: none; visibility: visible; opacity: 1.0; filter: alpha(opacity=100);}
	#box-menu ul > li li {width:100%; margin:10px 0 10px 0;}
	#box-menu ul > li li a {}
	#box-menu ul > li li a:hover {}
	#box-menu ul > li li ul {}				
	
@media (min-width: 1001px) {
	#box-menu .atalho_menu { display:none; }
}
@media (max-width: 1000px) {
	#box-menu { height:inherit !important; width:100%;}
	#box-menu ul { min-width:100%; }
	#box-menu .js { display: none; width:100%;}
	#box-menu .js li { border: 0 none !important; width:100%; padding:0; margin:0;}
	#box-menu .js > li a {}
	#box-menu .js li ul { display:inline-block; opacity: 1; position: inherit; visibility: visible; background:none; padding:0; margin:0; width:100%;}
	#box-menu ul > li:hover ul { display: inline-block; visibility: visible; opacity: 1.0; filter: alpha(opacity=100);}
	#box-menu .js li ul li a {}
	#box-menu ul > li ul {max-width: 100%;}
}
				
				#site #conteudo #box-menu ul{
					width:90%;
					padding:25px 0 25px 0;
				}
					#site #conteudo #box-menu ul li a{
						display:inline-block;
						width:calc(100% - 50px);
						padding:15px 25px 15px 25px;
						border-radius:0 25px 25px 0;
						font-family:'Gotham-Medium';
					}
					#site #conteudo #box-menu ul li a .svgmenu{
						display:inline-block;
						vertical-align:middle;
						width:30px;
					}
						#site #conteudo #box-menu ul li a .svgmenu svg{
							width:18px;
							fill:#665039;
						}
					#site #conteudo #box-menu ul li a:hover{
						background:#F2F3F6;						
					}
					#site #conteudo #box-menu ul li a.ativo{
						background:#FFEFF2;
						color:#FF5C62;
					}
						#site #conteudo #box-menu ul li a.ativo .svgmenu svg{
							fill:#FF5C62;
						}
					#site #conteudo #box-menu ul li a.ativo i{
						color:#FF5C62;
					}
					#site #conteudo #box-menu ul li a i{
						display:inline-block;
						width:25px;
						font-size:16px;				
					}
					
					#site #conteudo #box-menu ul ul{
						width:100%;
						padding:0;
					}
						#site #conteudo #box-menu ul ul li a{
							width:calc(100% - 90px);
							padding:10px 25px 10px 65px;
							font-family:'Gotham-Thin';
						}
					
			#site #conteudo #box-conteudo{
				width:calc(100% - 281px);
				height:100%;
				margin:0 0 0 -4px;
			}
			#site #conteudo #box-conteudo.conteudo-total{
				width:calc(100%);
			}
				#site #area-scroll{
					width:calc(100% - 100px);
					height:calc(100% - 102px);
					padding:30px 50px 30px 50px;
					border-top:1px solid #DADCE0;
					overflow:auto;
				}
				
				.area-centralizar{
					display:inline-table;
					height:100%;
				}
					.area-centralizar .box-centralizar{
						display:table-cell;
						vertical-align:middle;
					}
					
					#site #area-scroll .resumo-corridas{
						margin-bottom:40px;
					}
					#site #area-scroll .box-rp{
						width:calc(47% - 4px);
						margin-right:6%;
						margin-bottom:40px;
					}
					#site #area-scroll .box-cidades{
						width:47%;
						margin-bottom:40px;
					}
					
				#site #conteudo #box-conteudo #area-rodape{
					display:inline-table;
					width:96%;
					height:20px;
					padding:10px 2% 10px 2%;
					background:#FFF;
					border-top:1px solid #DADCE0;
				}
				#site #conteudo #box-conteudo #area-rodape div{
					display:table-cell;
					vertical-align:middle;
				}
		
		.alinhamento-left{
			text-align:left;
		}
		
		.lista-atividades{
			width:100%;
			background:#FFF;
			border:1px solid #DADCE0;
		}
		.lista-atividades table, .lista-atividades table thead, .lista-atividades table tbody{
			width:100%;
		}	
		.lista-atividades tr{
			width:100%;
			transition:0.5s;
		}
		.lista-atividades tr:nth-child(odd){
			background:#F9F9F9;
		}
		.lista-atividades thead tr:nth-child(odd){
			background:none;
		}
		.lista-atividades tbody tr:hover{
			background:#FFEFF2;
		}
		.lista-atividades thead tr:first-child{
		}
		.lista-atividades tbody tr:last-child{
		}
		.lista-atividades table thead tr td{
			font-weight:bold;
		}
		.lista-atividades table tr td{
			padding:15px 10px 15px 10px;
			align:left;
		}
		
		.lista-atividades i{
			font-size:15px;
		}
			.lista-atividades i.fa-eye{
				color:#88B600;
			}
			.lista-atividades i.fa-pen-to-square{
				color:#FFC926;
			}
			.lista-atividades i.fa-trash-can{
				color:#FF0000;
			}
		
		.wdt-5{
			width:5%;
		}	
		.wdt-10{
			width:10%;
		}
		.wdt-15{
			width:15%;
		}
		.wdt-20{
			width:20%;
		}
		.wdt-25{
			width:25%;
		}
		.wdt-30{
			width:30%;
		}
		.wdt-35{
			width:35%;
		}
		.wdt-40{
			width:40%;
		}
		.wdt-45{
			width:45%;
		}
		.wdt-55{
			width:50%;
		}
		.wdt-55{
			width:55%;
		}
		.wdt-60{
			width:60%;
		}
		.wdt-65{
			width:65%;
		}
		.wdt-70{
			width:70%;
		}
		.wdt-75{
			width:75%;
		}
		.wdt-80{
			width:80%;
		}
		.wdt-85{
			width:85%;
		}
		.wdt-90{
			width:90%;
		}
		.wdt-95{
			width:95%;
		}
		.wdt-100{
			width:100%;
		}
		
	svg{		
		height:auto;
	}
	.svgalterar svg{
		width:16px;
		fill:#FFC926;
	}
	.svgexcluir svg{
		width:14px;
		fill:#FF0000;
	}
	.svgver svg{
		width:18px;
		fill:#88B600;
	}
	.link_pagina{
		display:inline-block;
		width:100%;
		padding:0 0 15px 0;
		text-align:right;
	}
		.link_pagina .links{
			display:inline-block;
			margin:0 0 0 1%;
			padding:15px 5% 15px 5%;
			border-radius:15px;
			font-family:'Gotham-Medium';
			color:#ffffff;
			background:#88B600;
			text-align:center;
		}
			.link_pagina .links:hover{
				background:#F2575D;
			}
		.link_pagina .links.listar{
			background:#FF5C62;
		}
		
		form input.campo_busca{
			width:35%;
			margin:0 1% 0 0;
			outline:none;
			padding:10px 1% 10px 1%;
		}
		form input[type=submit].bt_busca{
			width:auto;
			padding:11px 2% 11px 2%;
			color:#FFF;
			font-size:13px;
			background:#FF5C62;
			border:none;
			outline:none;
			cursor:pointer;
		}
			form input[type=submit].bt_busca:hover{
				background:#F2575D;
			}
	

	.row{
		display:flex;
		gap: 15px;
	}
		.row .col{
		}
		
	form input[type=submit].bt_cadastrar{
		background:#88B600;
	}
	form input[type=submit].bt_alterar{
		background:#FFC926;
	}
	form input[type=submit].bt_excluir{
		background:#FF0000;
	}
		form input[type=submit].bt_cadastrar:hover, form input[type=submit].bt_alterar:hover, form input[type=submit].bt_excluir:hover{
			background:#F2575D;
		}

@media (max-width: 1200px)
{	
	#site #area-topo{
		width:100%;
		height:auto;
	}
		#site #area-topo #logo-site{
			width:90%;
			padding:0 5% 0 5%;
			text-align:left;
		}
			#site #area-topo #logo-site img{
			}
		
		#site #area-topo #menu-topo{
			width:100%;
			margin:10px 0 10px 0;
		}
			#site #area-topo #menu-topo ul{
				width:100%;
			}
				#site #area-topo #menu-topo ul li{
					display:inline-block;
					width:auto;
				}
				#site #area-topo #menu-topo ul li a{
					display:inline-block;
					width:auto;
					padding:15px 20px 15px 20px;
					border-radius:25px 25px 25px 25px;
					font-family:'Gotham-Medium';
					font-size:13px;
				}
				#site #area-topo #menu-topo ul li a:hover{
					background:#F2F3F6;						
				}
				#site #area-topo #menu-topo ul li a.ativo{
					background:#FFEFF2;
					color:#FF5C62;
				}
		
		#site #area-topo #topo-extra{
			width:90%;
			padding:0 5% 0 5%;
		}
			#site #area-topo #topo-extra .link_pagina{
				padding:0 !important;
			}
				#site #area-topo #topo-extra .link_pagina .links{
					border-radius:25px !important;
				}
}

@media (max-width: 1000px)
{	
	#site{
		height:auto
	}
		
		#site #conteudo{
			width:100%;
			height:auto;
		}
			#site #conteudo #box-menu{
				width:100%;
				height:auto;
				border-right:none;
			}
				#site #conteudo #box-menu ul{
					width:100%;
					padding:0 0 0 0;
				}
					#site #conteudo #box-menu ul li a{
						display:inline-block;
						width:90%;
						padding:10px 5% 10px 5%;
						border-radius:0 0 0 0;
						border-top:1px solid #DADCE0;
					}
					#site #conteudo #box-menu ul li a:hover{
						background:#F2F3F6;						
					}
					#site #conteudo #box-menu ul li a.ativo{
						background:#FFEFF2;
						color:#FF5C62;
					}
					#site #conteudo #box-menu ul li a.ativo i{
						color:#FF5C62;
					}
					#site #conteudo #box-menu ul li a i{
						display:inline-block;
						width:25px;
						font-size:16px;				
					}
					
					#site #conteudo #box-menu ul ul{
						width:100%;
						padding:0;
					}
						#site #conteudo #box-menu ul ul li a{
							width:calc(100% - 90px);
							padding:10px 25px 10px 65px;
							font-family:'Gotham-Thin';
						}
					
			#site #conteudo #box-conteudo{
				width:100%;
				height:auto;
				margin:0 0 0 0;
			}
			#site #conteudo #box-conteudo.conteudo-total{
				width:calc(100%);
			}
				#site #area-scroll{
					width:90%;
					height:auto;
					padding:30px 5% 30px 5%;
					border-top:1px solid #DADCE0;
					overflow:hidden;
				}
				
				.area-centralizar{
					display:inline-table;
					height:100%;
				}
					.area-centralizar .box-centralizar{
						display:table-cell;
						vertical-align:middle;
					}
				
					#site #area-scroll .box-rp{
						width:100%;
						margin-right:0;
						margin-bottom:40px;
					}
					#site #area-scroll .box-cidades{
						width:100%;
						margin-bottom:40px;
					}
					
				#site #conteudo #box-conteudo #area-rodape{
					display:inline-table;
					width:90%;
					height:auto;
					padding:10px 5% 10px 5%;
				}
				#site #conteudo #box-conteudo #area-rodape div{
					display:table-cell;
					vertical-align:middle;
				}
}

@media (max-width: 800px)
{
	.ocultar-mobile{
		display:none !important;
	}
	*{
		font-size:12px;
	}	
	h1, h2, h3, h1 span{
		font-size:20px;
	}
		h2{
			font-size:17px;		
		}
		h3{
			font-size:15px;		
		}
		h1 span{
			/*display:inline-block;
			width:100%;*/
			font-size:15px;
		}
	
	.row{
		display:inline-block;
	}
		.row .col{
		}
	
}