@font-face { font-family: 'code_boldregular';
              src: url('../font/code_bold-webfont.eot');
              src: url('../font/code_bold-webfont.eot?#iefix') format('embedded-opentype'),
                   url('../font/code_bold-webfont.woff') format('woff'),
                   url('../font/code_bold-webfont.ttf') format('truetype'), 
                   url('../font/code_bold-webfont.svg#code_boldregular') format('svg');
               font-weight: normal; font-style: normal; }
@font-face { font-family: 'code_lightregular'; src: url('../font/code_light-webfont.eot'); src: url('../font/code_light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/code_light-webfont.woff') format('woff'), url('../font/code_light-webfont.ttf') format('truetype'), url('../font/code_light-webfont.svg#code_lightregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'lucida_grande'; src: url('../font/lucida_grande.eot'); src: url('../font/lucida_grande.eot?#iefix') format('embedded-opentype'), url('../font/lucida_grande.ttf') format('truetype'), url('../font/lucida_grande.svg#code_lightregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'lucida_grande_bold'; src: url('../font/lucida_grande_bold.eot'); src: url('../font/lucida_grande_bold.eot?#iefix') format('embedded-opentype'), url('../font/lucida_grande_bold.ttf') format('truetype'), url('../font/lucida_grande_bold.svg#code_lightregular') format('svg'); font-weight: normal; font-style: normal; }

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

body { overflow-x: hidden; }

* { margin: 0; padding: 0; font-family: Arial; font-size: 14px; resize: none !important; outline: none !important; }

ul li { float: left; list-style: none; }
a img { border: 0; }
div.container { width: 990px; margin: auto; }
a { text-decoration: none; }

/*------------------------------------------------------------------------------------------------*/

ul#topo { height: 90px; margin-bottom: 10px; margin-top: 7px; }
    ul#topo li { float: left; }
        ul#topo li.logo { float: left; width: 25%; height: 90px; background-color: #000; }

/*------------------------------------------------------------------------------------------------*/

div#tpFl { width: 990px; position: absolute; margin-top: -100px; left: 50%; margin-left: -495px; }
img.lg { margin-right: 8px; }

img { vertical-align: top; }
.social { margin-left: 0; }

.busca { height: 53px; }
    .busca li { line-height: 25px; }
        .busca li span { font-family: 'code_boldregular'; letter-spacing: 1px; color: #666; font-weight: normal; font-size: 11px; }
        .busca li input { width: 190px; height: 24px; border: 1px solid #cecece; background-color: #eeeeee; margin-left: 5px; font-size: 11px; color: #787878; padding: 0 3px; }

            .busca li input.search { width: 374px; margin: 0; font-size: 11px; color: #787878; }

/*------------------------------------------------------------------------------------------------*/

ul.busca { margin-bottom: 65px; margin-top: 10px; }
ul#menu { top: 175px; z-index: 80; position: absolute; margin-top: 0px; height: 40px; padding-left: 50%; }

    ul#menu li { width: 121px; height: 27px; padding-top: 10px; text-align: center; border-right: 3px solid #FFF; cursor:pointer; }

        ul#menu li a { color: #FFFFFF; font-family: 'code_boldregular'; font-size: 15px; font-weight: lighter; letter-spacing: 1px; text-decoration: none; cursor: pointer; }

        ul#menu li.news { }
        ul#menu li.projetos a { /*cursor:default;*/ cursor: pointer; }
        ul#menu li.agenda { }
        ul#menu li.rolou { }
        ul#menu li.job { }

        ul#menu li.news:hover { background: #8E0032; }
        ul#menu li.projetos:hover { background: #99AF0C; }
        ul#menu li.agenda:hover { background: #CF4900; }
        ul#menu li.rolou:hover { background: #009FA2; }
        ul#menu li.mix:hover { background: #CD1E01; }
        ul#menu li.midia:hover { background: #C58C01; }
        
		ul#menu li.job:hover { background: #072C49; }		
		ul#menu li.patrocinador:hover {background: rgb(72, 41, 116);}
		
		
		

        ul#menu li.first { margin-left: -496px }
        ul#menu li.secound { margin-left: -372px; }
        ul#menu li.third { margin-left: -248px; }
        ul#menu li.fourth { margin-left: -124px; }
        ul#menu li.fifith { margin-left: -75px; }
        ul#menu li.last {
            border: 0px;
        }
        ul#menu li > ul {
            display:none;
            margin-top:8px;
            cursor:pointer;
        }
        ul#menu li > ul > li {
           border:none;
           cursor:pointer;
        }
        ul#menu li > ul > li > a{
            font-size:12px;
            cursor:pointer;
        }
        ul#menu li:hover > ul {
            display:block!important;
            cursor:pointer;
        }

ul#malha { z-index: 5; width: 100%; height: 40px; position: absolute; top: 175px; }
    ul#malha li.lft { width: 50%; height: 37px; }
    ul#malha li.rgt { width: 50%; height: 37px; }


/*------------------------------------------------------------------------------------------------*/

ul#rodape { width: 100%; background-color: #000; height: 170px; /*185px*/ }
    ul#rodape li.principal { height: 160px; /*185px*/ left: 50%; margin-left: -508px; position: absolute; padding-left: 310px; width: 706px; background: url('http://www.arqbacana.com.br/images/logo_footerV2.jpg') no-repeat bottom left; }
        ul#rodape li.principal ul { margin-top: 38px; }
            ul#rodape li.principal ul li { width: 140px; }
                ul#rodape li.principal ul li,
                ul#rodape li.principal ul li a { text-decoration: none; line-height: 21px; color: #fff; font-size: 10px; }
                    ul#rodape li.principal ul li span { color: #bed62f; font-size: 10px; }

/*------------------------------------------------------------------------------------------------*/

.ponteiro { cursor: pointer; }
.error { border-color: #F00 !important; }
.noBorder { border: none !important; }

/*------------------------------------------------------------------------------------------------*/

div#aqBlack { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 998; background-color: #000000; display: none; }
div#aqModelContent { background-color: #FFF; width: 800px; height: 500px; position: absolute; z-index: 999 /*99*/; display: none; }
    div#aqModelContent a.btnClose { float: right; margin-top: -25px; color: #FFF; text-decoration: none; }
div.sclPlace { width: 100%; height: 100%; overflow: auto; }

/*table.wpContent { width: 100%; height: 100%; }*/

table.wpContent tr, table.wpContent tr td { width: 100%; height: 100%; vertical-align: middle; text-align: center; }
    table.wpContent tr td { overflow: hidden; background-size: contain; background-position: center center; background-repeat: no-repeat; border: none !important; }

div.wpPagination { width: auto; height: 30px; padding-top: 10px; text-align: center; display: none; }
ul.pgAll { height: 30px; margin: 60px auto 0 auto; }
    ul.pgAll li { float: none; display: inline; color: #FFF; font-size: 12px; padding: 0 5px; cursor: pointer; margin: 0 2px; }
        ul.pgAll li.next { margin-left: 2px; }
        ul.pgAll li.on { background-color: #bcd82e; color: #000; font-size: 12px; }

div#wpLegend { /*display: none;*/ position: absolute; width: 97.1%; margin-top: -60px; background-color: #000; text-align: justify; font-size: 12px; color: white; 
               padding: 15px 10px /*19px*/; line-height: 16px; overflow: hidden; margin: 0 auto; }

div#wpLegend a{color:#ebbc00 !important;}

span#Busca { margin-left: 1px; }

span#Newsletter { margin-left: 6px; }

li.box275:hover,
.box423:hover,
li.box264 p:hover,
ul#rodape li.principal ul li a:hover { text-decoration: underline; }

.CopyRight { float: left; color: #FFF; width: 385px; text-align: center; margin-top: 15px; }

.SpaceMenuContent { margin-bottom: 65px !important; }

.PlayerVideo { margin-top: -2px; background: #444; }





















.CopyRight { float: left; font-size: 10px; color: #FFF; width: 530px; text-align: center; margin-top: 15px; }
.CopyRights { float: left; font-size: 10px; color: #FFF; width: 530px; text-align: center; margin-top: 0; }
    .CopyRights a {text-decoration:none;color:#FFF;font-size: 10px; }

.SpaceMenuContent { margin-bottom: 65px !important; }

.PlayerVideo { margin-top: -2px; background: #444; }
tr .PlayerVideo { margin-bottom: -3px; }




div.ftdestaqueEstatico p a span.view.agenda.PALESTRA,div.ftdestaqueEstatico p a span.view.agenda.PALESTRAS{
	  background: url('http://www.arqbacana.com.br/images/view_mix.png') left center no-repeat !important;
}
div.ftdestaqueEstatico p a span.view.agenda {
  background: url('http://www.arqbacana.com.br/images/view_news.png') left center no-repeat !important;
}