/* Variáveis */

:root {
 --cor-base:#ad975e;
 --cor-clara:#c2b692;
 --cor-escura:#564132;
 --cor-bg:#f2ede7;
 --cor-dois:#1e5651;
}

/* Reset */

* {
 margin:0; padding:0; border:0; outline:0;
 box-sizing:border-box;
}

/* Base */ 

html {
 position:relative;
 min-height:100%;
}

body {
 margin:0;
 height:100%;
 min-width:300px;
 overflow-y:scroll;
 overflow-x:hidden;
 background-color:var(--cor-bg);
 background-image:url(/imagens/layout/bgmain.jpg);
 background-position:center top;
 background-repeat:no-repeat;
 background-attachment:fixed;
 color:var(--cor-escura);
 font-family:'Barlow Condensed',Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.caveat {
 font-family:'Caveat',Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

/* jQuery UI */

.ui-widget {
 font-style:inherit !important;
 font-family:Tahoma,Arial,Helvetica !important;
 font-size:100% !important;
}

.ui-dialog-titlebar-close {
 visibility:hidden;
}

.ui-tooltip-content {
 font-size:0.8em;
}

.ui-accordion-header {
 outline:none !important;
}

.ui-datepicker {
 font-size:0.95em !important;
}

.ui-progressbar-value {
 height:2em !important;
}

.ui-widget-shadow {
 -webkit-box-shadow:2px 2px 5px var(--cor-base) !important;
 box-shadow: 2px 2px 5px var(--cor-base) !important;
}

#dialog {
 display:none;
}

.dialog-fixed {
 position:fixed !important; 
}

/* Tags */

a {
 text-decoration:none;
 color:var(--cor-escura);
 outline:none;
}

a:hover {
 text-decoration:none;
 color:var(--cor-base);
}

input[type=text],input[type=password],input[type=file],select,textarea {
 width:100%;
 max-width:600px;
 font-family:Arial,Helvetica;
 border:1px solid var(--cor-base);
 background-color:#fff;
 border-radius:2px;
 color:#000;
 margin:0;
 padding:10px;
 outline:none;
 resize:none;
 font-family:Arial;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
 border:1px solid var(--cor-dois);
}

button,input[type=button],input[type=submit] {
 background-color:var(--cor-base);
 border:0;
 border-radius:5px;
 padding:8px 19px;
 margin:10px 0;
 color:#fff;
 outline:none;
 cursor:pointer;
}

button:hover,input[type=button]:hover,input[type=submit]:hover {
 background-color:var(--cor-dois);
}

hr {
 border:0;
 width:100%;
 height:1px;
 background-color:var(--cor-base);
}

break {
 flex-basis:100%;
 width:0; height:0; 
 overflow:hidden;
}

main {
 margin:0;
 padding:0;
}

/* Específicos */

.nosel {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -webkit-user-select:none;
 -webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
}

.yessel {
 user-select:text !important;
 -moz-user-select:text !important;
 -ms-user-select:text !important;
 -webkit-user-select:text !important;
}

.noresp {
 display:inline;
}

.flex {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}

@media screen and (max-width:639px) {
 .noresp {
  display:none;
 }
}

/* Projeto */

.menu {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 padding:10px 15px 0;
 z-index:99;
}

.menu2 {
 width:100%;
 height:60px;
 background-color:var(--cor-dois);
 border-radius:2px;
 text-align:center;
 padding:10px;
}

.menuitem {
 display:inline-block;
 font-size:1.3em;
 color:#f4f3ef;
 padding:6px 10px 0;
 -webkit-transform:perspective(1px) translateZ(0);
 transform:perspective(1px) translateZ(0);
 -webkit-transition-duration:0.3s;
 transition-duration:0.3s;
 -webkit-transition-property:transform;
 transition-property:transform;
}

.menuitem:hover {
 -webkit-transform:scale(1.2);
 transform:scale(1.2);
 color:#f4f3ef;
}

.menubola {
 display:inline-block;
 vertical-align:top;
 padding:9px 10px 0;
}

.logoresp {
 display:none;
 float:left;
 padding:10px 5px 0;
}

#menu_hamb_ico {
 display:none;
 float:right;
 width:36px;
 margin:4px 5px;
 border:0;
 cursor:pointer;
}

#menu_resp {
 display:none;
 position:absolute;
 top:45px;
 left:0;
 width:100%;
 text-align:center;
 background:var(--cor-dois);
 padding:20px 10px 10px;
}

.menuitem_resp {
 display:inline-block;
 width:100%;
 background-color:#1a4440;
 border:1px solid var(--cor-base); 
 border-radius:3px;
 padding:8px 10px;
 margin-bottom:10px;
 font-size:1.1em;
 color:#e4decb;
 cursor:pointer;
}

.pagina {
 height:100%;
 max-width:1250px;
 margin:0 auto;
}

.coluna {
 flex:1;
 min-width:300px;
 position:relative;
 background-color:#fbf8f6;
 padding-top:100px;
}

.logocol {
 display:inline-block;
 width:100%;
 text-align:center;
 padding:0 20px;
}

.logo {
 width:100%;
 max-width:250px;
}

.rodcol {
 position:absolute;
 bottom:0;
 width:100%;
 text-align:center;
 padding:10px;
 font-size:1.3em;
}

.rodcol_redes {
 display:inline-block;
 width:32px;
 height:32px;
 background-color:#fbf8f6;
 border:1px solid var(--cor-escura);
 border-radius:5px;
 padding-top:4px;
 margin:8px 0 30px;
 transition:0.3s;
}

.rodcol_redes:hover {
 background-color:var(--cor-clara);
}

.centro {
 flex:4;
 padding:100px 20px 80px 30px;
 font-size:1.3em;
 font-weight:300;
 line-height:1.5em;
}

.rodape {
 display:none;
 width:100%;
 background-color:#fbf8f6;
 text-align:center;
 padding:15px;
 font-size:1.8em;
}

.rod_redes {
 display:inline-block;
 width:40px;
 height:40px;
 background-color:#fbf8f6;
 border:1px solid var(--cor-escura);
 border-radius:5px;
 margin:8px 0;
}

.inweb {
 display:none;
 width:100%;
 background-color:#ebdac8;
 text-align:center;
 padding:10px;
 font-size:0.8em;
}

.tit {
 width:100%;
 border-bottom:1px solid var(--cor-escura);
 padding:5px;
 margin-top:5px;
}

h1 {
 font-family:'Caveat',Times News Roman;
 font-size:1.9em;
 color:var(--cor-escura);
 font-weight:500;
 letter-spacing:-1px;
 line-height:1em;
}

.home_faixa {
 width:100%;
 min-width:1230px;
 background-image:url(/imagens/home/bgfaixa.gif);
 background-position:center top;
 background-repeat:repeat-x;
 margin-left:-330px;
 position:relative;
 margin-top:60px;
 margin-bottom:60px;
}

.home_faixaimg {
 display:inline-block;
 width:100%;
 max-width:700px;
 padding-top:50px;
 padding-left:20px;
}

.home_faixadir {
 display:inline-block;
 vertical-align:top;
 width:100%;
 max-width:520px;
 padding:10px 20px;
 line-height:1.1em;
}

.home_faixatit {
 width:100%;
 text-align:center;
 font-size:2em;
 padding:40px 0 100px;
}

.home_box {
 flex:1;
 min-width:250px;
 margin:10px;
 border:1px solid var(--cor-escura);
 padding:10px 0 15px;
 line-height:1.1em;
}

.home_boxico {
 width:60px;
 margin:10px 0 15px 25px;
}

.surgiu1 {
 display:inline-block;
 max-width:265px;
}

.surgiu2 {
 display:inline-block;
 vertical-align:top;
 background-color:var(--cor-escura);
 border-radius:0 5px 5px 0;
 text-align:left;
 padding:10px 20px 15px;
 margin-left:-17px;
 margin-top:160px;
 line-height:1.3em;
 color:var(--cor-clara);
 transition:0.3s;
}

.surgiu2:hover {
 color:#fff;
}

.curso1 {
 width:100%;
 margin-bottom:60px;
 text-align:center;
}

.curso2 {
 width:100%;
 max-width:850px;
 margin:0 auto;
 text-align:center;
}

.curso_box {
 display:inline-block;
 width:100%;
 max-width:280px;
 padding:10px;
 margin:20px 5px;
 vertical-align:top;
 text-align:center;
 border:1px solid var(--cor-escura);
 font-weight:600;
 line-height:1.2em;
 position:relative;
}

.curso_bot {
 display:inline-block;
 width:100%;
 background-color:var(--cor-dois);
 color:#fff;
 padding:3px;
 font-size:0.9em;
 transition:0.3s;
 position:absolute;
 bottom:0;
 left:0;
}

.curso_bot:hover {
 background-color:var(--cor-escura);
 color:var(--cor-clara);
}

.curso_click1 {
 display:inline-block;
 width:100%;
 max-width:350px;
 background-color:var(--cor-base);
 border-radius:5px;
 padding:10px;
 margin-bottom:10px;
 color:#fff;
 font-size:1em;
 font-weight:500;
 transition:0.3s;
}

.curso_click2 {
 display:inline-block;
 width:100%;
 max-width:250px;
 background-color:var(--cor-base);
 border-radius:5px;
 padding:5px;
 color:#fff;
 font-size:0.8em;
 font-weight:500;
 transition:0.3s;
}

.curso_ico {
 width:30px;
 margin-bottom:-8px;
 margin-right:6px;
}

.curso_click1:hover, .curso_click2:hover {
 background-color:var(--cor-escura);
 color:var(--cor-clara);
}

.curso_click1:hover .curso_ico {
 filter:invert();
}

.curso_click2:hover .curso_ico {
 filter:invert();
}

.depo {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}

.depo_box {
 flex:1;
 display:inline-block;
 width:100%;
 max-width:280px;
 vertical-align:top;
 padding:10px;
 margin:20px 5px;
 border:1px solid var(--cor-escura);
 font-weight:400;
 font-size:0.9em;
 line-height:1.2em;
}

.thumbs {
 width:90%;
 max-width:450px;
 border:8px solid #fff;
 box-shadow:0 0 8px rgba(0,0,0,0.4);
 margin-top:10px;
 margin-bottom:-6px;
}

.thumbs2 {
 width:100%;
 max-width:160px;
 border:5px solid #fff;
 box-shadow:0 0 6px rgba(0,0,0,0.4);
 margin:6px;
 transition:0.3s;
}

.thumbs2:hover {
 transform:rotate(-5deg);
}

.ctt {
 width:100%;
 margin-bottom:50px;
}

.ctt1 {
 flex:2; 
 text-align:center;
 padding:10px 20px;
 line-height:1.3em;
}

.ctt2 {
 flex:3;
 max-width:480px;
 text-align:center;
}

.ctt_redes {
 display:inline-block;
 width:35px;
 height:35px;
 background-color:#fbf8f6;
 border:1px solid var(--cor-escura);
 border-radius:5px;
 padding-top:4px;
 margin:2px 0;
}

/***********/

@media screen and (max-width:1270px) {
 .home_faixa {
  min-width:auto;
  margin-left:0;
  margin-top:30px;
  margin-bottom:30px;
  text-align:center;
 }
 .home_faixaimg {
  max-width:none;
  text-align:center;
  padding:50px 20px 0;
 }
 .home_faixadir {
  max-width:700px;
  padding:20px 0;
  text-align:left;
 }
 .home_faixatit {
  padding:10px 0 40px;
 }
}

@media screen and (max-width:950px) {
 .menu {
  padding:10px 10px 0;
 }
 .menu2 {
  height:50px;
 }
 .menuitem {
  font-size:1.1em;
  padding:4px 8px 0;
 }
 .menubola {
  padding:4px 5px 0;
 }
 .coluna {
  min-width:250px;
  padding-top:90px;
 }
 .centro {
  padding:90px 10px 50px 25px;
  font-size:1.15em;
 }
 .surgiu2 {
  max-width:130px;
  margin-top:130px;
 }
 .curso_box {
  margin:20px 5px 0;
 }
 .curso_bot {
  padding:8px 6px;
 }
 .curso_ico {
  margin-bottom:-10px;
 }
 .depo {
  display:inline;
 }
 .depo_box {
  flex:none;
  width:45%;
  max-width:300px;
 }
 .ctt_redes {
  padding-top:6px;
 }
}

@media screen and (max-width:800px) {
 .coluna {
  min-width:200px;
 }
 .rodcol {
  font-size:1.1em;
 }
 .centro {
  padding:90px 10px 40px 20px;
  font-size:1.1em;
 }
 .ctt {
  flex-direction:column-reverse;
 }
 .ctt1 {
  flex:none; 
  display:inline-block;
  width:100%;
  padding:20px 10px 0;
 }
 .ctt2 {
  flex:none;
  display:inline-block;
  width:100%;
  max-width:none;
  padding:0 30px;
 }
}

@media screen and (max-width:700px) {
 .menu {
  padding:0;
 }
 .menu2 {
  height:45px;
  border-radius:0;
  padding:0;
 }
 .menuitem, .menubola {
  display:none;
 }
 .logoresp, #menu_hamb_ico {
  display:inline-block;
 }
 .coluna {
  min-width:160px;
  padding-top:70px;
 }
 .logocol {
  padding:0 10px;
 }
 .rodcol {
  font-size:1em;
 }
 .centro {
  padding:70px 10px 40px 15px;
 }
}

@media screen and (max-width:600px) {
 .coluna {
  flex:none;
  display:inline-block;
  width:100%;
  padding:60px 0 10px;
 }
 .logocol {
  padding:0 50px;
 }
 .logo {
  max-width:200px;
 }
 .rodcol {
  display:none;
 }
 .centro {
  flex:none;
  display:inline-block;
  width:100%;
  padding:20px 10px 40px;
 }
 .rodape, .inweb {
  display:inline-block;
 }
 h1 {
  font-size:1.6em;
 }
 .curso_box {
  width:45%;
  max-width:250px;
 }
}

@media screen and (max-width:500px) {
 .home_box {
  margin:10px 0;
 }
 .surgiu1 {
  width:100%;
 }
 .surgiu2 {
  width:100%;
  max-width:350px;
  text-align:center;
  border-radius:5px;
  padding:10px;
  margin-left:0;
  margin:20px 0;
 }
 .curso_box {
  width:100%;
  max-width:320px;
  margin:20px 0 0;
 }
 .depo_box {
  width:100%;
  max-width:370px;
  margin:20px 0;
 }
}