/*
-- Estilos CSS - Website da Empresa
*/

/*
-- Padr�es e Reset
*/
:root {
	--main-color: #05D46E; 
	--primary-text-color: #fff; 
	--secondary-text-color: #191919; 
	--secondary-color: #87D2A4;
	--tertiary-color: #eff3f4; 
	--secondary-bg-color: #230859;
  }

* {margin: 0; padding: 0;}
ul {list-style-type: none;}
img, fieldset {border: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

/*
-- Tipografia e Cores
*/

body {
	color: #333;
	
}

body, input, select, textarea {
font-family: 'Montserrat', sans-serif;}

a:link {
	color: #0F599F;
}

a:visited {
	color: #05D46E;
}

a:hover {
	color: #05D46E;
	text-decoration: none;
}

a:focus {
	outline: 0.0625rem dotted #F00;
}

a:active {
	color: #F00;
}

p {
	font-size: 1rem;
	margin-bottom: 2rem;
	line-height: 1.4em;
}

#conteudo-principal h1 {
    font-size: 2.25rem;
    margin-bottom: 3.125rem;
	margin-left: 2.5rem;
}
#conteudo-principal p{
	margin-left: 80px;
	text-align: justify;
}
#conteudo-principal h2,
#conteudo-secundario h1 {
    font-size: 24px;
    margin-bottom: 0.5em;
}
 
#conteudo-secundario p {
	margin-top: 30px;
    font-size: 14px;
	text-align: justify;
}
 
#conteudo-principal ul,
#conteudo-principal ol {
    font-size: 16px;
    margin-left: 10px;
    margin-bottom: 1em;
}
 
#conteudo-principal ul {
    list-style-type: square;
}
 
#conteudo-principal li {
    margin-bottom: 0.3em;
}


/*
-- Estrutura
*/

#cabecalho, #conteudo, #rodape {
	width: 1345px;
	margin: 0 auto;
}

#cabecalho {
	position: relative;
}

#logo {
	padding: 0 10px;
	display: block;
	float: left;
}

#logo img {
	display: block;
	height: 150px;
	right: 100px;
}

#menu-principal {
	position: absolute;
	top: 76px;
	left: 845px;
}

#menu-principal li {
	display: inline;
}

#menu-principal a {
	display: block;
	float: left;
	font-size: 18px;
	text-decoration: none;
	color: #333333;
	margin-left: 32px;
}

#menu-principal a:hover, #menu-principal a.ativo {
	color: #0f599f;
}

#menu-principal a.ativo {
	font-weight: bold;
}

#foto-principal {
	width: 1345px;
	height: 714px;
	margin: 3px 3px;
	background: url(../img/ISISeDIANA1345.jpg);
	
}



#conteudo {
	width: 1345px;

}

#conteudo-principal {
	margin-top: 3rem;
	float: left;
	width: 625px;
}

#conteudo-secundario {
	margin-right: 50px;
	float: right;
	width: 250px;
}

#conteudo-secundario .interna {
	padding: 20px;
}

#conteudo-secundario img {
	display: block;
}


/*
-- Estilos espec�ficos de Se��o
*/

#bd-empresa #foto-principal,
#bd-servicos #foto-principal,
#bd-contato #foto-principal
{
	width:1340px;
	height: 714px;
}

/* home */

#bd-home #conteudo-secundario {
	background: #0f599f;
	color: #FFF;
}

#bd-home #conteudo-secundario a {
	color: #FFF;
}

/* empresa */

#bd-empresa .legenda {
	margin: 1rem center;
	color: #FFF;
	background: #808080;
	font-style: italic;
	text-align: center;
	padding: 0.3em 0.6em;
}

#conteudo-principal ul{
	margin-left: 5rem;
	margin-bottom: 2rem;
}


/* servicos */
.socias{
	margin-top: 2rem;
	margin-right: 8rem;
	width: 280px;
}
.depoimento {
	margin-bottom: 1em;
}

.depoimento blockquote {
	font-size: 16px;
	font-family: Georgia, serif;
	font-style: italic;
	line-height: 1.5em;
	color: #666;
	text-align: justify;
	margin-bottom: 0.3em;
}

.depoimento blockquote p {
	margin-bottom: 0.7em;
}

.depoimento .autor {
	text-align: right;
	font-size: 12px;
}

/*
-- Formul�rios
*/

.campo {
	margin-bottom: 0.75em;
	margin-left: 3rem;
}

.campo label {
	display: block;
	font-size: 1em;
	margin-bottom: 0.1em;
}

.campo abbr {
	color: #C00;
	font-weight: bold;
}

.campo input, .campo textarea, .campo select {
	width: 100%;
	border: 1px solid #CCC;
	font-size: 1em;
	padding: 0.1em 0;
}

.campo textarea {
	height: 10em;
}

label.checkbox {
	display: inline-block;
	margin-right: 1em;
}

label.checkbox input {
	display: inline;
	vertical-align: baseline;
	width: auto;
}

.submit {
	font-size: 1em;
	background: #0F599F;
	font-weight: bold;
	color: #FFF;
	border: 0;
	padding: 0.5em 1em;
	margin-top: 1em;
}

.submit:hover {
	background: #F90;
}

fieldset.grupo .campo {
	float: left;
	margin-right: 1em;
}

.campo.telefone {
	width: 30%;
}

.campo.nome, .campo.empresa {
	width: 48%;
}

fieldset.grupo .campo.empresa {
	margin-right: 0;
	float: right;
}

label, select, .submit {
	cursor: pointer;
}

/*
-- Tabelas
*/

.tabela-servicos {
	margin-left: 3rem;
    border-spacing: 0;
    width: 100%;
}

.tabela-servicos caption {
	font-size: 24px;
	margin-bottom: 0.5em;
	text-align: left;
}

.tabela-servicos th {
	background: #0F599F;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}

.tabela-servicos th, .tabela-servicos td {
	border-bottom: 1px solid #CCC;
	font-size: 14px;
	padding: 0.3em;
}

.tabela-servicos .prazo-entrega {
	text-align: center;
}

.tabela-servicos .valor-servico {
	text-align: right;
}
.espaco{
	color: #FFF;
}
/*
-- Classes de Uso Geral
*/

.grupo::before, .grupo::after {
	content: " ";
	display: table;
}

.grupo::after { 
    clear: both;
}
.metodologia{
	margin-left: 270px;
	margin-top: 50px;
	width: 800px;
	height: 450px;
}



/* Rodapé */
#footer {
	color: var(--primary-text-color);
	background: var(--main-color);
	display: flex;
	justify-content: space-around;
	padding: 2rem 2rem 2rem;
	width: 82rem;
	height: 20rem;
  }
  
  #footer i {
	padding-top: 0.5rem;
	font-size: 1rem;
	padding: 0.1rem;
  }
  
  #footer a {
	color: var(--primary-text-color);
  }
   .logo-rodape{
	width: 350px;
   }
   
  .contact-info,
  .links-container {
	width: 50%;
  }
  
  
  .contact-info p {
	margin-bottom: 0.5rem;
  }
  
  .contact-info p i {
	background-color: transparent;
	padding: 0.5px auto;
  
  }
  
  .social-networks p {
	margin-bottom: 1rem;
  }
  
  .networks {
	margin-top: 2rem;
	display: flex;
	gap: 1rem;
  }
  
  #footer .networks i {
	padding: 1rem;
  }
  
  .links-container h4 {
	margin-top: 4rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
  }
  
  .links-container nav {
	margin-top: 0.5rem;
	display: flex;
	flex-direction:column;
  }
  
  .links-container nav a {
	padding-bottom: 2rem;
	margin-bottom: 0.5rem;
	
  }
  
  .phone-number {
	display: flex;
	border: 1px solid var(--primary-text-color);
	gap: 1rem;
	align-items: center;
	margin-bottom: 1rem;
  }
  
  .phone-info {
	color: var(--secondary-bg-color);
  }
  .direitos{
	left: 1rem;
	background-color: var(--main-color);
	color: var(--primary-text-color);
	font-size: 12px;
	width: 82rem;
  }