/**
* Stage Music
*
* Folha de estilo para a estrutura e os principais componentes sobre a interface do site
*
* @project		stage
* @version		1.0
* @package		layout
* @author		Giovani Oliveira
* @data			2011-05-16
* @lastmodified 2011-05-18
*
**/

* { margin: 0; padding: 0; font-size: 1em; font-style: normal; text-decoration: none; border: none; font-family: Arial, Helvetica, sans-serif; list-style: none; outline: none; }
a { text-decoration: none; outline: none }
    a img { border: none }

input, textarea, select { font-family: Arial, Verdana, Tahoma }
button:active { margin-top: 1px }

body { background: #eeedee url(../imagens/body-fundo.jpg) repeat-x left top }

#master { background: #fff url(../imagens/master-fundo.png) repeat-x left bottom }
#geral { background: url(../imagens/geral-fundo.jpg) no-repeat center top }

/**
* Estrutura do Topo
*
* Estilos para o topo de todas as paginas do site
*
* @section	topo
* @lastmodified 2011-05-18
*
**/
#topo { height: 160px; background: url(../imagens/topo-fundo.jpg) no-repeat center top }
#topo-interna { position: relative; width: 960px; margin: 0 auto }
#topo h1, #topo h1 a { display: block; position: absolute; left:5px; top: 8px; height: 133px; width: 224px; text-indent: -9999px; background: url(../imagens/topo-h1.png) no-repeat center }
#topo h1 a { left: 0; top: 0; background: none }    
    #topo ul { position: absolute; left: 262px; top: 10px; height: 140px; width: 695px }
        #topo ul li { float: left; height: 140px; text-align: center; text-transform: uppercase }
            #topo ul li a.licitacoes { width: 110px }
            #topo ul li a.licitacoes:hover, #topo ul li a.licitacoes_on { background: url(../imagens/menu-licitacoes-hover.jpg) no-repeat center bottom }
            #topo ul li a.parceiros { width: 110px }
            #topo ul li a.parceiros:hover, #topo ul li a.parceiros_on { background: url(../imagens/menu-parceiros-hover.jpg) no-repeat center bottom }
            #topo ul li a.noticias { width: 99px }
            #topo ul li a.noticias:hover, #topo ul li a.noticias_on { background: url(../imagens/menu-noticias-hover.jpg) no-repeat center bottom }
            #topo ul li a.empresa { width: 93px }
            #topo ul li a.empresa:hover, #topo ul li a.empresa_on { background: url(../imagens/menu-empresa-hover.jpg) no-repeat center bottom }
            #topo ul li a.contato { width: 110px }
            #topo ul li a.contato:hover, #topo ul li a.contato_on { background: url(../imagens/menu-contato-hover.jpg) no-repeat center bottom }
            #topo ul li a.marcas { width: 90px }
            #topo ul li a.marcas:hover, #topo ul li a.marcas_on { background: url(../imagens/menu-marcas-hover.jpg) no-repeat center bottom }
            #topo ul li a.home { width: 83px }
            #topo ul li a.home:hover, #topo ul li a.home_on { background: url(../imagens/menu-home-hover.jpg) no-repeat center bottom }
            #topo ul li a { display: block; height: 64px; padding-top: 76px; color: #ccc; letter-spacing: -0.055em; font: normal 17px MuseoSans300, Arial }
.topo-index { left: 335px !important; width: 612px }


/**
* Estrutura da index
*
* Estilos exclusivos a pagina principal do site
*
* @section	Index
* @lastmodified 2011-05-17
*
**/
#geral-index{ background: url(../imagens/geral-index-fundo.jpg) repeat-x left top; }
#conteudo-index{ background: url(../imagens/conteudo-index-fundo.jpg) no-repeat center top;}
#destaque { height: 420px; width: 875px; padding-top: 25px; margin: 0 auto 30px; text-align: center }
    #destaque h3, #conteudo-direita h2 { margin-bottom: 15px; color: #665f54; letter-spacing: -0.025em; font: normal 21px "Times New Roman", Arial; line-height: 63px; }
    #destaque h2 { height: 153px; width: 200px; margin: 0 auto 18px; text-indent: -9999em; background: url(../imagens/destaque-h2.gif) no-repeat center }
    #destaque p { display: block; margin: 25px 122px 10px; color: #665f54; font-size: 12px; text-align: left; line-height: 17px }
    #destaque a, .box-hum a { display: block; height: 30px; width: 268px; margin: 35px auto 0; color: #9f3737; font-size: 13px; font-weight: bold; text-align: center; background: url(../imagens/destaque-a.png) no-repeat center; line-height: 28px; text-shadow: 0px 2px 2px #fff; }
    #destaque a:active, .box-hum a:active, .box-tres button:active { position: relative; top: 1px }


#destaque-baixo { height: 370px; width: 890px; margin: 0 auto }
    #destaque-baixo ul li { width: 225px; padding-left: 18px; background: url(../imagens/destaque-baixo-li.png) no-repeat left 4px }
        #destaque-baixo ul li a { display: block; height: 44px; margin-bottom: 12px; padding: 0 3px; color: #595959; border-bottom: 1px solid #d9d9d9; font-size: 12px; overflow: hidden }
    #destaque-baixo form { height: 221px; width: 261px; background: url(../imagens/destaque-baixo-form.png) no-repeat center }
    #destaque-baixo h4 { height: 40px; width: 280px; margin-bottom: 25px; color: #860000; text-align: center; text-transform: uppercase; letter-spacing: -0.065em; background: url(../imagens/destaque-baixo-h4.jpg) no-repeat center bottom; font: 24px MuseoSans300, Arial; }
    #destaque-baixo p { display: block; margin: 5px 15px; color: #595959; font-size: 12px; line-height: 17px }


.box-hum, .box-dois, .box-tres{ float: left; height: 370px; width: 268px; }
.box-hum img{ border: 1px solid #d2d2d2; padding:3px; }

.box-dois{ margin: 0 35px; }

.box-hum a{ background: url(../imagens/box-hum-a.png) no-repeat center; margin: 20px auto; width: 198px; }

.box-tres p { display: block; padding: 15px 10px 10px 35px; background: url(../imagens/box-tres-p.png) no-repeat left 22px }
.box-tres fieldset { height: 120px; width: 260px; text-align: center }
.box-tres input { height: 29px; width: 195px; margin-bottom: 5px; padding: 5px 15px; color: #abacac; font-size: 13px; background: url(../imagens/box-tres-input.png) no-repeat center; line-height: 29px; }
.box-tres button { height: 30px; width: 221px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: -0.055em; background: url(../imagens/box-tres-button.png) no-repeat center; cursor: pointer; font: bold 14px Arial, Verdana, Tahoma; list-style: 28px; }

/**
* Estrutura do Conteudo
*
* Estilos para  conteudo do site, presente em todas as paginas
*
* @section	conteudo
* @lastmodified 2011-05-17
*
**/
#conteudo{ margin: 0 auto; padding-top: 70px; width: 930px; }

/* conteudo esquerda */
#conteudo-esquerda { float: left; height: auto !important; height: 500px; width: 240px }
    #conteudo-esquerda h2 { margin-bottom: 30px; color: #850000; text-transform: uppercase; letter-spacing: -0.095em; font: normal 40px MuseoSans100, Arial; height: 90px; }
    #conteudo-esquerda p { display: block; margin: 0 0 35px; color: #595959; font-size: 12px; width: 250px }
    #conteudo-esquerda p.voltarNoticia { background: url(../imagens/seta-voltar.gif) no-repeat left 10px; padding-left:20px; padding-top:8px }
    #conteudo-esquerda p.voltarNoticia a { color:#000; font-weight: bold; font-size: 12px; }

    #conteudo-esquerda ul { width: 230px; }

    #conteudo-esquerda ul li { float: left; height: 70px; margin-right: 3px; }
    #conteudo-esquerda ul li .fotos { border: 1px solid #d2d2d2; padding:3px; margin:5px; }

/* conteudo direita */
#conteudo-direita { float: left; position: relative; width: 582px; margin: 0 0 60px 39px; padding: 25px 30px; background: url(../imagens/conteudo-direita-fundo.png) repeat-y center top; z-index: 0; min-height: 190px; }
    #conteudo-direita h2 { margin-bottom: 25px; text-align: center; font: normal 27px "Times New Roman", Arial }
    #conteudo-direita p { margin-bottom: 15px; color: #595959; font-size: 12px; line-height: 16px }
.conteudo-direita-topo { position: absolute; left: 0; top: -7px }
.conteudo-direita-base { position: absolute; bottom: -7px; left: 0 }
.seta { position: absolute; left: -8px; top: 15px }

/* pagina marcas */
.marca-flutuante { float: left; margin: 10px 25px 30px 10px }
ul#marca { height: 122px; margin-bottom: 20px; margin-top:30px; }
    ul#marca li { float: left; height: 112px; width: 112px; margin-right:0; margin-left:20px; padding: 5px; background: url(../imagens/marca-fundo-li.gif) no-repeat center }

/* pagina parceiros */
ul#parceiro, ul#paginacao { width: 576px }
    ul#parceiro li { color: #595959; font-size: 12px; clear: both }
        ul#parceiro li strong { display: block; margin-bottom: 5px; color: #000; font-size: 16px; text-transform: uppercase; letter-spacing: -0.055em }
        ul#parceiro li span { display: block; float: left; height: auto !important; height: 120px; min-height: 120px; width: 425px; margin-bottom: 20px; padding: 5px 10px 0 15px }
        ul#parceiro li a { display: block; margin-top: 10px; padding: 8px 5px 0; color: #850000; border-top: 1px solid #d9d9d9; font-size: ; font-weight: bold; text-transform: uppercase }
.parceiro-imagem { float: left; height: 112px; width: 112px; padding: 5px; background: url(../imagens/marca-fundo-li.gif) no-repeat center }

/* pagina de noticias */
.noticia-data { float: left; width: 107px; color: #840000; font-size: 20px; font-weight: bold; letter-spacing: -0.065em; background: url(../imagens/destaque-baixo-li.png) no-repeat right 5px }
ul#noticia li { height: 50px; margin-bottom: 20px; color: #595959; font-size: 13px; font-weight: bold; }
    ul#noticia li span { display: block; float: left; width: 450px; margin-left: 10px; padding: 0 10px 15px 5px; border-bottom: 1px solid #e6e6e6 }
    ul#noticia li a { display: block; color: #595959; font-size: 12px }

/* noticia interna */
ul#noticia-interna { height: 200px; width: 570px; margin: 30px auto 0 }
	ul#noticia-interna li { float: left; height: 82px; width: 112px; margin: 0 10px 15px; padding: 4px; border: 1px solid #d9d9d9 }
    ul#noticia-interna li.video { position: relative; z-index: 0 }
        ul#noticia-interna li.video a { position: absolute; right: 4px; top: 4px; height: 82px; width: 112px; background: url(../imagens/noticia-a-video.png) no-repeat center top; z-index: 10; }
        ul#noticia-interna li.video a:hover { background-position: center -82px }
    
ul#detalheVideo a { position: absolute; right: 4px; top: 4px; height: 40px; width: 60px; background: url(imagens/fundo+direita+detalhe+a.png) no-repeat center; z-index: 3; }


/* pagina de contato */
.endereco { float: right; height: 250px; width: 220px; text-align: center }
    .endereco address { color: #595959; font-size: 13px }
        .endereco address strong { display: block; color: #850000; font-size: 16px; font-weight: bold }
    .endereco h6 { display: block; margin-bottom: 10px; color: #850000; text-align: left; text-transform: uppercase; letter-spacing: -0.075em; font: 24px MuseoSans100, Arial, Verdana }
    .endereco a { display: block; margin-bottom: 5px }
.sucesso, .fracasso { display: block; height: 30px; width: 282px; margin-bottom: 15px; padding-left: 40px; color: #477B23; font-size: 13px; font-weight: bold; letter-spacing: -0.055em; background: url(../imagens/sucesso-fundo.jpg) no-repeat center; line-height: 30px; }
.fracasso { color: #E10A15; background: url(../imagens/fracasso-fundo.jpg) no-repeat center }
.form-contato { float: left; height: 550px; width: 325px }
    .form-contato textarea { height: 210px; width: 303px; margin-bottom: 10px; padding: 10px; color: #a7a7a7; font-size: 13px; background: url(../imagens/textarea323.jpg) no-repeat left center; resize: none; }
    .form-contato button { float: right; height: 30px; width: 150px; margin-right: 5px; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: -0.055em; background: url(../imagens/contato-botao-enviar.jpg) no-repeat center; cursor: pointer; font: bold 14px Arial, Verdana, Tahoma; list-style: 30px; }
    .form-contato input { float: left; height: 29px; width: 303px; margin-bottom: 12px; padding: 5px 10px; color: #a7a7a7; font-size: 13px; background: url(../imagens/input323.jpg) no-repeat center; line-height: 29px; }
.tam233 { width: 213px !important; background: url(../imagens/input233.jpg) no-repeat center !important }
.tam78 { width: 58px !important; margin-left: 12px; background: url(../imagens/input78.jpg) no-repeat center !important }

/* paginacao */
#paginacao { width: 660px; padding-left: 300px; clear: both }
    #paginacao ul { height: 26px; width: 310px; margin: 0 auto }
        #paginacao ul > li.meio { width: 100px }
        #paginacao ul > li { float: left; width: 90px; text-align: center }
            #paginacao ul > li > ul { float: left; height: 26px; padding-left: 5px; width: 130px }
                #paginacao ul > li > ul > li { height: 26px; width: 26px; margin: 0 2px; text-align: center }
                #paginacao ul > li > ul > li a:hover, #paginacao ul > li > ul > li a.on { color: #A00000 }
                #paginacao ul > li > ul > li > a { display: block; height: 26px; width: 23px; padding-right: 3px; color: #8f8f8f; font-size: 13px; background: url(../imagens/paginacao-li.png) no-repeat center; line-height: 22px; }
            #paginacao ul > li > a { color: #990000; font-size: 11px; font-weight: bold }

/**
* Estrutura do Rodape
*
* Estilos para o rodape das paginas
*
* @section	rodape
* @lastmodified 2011-05-17
*
**/
#rodape { height: 62px; width: 960px; padding-top: 1px; margin: 0 auto }
    #rodape address { color: #595959; font-size: 12px }
    #rodape ul li { float: left; height: 45px; width: 310px; padding-top: 17px }
    #rodape a img { float: right }
.fone { color: #931a1a; text-align: center; letter-spacing: -0.065em; font: 22px MuseoSans700, Arial }

/**
* Classes adicionais
*
* Classes utilizadas em alguns partes do site
*
* @section	rodape
* @lastmodified 2011-05-17
*
**/
.semBorda{border: none !important;}
.semFundo{background: none !important;}
.semMargemBase{ margin-bottom: 0 !important; }
.quebra{ clear: both; }

@font-face {
    font-family: 'MuseoSans700';
    src: url('../fontes/museosans_700-webfont.eot');
    src: url('../fontes/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/museosans_700-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans500';
    src: url('../fontes/museosans_500-webfont.eot');
    src: url('../fontes/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/museosans_500-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans300';
    src: url('../fontes/museosans-300-webfont.eot');
    src: url('../fontes/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/museosans-300-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans100';
    src: url('../fontes/museosans-100-webfont.eot');
    src: url('../fontes/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/museosans-100-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/**
*
* Atualizacoes posteriores ao recorte html-css
* Adicionar abaixo as alteracoes com suas respectivas datas
*
* @section	alteracoes
* @author	
* @lastmodified 2011-05-17
*
**/
.off {
	display: none;
}