@charset "UTF-8"; /* ===== Resets ============================================================================= */ * { margin:0; padding:0; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; } body { margin:0; background: #FFF; font-family: 'din_lightregular'; font-size: 1em; line-height:1.3em; color:#414042; } html, body { min-height: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } blockquote footer:before { content: "\2014 \2009"; } blockquote footer { color: #686868; font-style: italic; font-size: 0.8125rem; } img { border:0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clear, .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ===== Web Font ================================================================================== */ @font-face { font-family: 'din_lightregular'; src: url('../fonts/din_light-webfont.eot'); src: url('../fonts/din_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din_light-webfont.svg#din_lightregular') format('svg'), url('../fonts/din_light-webfont.woff') format('woff'), url('../fonts/din_light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinbold'; src: url('../fonts/din_bold-webfont.eot'); src: url('../fonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din_bold-webfont.svg#dinbold') format('svg'), url('../fonts/din_bold-webfont.woff') format('woff'), url('../fonts/din_bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'din_mediumregular'; src: url('../fonts/din_medium-webfont.eot'); src: url('../fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/din_medium-webfont.svg#din_mediumregular') format('svg'), url('../fonts/din_medium-webfont.woff') format('woff'), url('../fonts/din_medium-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } strong { font-family: 'dinbold'; } /* ===== Cascading Style Sheets ==================================================================== */ #wpstats { display: none; } #barrasp_global { min-width: 700px !important; } #loading { background: #fff; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } #big-flow { width: 100%; height: 100%; z-index: 9998; overflow: hidden; position: relative; background: #D6D6D6 url('http://museudofutebol.org.br/wp-content/uploads/2014/02/Capa-Site2.jpg') no-repeat center; cursor: pointer; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #big-flow .bgwidth { width: 100%; min-width: 100%; } #big-flow .bgheight { height: 100%; min-height: 100%; } #big-flow span { position: absolute; font-size: 1.850em; line-height: 1em; display: block; color: #fff; margin: 4px 12px; } #big-flow span.close { left: 50%; text-shadow: 0 0 10px #000000; } #root { width: 875px; margin: 0 auto; position: relative; } #header { padding-top: 12px; } #header #root { margin-bottom: 12px; } #header div.museudofutebol { padding: 20px 0; } #header div.secretariadacultura { float: right; font-size: 24px; line-height: 1em; font-family: 'arial'; padding-top: 6px; color: #000; text-decoration: none; } #header div.secretariadacultura a { color: #000; text-decoration: none; } #header div.lang { float: left; } #header div.lang a { display: inline-block; zoom: 1; *display: inline; margin-right: 4px; } #header div.hr { height: 1px; background: #dbdbdc; } .fontsize #nav { height: 100px; } .fontsize #home div.box { width: auto; } #nav { position: fixed; bottom: 0; left: 0; height: 77px; background: #3f4042; width: 100%; z-index: 8000; } #nav div.museudofutebol { position: absolute; top: 24px; left: 50%; margin-left: -438px; } #nav div.menu { position: absolute; top: 0; left: 50%; width: 100%; margin-left: -216px; text-transform: uppercase; font-size: 0.850em; line-height: 1em; } #nav div.menu ul li { float: left; position: relative; } #nav div.menu ul li a { font-family: 'din_mediumregular'; color: #FFF; text-decoration: none; padding-left: 10px; padding-right: 10px; padding-top: 16px; padding-bottom: 16px; display: block; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } #nav div.menu ul li a.active, #nav div.menu ul li a:hover { background: #464749; } #nav div.submenu { position: absolute; bottom: 0; left: 50%; width: 100%; background: #f68220; margin-left: -222px; font-size: 0.750em; line-height: 1em; text-transform: uppercase; } #nav div.submenu ul li { float: left; position: relative; } #nav div.submenu ul li a { font-family: 'din_mediumregular'; padding-left: 15px; padding-right: 14px; padding-top: 10px; padding-bottom: 10px; display:block; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } #nav div.submenu ul li a.active, #nav div.submenu ul li a:hover { background-color: #f89b4d; } #nav div.submenu a { color: #fff; text-decoration: none; } #nav ul li div.sub-menu { position: absolute; bottom: 26px; left: 50%; width: 140px; margin-left: -70px; padding-bottom: 20px; } #nav ul li ul.sub-menu { background: rgba(247,142,54,0.9); padding: 2px 0; width: 140px; position: relative; } #nav ul li ul.sub-menu:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #nav ul li ul.sub-menu:after { border-color: rgba(136, 183, 213, 0); border-top-color: rgba(247,142,54,0.9); border-width: 10px; left: 50%; margin-left: -10px; } #nav ul li ul.sub-menu li { display: block; float: none; padding: 0 6px; position: relative; } #nav ul li ul.sub-menu li a { font-family: 'dinbold'; padding: 6px 0; display: block; border-bottom: 2px solid #f89e53; } #nav ul li ul.sub-menu li a.active, #nav ul li ul.sub-menu li a:hover { background: none; } #nav ul li ul.sub-menu li:last-child a { border-bottom: 0; } #nav ul li div.child-menu { position: absolute; bottom: 4px; left: 140px; width: 140px; padding-left: 16px; } #nav ul li ul.child-menu { background: rgba(247,142,54,0.9); padding: 2px 0; width: 140px; position: relative; } #nav ul li ul.child-menu:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #nav ul li ul.child-menu:after { border-color: rgba(136, 183, 213, 0); border-right-color: rgba(247,142,54,0.9); border-width: 10px; bottom: 0; left: -10px; margin-left: -10px; } #nav ul li ul.child-menu li { display: block; float: none; padding: 0 6px; } #nav ul li ul.child-menu li a { font-family: 'dinbold'; padding: 6px 0; display: block; border-bottom: 2px solid #f89e53; } #nav ul li ul.child-menu li a:hover { background: none; } #nav ul li ul.child-menu li:last-child a { border-bottom: 0; } #footer { padding-bottom: 110px; padding-top: 30px; } #fiquepordentro { float: left; width: 214px; } #fiquepordentro span.title { border-top: 1px solid #dbdbdc; display: block; text-transform: uppercase; font-family: 'dinbold'; display: block; padding: 8px 10px 6px 10px; line-height: 1em; } #fiquepordentro fieldset { display: block; border: 1px solid #dbdbdc; padding: 8px 10px; text-align: center; } #fiquepordentro fieldset p { font-family: 'din_mediumregular'; display: block; text-transform: uppercase; font-size: 0.75em; line-height: 1em; padding-bottom: 6px; text-align: left; } #fiquepordentro fieldset input { width: 100%; padding: 6px 8px; background: #d9d9d9; text-transform: uppercase; font-family: 'Asap', sans-serif; font-size: 0.850em; font-family: 'dinbold'; border: 0; margin-top: 6px; } #fiquepordentro fieldset a { font-size: 0.850em; font-family: 'Asap', sans-serif; font-family: 'dinbold'; background: #F68220; display: inline-block; text-transform: uppercase; font-size: 0.850em; color: #fff; padding: 5px 8px 2px; border: 0; margin: 10px auto 9px auto; text-decoration: none; } #telefones { float: left; width: 214px; font-size: 0.750em; line-height: 1.2em; padding-top: 4px;font-family: 'din_mediumregular'; } #telefones p { display: block; padding-bottom: 14px; } #telefones p strong { font-weight: bold; } #telefones p a { color: #f58220; font-weight: bold; } #telefones p a:hover { text-decoration: none; } #telefones p:last-child { padding-bottom: 0; } #empresas { float: right; border: 1px solid #dbdbdc; } #empresas span.title { display: block; display: block; padding: 8px 10px 6px 10px; line-height: 1em; font-size: 0.750em; height: 32px; text-transform: uppercase; font-family: 'dinbold'; } #empresas div.realizacao, #empresas div.iniciativa, #empresas div.parceiros { float: left; text-align: center; } #empresas a { display: inline-block; zoom: 1; *display: inline; margin: 11px 5px; } #empresas a img { max-width: 70px; } .iniciativa a img { max-width: 107px !important; } #empresas div.parceiros { width: 248px; } #empresas div.realizacao { width: 175px; } #empresas div.iniciativa { width: 230px; } #feature-flow { position: relative; overflow: hidden; width: 100%;height: 399px; } #feature-flow nav { position: absolute; bottom: 0; left: 50%; background: rgba(0,0,0,0.5); display: inline-block; zoom: 1; *display: inline; color: #fff; margin-left: -50px; z-index: 2; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } #feature-flow nav span { font-size: 1.850em; line-height: 1em; display: inline-block; zoom: 1; *display: inline; color: #fff; margin: 4px 12px; cursor: pointer; } #feature-flow nav span.inactive { opacity: 0.5; cursor: default; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } #feature-flow ul { width: 20000em; position: absolute; height: 399px; } #feature-flow ul li { min-height: 440px;height: 440px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; float: left; position: relative; color: #fff; } #feature-flow ul li a { display: block; color: #fff; text-decoration: none; width: 100%; height: 100%; } #feature-flow ul li span.box { display:block; position: absolute; left: 50%; width: 424px; margin-left: -444px; top: 60px; text-shadow: 1px 1px 0px #000000; } #feature-flow ul li span.title { font-size: 2.125em; line-height: 1em; background: rgba(0,0,0,0.5); display: inline-block; zoom: 1; *display: inline; font-family: 'dinbold'; padding: 4px 6px; text-transform: uppercase; } #feature-flow ul li span.quote { width: 424px; display: block; background: rgba(0,0,0,0.5); font-family: 'dinbold'; padding: 4px 6px; text-transform: uppercase; margin: 12px 0; line-height: 1.2em; } #feature-flow ul li span.leiamais { background: rgba(255,255,255,0.5); display: inline-block; zoom: 1; *display: inline; font-family: 'dinbold'; padding: 4px 6px 6px 6px; margin-bottom: 30px; line-height: 1em; } #feature-flow ul li span.creditos { color: #fff; display: block; font-size: 0.7em; line-height: 1me; font-family: 'dinbold'; position: absolute; left: 50%; width: 424px; margin-left: -444px; bottom: 6px; } #feature-cover { height: 277px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } #feature-map { height: 277px; position: relative; } #feature-map #map { height: 277px; position: relative; width: 100%; z-index: 1; } #feature-map div.overlay { background: rgba(247,142,54,0.9); color: #fff; padding: 10px 12px; line-height: 1em; text-align: center; font-family: 'Asap', sans-serif; font-size: 1.2em; text-shadow: 1px 1px 0px #a2744c; filter: dropshadow(color=#a2744c, offx=1, offy=1); } #feature-map div.overlay:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #feature-map div.overlay:after { border-color: rgba(136, 183, 213, 0); border-top-color: rgba(247,142,54,0.9); border-width: 20px; border-right-width: 0; left: 50%; margin-left: 45px; } #feature-map div.overlay h2 { display: block; font-size: 1.6em; line-height: 1em; white-space: pre; text-transform: uppercase; font-family: 'dinbold'; } #feature-map div.overlay p { display: block; font-size: 1.4em; line-height: 1em; white-space: pre; font-family: 'dinbold'; } #feature-map div.overlay span { background: url(../images/comochegar-pin.png); width: 36px; height: 60px; display: block; position: absolute; bottom: -70px; right: 0px; } #meta-bar { padding: 16px 0; text-align: right; border-bottom: 1px solid #dbdbdc; width: 875px; margin: 0 auto; } #meta-bar div.social, #meta-bar div.search { display: inline-block; zoom: 1; *display: inline; vertical-align: top; } #meta-bar div.social { padding-right: 4px; } #meta-bar div.social a { margin-right: 4px; } #meta-bar div.social img { width: 30px; } #meta-bar div.search input, #meta-bar div.search button { vertical-align: top; border: 1px solid #CCC; } #meta-bar div.search input { font-family: 'Asap', sans-serif; font-size: 0.850em; font-family: 'dinbold';line-height: 18px; padding: 5px 6px; width: 148px; -webkit-transition: 0.2s ease; border-radius: 4px; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } #meta-bar div.search input:focus { width: 200px; border-color: #F68220; } #meta-bar div.search button { background: url(../images/meta-barra-button.png) no-repeat center center; height: 30px; width: 33px; margin-left: 4px; border-radius: 4px; background-size: 35%; } #home { width: 980px; padding-bottom: 5px; margin-top: -1px; } #home div.box { width: 210px; overflow: hidden; float: left; margin-right: 11px; margin-bottom: 11px; text-transform: uppercase; } #home div.box figure { position: relative; } #home div.box a { font-family: 'din_mediumregular'; text-decoration: none; color:#414042; position: relative; border-top: 1px solid #dbdbdc; display: block; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } #home div.box a span.title { display: block; text-transform: uppercase; font-family: 'dinbold'; display: block; padding: 10px 10px 8px 10px; line-height: 1em; } #home div.box a span.quote { position: absolute; left: 0; bottom: -140px; display: block; font-size: 0.850em; line-height: 1.3em; padding: 8px; color: #fff; text-transform: uppercase; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } #home div.box a:hover span.quote { bottom: -2px; } #home div.orange { margin-top: 10px; } #home div.orange span.quote { background-color: rgba(63,63,63,0.8); } #home div.orange a:hover { border-color: rgba(63,63,63,0.8); } #home div.green span.quote { background-color: rgba(63,63,63,0.8); } #home div.green a:hover { border-color: rgba(63,63,63,0.8); } #home div.box a span.horarios { line-height: 1em; background-image: url(../images/home-ingressos.png); background-repeat: no-repeat; background-position: 8% 50%; height: 138px; padding-left: 94px; font-size: 0.750em; display: block; width: 210px; } #home div.box a span.horarios strong { padding-bottom: 2px; display: block; } #home div.box a span.horarios span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 40px; } #home div.box a span.comochegar { line-height: 1em; background-image: url(../images/home-comochegar.png); background-repeat: no-repeat; background-position: 1% 50%; height: 138px; padding-left: 40px; font-size: 0.750em; display: block; width: 214px; } #home div.box a span.comochegar strong { padding-bottom: 2px; display: block; } #home div.box a span.comochegar small { line-height: 1em; font-size: 0.850em; line-height: 1em; } #home div.box a span.comochegar span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 40px; } #home div.box a span.agenda { line-height: 1em; background-image: url(../images/home-agenda.png); background-repeat: no-repeat; background-position: 6% 50%; height: 138px; padding-left: 60px; font-size: 0.750em; display: block; width: 210px; } #home div.box a span.agenda strong { padding-bottom: 2px; display: block; } #home div.box a span.agenda span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 35px; } #home div.box a span.baixesuafoto { line-height: 1em; background-image: url(../images/home-baixesuafoto.png); background-repeat: no-repeat; background-position: 5% 50%; height: 138px; padding-left: 64px; font-size: 0.750em; display: block; width: 210px; } #home div.box a span.baixesuafoto strong { padding-bottom: 2px; display: block; } #home div.box a span.baixesuafoto span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 36px; } #home div.box a span.baixesuafoto small { line-height: 1em; font-size: 0.850em; line-height: 1em; } #home div.box a span.crfb { line-height: 1em; background-image: url(../images/home-crfb.png); background-repeat: no-repeat; background-position: 5% 50%; height: 138px; padding-left: 60px; font-size: 0.750em; display: block; width: 210px; } #home div.box a span.crfb strong { padding-bottom: 2px; display: block; } #home div.box a span.crfb span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 36px; } #home div.box a span.planejesuavisita { line-height: 1em; background-image: url(../images/home-planejesuavisita.png); background-repeat: no-repeat; background-position: 8% 50%; height: 138px; padding-left: 76px; font-size: 0.750em; display: block; width: 210px; } #home div.box a span.planejesuavisita strong { padding-bottom: 2px; display: block; } #home div.box a span.planejesuavisita span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 48px; } #home div.box a span.nossaexposicao { line-height: 1em; background-image: url(../images/home-nossaexposicao.png); background-repeat: no-repeat; background-position: 8% 50%; height: 138px; padding-left: 60px; font-size: 0.750em; display: block; width: 210px; } #home div.box a span.nossaexposicao strong { padding-bottom: 2px; display: block; } #home div.box a span.nossaexposicao span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 36px; } #home div.box a span.visitetambem { line-height: 1em; background-image: url(../images/home-visitetambem.png); background-repeat: no-repeat; background-position: 48% 50%; height: 138px; padding-left: 60px; font-size: 0.750em; display: block; width: 210px; } #home div.box a span.visitetambem strong { padding-bottom: 2px; display: block; } #home div.box a span.visitetambem span { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding-top: 40px; } #calendar .clndr { background: #f58220; padding: 10px; color: #fff; position: relative; } #calendar .clndr:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #calendar .clndr:after { border-color: rgba(245, 130, 32, 0); border-bottom-color: #f58220; border-width: 8px; left: 50%; margin-left: -75px; } #calendar .clndr .controls { color: #FFFFFF; } #calendar .clndr .controls .clndr-previous-button, #calendar .clndr .controls .clndr-next-button { -moz-user-select: none; cursor: pointer; display: inline-block; padding-bottom: 5px; padding-top: 5px; text-align: center; width: 15%; } #calendar .clndr .controls .month { display: inline-block; font-family: 'dinbold'; letter-spacing: 1px; padding-bottom: 5px; padding-top: 5px; text-align: center; text-transform: uppercase; width: 70%; } #calendar .clndr .days-container { display: inline-block; position: relative; width: 184px; } #calendar .clndr .days-container .days { transition: left 0.5s ease 0s; width: 184px; color: #fff; } #calendar .clndr .days-container .days .day, #calendar .clndr .days-container .days .empty { display: inline-block; font-size: 12px; padding-bottom: 4px; padding-top: 4px; text-align: center; width: 26px; } #calendar .clndr .days-container .days .day.event, #calendar .clndr .days-container .days .empty.event { background-color: #F9B781; cursor: pointer; transition: background-color 0.5s ease 0s; } #calendar .clndr .days-container .days .empty { height: 31px; vertical-align: bottom; } #calendar .clndr .days-container .days .headers .day-header { color: #FFFFFF; display: inline-block; text-align: center; width: 26px; font-family: 'dinbold'; } #breadcrumbs { position: relative; z-index: 2; margin-bottom: 20px;margin-top: 8px;} #breadcrumbs h2 { font-size: 2.250em; line-height: 1em; background: #545355; display: inline-block; zoom: 1; *display: inline; color: #fff; font-family: 'dinbold'; line-height: 1em; padding: 6px 8px; text-transform: uppercase; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); } #breadcrumbs small { font-size: 0.750em; line-height: 1em; background: #545355; display: inline-block; zoom: 1; *display: inline; color: #fff; line-height: 1em; padding: 6px 8px; text-transform: uppercase; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1);} #breadcrumbs p { font-family: 'din_mediumregular'; font-size: 0.850em; line-height: 1em; background: #545355; display: inline-block; zoom: 1; *display: inline; color: #fff; line-height: 1em; padding: 6px 8px; text-transform: uppercase; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); margin: 8px 0; } #breadcrumbs p a { color: #fff; text-decoration: none; } #breadcrumbs p span { color: #f58220; } #agenda { padding-top: 20px; } #agenda section.wrapper { float: left; width: 652px; } #agenda section.destaque h3 { display: block; text-transform: uppercase; padding-bottom: 6px; line-height: 1em; font-size: 1.1em; font-family: 'dinbold'; } #agenda section.destaque div.box { float: left; width: 434px; margin: 0; margin-right: 7px; padding: 10px; } #agenda section.destaque div.box:last-child { margin-right: 0; } #agenda section.destaque span.quote { width: 202px; } #agenda section.wrapper span.quote { width: 432px; } #agenda section.destaque div.box, #agenda section.wrapper div.box { margin-bottom: 30px; } #agenda section.wrapper div.exposicao-virtual { margin-bottom: 30px; } #agenda section.destaque div.box a, #agenda section.wrapper div.box a { display: block; position: relative; } #agenda section.destaque div.box a { color: #fff; } #agenda section.wrapper div.box a { color: #414042 } #agenda section.destaque div.box figure, #agenda section.wrapper div.box figure { float: left; width: 200px; } #agenda section.destaque div.box span.quote, #agenda section.wrapper div.box span.quote { float: right; } #agenda section.destaque div.box span.date, #agenda section.wrapper div.box span.date { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; display: block; padding-bottom: 16px; } #agenda section.destaque div.box span.date span, #agenda section.wrapper div.box span.date span { text-transform: none; } #agenda section.destaque div.box h2, #agenda section.wrapper div.box h2 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; color: #00abc5; } #agenda section.wrapper div.box h3 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; } #agenda section.destaque div.box p, #agenda section.wrapper div.box p { font-size: 0.9em; line-height: 1.3em; } #agenda section.wrapper .pdf { width: 34px; height: 34px; background: url(../images/icon-pdf.png) no-repeat; position: absolute; bottom: 0; left: 220px; display: inline-block; } #agenda section.wrapper div.cat-c1 span.leiamais, #agenda section.wrapper div.cat-c1 h2, #agenda section.wrapper div.cat-c1 span.date { color: #00acc5; } #agenda section.wrapper div.cat-c2 span.leiamais, #agenda section.wrapper div.cat-c2 h2, #agenda section.wrapper div.cat-c2 span.date { color: #812990; } #agenda section.wrapper div.cat-c3 span.leiamais, #agenda section.wrapper div.cat-c3 h2, #agenda section.wrapper div.cat-c3 span.date { color: #EE1C24; } #agenda section.wrapper div.cat-c4 span.leiamais, #agenda section.wrapper div.cat-c4 h2, #agenda section.wrapper div.cat-c4 span.date { color: #8DC63F; } #agenda section.destaque div.cat-d4 h2, #agenda section.destaque div.cat-d3 h2, #agenda section.destaque div.cat-d2 h2, #agenda section.destaque div.cat-d1 h2 { color: #fff; } #agenda section.destaque div.cat-d1 { background: #00acc5; color: #fff; } #agenda section.destaque div.cat-d2 { background: #812990; color: #fff; } #agenda section.destaque div.cat-d3 { background: #EE1C24; color: #fff; } #agenda section.destaque div.cat-d4 { background: #8DC63F; color: #fff; } #agenda section.wrapper span.leiamais { font-size: 0.9em; line-height: 1em; font-family: 'din_mediumregular'; } #agenda section.wrapper div.exposicao-virtual p.leiamais { color: #00ABC6; } #lista-social { padding-top: 20px; } #lista-social section.wrapper { float: left; width: 652px; } #lista-social section.wrapper div.box { margin-bottom: 20px; } #lista-social section.wrapper div.exposicao-virtual { margin-bottom: 30px; } #lista-social section.wrapper div.box a { display: block; position: relative; } #lista-social section.wrapper div.box a { color: #414042 } #lista-social section.wrapper div.box figure { float: left; width: 200px; } #lista-social section.wrapper div.box div.quote { float: right; display: block; width: 432px; } #lista-social section.wrapper div.box span.date { font-size: 1.100em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; display: block; padding-bottom: 4px; } #lista-social section.wrapper div.box span.date span { text-transform: none; } #lista-social section.wrapper div.box h2 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; color: #00abc5; } #lista-social section.wrapper div.box h3 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; } #lista-social section.wrapper div.box h3 a { text-decoration: none; } #lista-social section.wrapper div.box p { font-size: 0.9em; line-height: 1.3em; height: 91px; } #lista-social section.wrapper .pdf { width: 34px; height: 34px; background: url(../images/icon-pdf.png) no-repeat; display: inline-block !important; vertical-align: top; text-indent: -9999px; } #lista-social section.wrapper div.social { display: inline-block; vertical-align: top; padding: 13px 0 0 6px; } #lista-busca { padding-top: 20px; } #lista-busca section.wrapper { float: left; width: 652px; } #lista-busca section.wrapper div.box { margin-bottom: 20px; } #lista-busca section.wrapper div.exposicao-virtual { margin-bottom: 30px; } #lista-busca section.wrapper div.exposicao-virtual h3 { text-transform: uppercase; } #lista-busca section.wrapper div.box a { display: block; position: relative; } #lista-busca section.wrapper div.box a { color: #414042 } #lista-busca section.wrapper div.box figure { float: left; width: 200px; } #lista-busca section.wrapper div.box .quote { float: right; display: block; width: 432px; } #lista-busca section.wrapper div.box span.date { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; display: block; padding-bottom: 16px; } #lista-busca section.wrapper div.box span.date span { text-transform: none; } #lista-busca section.wrapper div.box h2 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; color: #00abc5; } #lista-busca section.wrapper div.box h3 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; color: #00ABC6; } #lista-busca section.wrapper div.box h3 a { text-decoration: none; color: #00ABC6; } #lista-busca section.wrapper div.box div.quote p { font-size: 0.9em; line-height: 1.3em; height: 91px; } #lista-busca section.wrapper div.box span.quote p { font-size: 0.9em; line-height: 1.3em; } #lista-busca section.wrapper div.box p.leiamais { color: #00ABC6; padding-top: 12px; } #lista-busca section.wrapper .pdf { width: 34px; height: 34px; background: url(../images/icon-pdf.png) no-repeat; display: inline-block; vertical-align: top; } #lista-busca section.wrapper div.social { display: inline-block; vertical-align: top; padding: 13px 0 0 6px; } #horarios-e-ingressos { float: left; width: 652px; padding-top: 20px; } #horarios-e-ingressos h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #horarios-e-ingressos h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #horarios-e-ingressos div.box { background-color: #ebebeb; padding: 12px 14px; font-size: 1.1em; line-height: 1.3em; margin-top: 18px; } #horarios-e-ingressos a.jogos { color: #fff; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; display: inline-block; background: #ee1c24; text-decoration: none; padding: 6px 14px; margin: 20px 0; } #horarios-e-ingressos div.horarios { background-image: url(../images/horarioseingressos-horarios.png); background-repeat: no-repeat; background-position: 24px 50%; padding-left: 98px; } #horarios-e-ingressos div.ingresso p { background-image: url(../images/horarioseingressos-ingresso.png); background-repeat: no-repeat; background-position: 0 50%; padding-left: 90px; } #biblioteca-e-midiateca { float: left; width: 652px; padding-top: 20px; } #biblioteca-e-midiateca h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #biblioteca-e-midiateca h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #biblioteca-e-midiateca p { padding-bottom: 20px; font-size: 1.1em; line-height: 1.3em; } #biblioteca-e-midiateca p a { font-family: 'din_mediumregular'; color: #f58220; } #biblioteca-e-midiateca div.box { background-color: #ebebeb; padding: 12px 14px; margin-top: 18px; margin-bottom: 18px; } #biblioteca-e-midiateca div.box p { padding: 0; } #biblioteca-e-midiateca div.horarios { background-image: url(../images/horarioseingressos-horarios.png); background-repeat: no-repeat; background-position: 24px 50%; padding-left: 98px; } #conheca-o-crfb { float: left; width: 652px; padding-top: 20px; } #conheca-o-crfb h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #conheca-o-crfb h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #conheca-o-crfb p { padding-bottom: 20px; font-size: 1.1em; line-height: 1.3em; } #conheca-o-crfb p a { font-family: 'din_mediumregular'; color: #f58220; } #conheca-o-crfb div.box { background-color: #ebebeb; padding: 20px 20px 0 20px; margin-top: 18px; margin-bottom: 18px; } #conheca-o-crfb strong { font-family: 'din_mediumregular'; } #missao-visao-e-valores { float: left; width: 652px; padding-top: 20px; } #missao-visao-e-valores h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #missao-visao-e-valores h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #missao-visao-e-valores p { padding-bottom: 20px; font-size: 1.1em; line-height: 1.3em; } #missao-visao-e-valores p a { font-family: 'din_mediumregular'; color: #f58220; } #missao-visao-e-valores div.box { background-color: #ebebeb; padding: 20px 20px 0 20px; margin-top: 18px; margin-bottom: 18px; } #o-projeto { float: left; width: 652px; padding-top: 20px; } #o-projeto h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #o-projeto h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #o-projeto p { padding-bottom: 20px; font-size: 1.1em; line-height: 1.3em; } #o-projeto p a { font-family: 'din_mediumregular'; color: #f58220; } #o-projeto div.box { background-color: #ebebeb; padding: 20px 20px 0 20px; margin-top: 18px; margin-bottom: 18px; } #o-projeto div.box strong { font-family: 'din_mediumregular'; color: #f58220; } #idbrasil { float: left; width: 652px; padding-top: 20px; } #idbrasil h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #idbrasil h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #idbrasil p { padding-bottom: 20px; font-size: 1.1em; line-height: 1.3em; } #idbrasil strong, #idbrasil p a { font-family: 'din_mediumregular'; color: #f58220; } #idbrasil strong { color: #000; } #idbrasil div.box { background-color: #ebebeb; padding: 20px 20px 0 20px; margin-top: 18px; margin-bottom: 18px; } #idbrasil div.box p { font-weight: bold; } #colabore { float: left; width: 652px; padding-top: 20px; } #colabore h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #colabore h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #colabore p { padding-bottom: 20px; font-size: 1.1em; line-height: 1.3em; } #colabore p a { font-family: 'din_mediumregular'; color: #f58220; } #colabore div.box { background-color: #ebebeb; padding: 20px 20px 0 20px; margin-top: 18px; margin-bottom: 18px; } #colabore div.group { width: 652px; float: left; text-align: center; padding-top: 36px } #colabore div.group a, #colabore div.group img { display: inline-block; } #colabore div.group a { margin: 20px; } #colabore div.group h3 { display: block; padding: 0 0 4px 0; border-bottom: 1px solid #dbdbdc; font-size: 0.9em; text-transform: uppercase; margin-bottom: 10px; line-height: 1em; } #publicacoes-crfb { float: left; width: 652px; padding-top: 20px; } #publicacoes-crfb h1 { font-size: 1.750em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 8px 10px; } #publicacoes-crfb h2 { font-family: 'dinbold'; text-transform: uppercase; color: #f58220; padding-bottom: 4px; } #publicacoes-crfb p { padding-bottom: 20px; font-size: 1.1em; line-height: 1.3em; } #publicacoes-crfb p a { font-family: 'din_mediumregular'; color: #f58220; } #publicacoes-crfb div.box { background-color: #ebebeb; padding: 20px 20px 0 20px; margin-top: 18px; margin-bottom: 18px; } #publicacoes-crfb p.download { padding: 0; margin: 0 0 18px 0; overflow: hidden; border-radius: 4px; display: inline-block; } #publicacoes-crfb p.download a { color: #86878a; text-transform: uppercase; font-size: 0.8em; line-height: 1em; overflow: hidden; border-radius: 3px; } #publicacoes-crfb p.download span { display: inline-block; background: #d1d2d3; padding: 4px 20px; height: 23px; vertical-align: top; } #publicacoes-crfb p.download span.i { background: #f58220 url(../images/icon-download-mini.png) no-repeat center center; padding: 0 14px; } #aside { float: right; width: 204px; } #aside h1 { font-size: 1.1em; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; background: #f58220; color: #fff; padding: 7px 6px 5px 8px; } #aside div.horarios-e-ingressos { width: 204px; background: #00acc5; display: block; color: #fff; margin-top: 20px; padding: 6px 8px 0 8px; text-transform: uppercase; } #aside div.horarios-e-ingressos h2 { color: #fff; font-family: 'dinbold'; border-bottom: 1px solid #fff; font-size: 1em; font-family: 'dinbold'; } #aside div.horarios-e-ingressos a { font-family: 'din_mediumregular'; width: 204px; display: block; color: #fff; text-decoration: none; font-size: 0.8em; background: url(../images/horarios-e-ingressos-stick.png) no-repeat 0 50%; height: 82px; padding-left: 120px; line-height: 6em; } #aside div.horarios-e-ingressos a span { display: block; line-height: 1em; } #aside div.horarios-e-ingressos a span.s1 { font-size: 1.063em; font-family: 'dinbold'; } #aside div.horarios-e-ingressos a span.s2 { font-size: 0.625em; } #aside div.agenda { width: 204px; background: #812990; display: block; color: #fff; margin-top: 20px; padding: 6px 8px 0 8px; text-transform: uppercase; overflow: hidden; } #aside div.agenda h2 { color: #fff; font-family: 'dinbold'; border-bottom: 1px solid #fff; font-size: 1.05em; font-family: 'dinbold'; } #aside div.agenda a { font-family: 'din_mediumregular'; width: 204px; display: block; color: #fff; text-decoration: none; font-size: 0.8em; background: url(../images/agenda-stick.png) no-repeat 2% 50%; height: 55px; padding-left: 72px; padding-top: 7px; line-height: 1.1em; margin: 8px 0; } #aside div.crfb { width: 204px; background: #001a4b; display: block; color: #fff; margin-top: 20px; padding: 6px 8px 0 8px; text-transform: uppercase; overflow: hidden; } #aside div.crfb h2 { color: #fff; font-family: 'dinbold'; border-bottom: 1px solid #fff; font-size: 1.05em; font-family: 'dinbold'; } #aside div.crfb a { font-family: 'din_mediumregular'; width: 204px; display: block; color: #fff; background: url(../images/crfb-stick.png) no-repeat center center; height: 62px; margin: 8px 0; } #aside div.facebook { margin-top: 20px; } #aside div.tripadvisor { background: #812990; color: #8dc63f; padding: 8px 10px; line-height: 1em; font-family: 'dinbold'; text-transform: uppercase; margin-top: 18px; padding-left: 19px; } #aside div.tripadvisor a { color: #fff; text-decoration: none; } #aside div.tripadvisor span { display: block; line-height: 1em; } #aside div.tripadvisor span.s1 { font-size: 0.8em; } #aside div.tripadvisor span.s2 { font-size: 1.05em; } #aside div.tripadvisor span.s2 sup { font-size: 0.5em; } #aside div.tripadvisor span.s3 { font-size: 2.1em; } #aside div.tripadvisor span.s4 { font-size: 0.9em; color: #fff; } #aside div.calendar { padding-top: 20px; } #aside div.calendar h2 { color: #414042; font-size: 1.1em; line-height: 1em; padding-bottom: 12px; font-family: 'dinbold'; text-transform: uppercase; } #aside div.calendar h2 span { color: #f58220; } #aside div.categorias { padding-top: 18px; } #aside div.categorias h2 { color: #414042; font-size: 1.1em; line-height: 1em; padding-bottom: 6px; font-family: 'dinbold'; text-transform: uppercase; } #aside div.categorias h2 span { color: #f58220; } #aside div.categorias ul li { padding-bottom: 6px; } #aside div.categorias ul li a { background: #000; color: #fff; display: block; text-decoration: none; text-transform: upeercase; line-height: 1.9em; text-transform: uppercase; padding: 10px 12px 8px 12px; font-size: 0.8em; height: 40px; font-family: 'din_mediumregular'; } #aside div.categorias ul li a.cat-c1 { background: #ee1c24; line-height: 1em; } #aside div.categorias ul li a.cat-c2 { background: #8dc63f; } #aside div.categorias ul li a.cat-c3 { background: #00acc5; } #aside div.categorias ul li a.cat-c4 { background: #812990; } #aside div.zona-azul { background: #00acc5; padding-top: 1px; margin-top: 20px; } #aside div.zona-azul h2 { background: #fff; color: #414042; text-transform: uppercase; padding: 4px 6px; display: block; font-size: 1.05em; font-family: 'dinbold'; } #aside div.zona-azul div.block { padding: 10px; padding-top: 8px; font-size: 0.9em; color: #fff; line-height: 1.1em; } #aside div.zona-azul p { padding-top: 4px; font-family: 'din_mediumregular'; } #aside div.zona-azul p strong { text-transform: uppercase; } #aside div.vagas a { margin-top: 20px; background: #f58220; text-transform: uppercase; text-decoration: none; color: #fff; display: block; text-align: center; padding: 10px 0; font-family: 'din_mediumregular'; } #aside div.saiba-mais { margin-top: 20px; border-top: 1px solid #ee1c24; } #aside div.saiba-mais h2 { text-transform: uppercase; font-family: 'din_mediumregular'; padding: 4px 0; display: block; } #aside div.saiba-mais p { margin-bottom: 8px; } #aside div.saiba-mais p:last-child { margin-bottom: 0; } #aside div.saiba-mais p a { background: #ee1c24; text-transform: uppercase; text-decoration: none; color: #fff; text-align: center; padding: 10px 0; font-family: 'din_mediumregular'; display: block; } #categorias { padding-bottom: 30px; } #categorias nav { text-align: center; padding: 10px 0 10px 0; } #categorias nav a { display: inline-block; zoom: 1; *display: inline; background: #696969; line-height: 1em; color: #b4b4b4; text-decoration: none; padding: 6px 10px; margin: 0 4px; font-size: 1.3em; line-height: 1em; text-align: center; } #categorias nav a.l, #categorias nav a.r, #categorias nav a.active { color: #fff; } #categorias div.box { border-bottom: 1px solid #dbdbdc; padding: 16px 0; } #categorias div.last { border-bottom: 0; } #categorias div.box figure { float: left; width: 210px; } #categorias div.box div.quote { float: right; width: 630px; position: relative; } #categorias div.box span.arrow { height: 15px; position: absolute; left: -22px; top: -2px; background: #F68220; } #categorias div.box span.arrow:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #categorias div.box span.arrow:after { border-color: rgba(246, 130, 32, 0); border-left-color: #F68220; border-width: 15px; top: 50%; argin-top: -15px; } #categorias div.box h2 { font-size: 2.500em; line-height: 1em; text-transform: uppercase; font-family: 'dinbold'; letter-spacing: -1px; } #categorias div.box h2 a { color:#414042; text-decoration: none; } #categorias div.box span.date { font-size: 0.850em; line-height: 1em; } #categorias div.box div.entry { min-height: 128px; } #categorias div.box p { padding-top: 8px; line-height: 1.1em; } #categorias div.box p.more { text-transform: uppercase; padding-bottom: 12px; } #categorias div.box p.more a { color: #f58220; font-size: 0.8em; line-height: 1em; text-decoration: none; } #categorias div.buttons div.button { float: left; } #categorias div.buttons div.twitter { margin-left: 16px; } #categorias a.pdf { background: url(../images/file-pdf.png); width: 30px; height: 31px; display: inline-block; zoom:1; *display: inline; margin-top: -10px; } #entry { padding: 0; } #entry p { padding-top: 18px; line-height: 1.4em; font-size: 1.1em; } #entry blockquote { line-height: 1.6em; font-family: 'dinbold'; color: #f58220; position: relative; font-size: 1.313em; line-height: 1.2em; text-transform: uppercase; } #entry blockquote p { line-height: 1.2em; } #entry h1 { font-size: 3em; line-height: 1.1em; padding-top: 22px; } #entry h2 { font-size: 2.5em; line-height: 1.1em; padding-top: 22px; } #entry h3 { font-size: 2em; line-height: 1.1em; padding-top: 22px; } #entry h4 { font-size: 1.5em; line-height: 1.1em; padding-top: 22px; } #entry ul, #entry ol { padding-top: 22px; padding-left: 22px; } #entry ul, #entry ul li { list-style: disc inside; } #entry ol, #entry ol li { list-style: decimal inside; } #entry .aligncenter, #entry .alignnone { margin: 0 auto; display: block; } #entry .alignright { float: right; margin-left: 12px; margin-bottom: 12px; } #entry .alignleft { float: left; margin-right: 12px; margin-bottom: 12px; } body a, #entry a { color: #F58220; } #entry .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-top: 30px; } #entry .video-container iframe, #entry .video-container object, #entry .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #entry .tiled-gallery { margin: 22px auto 0 auto; } #estadio-do-pacaembu .embed-youtube iframe, #estadio-do-pacaembu .embed-youtube { max-width: 100%; } #artigo div.buttons div.button { float: left; padding: 22px 0; } #artigo div.buttons div.twitter { margin-left: 16px; } #artigo nav.nav-buttons { text-align: center; padding: 4px 0 22px 0; } #artigo nav.nav-buttons button { vertical-align: top; border: 1px solid #F68220; color: #FFF; font-family: 'Asap', sans-serif; font-size: 0.850em; font-family: 'dinbold'; background-color: #F68220; background-repeat: no-repeat; padding: 8px 12px; text-transform: uppercase; margin-top: 4px; margin-left: 8px; margin-right: 8px; } #artigo nav.nav-buttons button.voltar { background-image: url(../images/nav-button-voltar.png); background-position: 10% 50%; padding-left: 32px; } #artigo nav.nav-buttons button.topo { background-image: url(../images/nav-button-topo.png); background-position: 90% 50%; padding-right: 32px; } #comments { border-top: 1px solid #dbdbdc; padding: 16px 0; margin-top: 22px; } #comments .comment-reply-title { font-weight: bold; padding-bottom: 6px; } /*#comments div.form { padding-bottom: 16px; } #comments div.form div.avatar { float: left; padding-top: 4px; } #comments div.form h2 { font-family: 'dinbold'; line-height: 1em; text-transform: uppercase; font-size: 1.1em; padding-bottom: 8px; background: url(..images/icon-comment.png) no-repeat left center; padding-left: 22px; } #comments div.form label { display: block; padding-bottom: 4px; } #comments div.form span.label { display: block; text-transform: uppercase; font-family: 'dinbold'; font-size: 0.850em; padding-bottom: 2px; } #comments div.form textarea, #comments div.form input { display: block; padding: 4px 6px; width: 100%; font-family: 'Asap', sans-serif; font-size: 0.850em; line-height:1.3em; color:#414042; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; vertical-align: top; border: 1px solid #CCC; } #comments div.form textarea:focus, #comments div.form input:focus { border-color: #F68220; background: #fcd9bc; } #comments div.form button { vertical-align: top; border: 1px solid #F68220; color: #FFF; font-family: 'Asap', sans-serif; font-size: 0.850em; font-family: 'dinbold'; background: #F68220; float: right; padding: 8px 12px; text-transform: uppercase; margin-top: 4px; } #comments div.form fieldset { padding-left: 10px; } #comments div.list { border-top: 1px solid #dbdbdc; } #comments div.list div.first { border-bottom: 1px solid #dbdbdc; } #comments div.list div.item { padding: 10px 0 0 0; position: relative; } #comments div.list div.item span.avatar { position: absolute; top: 14px; left: 0; width: 62px; height: 62px; overflow: hidden; display: block; } #comments div.list div.item span.name { display: block; font-weight: bold; font-size: 0.9em; padding-left: 68px; } #comments div.list div.item span.meta { display: block; text-transform: uppercase; font-size: 0.8em; color: #666; line-height: 1em; padding-left: 68px; } #comments div.list div.item div.reply { padding-top: 4px; text-align: right; text-transform: uppercase; padding-right: 22px; } #comments div.list div.item div.reply a { font-size: 0.7em; color: #f68220; line-height: 1em; text-decoration: none; } #comments div.list div.item div.entry { padding-bottom: 12px; } #comments div.list div.item p { font-size: 0.9em; line-height: 1.2em; padding-bottom: 4px; padding-right: 22px; padding-left: 68px; } #comments div.list div.child { border: 0; margin: 0;} #comments div.list div.child div.item { border: 0; background: #E5E5E5; margin: 0; width: 100%; position: relative; } #comments div.list div.child span.avatar { left: 14px; width: 42px; height: 42px; } #comments div.list div.child div.child { border-bottom: 1px solid #B5B5B5; } #comments div.list div.child div.child div.item { background: #D6D6D6; } */ #como-chegar { padding: 22px 0; } #como-chegar div.omuseu { float: left; margin-right: 10px; width: 210px; } #como-chegar div.omuseu p { font-size: 1em; line-height: 1.2em; display: block; padding-top: 8px; } #como-chegar div.rotas { float: left; margin-right: 10px; width: 440px; } #como-chegar div.rotas h2 { color: #fff; padding: 10px 12px; background: #f58220; font-size: 1.750em; line-height: 1em; text-transform: uppercase; font-family: 'dinbold'; letter-spacing: -1px; margin-bottom: 10px; } #como-chegar div.rotas ul li { margin-bottom: 10px; background: #ebebeb; padding: 10px 12px 4px 12px; } #como-chegar div.rotas h1 { color: #f58220; font-family: 'dinbold'; font-size: 1.125em; line-height: 1em; display: block; text-transform: uppercase; cursor: pointer; } #como-chegar div.rotas h3 { color: #f58220; font-family: 'dinbold'; display: block; text-transform: uppercase; padding-top: 12px; } #como-chegar div.rotas ul li div.entry { border-bottom: 1px solid #515052; } #como-chegar div.rotas ul li div.entry:last-child { border-bottom: 0; } #como-chegar div.rotas p { padding-left: 28px; display: block; margin-bottom: 12px; font-family: 'dinbold'; } #como-chegar div.rotas p.trem { background: url(../images/comochegar-trem.png) no-repeat left center; } #como-chegar div.rotas p.onibus { background: url(../images/comochegar-onibus.png) no-repeat left center; } #como-chegar div.informacoes { float: right; width: 214px; } #como-chegar div.element { background: #ebebeb; padding: 18px; font-size: 1.1em; line-height: 1.3em; margin-bottom: 10px; } #percurso-do-visitante { background: url(../images/percursodovisitante-bg.png) repeat-x; } #percurso-do-visitante div.mapa { margin: 0 0 20px 0; } #percurso-do-visitante div.mapa h3 { font-size: 1.375em; line-height: 1.3em; padding-top: 20px; font-weight: bold } #percurso-do-visitante div.quote { float: left; width: 214px; margin-top: 30px; padding-bottom: 30px; } #percurso-do-visitante div.quote p { display: block; padding: 12px 14px; font-size: 1.125em; line-height: 1.3em; background: #f58220; text-transform: uppercase; color: #fff; margin-bottom: 12px; position: relative; } #percurso-do-visitante div.quote p a { color: #fff; text-decoration: underline; font-family: 'dinbold'; } #percurso-do-visitante div.quote p:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #percurso-do-visitante div.quote p:after { border-color: rgba(245, 130, 32, 0); border-left-color: #f58220; border-width: 15px; top: 50%; margin-top: -15px; } #percurso-do-visitante div.slideshow { overflow: hidden; width: 434px; position: relative; padding-bottom: 10px; } #percurso-do-visitante div.slideshow ul { position: relative; width: 20000em; } #percurso-do-visitante div.slideshow ul li { float: left; width: 212px; margin-right: 10px; } #percurso-do-visitante div.entry h2 { font-size: 1.750em; line-height: 1em; background: #f58220; color: #fff; display: block; font-family: 'dinbold'; padding: 10px 14px; margin-bottom: 10px; margin-top: 30px; } #percurso-do-visitante div.entry div.box { background: #ebebeb; font-size: 1.2em; line-height: 1.2em; padding: 0 16px 14px 16px; } #percurso-do-visitante div.entry div.box p { padding-top: 14px; font-weight: bold } #percurso-do-visitante div.share { padding-top: 12px; } #percurso-do-visitante nav.nav { text-align: center; padding-bottom: 16px; } #percurso-do-visitante nav.nav a { display: inline-block; font-size: 1.150em; line-height: 1em; color: #fff; padding: 6px 10px; margin: 0 10px; background: #F58220; text-transform: uppercase; text-decoration: none; color: #fff; } #percurso-do-visitante .box h3 { font-size: 24px; margin: 30px 0 15px; font-family: 'dinbold'; } #percurso-do-visitante .box ul li { list-style: disc; margin: 0 0 5px 40px; } #informacoes-uteis .box ul li { list-style: none; margin: 0 0 10px 0px; } #mapa-exposicao { position:relative; float:right; margin:-20px 0 0 0; width:542px; height:295px; background: url(../images/percursodovisitante-exposicao.png) no-repeat; } #mapa-exposicao div.pins { position:absolute; left:0; top:0; width:542px; height:295px; -index:2 } #mapa-exposicao a { position:absolute; width:19px; height:29px; background-image: url(../images/percursodovisitante-pins.png); text-indent: -2000em; z-index: 1; } #mapa-exposicao span { position:absolute; display:none; width:220px; padding: 8px 11px; font-size: 0.9em; color:#fff; background: rgba(247,142,54,0.9); line-height: 1.1em; } #mapa-exposicao span strong { text-transform:uppercase; font-family: 'dinbold'; font-size: 1.1em; } #mapa-exposicao li.bilheteria a { left:160px; bottom:70px; background-position:0 -581px } #mapa-exposicao li.bilheteria span { left:165px; bottom:87px } #mapa-exposicao li.exposicoes-temporarias a { left:102px; bottom:89px; background-position:0 -608px } #mapa-exposicao li.exposicoes-temporarias span { left:107px; bottom:106px } #mapa-exposicao li.auditorio a { left:192px; bottom:68px; background-position:0 -554px } #mapa-exposicao li.auditorio span { left:197px; bottom:85px } #mapa-exposicao li.loja a { left:360px; bottom:60px; background-position:0 -635px } #mapa-exposicao li.loja span { right:171px; bottom:77px } #mapa-exposicao li.bar a { left:408px; bottom:74px; background-position:0 -662px } #mapa-exposicao li.bar span { right:123px; bottom:90px } #mapa-exposicao li.grande-area a { left:227px; bottom:54px } #mapa-exposicao li.grande-area span { left:232px; bottom:71px } #mapa-exposicao li.saudacao-do-pele a { left:227px; bottom:95px; background-position:0 -31px } #mapa-exposicao li.saudacao-do-pele span { left:235px; bottom:111px } #mapa-exposicao li.pe-na-bola a { left:194px; top:154px; background-position:0 -62px } #mapa-exposicao li.pe-na-bola span { left:201px; bottom:129px } #mapa-exposicao li.anjos-barrocos a { left:158px; top:148px; background-position:0 -93px } #mapa-exposicao li.anjos-barrocos span { left:165px; bottom:137px } #mapa-exposicao li.gols a { left:103px; top:141px; background-position:0 -124px } #mapa-exposicao li.gols span { left:110px; bottom:140px } #mapa-exposicao li.radios a { left:125px; top:123px; background-position:0 -156px } #mapa-exposicao li.radios span { left:133px; bottom:160px } #mapa-exposicao li.exaltacao a { left:44px; top:48px; background-position:0 -186px } #mapa-exposicao li.exaltacao span { left:55px; bottom:155px } #mapa-exposicao li.origens a { left:70px; top:73px; background-position:0 -217px } #mapa-exposicao li.origens span { left:82px; bottom:87px } #mapa-exposicao li.herois a { left:91px; top:82px; background-position:0 -249px } #mapa-exposicao li.herois span { left:102px; bottom:78px } #mapa-exposicao li.rito-de-passagem a { left:121px; top:86px; background-position:0 -280px } #mapa-exposicao li.rito-de-passagem span { left:128px; bottom:197px } #mapa-exposicao li.copas-do-mundo a { left:150px; top:101px; background-position:0 -311px } #mapa-exposicao li.copas-do-mundo span { left:158px; bottom:183px } #mapa-exposicao li.pele-e-garrincha a { left:218px; top:120px; background-position:0 -343px } #mapa-exposicao li.pele-e-garrincha span { left:224px; bottom:165px } #mapa-exposicao li.passarela a { left:279px; top:122px; background-position:0 -373px } #mapa-exposicao li.passarela span { left:284px; bottom:162px } #mapa-exposicao li.numeros-e-curiosidades a { right:184px; top:115px; background-position:0 -404px } #mapa-exposicao li.numeros-e-curiosidades span { right:192px; bottom:174px } #mapa-exposicao li.arquibancada a { right:119px; top:97px; background-position:0 -435px } #mapa-exposicao li.arquibancada span { right:128px; bottom:187px } #mapa-exposicao li.danca-do-futebol a { right:76px; top:90px; background-position:0 -466px } #mapa-exposicao li.danca-do-futebol span { right:86px; bottom:193px } #mapa-exposicao li.jogo-de-corpo a { right:90px; top:144px; background-position:0 -498px } #mapa-exposicao li.jogo-de-corpo span { right:98px; bottom:141px } #mapa-exposicao li.homenagem-ao-pacaembu a { right:169px; top:164px; height:27px; background-position:0 -529px } #mapa-exposicao li.homenagem-ao-pacaembu span { right:178px; bottom:120px } #copa2014-selo { width: 204px; height: 82px; background: url(../images/copa2014-selo.png) no-repeat; display: block; color: #fff; margin-top: 18px; text-transform: uppercase; } #copa2014-selo a { width: 204px; height: 82px; display: block; color: #fff; text-decoration: none; padding: 36px 0 0 76px; } #copa2014-selo a span { display: block; line-height: 1em; } #copa2014-selo a span.s1 { font-size: 1.063em; font-family: 'dinbold'; } #copa2014-selo a span.s2 { font-size: 0.625em; } #copa2014-home { width: 875px; height: 200px; background: url(../images/copa2014-home.png) no-repeat; color: #fff; text-transform: uppercase; margin: 20px auto; } #copa2014-home a { width: 875px; height: 200px; display: block; color: #fff; text-decoration: none; padding: 88px 0 0 250px; } #copa2014-home a span { display: block; line-height: 1em; } #copa2014-home a span.s1 { font-size: 3.063em; font-family: 'dinbold'; } #copa2014-home a span.s2 { font-size: 1.813em; } #regras-de-visitacao { width: 875px; margin: 0 auto; position: relative; } #regras-de-visitacao ul { display: table; } #regras-de-visitacao ul li { display: table-cell; width: 425px; padding-left: 166px; background-repeat: no-repeat; background-position: 36px center; font-size: 1.125em; min-height: 91px; border-bottom: 1px solid #dbdbdc; padding-top: 30px; padding-bottom: 30px; padding-right: 20px; } #regras-de-visitacao ul li.sep { width: 25px; border-bottom: 0; padding: 0; margin: 0; } #regras-de-visitacao ul li.r1 { background-image: url(../images/regras-de-visitacao-r1.png); background-position: left center; } #regras-de-visitacao ul li.r2 { background-image: url(../images/regras-de-visitacao-r2.png); background-position: 28px center; } #regras-de-visitacao ul li.r3 { background-image: url(../images/regras-de-visitacao-r3.png); } #regras-de-visitacao ul li.r4 { background-image: url(../images/regras-de-visitacao-r4.png); } #regras-de-visitacao ul li.r5 { background-image: url(../images/regras-de-visitacao-r5.png); } #regras-de-visitacao ul li.r6 { background-image: url(../images/regras-de-visitacao-r6.png); } #regras-de-visitacao ul li.r7 { background-image: url(../images/regras-de-visitacao-r7.png); } #regras-de-visitacao ul li.r8 { background-image: url(../images/regras-de-visitacao-r8.png); } #regras-de-visitacao ul li.r9 { background-image: url(../images/regras-de-visitacao-r9.png); } #regras-de-visitacao ul li.r10 { background-image: url(../images/regras-de-visitacao-r10.png); } #bar-e-loja { width: 875px; margin: 0 auto; position: relative; } #bar-e-loja span.quote { width: 630px; float: right; margin-right: 20px; } #bar-e-loja div.box { border-bottom: 1px solid #dbdbdc; padding: 30px 0; } #bar-e-loja div.box a { display: block; position: relative; color: #414042; } #bar-e-loja div.box figure { float: left; width: 212px; } #bar-e-loja div.box p { font-size: 1.1em; height: 121px; display: block; line-height: 1.2em; } #bar-e-loja span.horario { font-family: 'dinbold'; font-size: 1em; line-height: 1.3em; padding-left: 80px; display: block; height: 59px; } #bar-e-loja span.bar { background: url(../images/bar-e-loja-bar.png) no-repeat left center; padding-top: 4px; padding-left: 40px; } #bar-e-loja span.loja { background: url(../images/bar-e-loja-loja.png) no-repeat left center; padding-top: 12px; } #bar-e-loja h2 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; } #agende, #projetos, #acessibilidade { padding-top: 20px; float: left; width: 652px; } #agende h1, #projetos h1, #acessibilidade h1 { padding:12px 14px 6px; background: #f58220; display: block; color: #fff; text-transform: uppercase; font-size: 1.750em; font-family: 'dinbold'; line-height: 25px; } #agende div.box, #projetos div.box, #acessibilidade div.box { background: #ebebeb; padding: 18px; padding-top: 0; font-size: 1.188em; line-height: 1.4em; margin-top: 12px; margin-bottom: 18px; } #agende p, #projetos p, #acessibilidade p { padding-top: 18px; } #projetos h3, #acessibilidade h3 { text-transform: uppercase; border-top: 1px solid #414042; font-family: 'dinbold'; margin-top: 18px; padding-top: 6px; } #acessibilidade p.link { text-transform: uppercase; } #acessibilidade p.link a { color: #f58220; display: inline-block; text-decoration: none; } #acessibilidade p.link span { display: inline-block; vertical-align: middle; font-size: 0.8em; text-decoration: underline; } #acessibilidade p.link span.s { font-size: 1.5em; margin-right: 4px; text-decoration: none; } #acessibilidade h1 { font-size: 1.500em; } #agende div.box {} #agende h2 { font-size: 1.500em; line-height: 1em; color: #f58220; text-transform: uppercase; font-family: 'dinbold'; padding-top: 14px; cursor: pointer; } #agende h3 { font-size: 1.188em; line-height: 1em; color: #f58220; padding-top: 18px; text-transform: uppercase; font-family: 'dinbold'; cursor: pointer; } #agende h4 { text-transform: uppercase; border-top: 1px solid #414042; font-family: 'dinbold'; margin-top: 18px; padding-top: 2px; } #agende p { font-weight: bold; } #agende p strong, #agende p a { color: #f58220; font-family: 'din_mediumregular'; } #informacoes-uteis div.box { background-color: #ebebeb; padding: 12px 14px; font-size: 1.1em; line-height: 1.3em; margin-top: 18px; } #banco-de-dados, #o-projeto, #informacoes-uteis, #solicite-um-orcamento { padding-top: 20px; float: left; width: 652px; } #banco-de-dados h1, #quem-somos h1, #o-projeto h1, #informacoes-uteis h1, #solicite-um-orcamento h1 { padding: 12px 14px; background: #f58220; display: block; color: #fff; text-transform: uppercase; font-size: 1.750em; font-family: 'dinbold'; margin-bottom: 18px; } #banco-de-dados div.box, #o-projeto div.box, #solicite-um-orcamento div.box { font-size: 1.188em; line-height: 1.3em; margin-bottom: 18px; } #banco-de-dados p, #quem-somos p, #o-projeto p, #informacoes-uteis p, #solicite-um-orcamento p { padding-bottom: 18px; } #banco-de-dados p a, #quem-somos p a, #o-projeto p a, #informacoes-uteis p a, #solicite-um-orcamento p a { color: #f58220; font-family: 'din_mediumregular'; } #solicite-um-orcamento p.download { padding: 0; margin: 0 0 18px 0; overflow: hidden; border-radius: 4px; display: inline-block; } #solicite-um-orcamento p.download a { color: #86878a; text-transform: uppercase; font-size: 0.8em; line-height: 1em; overflow: hidden; border-radius: 3px; } #solicite-um-orcamento p.download span { display: inline-block; background: #d1d2d3; padding: 4px 20px; height: 23px; vertical-align: top; } #solicite-um-orcamento p.download span.i { background: #f58220 url(../images/icon-download-mini.png) no-repeat center center; padding: 0 14px; } #informacoes-uteis p.button a, #solicite-um-orcamento p.button a { width: 210px; text-align: center; color: #fff; text-decoration: none; background: #f58220; display: block; text-transform: uppercase; padding: 4px 0; font-size: 0.9em; font-family: 'dinbold'; } #quem-somos { font-size: 1.188em; line-height: 1.3em; padding-top: 20px; } #quem-somos p strong { font-family: 'din_mediumregular'; } #bate-bola { width: 875px; margin: 0 auto; position: relative; } #bate-bola div.quote { width: 604px; float: right; margin-right: 20px; } #bate-bola div.box { border-bottom: 1px solid #dbdbdc; padding: 30px 0; display: block; position: relative; color: #414042; } #bate-bola div.box figure { float: left; width: 212px; } #bate-bola div.box p { font-size: 1.1em; height: 116px; display: block; line-height: 1.2em; } #bate-bola div.box p.leiamais { height: auto; font-size: 0.9em; line-height: 1em; text-transform: uppercase; font-family: 'din_mediumregular'; } #bate-bola div.box p.leiamais a { color: #f58220; text-decoration: none; } #bate-bola span.date { display: block; font-size: 0.9em; line-height: 1em; font-family: 'dinbold'; padding-bottom: 4px; } #bate-bola h2 { font-size: 1.500em; line-height: 1em; font-family: 'dinbold'; display: block; padding-bottom: 6px; color: #f58220; margin-left: -31px; } #bate-bola div.meta .pdf, #bate-bola div.meta ul { float: left; } #bate-bola div.meta ul { margin-top: 8px; margin-right: 6px; } #bate-bola div.meta .pdf a { background: url(../images/icon-pdf.png); width: 34px; height: 34px; display: inline-block; zoom:1; *display: inline; } #generic-nav { text-align: center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } #generic-nav span, #generic-nav a { color: #b4b4b4; background: #696969; line-height: 1em; font-size: 0.8em; text-decoration: none; padding: 7px 12px; text-align: center; display: inline-block; zoom:1; *display: inline; margin: 0 2px; } #generic-nav a.prevpostslink, #generic-nav a.nextpostslink, #generic-nav span.current { color: #fff; } #generic-page-form { padding-top: 20px; float: left; width: 652px; } #generic-page-form p { display: block; padding-bottom: 20px; font-size: 1.188em; line-height: 1.4em; } #generic-page-form p a { color: #f58220; font-family: 'din_mediumregular'; } #generic-page-form p strong { color: #f58220; } #generic-page-form p a:hover { text-decoration: none; } #generic-page-form p span { text-transform: uppercase; font-family: 'din_mediumregular'; font-size: 0.9em; } #generic-page-form span.label { display: block; font-weight: bold; padding-bottom: 2px; } #generic-page-form ul { margin-left: -10px; } #generic-page-form li label { display: block; padding-left: 10px; } #generic-page-form li { padding-bottom: 14px; float: left; overflow: hidden; width: 100%; } #generic-page-form li p { font-size: 0.9em; padding: 0; padding-left: 10px; } #generic-page-form li.s100 { width: 100%; } #generic-page-form li.s50 { width: 50%; } #generic-page-form li.s33 { width: 33%; } #generic-page-form li.textarea textarea, #generic-page-form li.select select, #generic-page-form li.input input { background: #d9dade; padding: 5px 7px; border: 0; font-family: 'din_mediumregular'; font-size: 1em; line-height: 1.3em; color: #414042; width: 100%; } #generic-page-form li.select select { width: auto; } #generic-page-form li.button { padding-left: 10px; } #generic-page-form li.button input { background: #f58220; color: #fff; padding: 4px 6px; text-transform: uppercase; font-family: 'din_mediumregular'; font-size: 1.2em; line-height: 1.3em; color: #FFF; border: 0; padding: 6px 10px; } #generic-page-form li.nofloat { float: none; } #generic-page-form .wpcf7-not-valid-tip { display: block; text-align: right; padding-top: 2px; font-size: 0.9em; color: red; font-style: none; } #generic-page-form .wpcf7-response-output { display: block; padding: 4px 6px; text-align: center; font-weight: bold; background: #FFFBD3; color: #FFA642; clear: both; margin-left: 8px; } #generic-page-form .wpcf7-display-none { display: none; } #generic-page-form .ajax-loader { display: inline-block; vertical-align: top; margin: 8px 0 0 8px; } #generic-page-form .wpcf7-mail-sent-ok { background: #BCF9B6; color: #629B5D; } #generic-page-form li.captcha input { background: #d9dade; padding: 5px 7px; border: 0; font-family: 'din_mediumregular'; font-size: 1em; line-height: 1.3em; color: #414042; width: 60px; } #generic-page-form li.captcha img { border: 4px solid #d9dade; height: 28px; vertical-align: top; width: auto; } #generic-page-form li.captcha .wpcf7-not-valid-tip { text-align: left; } #seu-evento-aqui { width: 875px; margin: 0 auto; position: relative; } #seu-evento-aqui div.box { padding: 30px 0; border-bottom: 1px solid #dbdbdc; } #seu-evento-aqui div.cover { width: 212px; float: left; } #seu-evento-aqui figure img { width: 212px; } #seu-evento-aqui h2 { font-size: 1.188em; line-height: 1em; text-transform: uppercase; letter-spacing: -1px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } #seu-evento-aqui h2 span { color: #f58220; font-size: 1.3em; } #seu-evento-aqui div.cover a.pdf { background: url(../images/icon-pdf.png); width: 34px; height: 34px; display: inline-block; zoom:1; *display: inline; vertical-align: top; } #seu-evento-aqui div.cover a.dwg { background: url(../images/icon-dwg.png); width: 34px; height: 34px; display: inline-block; zoom:1; *display: inline; vertical-align: top; } #seu-evento-aqui div.cover a.ai { background: url(../images/icon-ai.png); width: 34px; height: 34px; display: inline-block; zoom:1; *display: inline; vertical-align: top; } #seu-evento-aqui div.cover a.fotos { background: url(../images/icon-fotos.png); width: 53px; height: 47px; display: inline-block; zoom:1; *display: inline; vertical-align: top; margin-right: 10px; } #seu-evento-aqui div.column { width: 652px; float: right; } #seu-evento-aqui div.column h1 { padding: 13px 10px 8px; background: #f58220; display: block; color: #fff; text-transform: uppercase; font-size: 1.750em; font-weight: bold; font-family: 'dinbold'; } #seu-evento-aqui div.column h2 { margin-bottom: 2px; margin-top: 18px; font-family: 'din_mediumregular'; } #seu-evento-aqui div.column p { font-size: 1.125em; line-height: 1.4em; } #seu-evento-aqui div.column p a { color: #f58220; font-family: 'din_mediumregular'; } #seu-evento-aqui div.column p a:hover { text-decoration: none; } #seu-evento-aqui div.buttons { padding-top: 18px; } #seu-evento-aqui div.buttons a { width: 211px; text-align: center; color: #fff; text-decoration: none; background: #EE1C24; display: block; text-transform: uppercase; padding: 4px 0; font-size: 0.9em; font-family: 'dinbold'; float: right; margin-left: 10px; } #seu-evento-aqui div.col-buttons { padding-top: 18px; } #seu-evento-aqui div.col-buttons a { width: 210px; text-align: center; color: #fff; text-decoration: none; background: red; display: block; text-transform: uppercase; padding: 4px 0; font-size: 0.9em; font-family: 'dinbold'; float: left; margin-left: 10px; } #seu-evento-aqui div.col-buttons a:first-child { margin-left: 0; } #seu-evento-aqui strong { font-family: 'din_mediumregular'; } #publicacoes-e-licitacoes, #jogos-e-atividades, #releases, #publicacoes { padding-top: 20px; float: left; width: 652px; } #releases ul li, #publicacoes ul li { padding: 18px 0; border-bottom: 1px solid #dbdbdc; } #releases ul li a, #publicacoes ul li a {color: #414042; } #releases span.quote, #publicacoes span.quote { float: right; width: 516px; } #publicacoes-e-licitacoes span.date, #jogos-e-atividades span.date, #releases span.date, #publicacoes span.date { background: #f58220; color: #fff; text-transform: uppercase; float: left; width: 128px; text-align: center; font-family: 'din_mediumregular'; line-height: 1em; padding: 6px 0 2px 0; } #jogos-e-atividades .pdf, #releases .pdf, #publicacoes .pdf { background: url(../images/icon-pdf.png); width: 34px; height: 34px; display: inline-block; zoom:1; *display: inline; margin-top: 6px; } #publicacoes-e-licitacoes h2, #jogos-e-atividades h2, #releases h2, #publicacoes h2 { font-size: 1.188em; text-decoration: underline; font-family: 'din_mediumregular'; } #museu-na-midia div.buscar-por-ano, #publicacoes-e-licitacoes div.buscar-por-ano, #jogos-e-atividades div.buscar-por-ano, #releases div.buscar-por-ano, #publicacoes div.buscar-por-ano { padding-top: 14px; } #lista-social h3, #museu-na-midia h3, #publicacoes-e-licitacoes h3, #jogos-e-atividades h3, #releases h3, #publicacoes h3 { font-size: 1.188em; line-height: 1em; padding-bottom: 6px; font-family: 'din_mediumregular'; } #lista-social h3 span, #museu-na-midia h3 span, #publicacoes-e-licitacoes h3 span, #jogos-e-atividades h3 span, #releases h3 span, #publicacoes h3 span { color: #f58220; } #lista-social div.buscar-por-ano select, #museu-na-midia div.buscar-por-ano select, #publicacoes-e-licitacoes div.buscar-por-ano select, #jogos-e-atividades div.buscar-por-ano select, #releases div.buscar-por-ano select, #publicacoes div.buscar-por-ano select { background: #d9dade; padding: 5px 7px; border: 0; font-family: 'din_mediumregular'; font-size: 1em; line-height: 1.3em; color: #414042; margin-top: 4px; } #publicacoes-e-licitacoes, #jogos-e-atividades { padding-top: 0; } #publicacoes-e-licitacoes div.box, #jogos-e-atividades div.box { padding: 18px 0; border-bottom: 1px solid #dbdbdc; } #publicacoes-e-licitacoes div.quote a, #jogos-e-atividades div.box a { color: #414042; } #publicacoes-e-licitacoes div.quote, #jogos-e-atividades div.quote { } #jogos-e-atividades .pdf { display: inline-block; vertical-align: top; } #jogos-e-atividades div.social { display: inline-block; vertical-align: top; padding-top: 20px; padding-left: 4px; } #publicacoes-e-licitacoes p { padding-top: 6px; } #publicacoes-e-licitacoes p a { text-transform: uppercase; color: #f58220; font-weight: bold; font-size: 0.9em; } #dicas { padding-top: 20px; float: left; width: 652px; } #dicas span.title { font-size: 1.750em; line-height: 1em; display: block; } #dicas span.arrow { display: inline-block; vertical-align: top; font-size: 1.750em; padding-top: 3px; } #dicas span.date { font-size: 0.750em; line-height: 1em; display: block; } #dicas div.title { color: #f58220; cursor: pointer; text-transform: uppercase; font-family: 'din_mediumregular'; } #dicas div.box { border-bottom: 1px solid #dbdbdc; padding: 20px 0; } #dicas div.meta { display: inline-block; vertical-align: top; } #dicas div.entry { font-size: 1.1em; line-height: 1.3em; } #dicas div.entry p { padding-top: 18px; } #dicas div.social { padding-top: 18px; } #galeria { background: #ecebea; padding: 20px; overflow: hidden; } #galeria div.big { overflow: hidden; width: 100%; } #galeria div.big ul { width: 20000em; position: relative; } #galeria div.big ul li { float: left; } #galeria div.big ul li p { display: block; padding-top: 4px; } #galeria div.mini { overflow: hidden; width: 100%; padding-bottom: 20px; position: relative; } #galeria div.mini span.a { width: 20px; background: #616160; color: #fff; text-align: center; height: 74px; position: absolute; top: 0; line-height: 4.6em; cursor: pointer; } #galeria div.mini span.a:hover { background: #434343; } #galeria div.mini span.l { left: 0; } #galeria div.mini span.r { right: 0; } #galeria div.mini div.cut { margin: 0 20px; overflow: hidden; } #galeria div.mini ul { width: 20000em; position: relative; } #galeria div.mini ul li { float: left; padding-left: 4px; } #galeria div.mini ul li img { cursor: pointer; opacity: 0.9; } #galeria div.mini ul li img:hover { opacity: 100; } #galeria nav.nav { text-align: center; padding-top: 10px; } #galeria nav.nav span { display: inline-block; color: #fff; cursor: pointer; background: #616160; font-size: 1.7em; width: 90px; line-height: 1em; padding-top: 4px; } #galeria nav.nav span:hover { background: #434343; } #exposicao-temporaria { padding-top: 20px; float: left; width: 652px; } #exposicao-temporaria div.meta { text-transform: uppercase; font-family: 'din_mediumregular'; } #exposicao-temporaria div.meta h2 { color: #00abc5; font-size: 2em; line-height: 1em; } #exposicao-temporaria div.meta span.date { font-size: 1.1em; line-height: 1em; display: block; } #estadio-do-pacaembu { float: left; width: 652px; } #vagas-aprovadas { width: 875px; margin: 0 auto; position: relative; padding-top: 12px; } #vagas-aprovadas div.box { padding: 18px 0; border-bottom: 1px solid #dbdbdc; } #vagas-aprovadas div.meta { float: left; width: 30%; } #vagas-aprovadas div.meta span.date { font-family: 'din_mediumregular'; display: inline-block; color: #fff; text-transform: uppercase; background: #f58220; padding: 4px 12px 2px 12px; margin-bottom: 4px; } #vagas-aprovadas div.quote { float: right; width: 70%; } #vagas-aprovadas div.quote p { display: block; padding-bottom: 6px; } #vagas-aprovadas div.quote p span { display: inline-block; color: #fff; text-transform: uppercase; background: #f58220; padding: 4px 12px 2px 12px; font-size: 0.9em; font-family: 'din_mediumregular'; } #museu-na-midia { width: 875px; margin: 0 auto; position: relative; padding-top: 22px; } #museu-na-midia div.col { width: 50%; float: left; margin-bottom: 24px; } #museu-na-midia div.first h1 { color: #f58220; } #museu-na-midia div.first span.date { background: #f58220; } #museu-na-midia div.middle h1 span { color: #8dc73f; } #museu-na-midia div.middle span.date { background: #8dc73f; } #museu-na-midia div.last h1 span { color: #00acc5; } #museu-na-midia div.last span.date { background: #00acc5; } #museu-na-midia div.col h1 { font-size: 1.875em; line-height: 1em; font-family: 'dinbold'; } #museu-na-midia h1 span {} #museu-na-midia ul li { font-size: 1.125em; line-height: 1em; font-family: 'din_mediumregular'; padding-right: 40px; } #museu-na-midia ul li a { text-decoration: none; color: #414042; display: block; padding: 16px 0; border-bottom: 1px solid #dbdbdc; } #museu-na-midia ul li:last-child a { border-bottom: 0; } #museu-na-midia ul li a:hover span { text-decoration: none; } #museu-na-midia span.date { width: 90px; padding: 4px 12px 2px 12px; color: #fff; text-align: center; text-transform: uppercase; display: inline-block; text-decoration: none; } #museu-na-midia span.name { display: inline-block; text-decoration: underline; padding-left: 8px; } #museu-na-midia div.middle h1, #museu-na-midia div.last h1 { font-size: 1.5em; padding-bottom: 6px; } #mapa-do-site { padding-left: 20px; } #mapa-do-site .submenu, #mapa-do-site .menu { float: left; width: 50%; } #mapa-do-site ul li { font-weight: bold; color: #F68220; text-transform: uppercase; padding-top: 20px; } #mapa-do-site ul li a { text-decoration: none; color: #F68220; } #mapa-do-site .sub-menu { padding-left: 10px; } #mapa-do-site .sub-menu ul li { font-weight: normal; text-transform: none; list-style: circle; padding-top: 0px; } #mapa-do-site .sub-menu a { font-weight: normal; color: #3F4042; } #mapa-do-site .child-menu { padding-left: 10px; } #mapa-do-site .child-menu ul li { font-weight: normal; text-transform: none; list-style: square; padding-top: 0px; } #mapa-do-site .child-menu a { font-weight: normal; color: #3F4042; } #mapa-do-site a {} #p404 { width: 875px; margin: 0 auto; position: relative; } #p404 h2 { font-size: 1.8em; line-height: 1em; display: block; text-decoration: uppercase; color: #22b6cb; padding-top: 12px; padding-left: 36px; font-weight: bold; } #p404 h3 { font-size: 1.4em; line-height: 1em; display: block; text-decoration: uppercase; color: #22b6cb; padding-left: 36px; padding-bottom: 24px; } #p404 figure { display: block; text-align: center; } #p404 img { display: inline-block; } /* Correcoes main menu */ .root-menu { background: url(../images/arrow_menu.png) no-repeat center right; } /* Correção galeria */ .jp-carousel-titleanddesc { display: none !important; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { #root, #home { width: 100%; padding: 10px 3% 8px; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box { width: 100%; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box a span.title { float: right; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box figure { margin: 10px 0 0; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #feature-flow ul li span.box { top: 30%; left:60%; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 480px) { #feature-flow ul li,#feature-cover { background-size: 160% auto !important; } #feature-flow ul li span.box { position: static !important; top: 30%; left: 0 !important; margin: 0 !important; width: 100% !important } #feature-flow ul li span.quote { width: 100% !important; } #header div.museudofutebol img { width: 300px !important; } #header div.museudofutebol { text-align: center; } } @media only screen and (max-width: 605px) { #feature-flow ul li { background-size: 160% 440px !important; } #header div.museudofutebol { text-align: center; } #header div.museudofutebol img { width: 450px; } } @media only screen and (max-width: 705px) { #feature-flow ul li { background-size: 120% 440px; } } @media only screen and (max-width: 895px) { #breadcrumbs { position: relative; margin: 0; font-size: 1.250em !important; } #breadcrumbs h2 { font-size: 1.250em; } #breadcrumbs p span { font-size: 0.9em; } #bar-e-loja span.quote, #bar-e-loja { width: 100% !important; float: none !important; } #bar-e-loja div.box p { height: auto !important; } #bar-e-loja div.box { padding: 30px 3%; } #bar-e-loja span { background: none !important; height: auto !important; padding:15px 0 0 !important; } #bar-e-loja div.box figure { margin-right: 2%; } #feature-flow ul li span.title { font-size: 2.125em !important; } #feature-flow ul li span.quote { font-size: 0.9em; } #feature-map,#feature-cover { overflow: hidden; } #aside { float: left !important; width: 100%; } .omuseu { width: 100% !important; margin: 0 10px 20px; } #aside div, #fiquepordentro, .rotas, #horarios-e-ingressos, section.wrapper, #conheca-o-crfb { width: 100% !important; } #agenda section.destaque div.box span.quote, #agenda section.wrapper div.box span.quote { float: none !important; width: 100% !important; } #agenda section.wrapper div.box figure, #agenda section.destaque div.box figure, #agenda section.wrapper div.box figure { margin: 0 3% 0px 0; } #agenda section.destaque div.box a, #agenda section.wrapper div.box a { text-decoration: none; } #aside div.categorias ul li a.cat-c1 { background: #ee1c24; line-height: 1.9em !important; } .destaque div.box { width: 100% !important; } #feature-flow ul li span.box { left:100%; } #root, #home { width: 100%; padding: 10px 3% 8px; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box { width: 100%; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box a span.title,#home div.box figure { -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #nav { display: none; } #empresas { text-align: center; clear: both; float: none !important; margin: 20px auto; border: 0 !important; } #empresas div { clear: both; float: none !important; margin: 20px auto; border-top: 1px solid #dbdbdc; width: 100% !important; padding-top: 15px; } #footer { padding: 0 0 30px !important; } #meta-bar { width: 100% !important; padding: 16px 2%; } #barrasp_nav, #barrasp_global { display: none; } #telefones { float: none !important; border-top: 1px solid #dbdbdc; width: 100%; padding-top: 15px; } #header { padding-top: 0 !important; } #header #root { margin-bottom: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 895px) { #root, #home { width: 100%; padding: 10px 3% 8px; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box { width: 100%; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box a span.title { float: right; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #home div.box figure { margin: 10px 0 0; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } #feature-flow ul li span.box { top: 30%; left:80%; } } #editar_link { position: fixed; top: 20%; left: 0; padding: 10px; background: #444; } #editar_link a { color: #fff; text-decoration: none; font-size: 18px; } #entry b, #entry strong { font-family: 'dinbold'; } .pagecontent { font-size: 1.1em; line-height: 1.3em; } .pagecontent h1, .pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5, .pagecontent h6 { font-family: 'dinbold'; margin: 30px 0 5px; } .pagecontent h1 { font-size: 24px; } .pagecontent h2 { font-size: 18px; } .pagecontent h3 { font-size: 16px; } .pagecontent b,.pagecontent strong { font-family: 'dinbold'; } .msgform { display: block; width: 100%; padding: 15px 10px; background: darkgreen; color: #fff; font-weight: bold; font-family: 'dinbold'; margin: 10px 0; } .formresult { width: 100%; padding: 15px 10px; background: red; color: #fff; font-family: dinbold; margin: 10px 0; } /* custom datepicker museu */ .calendario h1 { margin: 0 0 20px; } .calendario #datepicker { font-size: 11px; margin: 0 0 25px; } .calendario .ui-widget-content { border: 1px solid #f58220 !important; background: #f58220 !important; color: #fff !important; } .calendario .ui-widget-content a { color: #fff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0 !important; background: none !important; font-weight: bold !important; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff !important; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fff; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; font-weight: bold; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: url('../images/whitebg.png') !important; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled,.ui-state-disabled span, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { color: #ff963c !important; opacity: 1 !important; filter:Alpha(Opacity=100) !important; background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } .logoutbtn { text-align: right; } .ui-widget-header { border: 0 !important; background: none !important; color: #ffffff; font-weight: bold; } .ui-datepicker-title {font-size: 14px;} .dia_selecionado { background: #fff !important; } .dia_selecionado a { color: #333 !important; } .downloads h2 { margin-top: 0; }