/*
	@projeto 	: RESCON 
	@author 	: INFOBRAS - Soluções Web
	@coord. 	: José Luiz (Zeca)
	@develop	: Matheus Araujo
	@created 	: 11/2019

	@versao 	: 1.1
	@modified 	: /

	@obs : Style padrao de todo website
*/

@charset "utf-8";

@import url('./fonts.min.css');
@import url('./flaticon.css');


/* DEFINIÇÕES DOS PADRÕES
-------------------------------------------------------*/

:root{

	/* 	DEFINIÇÕES DE CORES 
		ce = Cor Escura
		cm = Cor Media
		cc = Cor Clara
		ca = Cor Alternativa
	*/

	--ce		: #003551; /* (51, 51, 51, 1.0)		*/
	--ce-azul	: #3a76a3; /* (58, 118, 163, 1.0)	*/
	--cm-azul	: #b5d0e5; /* (181, 208, 229, 1.0)	*/
	--cc-azul	: #e6eff6; /* (230, 239, 246, 1.0)	*/
	--ce-cinza	: #777777; /* (119, 119, 119, 1.0)	*/
	--cc-cinza	: #ebebeb; /* (235, 235, 235, 1.0)	*/
	--cc		: #FFFFFF; /* (255, 255, 255, 1.0)	*/

	/* 	DEFINIÇÕES DE FONTS 
		fp = Font Padrao
		fs = font size
	*/

	--fp	: 'Roboto', sans-serif;

	--fs-titulo 	: 30px;
	--fs-destaque 	: 35px;
	--fs-medio		: 30px;
	--fs 			: 16px;
	--fs-min 		: 12px;
}

/* background */
.b-ce 		{ background-color: #333333; }
.b-ce-azul 	{ background-color: #3a76a3; }
.b-cm-azul 	{ background-color: #b5d0e5; }
.b-cc-azul 	{ background-color: #e6eff6; }
.b-ce-cinza	{ background-color: #777777; }
.b-cc-cinza	{ background-color: #ebebeb; }
.b-cc 		{ background-color: #FFFFFF; }

/* color */
.ce 		{ color: #333333; }
.ce-azul 	{ color: #3a76a3; }
.cm-azul 	{ color: #b5d0e5; }
.cc-azul 	{ color: #e6eff6; }
.ce-cinza	{ color: #777777; }
.cc-cinza	{ color: #ebebeb; }
.cc 		{ color: #FFFFFF; }

/* tamanho de texto */
.fs-titulo 		{ font-size: 22px; }
.fs-destaque 	{ font-size: 24px; }
.fs-medio		{ font-size: 20px; }
.fs 			{ font-size: 14px; }
.fs-min 		{ font-size: 12px; }


/* seleção de textos */
::selection{
	background-color: var(--ce-azul);
	color:var(--cc);
}

/* setar padrões das tags */
* {
	padding: 0;
	margin:0;
	text-decoration: none;
	list-style: none;
	outline: none;
}

a{
	color: currentColor;
}

input[type='text'], input[type='tel'], textarea, button, select{
	width:calc(100% - 20px);
	height:40px;
	padding:0 10px 0 10px;
	border-color:rgb(136,136,136);
	border-width:1px;
	border-radius:5px ;
	border-style:solid;
	font-size:18px;
	font-family: var(--fp);
	background-color: #FFF;"
}
input:focus, textarea:focus, button:focus{
	border-color:#3a76a3;
	box-shadow:0px 0px 5px rgba(0,175,239,0.3);
}
select option{
	background-color: #FFF;"
}


html, body {
	width: 100%;
	height: 100%;
}



.e-o { display: none; } /* elemento ocultado */

.e-c { margin: 0 auto; position: relative; } /* elemento centralizado  */

.e-w { width: 100%; position: relative; } /* elemento full wide */