@charset "utf-8";

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          border: none;
          background: none;
          font-style: normal;
          color: #ffffff;
          font-size: 12pt;
              line-height: 1.5;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
   
  background-color: #000;
}

article,
aside,
address,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  color: #000;
  background: #ff0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  
}
button {
	cursor: pointer;
}

fieldset {

}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
      height: 80px;
      resize: none;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
input,
button,
select,
textarea {
	width: 100%;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: #000000 3px solid;
  padding: 10px;
  color: darkgray;
}
a {
  text-decoration: none;
}

figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
hr {
  border: 0;
  border-top: 1px solid #eee;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #edc30d;
  text-transform: uppercase;
}
small{
	font-size: 60%;	
}

big{
	font-size: 120%;
}

h1{
 font-size: 15pt;
}
h2{
  font-size: 14pt;
}
h3{
  font-size: 13pt;
}
h4{
  font-size: 12pt;
}
h5{
  font-size: 14pt;
}
h6{
  font-size: 12pt;
}
p{
	
	text-align: justify;
}
p, li{
  
}


ul{
	list-style-position: inside;
}

li{
	
}

/* ----------------------------------------------------- classes --------------------------------------------------------- /*

/* sections */
.region{width:100%; clear:both; position: relative;}
.fluid{margin:auto; clear:both; position: relative; width:100%;}
.limited{margin:auto; clear:both; position: relative; width:1020px;}
.limited2{margin:auto; clear:both; position: relative; width: 1126px;}

/* paddings and margins */
.c0, .c1a, .c2a, .c3a, .c4a, .c5a, .c6a, .c1b, .c2b, .c3b, .c4b, .c5b, .c6b, .c1c, .c2c, .c3c, .c4c, .c5c, .c6c{min-height: 1px; position:relative; float:left; display: block;}

.c0{padding: 0px;}
.c1a{padding: 0px 5px;}  .c2a{padding: 0px 10px;}  .c3a{padding: 0px 15px;}  .c4a{padding: 0px 20px;}  .c5a{padding: 0px 25px;}  .c6a{padding: 0px 30px;}
.c1b{padding: 5px;}      .c2b{padding: 10px;}      .c3b{padding: 15px;}      .c4b{padding: 20px;}      .c5b{padding: 25px;}      .c6b{padding: 30px;}
.c1c{padding: 5px  0px;} .c2c{padding: 10px 0px;}  .c3c{padding: 15px 0px;}  .c4c{padding: 20px 0px;}  .c5c{padding: 25px 0px;}  .c6c{padding: 30px 0px;}

/* container collun size */
.c_0{width: 2.08333333333%;}.c_1{width: 4.16666666667%;}.c_2{width: 8.33333333333%;}.c_3{width: 12.5%;}.c_4{width: 16.6666666667%;}.c_4b{width: 20%;}
.c_5{width: 20.8333333333%;}.c_6{width: 25%;}.c_7{width: 29.1666666667%;}.c_8{width: 33.3333333333%;}.c_9{width: 37.5%;}
.c_10{width: 41.6666666667%;}.c_11{width: 45.8333333333%;}.c_12{width: 50%;}.c_13{width: 54.1666666667%;}.c_14{width: 58.3333333333%;}
.c_15{width: 62.5%;}.c_16{width: 66.6666666667%;}.c_17{width: 70.8333333333%;}.c_18{width: 75%;}.c_19{width: 79.1666666667%;}
.c_20{width: 83.3333333333%;}.c_21{width: 87.5%;}.c_22{width: 91.6666666667%;}.c_23{width: 95.8333333333%;}.c_24{width: 100%;}

/* ajuste para evitar quebras */
.break{width:100%; height:0px; margin:0px; padding:0px; float:none; clear:both;}

/* box styles  */
.box1{background-color: #4d73b1;}
.box2{
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	-webkit-box-shadow: inset 0px 0px 21px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 21px -1px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 21px -1px rgba(0,0,0,0.75);
}

.box3{
    background-color: #ffffff;
    border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border: 0px solid #000000;
}

.box3 .alert *{
    color: #000000 !important;
    
}

.box3 header{
    background-color: #e0b701;
     border-radius: 20px 20px 0px 0px;
-moz-border-radius: 20px 20px 0px 0px;
-webkit-border-radius: 20px 20px 0px 0px;
}

.box3 header *{
    color: #ffffff;
}

/* hide content */
.hide{display: none;}
.invisible{visibility:hidden;}

/* texts */
.txt1 *{font-size: 20pt;}
.txt1:before{
	content: "\f095 ";
    font-family: FontAwesome;
    font-size: 150%;
}
.txt2 *{    font-size: 16pt;}

.txt3 *{font-size: 27pt;}
.txt3:before{
	content: "\f232 ";
    font-family: FontAwesome;
    font-size: 150%;
}

/* images */
.img_fluid{max-width:100%; height:auto;}
.img_fluid2{width:100%; height:auto;}


/* lines and coluns vertical */
.vline1{background: url('../images/background-01.jpg') center center repeat-y;}

/* lines and coluns horizontal */
.hline1{background: url('../images/background-01.jpg') center center repeat-x; height: 1px;}

/* links */
.link1{display: block; background-color: #edc30d; border: 3px solid #b99703; padding: 10px 0px; transition-duration: 300ms; color: #ffffff;} .link1:hover{background-color: #af8f02;}
.link2{display: block; float: right; background-color: #496eac; border: 3px solid #335ba1; padding: 10px 0px; transition-duration: 300ms;} .link2:hover{background-color: #335ba1;}

/* list */
.hlist{display: table; width: 100%;}
.hlist ul{display: table-row;}
.hlist ul li{display: table-cell;}
.hlist ul li a{display: block;}

.vlist{display: none; width: 100%;}
.vlist ul *{display: block;}

.ctrl{
	margin-top: 5%;
}


/* lightbox */
.lightbox{display:block; position:fixed;width:100%;height:100%;z-index:9999;top:0; background-color: rgba(0, 0, 0, 0.8);}
.image-in-lightbox{max-width:700px; width:100%; position:absolute;z-index:999;top:10%; margin-left: auto;margin-right: auto;left: 0;right: 0;}
.image-in-lightbox img{max-width:700px; width:100%;}
 



/* ----------------------------------------- */
@media only screen and (max-width: 1126px){
    .limited2{width: 100%;}
}



@media only screen and (max-width: 1020px){
	.limited{width:100%;}
}
@media only screen and (max-width: 980px){}
@media only screen and (max-width: 960px){}
@media only screen and (max-width: 940px){}
@media only screen and (max-width: 920px){}
@media only screen and (max-width: 900px){}
@media only screen and (max-width: 880px){}
@media only screen and (max-width: 860px){}
@media only screen and (max-width: 840px){}
@media only screen and (max-width: 820px){}
@media only screen and (max-width: 800px){}
@media only screen and (max-width: 780px){}
@media only screen and (max-width: 760px){}
@media only screen and (max-width: 740px){}
@media only screen and (max-width: 720px){}
@media only screen and (max-width: 700px){}
@media only screen and (max-width: 680px){}
@media only screen and (max-width: 660px){
	.ctrl{
	margin-top: 3%;
}
}
@media only screen and (max-width: 640px){}
@media only screen and (max-width: 620px){}
@media only screen and (max-width: 600px){
    * {
          font-size: 11pt;
          line-height: 1.3;
    }
    
    
    
    #form input{
        padding: 1px;
    }
    #form textarea{
            height: 50px;
    }
    
    
    .link1{padding: 3px 0px;}
    .link2{padding: 3px 0px;}

    h1,
	h2,
	h3,
	h4,
	h5,
	h6{
		text-align: center;
	}
    
h1{
 font-size: 14pt;
}
h2{
  font-size: 13pt;
}
h3{
  font-size: 12pt;
}
h4{
  font-size: 11pt;
}
h5{
  font-size: 14pt;
}
h6{
  font-size: 12pt;
}
.txt1 *{font-size: 18pt;}
.txt2 *{font-size: 14pt;}
.txt3 *{font-size: 25pt;}
}

@media only screen and (max-width: 580px){}
@media only screen and (max-width: 560px){}
@media only screen and (max-width: 540px){}
@media only screen and (max-width: 520px){}
@media only screen and (max-width: 500px){}
@media only screen and (max-width: 480px){
	
}
@media only screen and (max-width: 460px){}
@media only screen and (max-width: 440px){}
@media only screen and (max-width: 420px){}
@media only screen and (max-width: 400px){
	    * {
          font-size: 10pt;
          line-height: 1.0;
}

h1{
 font-size: 13pt;
}
h2{
  font-size: 12pt;
}
h3{
  font-size: 11pt;
}
h4{
  font-size: 10pt;
}

.txt1 *{font-size: 17pt;}
.txt2 *{font-size: 13pt;}
.txt3 *{font-size: 24pt;}
}
@media only screen and (max-width: 380px){}
@media only screen and (max-width: 360px){
	.ctrl{
		margin-top: 1%;
	}
}
@media only screen and (max-width: 340px){}
@media only screen and (max-width: 320px){}
@media only screen and (max-width: 300px){}
@media only screen and (max-width: 280px){}
@media only screen and (max-width: 260px){}
@media only screen and (max-width: 240px){
	
}
@media only screen and (max-width: 220px){}
@media only screen and (max-width: 200px){}