* {margin: 0; padding: 0; border: 0; text-decoration: none; outline: none; list-style-type: none; color: #000; font: 12px 'Arial'}

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

}

.left {float: left;}
.right {float: right;}
.copy { display: inline-block; }

body, html {height: 100%;}
body {  }

#wrap { width: 100%; height: 100%; float: left; position: relative;}

#menu { float: left; z-index: 999; position: absolute; top: 30px; left: 30px; background: #fff; width: 225px; padding: 0;}
#menu h1 { width: 210px; height: 160px; float: left; text-indent: -9999px; background: url('../images/logo-estudio.jpg') center no-repeat;}
#menu h1 a { width: 210px; height: 160px; float: left; }
#menu ul { float: left; margin-left: 8px; margin-bottom: 10px;}
#menu ul li { margin: 5px 5px; color:#999; }
#menu ul li:before { content: " - "; }
#menu ul li:hover { color: #333; }
#menu ul li a { text-transform: lowercase; color: #626264; font: 13px 'Century Gothic';}
#menu ul li a:hover { color: #333; }
#menu ul.submenu-projetos { clear: both; margin-top: 8px; }
#menu ul.submenu-projetos li a { color:#000; text-transform: none; }
#menu ul.submenu-projetos li a:hover { color: #666; }
#menu .submenu { float: none; }
#menu .submenu li { margin: 5px 10px; color: #666; }
#menu .submenu li:hover { color: #666; }
#menu .submenu li a { color: #000; }
#menu .submenu li a:hover { color: #666; }

#content { position: absolute; z-index: 999; top: 30px; left: 285px; height: 100%;}
#content h2 { font-size: 18px; color: #000; }
#content ul {  }
#content ul li { float: left; margin: 0 20px 20px 0;}

#videos #content h1 { font-size: 24px; color: #000; }
#videos #content ul { float: left; margin: 30px 0; }

#presspack #content h1 { font-size: 24px; color: #000; }
#presspack #content ul { float: left; margin: 30px 0; }
#presspack #content ul li { float: none; display: list-item; clear: both;}
#presspack #content ul li h3 { color: #000; font-size: 16px; float: left; margin: 0 20px 20px 0 }
#presspack #content ul li a { color: #999; float: left; line-height: 18px;}
#presspack #content ul li a:hover { color: #000;}

#videos #content, #presspack #content, #escritorio #content, #blog #content, #midia #content, #projetos #content {
    margin-left: 285px; margin-top: 30px;
    position: static;
    padding-bottom: 30px;
    float: left;
    height: auto;
}
 #escritorio #content { min-height: 1000px; }
#videos #content { margin-top: 0; }
#blog #content { height: auto; min-height: 800px; }

#midia #content ul {  }
#midia #content ul li {  }
#midia #content ul li img { width: 176px; height: 225px; }
#midia #content ul li .capas { display: none; }

#escritorio { background: #fff; }
#escritorio #content .texto {
    color:#000;
    float: left;
    width: 850px;
    margin-bottom: 10px;
    line-height: 20px;
}

#escritorio #content .texto h2 {
    margin-bottom: 10px;
    color:#000;
}
#escritorio #content .image {
    float: left;
    margin-right: 20px;
    width: 300px;
}
#escritorio #content .image img { float: left; margin-bottom: 10px; }

#escritorio #content .col { float: left; width: 200px; margin-right: 15px; margin-bottom: 50px; font-family: Verdana;}
#escritorio #content .col-1 { width: 400px;}
#escritorio #content .col-2 {  }
#escritorio #content .col-3 {  }

#escritorio #content .col img { margin-bottom: 10px; }

#escritorio #content .colaboradores { float: left; width: 100%; padding: 15px 0; border-top: 2px solid #666;}
#escritorio #content .colaboradores h3 { font-family: Verdana; font-size: 16px; margin-bottom: 20px;}
#escritorio #content .colaboradores li { float: left; width: 100%; }
#escritorio #content .colaboradores li .thumb { float: left; width: 100px; }
#escritorio #content .colaboradores li .descricao { float: left; width: 500px; font-family: Verdana; line-height: 18px;}

#content .post {
    color: #000;
  
    padding-bottom: 40px;
    float: left;
    clear: both;
}
#content .post .header {  }
#content .post .header .date {
    float: left;
  
    height: 45px;
    width: 45px;
    background: #a3d244;
    border-radius: 8px;
    moz-border-radius: 8px;
    webkit-border-radius: 8px;
}
#content .post .header .date .day {
    color: #fff;
  
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}
#content .post .header .date .month {
    color: #fff;
    text-transform: uppercase;
    float: left;
    text-align: center;
    width: 100%;
}
#content .post .header h3 {
    color: #fff;
  
    font-size: 18px;
    float: left;
    height: 45px;
    line-height: 40px;
    margin: 0 15px;
}
#content .post .header .share {
    float: left;
  }
#content .post .content {
    clear: both;
  
    padding: 0 60px;
}
#content .post .content div, #content .post .content p, #content .post .content b, #content .post .content strong {
    color: #fff;
    margin: 10px 0;
    line-height: 20px;
}
#content .post .content b, #content .post .content strong {
    font-weight: bold;
}
#content .post .content div.texto {
    margin: 0;
    line-height: normal;
}

#imagem-fundo { width: 100%; height: 100%; float: left; position: absolute; }

#imagem-fundo img { width: 100%; height: 100%; }

#nav { width: 100%; position: absolute; z-index: 999 ; height: 115px; bottom: 25%;}

@media (max-height: 780px) {
    #nav { bottom: 5%; }
}

#nav .anterior {
    float: left;
    margin: 0 30px;
    width: 105px;
    height: 115px;
    background: url("../images/sprite-setas.png") 0 0 no-repeat;
    text-indent: -9999px;
    background-position: 30px 25px;
}
#nav .proximo {
    float: right;
    margin: 0 30px;
    width: 105px;
    height: 115px;
    background: url("../images/sprite-setas.png") 0 0 no-repeat;
    text-indent: -9999px;
    background-position: 30px -199px;
}

#description { width: 420px; background: #fff; position: absolute; bottom: 24px; right: 120px; z-index: 999; }
#description .wrap { position: relative;}
#description .wrap .nav { position: absolute; right: 0;}
#description .wrap .nav .hide { display: none; width: 25px; height: 25px; background: url('../images/arrow-hide-info.png') no-repeat; text-indent: -9999px; float: left;}
#description .wrap .nav .show { display: none; width: 25px; height: 25px; background: url('../images/arrow-show-info.png') no-repeat; text-indent: -9999px; float: left;}
#description .wrap h4 {
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
}
#description .wrap h5 {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}
#description .wrap p { color: #666; margin: 10px 0 0;}
#description .wrap .info { padding: 30px 25px 40px; }
#description .wrap .social { margin-top: 10px; float: left; width: 100%; }

#footer { float: left; z-index: 2000; position: absolute; bottom: 0; width: 100%; background: #000; text-align: center; }
#videos #footer, #presspack #footer, #escritorio #footer, #blog #footer, #midia #footer, #projetos #footer { float: left; z-index: 999; width: 100%; background: #000; clear: both; /*position: static;*/ position: fixed;}
#footer span { margin: 5px 10px; color: #fff; }
#escritorio #footer { /*position: absolute;*/ }