@font-face {
    font-family: 'GothamRegular';
    src: url('fonts/gotham-medium.eot');
    src: url('fonts/gotham-medium.eot') format('embedded-opentype'),
         url('fonts/gotham-medium.woff') format('woff'),
         url('fonts/gotham-medium.ttf') format('truetype'),
         url('fonts/gotham-medium.svg#GothamRegular') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/gotham-bold.eot');
    src: url('fonts/gotham-bold.eot') format('embedded-opentype'),
         url('fonts/gotham-bold.woff') format('woff'),
         url('fonts/gotham-bold.ttf') format('truetype'),
         url('fonts/gotham-bold.svg#GothamBold') format('svg');
}
@font-face {
    font-family: 'proxima_novablack';
    src: url('fonts/proximanova-black-webfont.eot');
    src: url('fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-black-webfont.woff') format('woff'),
         url('fonts/proximanova-black-webfont.ttf') format('truetype'),
         url('fonts/proximanova-black-webfont.svg#proxima_novablack') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}
a {
    text-decoration: none;
}

a span {
    cursor: pointer;
}

ul,li {
    list-style: none;
}
table{ border-spacing: 0px; border-collapse: collapse;}
body {
    width: 100%;
    text-align: left;
    min-height: 768px;
    font-family:"Times New Roman",Georgia,Serif;
}

#conteudo{float: left; width: 100%; /*height: 5000px;*/ }

#bloco1{float: left; width: 100%; height: 959px; background: #ffffff; position: relative;z-index: 11;}
#bloco1 .content{margin: 0 auto; width: 1000px; position: relative; height: 959px; }

.contWrapper{position: fixed; top: 0px; left: 0px; width: 100%; }

/*.bloco1bg1{ width: 669px; height: 937px; background: transparent url(images/bloco1bg1.png) left top no-repeat; position: absolute; top: 0px; left: -452px; }
.bloco1bg2{ width: 1019px; height: 972px; background: transparent url(images/bloco1bg2.png) left top no-repeat; position: absolute; top: 0px; left: 356px; }
.bloco1bg3{ width: 1019px; height: 972px; background: transparent url(images/bloco1bg3.png) left top no-repeat; position: absolute; top: 0px; left: 426px; }*/
.bloco1bg1{ width: 1404px; height: 1556px; background: transparent url(images/bb1.png) left top no-repeat; position: absolute; top: 0px; left: -1200px; }
.bloco1bg2{ width: 1404px; height: 1556px; background: transparent url(images/bb2.png) left top no-repeat; position: absolute; top: 0px; left: -72px; }
.bloco1bg3{ width: 1404px; height: 1556px; background: transparent url(images/bb3.png) left top no-repeat; position: absolute; top: 0px; left: 23px; }

.area_logo{margin-left: 218px; width: 700px; float: left; margin-bottom: 77px; margin-top: 213px;}
.area_logo .letras{float: left; margin-top: 34px; }
.area_logo img{float: left; position: relative;}
.area_logo .caracoleta{margin-right: 68px;}
.area_logo .g, .area_logo .loba{margin-right: 12px;}
.area_logo .g{margin-top: 22px;}
.area_logo .z{margin-top: 23px;}

.introTexto{text-align: center; font-family: 'GothamRegular'; color: #3c3c3c; font-size: 20px; width: 638px; float: left; margin-left: 224px; color: #3c3c3c;}
.introTexto p{margin-bottom: 27px;}

#bloco1 .introTexto{position: fixed; }

.scroll{float: left; width: 46px; height: 46px; background: transparent url(images/scroll.png) left top no-repeat; position: absolute; /*bottom: 143px; left: 531px;*/ left: 308px;}
.scroll:hover{background-position: left -46px;}
.scroll.mb{width: 115px; height: 115px; background-image: url(images/btn_mobile.png); bottom: -130px !important; left:250px;}

#bloco2{float: left; width: 100%; height: 973px; background: transparent url(images/loba.jpg) center center no-repeat; background-size: cover;position: relative; z-index: 10; 
overflow: hidden;}

#bloco2 .content{margin: 0 auto; width: 1000px; position: relative; height: 973px; }

#bloco2 .introTexto{color:#ffffff; clear: both; width: 735px; margin-left: 144px; margin-bottom: 26px; /*margin-top: 410px;*/
/*opacity:0;
filter:alpha(opacity=0); */}
#bloco2 .introTexto p{float: left; width: 100%; margin-bottom: 6px;}
.introTexto h1{text-transform: uppercase; font-weight: normal; font-size: 35px;font-family: 'GothamBold'; margin-top: 16px;float: left; width: 100%; margin-bottom: 20px;}

#logoLoba{width: 641px; margin: 245px auto 37px auto; display: block; position: relative; /*top: 245px;*/ /*left: 227px;*/}


.btn_vid{width: 127px; height: 42px; line-height: 42px; text-transform: uppercase; display: inline-block; border: 1px solid #ffffff; color: #ffffff; font-size: 14px;
font-family: 'proxima_novablack'; text-align: center; float: left; margin-left: 447px;}
.btn_vid:hover{  background-color: #FFFFFF; color: #646464;}