@font-face {
    font-family: 'helveticaboldoblique';
    src: url('ufonts.com_helvetica_boldoblique-webfont.eot');
    src: url('ufonts.com_helvetica_boldoblique-webfont.eot?#iefix') format('embedded-opentype'),
        url('ufonts.com_helvetica_boldoblique-webfont.woff') format('woff'),
        url('ufonts.com_helvetica_boldoblique-webfont.ttf') format('truetype'),
        url('ufonts.com_helvetica_boldoblique-webfont.svg#helveticaboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'universe';
    src: url('universltstdcn.eot');
    src: url('universltstdcn.eot?#iefix') format('embedded-opentype'),
        url('universltstdcn.woff') format('woff'),
        url('universltstdcn.ttf') format('truetype'),
        url('universltstdcn.svg#universe') format('svg');
    font-weight: normal;
    font-style: normal;

}

body,html{
    width:100%;height:100%;background:#000;padding:0;margin:0;border:0;
    font-family: 'universe', sans-serif;
    overflow-x: hidden;
    overflow-y:hidden
}

.hidden{
    display: none;
}

#main{
    width: 999px; margin: 0 auto;
    min-height: 300px;
}

.inner {
    position: absolute;
    top: 50%;
    margin-top: -75px;
}
.up_arr {
background-image: url(../images/seta.png);
width: 83px;
height: 107px;
position: absolute;
top: -12px;
left: 46.5%;
background-repeat: repeat;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
z-index: 200;
cursor: pointer;
}
.back {
    background-image: url(../images/seta_black.png);
    background-repeat: no-repeat;
    width: 83px;
    height: 107px;
    position: absolute;
    top: 12px;
    left: 25px;
    z-index: 200;
    cursor: pointer;
}

.dw_arr{
    background-image: url(../images/seta.png);
width: 83px;
height: 107px;
    position: absolute;
    bottom: -12px;
    left: 46.5%;
    background-repeat: repeat;
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg); 
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg); 
    z-index: 200;
    cursor: pointer;
}
#makeMeScrollable {
    /*width: 100%;
    min-height: 330px;
    position: relative;
    position: absolute;
    top: 50%;
    margin-top: -75px;
    width: 999px;
    min-height: 300px;*/

    /*top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -50px;*/
}

.quad{
    width: 35px;
    height: 22px;
    background-color: #fff;
    float: left;
    cursor: pointer;
}
.quad:hover{
    color: #fff !important;
    visibility: inherit;
    transition: all 0.3s ease 0s !important;
    -moz-transition: all 0.3s ease 0s !important;
    -webkit-transition: all 0.3s ease 0s !important;
    -o-transition: all 0.3s ease 0s !important;
    -moz-box-shadow: -1px 0 8px #f5f5f5, 0 0 8px #f5f5f5, 1px 0 8px #f5f5f5, 0 4px 32px #000;
    -webkit-box-shadow: -1px 0 8px #f5f5f5, 0 0 8px #f5f5f5, 1px 0 8px #f5f5f5, 0 4px 32px #000;
    box-shadow: -1px 0 8px #f5f5f5, 0 0 8px #f5f5f5, 1px 0 8px #f5f5f5, 0 4px 32px #000;
}
.programas{
    padding: 0;
    background: transparent;
    position: fixed;
    left: 20px;
    top: 35px;
    z-index: 97;
    cursor: pointer;
    height: 300px;
    width: 70px;
    text-align: right;
}
.numeracao{
    font-size: 34px;
    color: #fff;
    z-index: 999999;
    line-height: 35px;
}
.numeracao:hover{
    text-shadow: -1px 0 8px #f5f5f5, 0 0 8px #f5f5f5, 1px 0 8px #f5f5f5, 0 4px 32px #000;
}
.pr{
padding: 0;
background: transparent;
position: fixed;
left: 61px;
top: 35px;
z-index: 97;
cursor: pointer;
height: 300px;
width: 33px;
text-align: right;
z-index: 200;
}
.numeracao, .numeracao a{
    font-size: 29px;
    color: #fff;
    z-index: 999999;
    line-height: 35px;
    text-decoration: none;
}
.numeracao a:hover{
    text-shadow: -1px 0 8px #f5f5f5, 0 0 8px #f5f5f5, 1px 0 8px #f5f5f5, 0 4px 32px #000;
}
.numeracao.active {
    text-shadow: -1px 0 8px #f5f5f5, 0 0 8px #f5f5f5, 1px 0 8px #f5f5f5, 0 4px 32px #000;  
}
#main {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;
}
.transparent20 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";

  /* IE 5-7 */
  filter: alpha(opacity=15);

  /* Netscape */
  -moz-opacity: 0.15;

  /* Safari 1.x */
  -khtml-opacity: 0.15;

  /* Good browsers */
  opacity: 0.15;
}
.transparent19 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=19)";

  /* IE 5-7 */
  filter: alpha(opacity=10);

  /* Netscape */
  -moz-opacity: 0.10;

  /* Safari 1.x */
  -khtml-opacity: 0.10;

  /* Good browsers */
  opacity: 0.10;
}
.transparent18 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=18)";

  /* IE 5-7 */
  filter: alpha(opacity=05);

  /* Netscape */
  -moz-opacity: 0.05;

  /* Safari 1.x */
  -khtml-opacity: 0.05;

  /* Good browsers */
  opacity: 0.05;
}
.info{
width: 999px;
margin: 0 auto;
text-align: center;
min-height: 500px;
}
.info img{
    max-width: 1600px; width: 100%; min-width: 720px;
    border: 0;
    margin-bottom: -4px;
}
.setafix{
    position: fixed;
}
#main_container, .opc{
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: 0;

  /* Safari 1.x */
  -khtml-opacity: 0;

  /* Good browsers */
  opacity: 0;  
}
@media only screen and (min-width: 1600px) {
    .scrollWrapper{
        margin-top: 30px;
    }
    #imgs{
        margin-top: 15px;
    }
}
#menus_varios{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -499px;
    width: 999px;
    height: 500px;
    background-color: blue;
    z-index: 9999;
    color: #fff;
    display: none;
}
#imgs{
    max-width: 1900px; width: 100%; min-width: 720px;
    border: 0;
    float: right;
}
.frame {
    height: 100%;
    width: 100%;
    border: 1px solid red;
    text-align: center;
    margin: 1em 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.helper img {
    vertical-align: middle;
    max-height: 910px;
    width: 100%;
    min-width: 720px;
    border: 0;
    float: right;
}
.next{
    background-image: url(../images/seta.png);
cursor: pointer;
width: 51px;
height: 101px;
position: absolute;
top: 41.2%;
right: 0;
z-index: 200;
background-repeat: repeat;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
z-index: 200;
display: none;
cursor: pointer;
}
.prev{
    background-image: url(../images/seta.png);
cursor: pointer;
width: 51px;
height: 101px;
position: absolute;
top: 41.2%;
left: 0;
z-index: 200;
background-repeat: repeat;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
z-index: 200;
display: none;
cursor: pointer;
}
.credito{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    margin: 15px;
}
#loading{
    background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    background-color: black;
    -moz-opacity: 0.75;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 100;
}