/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box;
font-family: 'Lato', sans-serif;}
body {background-color: #f5f5f5;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}
.cabecalho{ background-color: #AC3434;}

.foto_curriculo {
    width: 100%;
    border: none;
    padding: 15px;
    margin: 0px 10px 10px 0;
    
}
    
    
    .foto_curriculo1 {
    width: 60%;
    border: none;
    padding: 15px;
    margin: 0px 10px 10px 0;
}

/*=========== CONTAINER ==========*/
.container {width: 100%; float: left; padding: 3% 4%; text-align: center;}

/*=========== BG COLORS ==========*/
.bg-gradient {background: linear-gradient(to right,#AC3434,#AC3434);}
.bg-black {background-color: #130400; }
.bg-white {background-color: #fff;}

/*=========== HELPERS ==========*/
.radius {border-radius: 7px;}

/*========== telefone ============*/
.tel{ color: #fff; font-weight: center; width: 170px; float: left;}
.contato A:link {text-decoration:none;color:#FFFFFF;} 
.contato A:visited {text-decoration:none;color:#FFFFFF;} 
.contato A:active {text-decoration:none;color:#FFFFFF;} 
.contato A:hover {text-decoration: none;} 


/* CABEÇALHO */
.logo-mobile {text-align: left; width:80px; height:80px; float:left;}
.logo { width: 300px; height: 2px; text-align: center; padding:1px; display: none;}
.contato { width: 130px; margin-left: 5px; float: left; margin-top: 6%; font-size: 0.8em; text-align:center; color: #fff; }
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}

/* MENU */
.menu {display:none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.9); top: 0; left: 0;}
.btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin: 2% 3% 0 0;}
.menu ul {width: 100%; float: left; text-align: center;}
.menu li {padding: 1.5%; background-color: #AC3434;}
.menu li a {font-size: 2em; color: #fff; padding: 1.5% 3%;}
.menu li a:hover {border:1px solid #da6709;}

/* BANNER */
.banner {background: url(../img/bg.jpg) no-repeat fixed;}
.title {width: 100%;}
.title h2 {font-size: 2.5em; color: #fff; font-weight: 700;}
.title h3 {font-size: 1.5em; color: #fff;}
.buttons {width: 100%; margin-top: 2%;}
.buttons i {float: right;}
.btn {width: 100%; font-size: 1.4em; text-align: left; cursor: pointer; padding: 5%; }
.btn-cadastrar { color: #130400;}
.btn-sobre {color:#fff ; margin-top: 2%;}

/* SERVIÇOS */
.servico {width: 100%;  text-align: left;  margin-bottom: 3%;}
.servico img {border-radius: 7px 7px 0 0;}
.inner {padding: 7%;}
.inner a {font-size: 1.5em; color: #130400; font-weight: 700; }
.inner h4 {font-size: 1.2em; color: #130400; margin-top: 2%; }
.inner p {margin-top: 6%; color: #610000; line-height: 1.5em; text-align: justify;}

/* conteudo sobre */
.conteudo {width: 100%; margin-bottom: 3%; text-align: justify;}
.conteudo img {border-radius: 7px 7px 0 0;}
.cont {padding: 5%;}
.cont a {font-size: 1.5em; color: #130400; font-weight: 700; }
.cont h4 {font-size: 1.2em; color: #130400; margin-top: 2%; margin-bottom:2%; font-weight: bolder; }
.cont p {color: #610000; line-height: 1.5em; text-align: justify; white-space: normal;}
.destaque {font-weight: bolder;}
.fig-dir {float: right; width:100%; margin-left:1%;}
.text-left {float: left; margin-top:2%; margin-right: 2%;}

.text-right {float: right; margin-top:2%; }
.fig-esq {float: left; width: 100%; margin-right:1%;}
.b {list-style-type: square; margin-left: 5%;}


/*Pagina Noticia*/
.caixa{width: auto; height: auto;}
.retangulo {width:100%; height:160px; background-color:#f5f5f5; margin-bottom:3%;}
.titulo {width: 100%; font-weight:bolder; margin-bottom: 2%; text-align:center;}
.miniatura { width: 100%; height: 25%; position: none; float: left; margin-left: 1%; display: none;}
.descricao {width: 100%; float: left;  vertical-align; bottom;  display: table;}
.link-ext {width:100%; float:none;  text-align: right; vertical-align; bottom;  display: table; padding: 1%;}

/************ Página de Login ****************/
.form-login{width: 60%;}
.usuario {width: 100%; float: left; font-size: 1.5em; color:#000;}
.usuario input { width: 100%; color:#616163;}
.senha {width: 100%; float: left; font-size: 1.5em; margin-top: 1%; color:#000;}
.senha input {width: 100%; color:#616163;}
.botao {width: 100%; margin-top: 1%; color: #000; font-size: 1.5em; }

/************ Página de cadastro ****************/
.form-cadastro {width: 60%; font-size: 1.5em;background-color: gray;}
.form-cadastro input, textarea { width: 100%; border: 1px solid #d66; margin-bottom:1%;}
.botao_cadastro {width: 2px; float: right;}


/* contato */
.caixa-contatos {width: auto; height: 820px;}
.formulario {width: 100%; height:500px; background-color: #f5f5f5; float: left; margin-bottom:3%;}
.formulario input, textarea, select  { border: 1px solid #AC3434; color: #AC3434;}
.rotulo {color: #AC3434;}
.mapa {width: 100%; height:50px; float: right;}


/* NEWSLETTER */
.newsletter h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
.newsletter h3 {color: #fff;}
.newsletter form {margin-top: 2%;}
.newsletter input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.newsletter button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }

/* RODAPÉ */
.social-icons a {font-size: 1.5em; color: rgba(255,255,255,0.7); margin-right: 3%;}
.social-icons a:last-child {margin-right: 0;}
.social-icons a:hover {color: rgb(255,255,255);}
.copyright {color: rgba(255, 255, 255, 0.7); margin-top:2%;}

/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */

@media screen and (min-width: 480px) {
.logo-mobile {text-align: left; width:100px; height:100px; float:left;}
.contato { width: 200px; margin-left: 5%; float: left; margin-top: 1%; font-size: 1.2em; text-align:center; color: #fff;}
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}



}
/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.logo-mobile {display: none;}
.logo {display: block !important; position: static;}
.contato { width: 30%; margin-left: 70%; float: left; margin-top: -30px; font-size: 1.2em; text-align: center; color: #fff; background-color: ; }

.servico {width: 49%; float: left; margin-right: 2%;}
.servico-noticias {width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){margin-right: 0;}
.cont h4 {font-size: 1.8em;}

.caixa {width: auto; height: 55%;}
.retangulo {width:49%; float: left; margin-right:2%;}
.retangulo:nth-child(2){margin-right: 0;}
.retangulo:last-child {margin-right: 0;}
.titulo {width: 100%; font-weight:bolder; margin-bottom: 1%; text-align:center; line-height: 1.5em;}
.miniatura { position: none; float: left; margin-left: 1%; display: none;}
.descricao {width: 100%; float: left; padding: 2%}
.link-ext {width:100%; float:none; text-align: right;}

.newsletter h2 {font-size: 2em;}
.newsletter h3 {font-size: 1.5em;}
.newsletter input {width: 70%; padding: 2%; float: left; margin-right: 1%;}
.newsletter button {width: 29%; padding: 2%; float: right; margin-top: 0;}

.fig-dir {float: right; width:25%;}
.fig-esq {float: left; width:25%;}

.form-login { width: 60%;}
}
/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 1024px) {
.btn-menu {display: none;}
.btn-close {display: none;}

.menu {width: auto; height: 56px; line-height: 56px; float: right; background-color: #f5f5f5; display: block !important; position: static;}
.menu li {padding: 0; float: left;}
.menu li a {color:#ffffff; font-size: 1.2em; padding: 15px; }
.menu li a:hover {border: none; color:#da6709; }

.title {width: 70%; float: left; text-align: left;}
.title h2 {font-size: 3em;}
.title h3 {font-size: 2em;}

.buttons {width: 20%; float: right; margin-top: 0; }

.servico {width: 32%; }

.caixa {width: auto; height: 70%;}
.retangulo { height: 200px;}
.thumb {width: 100px; height:100px;}
.titulo{font-size: 1.4em;}
.miniatura { width: 24%; float: left; display:block !important; margin-right:1%; text-align: center;}
.descricao { width: 73%; float: left; vertical-align: middle; display: table-cell; line-height:1.5em;}

.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 0;}
.newsletter input {width: 60%; float: none;}
.newsletter button {width: 20%; float: none;}

.caixa-contatos {width: auto; height: 520px;}
.formulario {width: 45%; height:500px;}
.mapa {width: 45%; height:500px; }
.frame {height: 500px;}


}
/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 56px; line-height: 56px; float: right; background-color: #f5f5f5; display: block !important; position: static;}
.menu li {padding: 0; float: left;}
.menu li a {color:#ffffff; font-size: 1.2em; padding: 15px; }
.menu li a:hover {border: none; color:#da6709; }

.descricao { line-height: 1.5em;}

.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 0;}
.newsletter input {width: 60%; float: none;}
.newsletter button {width: 20%; float: none;}


}

/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1366px) {
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 56px; line-height: 56px; float: right; background-color: #f5f5f5; display: block !important; position: static;}
.menu li {padding: 0; float: left;}
.menu li a {color:#ffffff; font-size: 1.2em; padding: 15px; }
.menu li a:hover {border: none; color:#da6709; }

.servico:nth-child(2){margin-right: 2%;}
.servico:nth-child(3){margin-right: 0;}

.newsletter input {width: 60%; float: none;}
.newsletter button {width: 20%; float: none;}

}