html,body {
	height: 100%;
}

/* estilizando a navbar*/
#collapse-navbar {
	font-size: 14px;
	font-family: Arial;
	color: #000;
}

/* Estilizando a pagina home*/
#topo {
	display: block;
    background-image: url('../img/escritorio_2.jpg');
    background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 100%;
	position: relative;
}
#logo{
	width:180px;
	height:35px;
	margin-left:15px;
	margin-top:10px;
	background-image: url("../img/logo_pequeno.png");
	background-repeat: no-repeat;
	margin-bottom:5px;
}
/*#cursos{
	color:blue;
}*/
/*Estiliando a seta de retorno na pagina*/
#seta{
	text-decoration:none;
	color: #fff;
}
#volta_topo {
	width:40px;
	height:40px;
	padding-left:12px;
	padding-top:8px;
	background-color:#A0522D;
	position:fixed;
	top:540px;
	right:30px;
	border-radius:7px;
}

/*Estilo da div com os dados de login*/

#acesso {
    width: 22%;
    height: 30%;
    position: fixed;
    float: left;
    top: 30%;
    left: 70%;
    background-color: #BC8F8F;
    color: #fff; 
    font-family: Arial;
    font-size: 100%;
    border-radius: 6px;
    box-shadow: 7px -11px 20px #fff;
    display: none;
}
#input_entrar {
    position:relative;
    background-color: #A0522D;
    left:37%;
    margin-top:5%;
    width:25%;
    height:18%;
    padding:0%;
    display:table;
    text-align: center; 
    font-family: Arial;
    font-size: 100%;
    color: #fff;
    justify-content: center;
    border-radius: 5px;
}
#usuario {
	width: 50%;
    font-family: Arial; 
    font-size: 15px;
    position:relative;
    left:25%;
    margin-top:10%;
}
#senha {
	width: 50%;
    font-family: Arial; 
    font-size: 15px;
    position:relative;
    left:25%;
    margin-top:8%;

}

#login {
    display: block;	
}
#comentario{
	width: 80%;
    margin: 10px auto;
	padding:5px;
	font-family:arial;
	font-size:10px;
	color: #000000;
	border-radius:6px;
	margin-left: 500px;
	margin-top:2px;
	background-color:#ffffff;
}

/*estilo da div acesso sistema e apps*/
#sistemas_apps{
	width: 40%;
	margin: 10px auto;
	position: relative;
	float: left;
	margin-left: 250px;
	margin-top: -310px;
	background-color: #FF0000;
	border-radius: 11px;
	text-align: center;
	font-size: 22px;
	font-family: Arial;
	font-style: bold;
	color: #ffffff;
	line-height: 30px;
	padding-top: 10px;
}

/*define estilo da sessao sobre nós*/

#sobre-nos{
	width: 100%;
	background-image: url('../img/fundo_pg_1.png');
	background-size: cover;
	background-position: top center;
	height: 100%;
	position: relative;
}

#div-sn {
	height: 5%;
	width: 80%;
	font-weight: 700;
	font-size: 25px;
	color: black;
	padding-top: 5%;
	margin-left: 6%;
	font-family: Arial;
	
}

#texto-sobrenos{
	width: 98%;
	margin-top: 7%;
	text-align: justify;
	font-size: 11px;
	font-family: Arial;
	
}
.texto-sn{
	text-align:justify;
	font-size: 14px;
	margin-left: 5%;
	margin-right:5%;
	font-family: Arial;
	
}

/*define estilo da sessão sobre serviços*/

#nossos-servicos{
	width: 100%;
	background-image: url('../img/fundo_pg_31.png');
	background-size: cover;
	background-position: top center;
	padding-top: 1%;
	height: 100%;
	position: relative;
}

#div-serv {
	width: 80%;
	height: 7%;
	font-weight: 700;
	font-size: 25px;
	font-family: Arial;
	color: black;
	margin-top: 40px;
	margin-left:5%;
	margin-right:6%;
	
	
}

.texto-servico {
	margin-left:6%;
	text-align: justify;
	font-size: 15px;
	margin-right:6%;
	margin-top: 20px;
	font-family: Arial;
}

#texto-servico_1{
	margin-left:6%;
	text-align: justify;
	font-size: 15px;
	font-weight:600;
	margin-right:6%;
	margin-top: 20px;
	font-family: Arial;
}
#descricao-servicos{
	/*width: 65%;*/
	height: 54%;
	margin-left:15%;
	margin-top: 4%;
	margin-right: 6%;
	text-align: justify;
	font-family: Arial;
}

.item-servico {
	font-size: 12px !important;
	color: black;
	font-weight: 400;
	line-height: 20px;
	font-family: Arial;
	
}

#servi_1{
	width:95%;
	height:40px;
	background-color:#fff;
	font-size: 14px; 
	font-family: Arial;
	color: red; 
	font-weight: 700; 
	margin-left:2%;
	text-align: center;"
	
}

.col-sm-7{
	font-size: 14px;
}

/*define estilo da sessão onde estamos com mapa*/

#onde-estamos{
	width: 100%;
	background-image: url('../img/fundo_pg_4.png');
	background-size: cover;
	background-position: top center;
	padding-top: 1%;
	height: 100%;
	position: relative;
	
}

#texto-onde-estamos{
	width: 83%;
	height: 95%;
	margin-top: 2%;
	margin-left: 9%;
	/*border: 1px solid #000;*/
}

#div-oe {
	width: 50%;
	height: 7%;
	font-weight: 700;
	font-size: 25px;
	color: black;
	margin-bottom: 20px;
	margin-left:0%;
}

#ende-cidade {
	width: 70%;
	font-weight: 900;
	font-size: 22px;
	color: black;
	
}
.detalhe-ende {
	width: 70%;
	font-size: 18px;
	color: black;
	line-height: 15px;
	
}
#frame_mapa {
	width: 100%;
	height: 60%;
	border:1px solid #000;
	border-radius: 8px;
}

/* estilo da sessão sobre CONTATO*/

#contato{ 
	width: 100%;
	background-image: url('../img/globo.png');
	background-size: cover;
	background-position: top center;
	padding-top: 0%;
	height: 100%;
	position: relative;
}
#div-titulo-contato {
	height: 5%;
	margin-left:3.3%;
	margin-bottom: 10px;
	text-align:left;
	font-weight: 700;
	font-size: 25px;
	color: black;
}
#linha {
	margin-left: 4%;
}

/*div que contem dados fixos de contato*/
#div-dados-contato {
	width:100%;
	height:8%;
	text-align: justify;
	font-size: 16px;
	line-height: 7px;
	margin-top: -130px;
	/*margin-bottom: 3%;*/
	margin-left:1.9%;
	
}
#dados-contato{
	width: 98%;
	padding-top: 10%;
	padding-left: 25%;
}
.cidade {
    font-weight: 700;
	font-size: 20px;
	color: black;
}

/*campos do formulario de contato*/
#div-form-contato{
	margin-left: 2%;
	padding-top: 1%;
	height: 100%;
	margin-top: -25px;
	
}

#resposta {
  display: none; 
  width:59.5%;
  margin-left:3.5%;
  margin-top: 10px;
}


#btn-enviar{
	margin-top: 5px;
}

/* Estilo para o rodape da pagina*/

#footer{
	width: 100%;
	height:20%;
	background-color: #333;
	color:#FFF;
	margin-top: 50px;
	text-align: center;
	font-size: 16px;
}

#numero_acessos{
	width: 200px;
	height: 35px;
	position: relative;
	float: left;
	margin-left: 20px;
	margin-top: -40px;
	font-family: arial;
	font-size: 13px;
	color:#fff;
	font-weight: 600;
}

/* ALERTAS */
.alert {
    padding: 12px;
    width: 50%;
    margin: 10px auto;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
}

.sucesso {
    background: #c8f7c5;
    border: 1px solid #2ecc71;
    color: #2e8b57;
}

.erro {
    background: #f7c5c5;
    border: 1px solid #cc2e2e;
    color: #8b2e2e;
}

/*Controla uso em dispositivos celulares*/

@media (max-width: 768px) {
	
	/*escondendo a seta de retorno ao topo da pagina*/
	
    #volta_topo{
		display: none;
	}
	#seta{
		display: none;
	}

	#sistemas_apps{
		width: 300px;
		height: 170px;
		margin: 5px auto;
		position: relative;
		float: left;
		margin-left: 20px;
		margin-top: -205px;
		background-color: #FF0000;
		border-radius: 11px;
		text-align: center;
		font-size: 16px;
		font-family: Arial;
		font-style: bold;
		color: #ffffff;
		line-height: 25px;
		padding-top: 5px;
	}


    /* estilizando a secçõ sobre mim*/
	
	#div-sn {
		height: 5%;
		width: 60%;	
		font-weight: 700;
		font-size: 25px;
		color: black;
		font-family: Arial;
	}
	.texto-sn{
		text-align:justify;
		font-size: 12px;
		margin-left: 5%;
		margin-right:5%;
		font-family: Arial;
	}
	/* Estilizando a parte sobre vida proficional*/
	
	#div-serv {
		width: 70%;
		height: 7%;
		font-weight: 700;
		font-size: 25px;
		color: black;
		font-family: Arial;
		margin-top: 4%px;
		margin-left:5%;
		margin-right:4%;
	}
	#texto-servico_1{
		width: 90%;
		font-weight: 700;
		font-size: 12px;
		font-family: Arial;
	}
	.texto-servico {
		margin-left:8%;
		text-align: justify;
		font-size: 10px;
		margin-right:9%;
		margin-top: 20px;
		font-family: Arial;
	}
	.item-servico{
		font-size: 11px;
		line-height: 70%;
	}
	#descricao-servicos{
		width: 90%;
		height: 40%;
		margin-top: 4%;
		margin-left: 4%;
		text-align: justify;
		font-size: 10px;
		font-family: Arial;
		/*border: 1px solid #000;*/
	}
	.item-servico {
		font-size: 10px !important;
		color: black;
		font-weight: 400;
		line-height: 20px;
		font-family: Arial;
		line-height: 13px;
	}
	
	/*Esilizando localização e mapa*/
	
	#div-oe {
		width: 50%;
		height: 7%;
		font-weight: 700;
		font-size: 25px;
		color: black;
		margin-bottom: 20px;
		margin-left:0%;
	}
	
	#endereco{
		width: 95%;
	}
	#ende-cidade {
		font-weight: 900;
		font-size: 22px;
		color: black;
	}
	
	.detalhe-ende {
		width: 80%;
		font-size: 14px;
		color: black;
		line-height: 15px;
	}
	#ende-cidade {
		font-weight: 900;
		font-size: 22px;
		color: black;
		width: 80%;
	}
	#frame_mapa {
		width: 100%;
		height: 45%;
		/*border: 1px solid #000;*/
	}
	#texto-onde-estamos{
		width: 93%;
		/*border: 1px solid #000;*/
	}
	
	/*Estilizando a secção contato */
	
	#contato {
	   margin-top: 5% !important;	
	}
	#div-titulo-contato{
		width:80%;
	    margin-top: 3% !important;
		margin-left: -24%;
		font-weight: 700;
		font-size: 25px;
		color: black;
	}
	#dados-contato {
	   width:100%;
	}
	
	#div-dados-contato {
		width:100%;
		height: 90%;
	    margin-top: 3% !important;
		margin-left: -28%;
		line-height: 5px;
	}
	
	#div-form-contato {
		margin-top: 15px !important;
		margin-left: -28%;
	}
	
	.input-group{
		width: 95%;
	}
	.cidade {
		font-size: 14px !important;
	}
	.outros {
		font-size: 12px !important;
	}
	#nome {
		width:100%;
		border-radius: 8px;
	}
	#email {
		width:100%;
		border-radius: 8px;
	}
	#telefone {
		width:100%;
		border-radius: 8px;
	}
	#mensagem {
		width:100%;
		border-radius: 8px;
	}
	footer{
		width: 100%;
		height:25%;
		background-color: #333;
		color:#FFF;
		padding: 10px;
		margin-top: 20px;
		text-align: center;
		font-size: 14px;
	}
	
	#login{
	    display: none;
	}
	#acesso{
		display: none;
	}
	#comentario{
	    display: none;	
	}
	
	#numero_acessos{
		width: 100px;
		height: 35px;
		position: relative;
		float: left;
		margin-left: 5px;
		margin-top: -20px;
		font-family: arial;
		font-size: 9px;
		color:#fff;
	}
}

@media (max-width: 480px) {
	/*escondendo a seta de retorno ao topo da pagina*/
	
    #volta_topo{
		display: none;
	}
	#seta{
		display: none;
	}

	#sistemas_apps{
		width: 300px;
		height: 170px;
		margin: 5px auto;
		position: relative;
		float: left;
		margin-left: 20px;
		margin-top: -205px;
		background-color: #FF0000;
		border-radius: 11px;
		text-align: center;
		font-size: 16px;
		font-family: Arial;
		font-style: bold;
		color: #ffffff;
		line-height: 25px;
		padding-top: 5px;
	}


    /* estilizando a secçõ sobre mim*/
	
	#div-sn {
		height: 5%;
		width: 60%;	
		font-weight: 700;
		font-size: 25px;
		color: black;
		font-family: Arial;
	}
	.texto-sn{
		text-align:justify;
		font-size: 12px;
		margin-left: 5%;
		margin-right:5%;
		font-family: Arial;
	}
	/* Estilizando a parte sobre vida proficional*/
	
	#div-serv {
		width: 70%;
		height: 7%;
		font-weight: 700;
		font-size: 25px;
		color: black;
		font-family: Arial;
		margin-top: 4%px;
		margin-left:5%;
		margin-right:4%;
	}
	#texto-servico_1{
		width: 90%;
		font-weight: 700;
		font-size: 12px;
		font-family: Arial;
	}
	.texto-servico {
		margin-left:8%;
		text-align: justify;
		font-size: 10px;
		margin-right:9%;
		margin-top: 20px;
		font-family: Arial;
	}
	.item-servico{
		font-size: 11px;
		line-height: 70%;
	}
	#descricao-servicos{
		width: 90%;
		height: 40%;
		margin-top: 4%;
		margin-left: 4%;
		text-align: justify;
		font-size: 10px;
		font-family: Arial;
		/*border: 1px solid #000;*/
	}
	.item-servico {
		font-size: 10px !important;
		color: black;
		font-weight: 400;
		line-height: 20px;
		font-family: Arial;
		line-height: 13px;
	}
	
	/*Esilizando localização e mapa*/
	/*#onde-estamos{
		border: 1px solid #000;
	}*/
	#div-oe {
		width: 50%;
		height: 7%;
		font-weight: 700;
		font-size: 25px;
		color: black;
		margin-bottom: 20px;
	}
	#texto-onde-estamos{
		width: 93%;
		margin-left: 3%;
	}
	#endereco{
		width: 95%;
	}
	#ende-cidade {
		font-weight: 900;
		font-size: 22px;
		color: black;
	}
	
	.detalhe-ende {
		width: 80%;
		font-size: 14px;
		color: black;
		line-height: 15px;
	}
	#ende-cidade {
		font-weight: 900;
		font-size: 22px;
		color: black;
		width: 80%;
	}
	#frame_mapa {
		width: 100%;
		height: 45%;
		/*border: 1px solid #000;*/
	}
	
	
	/*Estilizando a secção contato */
	
	#contato {
	   margin-top: 5% !important;	
	}
	#div-titulo-contato{
		width:80%;
	    margin-top: 3% !important;
		margin-left: -24%;
		font-weight: 700;
		font-size: 25px;
		color: black;
	}
	#dados-contato {
	   width:100%;
	}
	
	#div-dados-contato {
		width:100%;
		height: 90%;
	    margin-top: 3% !important;
		margin-left: -28%;
		line-height: 5px;
	}
	
	#div-form-contato {
		margin-top: 15px !important;
		margin-left: -28%;
	}
	
	.input-group{
		width: 95%;
	}
	.cidade {
		font-size: 14px !important;
	}
	.outros {
		font-size: 12px !important;
	}
	#nome {
		width:100%;
		border-radius: 8px;
	}
	#email {
		width:100%;
		border-radius: 8px;
	}
	#telefone {
		width:100%;
		border-radius: 8px;
	}
	#mensagem {
		width:100%;
		border-radius: 8px;
	}
	footer{
		width: 100%;
		height:25%;
		background-color: #333;
		color:#FFF;
		padding: 10px;
		margin-top: 20px;
		text-align: center;
		font-size: 14px;
	}
	
	#login{
	    display: none;
	}
	#acesso{
		display: none;
	}
	#comentario{
	    display: none;	
	}
	
	#numero_acessos{
		width: 100px;
		height: 35px;
		position: relative;
		float: left;
		margin-left: 5px;
		margin-top: -20px;
		font-family: arial;
		font-size: 9px;
		color:#fff;
	}
}