@charset "utf-8";



/* 
 * @font-face
 * Generated by Font Squirrel (http://www.fontsquirrel.com), 2014 
 */
@font-face {
    font-family: 'ristretto_proextralight';
    src: url('../site/font/ristrettopro-extralight-webfont.eot');
    src: url('../site/font/ristrettopro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../site/font/ristrettopro-extralight-webfont.woff') format('woff'),
         url('../site/font/ristrettopro-extralight-webfont.ttf') format('truetype'),
         url('../site/font/ristrettopro-extralight-webfont.svg#ristretto_proextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ristretto_proregular';
    src: url('../site/font/ristrettopro-regular-webfont.eot');
    src: url('../site/font/ristrettopro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../site/font/ristrettopro-regular-webfont.woff') format('woff'),
         url('../site/font/ristrettopro-regular-webfont.ttf') format('truetype'),
         url('../site/font/ristrettopro-regular-webfont.svg#ristretto_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body, html { height:100%; cursor:default; font-size:13px; /*background-color:#eaebe6;*/  */ color:#646464; line-height:140%; font-family: "ristretto_proregular", Arial, Helvetica, "Trebuchet MS", Tahoma, Calibri, sans-serif; }

/* MAIN */
* html #main { height:100%; overflow:hidden; }
#main { width:100%; min-height:100%; position:relative; }
.cb,
.clearfix { clear: both; }


/*
 * Teaser page
 */
.teaser { background: #242424 url(../imagens/bg-teaser.jpg) no-repeat 50% 50%; -webkit-background-size: cover; -ms-background-size: cover; background-size: cover; text-align: center; height: auto; min-height: 100%; line-height: initial; }
.wrapper { width: 96%; max-width: 1100px; margin: 0 auto; }

/* header */
.teaser .header .luiz-eugenio { margin: 0; padding: 1em 0; }
.teaser .header .luiz-eugenio img,
.teaser .header .campanha img { max-width: 100%; }

/* buttons */
.teaser .navbar { margin: 3em 0; }
.teaser .navbar a,
.teaser .navbar a:after { -webkit-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.teaser .navbar a { display: inline-block; vertical-align: middle; background-color: #fff; color: #000; padding: 12px 18px; font-size: 28px; margin: 4px 12px; text-decoration: none; position: relative; z-index: 1; min-width: 110px; }
.teaser .navbar a:after { content: ""; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; z-index: 1; border: 1px solid #000; }
.teaser .navbar a:hover { background-color: rgba(255,255,255, 0.7); }
.teaser .navbar a:hover:after { border-width: 3px; }

/* Brand */
.widget-brand { padding-left: 0; margin: 2em 0; }
.widget-brand .item-brand { width: 23%; float: left; margin: 0 1%; }
.widget-brand .item-brand img { max-width: 96%; display: inline-block; }



/* Socialize */
.head .socialize { margin-top:0px; margin-bottom:20px; }
.head .socialize li { float:left; }
#widget-stage .socialize li { width:33%; color:#c7c8ca; }
#widget-stage .socialize li .icon { min-height:18px; display:block; margin-bottom:10px; font-size:1.1em; }
#widget-stage .socialize li .center { border-left:1px solid #eee; border-right:1px solid #eee; }
.head .socialize li a { color:#fff; font-size:0.95em; display:block; padding:5px 0; text-transform:uppercase; text-decoration: none; }
.head .socialize li:hover a { text-decoration:none; }
.head .socialize li:hover a .txt { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); }
.head .socialize li.fb:hover a { color:#133b91; }
.head .socialize li.twitter:hover a { color:#55acee; }
.head .socialize li.instagram:hover a { color:#62493a; }
.head .socialize li.yt:hover a { color:#dc485d; }


/* Socialize */
.widget-socialize.head { display: block; margin-bottom: 2em; }
.widget-socialize .socialize { max-width: 380px; margin: 0 auto; padding-left: 0; }
.widget-socialize .socialize li { width: 31.33%; margin: 0 1%; }
.widget-socialize.head .socialize a { font-size: 20px; }
.widget-socialize.head .socialize .txt { display: block; font-size: 0.8em; letter-spacing: 0.06em; }


@media all and (min-width: 520px){
    .teaser .header .luiz-eugenio { padding-top: 80px; }
}
@media all and (max-width: 520px){
	.widget-brand .item-brand { width: 48%; margin-top: 10px; }
	.widget-brand .item-brand:nth-of-type(2n+1) { clear: both; }
}

@media all and (max-height: 700px){
	.teaser .header .luiz-eugenio { padding: 20px 0; }
	.teaser .navbar a { padding: 8px 14px; }
}

@media all and (min-height: 740px){
	
    .teaser .campanha { padding: 40px 0; }

    .teaser .navbar { margin: 5em 0; }
	.teaser .navbar a { padding: 16px 24px; font-size: 34px; }
	.teaser .navbar { margin-top: 4em; }
	.widget-brand { margin: 4em 0; }
	.widget-socialize.head .socialize a { font-size: 26px; }

}



/*
 * @ Icon font
 */
@font-face { font-family:'luizeugenio'; src:url('../site/font/luizeugenio.eot?-gajkwg'); src:url('../site/font/luizeugenio.eot?#iefix-gajkwg') format('embedded-opentype'), url('../site/font/luizeugenio.woff?-gajkwg') format('woff'), url('../site/font/luizeugenio.ttf?-gajkwg') format('truetype'), url('../site/font/luizeugenio.svg?-gajkwg#luizeugenio') format('svg'); font-weight:normal; font-style:normal; }

[class^="icon-"], [class*=" icon-"] { font-family:'luizeugenio'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

.icon-location:before {content: "\e600"; } 
.icon-delete-outline:before {content: "\e601"; } 
.icon-search:before {content: "\f002"; } 
.icon-pinterest-square:before {content: "\f0d3"; } 
.icon-google-plus-square:before {content: "\f0d4"; } 
.icon-youtube:before {content: "\f167"; } 
.icon-youtube-play:before {content: "\f16a"; } 
.icon-instagram:before { content: "\f16d"; } 
.icon-vimeo-square:before {content: "\f194"; } 
.icon-cross:before {content: "\e602"; } 
.icon-play:before {content: "\e603"; } 
.icon-arrow-left:before {content: "\e604"; } 
.icon-arrow-down:before {content: "\e605"; } 
.icon-arrow-up:before {content: "\e606"; } 
.icon-arrow-right:before {content: "\e607"; } 
.icon-twitter:before {content: "\e608"; } 
.icon-facebook:before {content: "\e609"; }