@font-face {font-family:"Serif Narrow";src:url("../css/SERIN___.eot?") format("eot"),url("../css/SERIN___.woff") format("woff"),url("../css/SERIN___.ttf") format("truetype"),url("../css/SERIN___.svg#SerifNarrow") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Aller";src:url("../css/Aller_Rg.eot?") format("eot"),url("../css/Aller_Rg.woff") format("woff"),url("../css/Aller_Rg.ttf") format("truetype"),url("../css/Aller_Rg.svg#Aller") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Open Sans";src:url("../css/OpenSans-Regular.eot?") format("eot"),url("../css/OpenSans-Regular.woff") format("woff"),url("../css/OpenSans-Regular.ttf") format("truetype"),url("../css/OpenSans-Regular.svg#OpenSans") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Aerovias Brasil NF";src:url("../css/Aerovias_Brasil_NF.eot?") format("eot"),url("../css/Aerovias_Brasil_NF.woff") format("woff"),url("../css/Aerovias_Brasil_NF.ttf") format("truetype"),url("../css/Aerovias_Brasil_NF.svg#AeroviasBrasilNF") format("svg");font-weight:normal;font-style:normal;}


body{font-size:14px; font-family:'Open Sans',Arial, sans-serif; margin:0; padding:0; background:url(../images/bg.png) repeat left top;}

.hs_container{ position:relative;  width:1000px;  height:560px;  overflow:hidden;  clear:both;  cursor:pointer;  -moz-box-shadow:1px 1px 3px #222;  -webkit-box-shadow:1px 1px 3px #222;	
			   box-shadow:1px 1px 3px #222;  
			 }
.hs_container .hs_area{  position:relative;  overflow:hidden;  float:left;  }
.hs_area img{  position:absolute;  top:0px;  left:0px;  display:none;  float:left;  }
.hs_area img.hs_visible{  display:block;  z-index:9999;  float:left;  }
.hs_area1{  background:url(../images/homeicon.png) no-repeat top center;  }
.hs_area4, .hs_area5{  border-top:2px solid #fff;  }
.hs_area4{  border-right:2px solid #fff;  }
.hs_area3{  border-top:2px solid #fff;  }
.hs_area1{  width:250px;  height:140px;  top:0px;  left:0px;  float:left;  }
.hs_area2{  width:451px;  height:165px;  top:0px;  left:451px;  }
.hs_area3{  width:451px;  height:167px;  top:165px;  left:451px;  }
.hs_area4{  width:192px;  height:135px;  top:334px;  left:0px;  }
.hs_area5{  width:708px;  height:135px;  top:334px;  left:194px;  }


/*-------------------- Shadow ---------------------------*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #7b6f5f;
  -webkit-box-shadow: 0 15px 10px #7b6f5f;
  -moz-box-shadow: 0 15px 10px #7b6f5f;
  box-shadow: 0 15px 10px #7b6f5f;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:0; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*-------------------- Hover gallery ------------------------------*/

.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; overflow:visible; margin:0 auto}	

.reveal-modal { visibility: hidden; overflow:visible; top:195px; background: #fefefe; position: absolute;  z-index: 101;  padding:15px;  margin:0 auto;
				-moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); width:985px; height:530px;
				-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);  -box-shadow: 0 0 10px rgba(0,0,0,.4);	}
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal{ font-size: 22px; line-height: .5;  position: absolute; top: 8px; right: 11px; color:#000; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; }  

/*-------------------- Scrollbar ------------------------------*/
.scrollbar
{
	float: left;
	height: 560px;
	width: 1000px;
	margin-left:2px;
	overflow-y: scroll;
	margin-bottom: 25px;
	background:#FFF;
}

.force-overflow
{
	min-height: 560px;
}

::-webkit-scrollbar-track
{
	/*background: #02a3f4;
	background: -moz-linear-gradient(left,  #02a3f4 0%, #02a3f4 50%, #02a3f4 51%, #02a3f4 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#02a3f4), color-stop(50%,#02a3f4), color-stop(51%,#02a3f4), color-stop(100%,#02a3f4));
	background: -webkit-linear-gradient(left,  #02a3f4 0%,#860221 50%,#660018 51%,#e1093b 100%);
	background: -o-linear-gradient(left,  #02a3f4 0%,#02a3f4 50%,#02a3f4 51%,#02a3f4 100%);
	background: -ms-linear-gradient(left,  #02a3f4 0%,#02a3f4 50%,#02a3f4 51%,#02a3f4 100%);
	background: linear-gradient(to right,  #02a3f4 0%,#02a3f4 50%,#02a3f4 51%,#02a3f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6286', endColorstr='#e1093b',GradientType=1 );*/
}

.scrollbar2
{
	float: left;
	height: 560px;
	width: 700px;
	margin-left:2px;
	overflow-y: scroll;
	margin-bottom: 25px;
	background:#FFF;
}

.force-overflow2
{
	min-height: 560px;
}

::-webkit-scrollbar-track
{
	/*background: #02a3f4;
	background: -moz-linear-gradient(left,  #02a3f4 0%, #02a3f4 50%, #02a3f4 51%, #02a3f4 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#02a3f4), color-stop(50%,#02a3f4), color-stop(51%,#02a3f4), color-stop(100%,#02a3f4));
	background: -webkit-linear-gradient(left,  #02a3f4 0%,#860221 50%,#660018 51%,#e1093b 100%);
	background: -o-linear-gradient(left,  #02a3f4 0%,#02a3f4 50%,#02a3f4 51%,#02a3f4 100%);
	background: -ms-linear-gradient(left,  #02a3f4 0%,#02a3f4 50%,#02a3f4 51%,#02a3f4 100%);
	background: linear-gradient(to right,  #02a3f4 0%,#02a3f4 50%,#02a3f4 51%,#02a3f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6286', endColorstr='#e1093b',GradientType=1 );*/
}

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


input.cmn-toggle-yes-no + label {
  padding: 0;
  width: 220px;
  height: 180px;
}
input.cmn-toggle-yes-no + label:before,
input.cmn-toggle-yes-no + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
}
input.cmn-toggle-yes-no + label:before {
  /*background-color: #dddddd;*/
  content: attr(data-off);
  transition: transform 0.5s;
  backface-visibility: hidden;
  
}
input.cmn-toggle-yes-no + label:after {
 /* background-color: #8ce196;*/
  content: attr(data-on);
  transition: transform 0.5s;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  border:solid 2px #00ade7; 
}
input.cmn-toggle-yes-no:checked + label:before {
  transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
  transform: rotateY(0);
}

/* ============================================================
  COMMON
============================================================ */
#wrapper {
  min-width: 600px;
}

.settings {
  display: table;
  width: 100%;
}
.settings .row {
  display: table-row;
}
.settings .question,
.settings .switch {
  display: table-cell;
  vertical-align: middle;
  padding:0
}
.settings .question {
  width:920px;  
  font-size: 20px;
}

/* ============================================================
  COMMON
============================================================ */
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/*----------------------------------------*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

.btn{height:16px; padding:0 5px; float:left}
.btn a{text-align:center; text-decoration:none; background:#38a3d7; font-family:Arial; color:#fff; float:left; font-size:13px; box-shadow:#a5a5a5 1px 1px 2px; border:solid 1px #fff;}
.btn a:hover{color:#fff;background:#0092d9;-moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in;}


/*---------------- Tab Gallery ----------------*/
.tab { 
		float:left; padding:10px; margin-top:10px; cursor:pointer; display:block; width:190px; height:20px;
	 }
.tab a  {  
			color:#00ade7; text-decoration:none; text-transform:uppercase; font-family:'Aller'; font-size:15px; font-weight:lighter; 
			-o-transition:.5s; -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s; 
			-moz-animation-name: shrink;  -moz-animation-duration: 0.5s;  -moz-animation-timing-function: ease-in-out;  -webkit-animation-name: shrink;
			-webkit-animation-duration: 0.5s;  -webkit-animation-timing-function: ease-in-out;
		}	
.tab a:hover {
				background:url(../images/gall-menu-bg.jpg) repeat-y top left; color:#fff; padding:8px 5px 8px 10px; height:20px; width:190px;
				-o-transition:.5s; -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s;
				-moz-animation-name: expand; -moz-animation-duration: 0.5s;  -moz-animation-timing-function: ease-in-out;  -webkit-animation-name: expand;  -webkit-animation-duration: 0.5s;
				-webkit-animation-timing-function: ease-in-out; box-shadow:#c4c4c4 1px 1px 2px; border-top-right-radius:5px; border-bottom-right-radius:5px;
			}
.tab a:hover.bounce{
						-moz-animation-name: expand-bounce;  -moz-animation-duration: 0.5s;  -moz-animation-timing-function: ease-in-out;  -webkit-animation-name: expand-bounce;
						-webkit-animation-duration: 0.5s;  -webkit-animation-timing-function: ease-in-out;  color:#fff;
				   }
ul#panels { 
				position:relative; left:20px; top:0px; overflow:hidden; width:763px; height:563px; float:left;
		  }
ul#panels li { 
				position:absolute; left:0px; top:0px; width:763px; height:auto; 
			 }
.tabbg {
			color:#00ade7; background:url(../images/gall-menu-bg.jpg) repeat-y top left; box-shadow:#c4c4c4 1px 1px 2px; border-top-right-radius:5px; border-bottom-right-radius:5px;
			-o-transition:.5s; -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s;  -moz-animation-name: expand; -moz-animation-duration: 0.5s;  		                        -moz-animation-timing-function: ease-in-out;  -webkit-animation-name: expand;  -webkit-animation-duration: 0.5s;  -webkit-animation-timing-function: ease-in-out;
	   } 
.tabbg a { 
			color:#fff;  -o-transition:.5s; -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s; text-shadow:#333 1px 1px 1px;
			-o-transition:.5s; -ms-transition:.5s;  -moz-transition:.5s;  -webkit-transition:.5s; transition:.5s;  -moz-animation-name: expand; -moz-animation-duration: 0.5s;  		                        -moz-animation-timing-function: ease-in-out;  -webkit-animation-name: expand;  -webkit-animation-duration: 0.5s;  -webkit-animation-timing-function: ease-in-out;
		 } 
.tabbg a ul {
  display: none;
  background: #fff;
  border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194;
}
.tabbg a ul li {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
  background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: linear-gradient(#f7f7f7 0%, #ececec 100%);
}
.tabbg a ul li:last-child {
  border-bottom: none;
}
.tabbg a ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #676767;
  font-size: 12px;
  font-weight: normal;
}
.tabbg a ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #e94f31;
}
.tabbg a ul a:hover {
  color: #e94f31;
}
/*---------------- Tab Gallery ----------------*/
.galhover{width:300px; height:240px; background:#CCC; padding:3px; color:#078cab; font-size:11px; font-weight:lighter; -webkit-box-shadow: 0 8px 6px -6px #9a9a9a;
     -moz-box-shadow: 0 8px 6px -6px #9a9a9a;
          box-shadow: 0 8px 6px -6px #9a9a9a;}
.galhover:hover{background:#078cab; color:#fff;}