/*
* @author AB
* @version 1a
*/

/* layout */
html, body {
	height: 100%;
	overflow: auto; /*-- Scrollbar automática --*/
}

/* barra de navegação superior */
nav.navbar-transparente {
	padding: 2px 0px 0px 0px;
	background: rgba(0, 0, 0, 0.4); /* barra na cor preta com a transparência 0.4. */
	border: none;
}

.posicaomenunav{
	padding-right: 20px;
}

.barra_divisora{
	width: 1px;
	height: 16px;
	background: white;
	margin: 28px 16px 27px 17px;
}

.Bts_Nav{
	margin: 10px 6px 10px 0px;
}

.popover{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
}

.navbar-inverse .navbar-nav>li>a, footer .nav a {
	color: white;
	padding: 5px;
	margin: 10px 0px 9px 0px;
}

.navbar-inverse .navbar-nav>li>a:hover, footer .nav a:hover {
	background-color: #000;
	padding: 5px;
	margin: 10px 0px 9px 0px;
}

/* -- Imagem TOPO */
body {
	background: url('img/20260623_03.png') no-repeat,
				url('img/20260623_04.png');
	background-position-y: 75px;
	background-position-x: center;
	background-attachment: fixed; 
}

.imagem_topo {
	display: table;
	width: 100%; /*largura*/
	height: 40%; /*altura*/
}

/* -- Menu Central -- */

#menu_central {
	background: #fff; /* branco */
	padding-top: 12px;
	padding-bottom: 3px;
}

a{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none; /* Remover o sublinhado de todos os Estados do link.*/
	padding: 5px;
}

a:link{
	color: #000; 
}

a:visited{
	color: #000;
}

a:hover{
	background: #000;
	color: #fff;
}

a:active{
	background: #000;
	color: #fff;
}

/*-- tipografia --*/
h2 {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	color: black;
	font-size: 30px;
	margin-bottom: 30px;
	letter-spacing: 0.30em;
}

h3{
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 20px;
	letter-spacing: 0.30em;
	color: #fff;
}

h4{
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 20px;
	letter-spacing: 0.30em;
	color: #88898C; 
}

h5{
	margin-top: 10px;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 12px;
	letter-spacing: 0.30em;
	color: black;
	font-weight: bold;
}

p {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	color: #000;
	font-size: 12px;
	font
}

.mensagemquepassa{
	font-size: 15px;
	letter-spacing: 0.40em;
}

/*-- missão --*/

#anossamissao {
	padding-top: 0px;
	padding-bottom: 0px;
	background: rgba(226, 229, 234, 0.8);
}

/*-- visão e valores - backgroud frame branco --*/

#backgroundframebranco {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
	background: rgba(255, 255, 255, 0.8);
}

/*-- visão e valores - alinhar bt início à direita --*/
.videoframe1 {
    width: 600px; 
    height: 490px;
    border: 1px solid #000;
    object-fit: cover; /* ou contain */ 
}

.alignbuttonimage{
	padding-top: 3px;
	margin-bottom: 3px;
}

/*-- o que fazemos --*/

#oquefazemos {
	padding-top: 0px;
	padding-bottom: 0px;
	background: rgba(226, 229, 234, 0.8);
}


/*-- como fazemos - backgroud frame branco --*/
#comofazemos {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);	
}

.videoframe2 {
    width: 580px; 
    height: 128px;
    border: 1px solid #000;
    object-fit: cover; /* ou contain */
}

/*-- porquê nós --*/
#porquenos {
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background: rgba(226, 229, 234, 0.8);
}

.espacobottom{
	padding-bottom: 20px;
}

.espacoentreletras{
	letter-spacing: 0.40em;
	font-weight: bold;
}

.videoframe3 {
    width: 200px; 
    height: 161px;
    border: 1px solid #000;
    object-fit: cover; /* ou contain */ 
}

.posicaovideosquare{
	float: right;
	padding-top: 250px;
}

/* footer  */

#footer {
	background-color: #80ACF3;
	font-family: "Trebuchet",Helvetica,Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	padding: 0px 0px 0px 0px;
}

.rotationgb{
	transform: rotate(3deg);
}

/* Sobre Nós  */

.widthheight{
	width: 114px; 
    height: 145px;
    border: 1px solid #000;
    object-fit: cover; /* ou contain */ 
    margin-right: 10px;

}

.alignbutton{
	padding-top: 3px;
	margin-bottom: 3px;
}

/* Proteção Dados  */

.footerprot {
	padding: 10px 0px 0px 0px;
}

/*-------------------------------------------------------------------------------*/


/* Media queries */
/* xs < 768 */
@media screen and (max-width: 76px) {
	h1 {
	    font-size: 30px; 
  	}
	body{
  	background: url('img/Nome&Logo_vTel.png') no-repeat,
				url('img/20260623_04.png');
	}
}

/* sm */
@media screen and (min-width: 768px) {
    h1 {
	    font-size: 30px; 
  	}
}

/* md */
@media screen and (min-width: 992px) {
    h1 {
	    font-size: 30px; 
  	}
}

/* lg */
@media screen and (min-width: 1200px) {
    h1 {
	    font-size: 30px; 
  	}
}
/* Fim Media queries */