@charset "UTF-8";
@import "reset.css";

/*FONTES*/
@font-face {
  font-family: 'Calibri';
  src: url("../fonts/Calibri.eot");
  src: url("../fonts/Calibri.eot") format("embedded-opentype"), url("../fonts/Calibri.woff2") format("woff2"), url("../fonts/Calibri.woff") format("woff"), url("../fonts/Calibri.ttf") format("truetype"), url("../fonts/Calibri.svg#Calibri") format("svg"); }
@font-face {
  font-family: 'calibribold';
  src: url("../fonts/calibribold.eot");
  src: url("../fonts/calibribold.eot") format("embedded-opentype"), url("../fonts/calibribold.woff2") format("woff2"), url("../fonts/calibribold.woff") format("woff"), url("../fonts/calibribold.ttf") format("truetype"), url("../fonts/calibribold.svg#calibribold") format("svg"); }

/*LAYOUT*/
body {font-family: 'Calibri'; background: #000; font-size:14px;  color: #000; margin: 0; padding: 0; overflow:hidden; }
h2{text-transform:uppercase; font-family: 'calibribold'; font-weight:normal; font-size:16px; margin:0 0 10px 0; letter-spacing:1px;}
h3{ text-transform:uppercase; font-family: 'calibribold'; font-weight:normal; font-size:16px; margin:0; letter-spacing:1px;}
p{ line-height:150%;}
#wrapper { width: 960px; margin: 0 auto; padding: 48px 0 72px; }
#main { width: 100%; position:relative;}
.marca{ position:fixed; top:50%; left:50%; width:307px; height:157px; margin:-78px 0 0 -154px;}
#overlay{ display:none; background:#fff; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999;}
#overlay .info{width:387px; height:300px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -194px; }
#overlay .info .left{ float:left; width:160px;}
#overlay .info .left img{ margin:5px 0 50px 0;}
#overlay .info .left a{ background:url(../media/maps.png) no-repeat; width:95px; height:36px; text-indent:-9999px; display:block; margin:20px 0 0 0;}
#overlay .info .right{ float:right; width:160px;}
#overlay .info .right ul{ list-style:none; margin:5px 0 90px 0;}
#overlay .info .right ul li{ list-style:none; float:left; margin:0 12px 0 -5px;}
#overlay .info .right ul li a{ background:url(../media/redes.png) no-repeat; height:32px; display:block; text-indent:-9999px; width:30px;}
#overlay .info .right ul li a.facebook{ background-position:0 0;}
#overlay .info .right ul li a.youtube{ background-position:-33px 0;}
#overlay .info .right ul li a.instagram{ background-position:-68px 0;}
#overlay .info .right ul li a.vimeo{ background-position:-105px 0;}
#loader{ background:#fff; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999;}
#loader img{ position:fixed; top:50%; left:50%;  margin:-109px 0 0 -178px; z-index:99;}

/*PAGE/SECTION SPECIFIC*/
#video-controls { width: 333px; }
#video-controls a { color: #ddd; text-decoration: underline; }

/*UTILITY CLASSES*/
.black-15 { background: url(../media/black-15-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-35 { background: url(../media/black-35-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-50 { background: url(../media/black-50-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-65 { background: url(../media/black-65-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-85 { background: url(../media/black-85-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}