/* RESET CSS - YAHOO YUI RESET */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* Barra Folha */
div.folha_bar { font: 12px/1.2 arial, verdana, sans-sans-serif; color: #000; width: 960px; padding: 5px; font-weight: 700; line-height: 22px; background-color: #00b7f0; overflow: hidden; position: relative; z-index: 1; margin: 0 auto; }
div.folha_bar .logo { background: url("http://f.i.uol.com.br/folha/furniture/5/images/lgo-folha_bar-124x22.gif") no-repeat; display: block; text-indent: -9999px; float: left; width: 123px; height: 22px;}
div.folha_bar fieldset { margin: 0; padding: 0; border: none; }
div.folha_bar a.sign { color: #fff; text-transform: uppercase; float: left; margin: 0 10px;}
div.folha_bar form { float: left; padding-left: 45px; }
div.folha_bar label { margin: 0 5px; }
div.folha_bar label, div.folha_bar input, div.folha_bar fieldset, div.folha_bar select { display: inline; float: left; }
div.folha_bar select, div.folha_bar input { width: 130px; height: 20px; line-height: 21px; margin: 0 2px; padding: 0; border: 1px solid #ccc; }
div.folha_bar select { font: 13px arial, verdana, sans-sans-serif; height: 22px; }
div.folha_bar legend, .section legend{ display: none; }
div.folha_bar form.find { position: absolute; right: 5px; padding-left: 0; display: block; }
div.folha_bar input.button { background: url("http://f.i.uol.com.br/folha/furniture/5/images/btn-buscar-57x21.gif") no-repeat; height: 21px; width: 57px; text-indent: -9999px; overflow: hidden; border: none; }
/* Lightbox */
.lightbox { display: none; }
.lightbox .veil { width: 100%; height: 100%; min-height: 758px; display: block; position: absolute; top: 0; left: 0; background: #ccc; opacity: 0.6; z-index: 99999; filter: alpha(opacity=60); }
.lightbox .video { width: 457px; height: 368px; position: absolute; margin-top: -420px; margin-left: 250px; box-shadow: 0px 0px 30px 10px #999; -webkit-box-shadow: 0px 0px 30px 10px #999; -moz-box-shadow: 0px 0px 30px 10px #999; z-index: 999999;}
/* OUTROS */
#barrauol2011.buol2011 {
width: 995px !important;
}
/* JSCROLLPANE */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; float: left; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(http://f.i.uol.com.br/folha/mapadobrincar/scrollbar_base-7x305.png) top center repeat-y; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; background: #9b8871; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 15px; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
/* HELPERS */
.clear-fix { clear: both; }
/* /OUTROS */
/* COMMON */
#mapadobrincar { width: 970px; height: 695px; margin: 0 auto; }
/* CONTROLES */
#mapadobrincar .control { display: inline-block; background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_controls-500x380.png?231211); text-indent: -99999em; font-size: 0.2px; }
#mapadobrincar .control.play { width: 30px; height: 27px; background-position: -20px -106px; top: 67px; left: 113px; }
#mapadobrincar .control.stop { width: 30px; height: 27px; background-position: -69px -106px; }
#mapadobrincar .control.volume_min { width: 27px; height: 27px; background-position: -118px -106px; top: 67px; left: 175px; }
#mapadobrincar .control.volume_max { width: 27px; height: 27px; background-position: -158px -106px; top: 67px; left: 455px; }
#mapadobrincar .control.progress { background-position: -20px -80px; width: 234px; height: 12px; top: 70px; left: 205px; }
#mapadobrincar .control.prev { width: 27px; height: 27px; background-position: -20px -146px; }
#mapadobrincar .control.next { width: 27px; height: 27px; background-position: -69px -146px; }
#mapadobrincar .control.prev2 { width: 25px; height: 25px; background-position: -330px -20px; }
#mapadobrincar .control.next2 { width: 25px; height: 25px; background-position: -375px -20px; }
#mapadobrincar .control.prev3 { width: 44px; height: 35px; background-position: -330px -325px; }
#mapadobrincar .control.next3 { width: 44px; height: 35px; background-position: -394px -325px; }
#mapadobrincar .control.prev3.active { background-position: -330px -270px; }
#mapadobrincar .control.next3.active { background-position: -394px -270px; }
#mapadobrincar .control.twitter_mini { width: 20px; height: 20px; background-position: -20px -230px; }
#mapadobrincar .control.facebook_mini { width: 20px; height: 20px; background-position: -51px -230px; }
#mapadobrincar .control.email_mini { width: 20px; height: 20px; background-position: -81px -230px; }
#mapadobrincar .control.print_mini { width: 20px; height: 20px; background-position: -111px -230px; }
/* IMAGENS DE FUNDO */
#mapadobrincar.background { background: left top repeat-x; }
#mapadobrincar.background.home { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/background_home-970x603.jpg); }
#mapadobrincar.background.memory { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/background_memoria-970x603.jpg); }
#mapadobrincar.background.library { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/background_biblioteca-970x603.jpg); }
#mapadobrincar.background.gallery { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/background_galeria-970x603.jpg); }
#mapadobrincar.background.clouds { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/background_nuvens-970x603.jpg); }
/* FONTES */
#mapadobrincar .font { font-size: 16px; }
#mapadobrincar .font.main { font-family: arial; }
#mapadobrincar .font.sub { font-family: georgia; }
@media only screen and (device-width: 768px) {
#mapadobrincar .font.main { font-family: Futura-Medium, arial; }
#mapadobrincar .font.sub { font-family: Baskerville-Bold, georgia; }
}
/* ADS */
#mapadobrincar .ads { background: #eee; position: relative; }
#mapadobrincar .ads .subtitle { position: absolute; display: block; font: 10px/12px arial,helvetica,sans-serif; padding: 1px 0 0; text-align: right; text-transform: uppercase; right: 0; top: -14px; }
#mapadobrincar .ads.small { width: 220px; height: 90px; }
/* CABECALHO */
#mapadobrincar #header { width: 100%; height: 106px; margin-bottom: 3px; }
#mapadobrincar #header h1 { width: 492px; height: 106px; float: left; display: inline; }
#mapadobrincar #header h1 a { display: block; width: 492px; height: 106px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/lgo-mapa_do_brincar-492x106.png) left top no-repeat; text-indent: -99999em; font-size: 0.1px; }
#mapadobrincar #header .ads.small { float: right; margin: 13px 9px 0 9px ; display: inline }
/* BARRA DE MENUS */
#mapadobrincar #sidebar { background: #f0ba4d; width: 100%; height: 35px; }
#mapadobrincar #sidebar .menu { float: left; margin: 2px 0 0 5px; }
#mapadobrincar #sidebar .menu li { display: block; float: left; padding: 5px 9px 5px 7px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/menu_spacer-2x25.jpg) right center no-repeat; text-transform: lowercase; }
#mapadobrincar #sidebar .menu li.last { background: none; }
#mapadobrincar #sidebar .menu li a { text-decoration: none; font-weight: bold; color: #fff; text-shadow: 0px -1px 0px rgba(0, 0, 0, .30); display: block; behavior: url(/pie.htc); }
@media only screen and (device-width: 768px) {
#mapadobrincar #sidebar .menu li a { font-weight: normal; }
}
#mapadobrincar #sidebar .menu li a:hover, #mapadobrincar #sidebar .menu li.selected a { text-decoration: underline; }
#mapadobrincar #sidebar .menu li ul { display: none; width: auto; float: none; position: absolute; margin: 0px; z-index: 99999; margin-top: 5px; padding-top: 7px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/balao_menu_seta-11x7.png) 10px 0 no-repeat; }
#mapadobrincar #sidebar .menu li:hover ul { display: block; }
#mapadobrincar #sidebar .menu li ul li { float: none; background-image: none; border-right: 1px solid #b7a895; background: #fff; display: block; }
#mapadobrincar #sidebar .menu li ul li.first { border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0px 0px; padding-top: 8px; border-right: 1px solid #b7a895; background: #fff; }
#mapadobrincar #sidebar .menu li ul li.last { border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; padding-bottom: 10px; border-right: 1px solid #b7a895; border-bottom: 1px solid #b7a895; background: #fff; }
#mapadobrincar #sidebar .menu li ul li.first.last { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -pie-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
#mapadobrincar #sidebar .menu li ul li a { display: block; color: #ea7758; font-size: 14px; text-shadow: none; padding-left: 12px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/menu_marcador-4x6.png) 2px center no-repeat; text-decoration: none !important; }
#mapadobrincar #sidebar .menu li ul.games li a { width: 157px; }
#mapadobrincar #sidebar .menu li ul.gallery li a { width: 75px; }
#mapadobrincar #sidebar .menu li ul li a:hover { text-decoration underline !important; }
#mapadobrincar #sidebar .search { float: right; margin: 4px 10px 0 0; width: 218px; }
#mapadobrincar #sidebar .search input.text { float: left; width: 187px; height: 17px; border-radius: 0; background: #fff; border-top: 1px solid #cfc2b2; border-right: none; border-bottom: 1px solid #f4efdc; border-left: 1px solid #f4efdc; font-size: 14px; font-weight: bold; color: #ea7758; padding: 3px 0 3px 3px; }
#mapadobrincar #sidebar .search input.image { float: left; border-radius: 0; }
#mapadobrincar .sidebar_shadow { width: 100%; height: 5px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/menu_shadow-970x5.png) left top repeat-x; }
/* CONTEUDO */
#mapadobrincar #content { width: 100%; height: 437px; padding-top: 16px; }
/* RODAPE */
#mapadobrincar #footer { width: 100%; height: 90px; background: #f0ba4d; border-top: 2px solid #d5aa4b; }
#mapadobrincar #footer .hints { width: 470px; height: 90px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/footer_banner-470x90.gif?081211); float: left; position: relative; }
#mapadobrincar #footer .hints dl { width: 320px; position: absolute; top: 18px; right: 40px; }
#mapadobrincar #footer .hints dl dt { width: 320px; padding: 0px; text-align: center; display: none; vertical-align: middle; margin-bottom: 3px; }
#mapadobrincar #footer .hints dl dt a { font-weight: bold; font-size: 16px; color: #ea7758; text-decoration: none; }
#mapadobrincar #footer .hints dl dt a:hover { text-decoration: underline; }
#mapadobrincar #footer .hints dl dd { width: 320px; text-align: center; font-weight: bold; font-size: 12px; color: #998571; display: none; }
#mapadobrincar #footer .hints dl dt.selected { display: table-cell; }
#mapadobrincar #footer .hints dl dd.selected { display: block; }
#mapadobrincar #footer .hints .control.next { position: absolute; right: 3px; top: 33px; }
#mapadobrincar #footer .watch_video { display: block; width: 230px; height: 90px; text-indent: -99999em; background: url(http://f.i.uol.com.br/folha/mapadobrincar/icn-assista_video-230x90.png) left top no-repeat; float: left; margin: 0 12px 0 10px; }
#mapadobrincar #footer .region_games { display: block; width: 230px; height: 90px; text-indent: -99999em; background: url(http://f.i.uol.com.br/folha/mapadobrincar/icn-brincadeiras_regiao-230x90.png) left top no-repeat; float: left; margin: 0 0 0 10px; }
/* NAVEGAÇÃO */
#mapadobrincar .breadcrumb { width: 610px; height: 31px; margin: 0 auto; }
#mapadobrincar .breadcrumb li { display: block; height: 25px; float: left; padding: 6px 12px 0 6px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/breadcrumb_seta-6x10.png) right center no-repeat #fefcf7; font-size: 14px; font-weight: bold; color: #ea7758; text-transform: lowercase; }
#mapadobrincar .breadcrumb li.first { padding-left: 12px; }
#mapadobrincar .breadcrumb li.last { background-image: none; padding-right: 7px; }
#mapadobrincar .breadcrumb li a { text-decoration: none; color: #ea7758; }
/* CAIXA DE CONTEUDO */
#mapadobrincar .box { width: 610px; height: auto; margin: 0 auto; font-family: arial, "Futura Medium"; font-size: 16px; color: #9C8872; position: relative; }
#mapadobrincar .box .control.prev3 { position: absolute; left: -43px; top: 48%; z-index: 9999; }
#mapadobrincar .box .control.next3 { position: absolute; right: -43px; top: 48%; z-index: 9999; }
#mapadobrincar .box .wrapper { width: 590px; height: 365px; background: #fefcf7; float: left; padding: 10px; position: relative; z-index: 1; }
#mapadobrincar .box.with_tabs .wrapper { height: 315px; }
#mapadobrincar .box.with_breadcrumb .wrapper,
#mapadobrincar .box.with_pagination .wrapper { height: 330px; }
#mapadobrincar .box.with_pagination_gallery .wrapper,
#mapadobrincar .box.with_breadcrumb.with_pagination .wrapper { height: 300px; }
#mapadobrincar .box.with_breadcrumb.with_tabs .wrapper { height: 279px; }
@media only screen and (device-width: 768px) {
#mapadobrincar .box { font-family: Futura-Medium; }
}
#mapadobrincar .box h3 { z-index: 2; position: relative; width: 600px; height: 29px; padding: 6px 0 0 10px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/trj-box_title_background-610x35.png); font-size: 18px; color: #fff; font-weight: bold; margin-bottom: -3px; }
#mapadobrincar .box h3:first-letter { text-transform: uppercase; }
/* TITULOS */
#mapadobrincar .box h4 { font-family: georgia; font-size: 16px; font-weight: bold; color: #9b8772; margin-bottom: 16px; }
#mapadobrincar .box h4:first-letter { text-transform: uppercase; }
@media only screen and (device-width: 768px) {
#mapadobrincar .box h4 { font-family: Baskerville-Bold, georgia; }
}
#mapadobrincar .box h4.less_margin { margin-bottom: 5px; }
/* LISTA DESORDENADA ( UL ) */
#mapadobrincar .box ul,#mapadobrincar .box ol { margin-bottom: 20px; list-style: circle ; }
#mapadobrincar .box ul li, #mapadobrincar .box ol li { padding: 1px 0 7px 19px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/icone_piao-11x14.png) 0px 4px no-repeat; }
#mapadobrincar .box ul.with_captalize li { text-transform:capitalize; }
/* LISTA COM IMAGEM E TEXTO */
#mapadobrincar .box ul.image_with_text { width: 600px; }
#mapadobrincar .box ul.image_with_text.three_lines { margin: 5px 0; }
#mapadobrincar .box ul.image_with_text li { display: block; width: 140px; float: left; margin: 0 8px 12px 0; padding: 0px; background: none; }
#mapadobrincar .box ul.image_with_text.three_lines li { margin: 0 8px 35px 0; }
#mapadobrincar .box ul.image_with_text li img { border: 1px dashed #bedfc0; width: 138px; height: 58px; margin-bottom: -3px; }
#mapadobrincar .box ul.image_with_text li a { display: block; text-decoration: none; }
#mapadobrincar .box ul.image_with_text li a span.text { display: inline-block; color: #ea7758; font-size: 11px; font-weight: bold; }
#mapadobrincar .box ul.image_with_text li a:hover span.text { text-decoration: underline; }
/* LISTA COM IMAGEM E TEXTO HORIZONTAL */
#mapadobrincar .box ul.image_with_text_horizontal { }
#mapadobrincar .box ul.image_with_text_horizontal li { display: block; min-height: 58px; margin-bottom: 21px; padding: 0; background: none; }
#mapadobrincar .box ul.image_with_text_horizontal li img { float: left; margin-right: 15px; background: #ccc; width: 106px; height: 58px; }
#mapadobrincar .box ul.image_with_text_horizontal li.last { margin-bottom: 0px; }
#mapadobrincar .box ul.image_with_text_horizontal li a { text-decoration: none; color: #ea7758; font-weight: normal; font-size: 16px; }
#mapadobrincar .box ul.image_with_text_horizontal li a:hover{ text-decoration: none; }
#mapadobrincar .box ul.image_with_text_horizontal li.selected a { color: #f2c76b; }
#mapadobrincar .box ul.image_with_text_horizontal li .description { display: block; }
/* LISTA COM MARCADOR */
#mapadobrincar .box ul.marker { margin-bottom: 10px; }
#mapadobrincar .box ul.marker li { display: block; padding: 1px 0 7px 19px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/icone_piao-11x14.png) 0px 4px no-repeat; margin-left: 0; }
#mapadobrincar .box ul.marker li a { display: block; color: #ea7758; text-decoration: none; font-weight: normal; font-size: 16px; }
#mapadobrincar .box ul.marker li a:hover { text-decoration: underline; }
/* LISTA COM SEPARADOR */
#mapadobrincar .box ul.with_separator { width: 100%; }
#mapadobrincar .box ul.with_separator li { display: block; padding: 8px 0px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/spacer_light_full-570x1.png) center bottom no-repeat; }
#mapadobrincar .box ul.with_separator li.first { padding-top: 0px; }
#mapadobrincar .box ul.with_separator li.last { background: none; }
/* LISTA DE DESCRIÇÃO ( DL ) */
/* LISTA COM SEPARADOR */
#mapadobrincar .box dl.with_separator dt { font-weight: bold; margin-bottom: 5px; margin-top: 15px; }
#mapadobrincar .box dl.with_separator dt.first { margin-top: 0px; }
#mapadobrincar .box dl.with_separator dd { padding-bottom: 16px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/spacer_light_full-570x1.png) center bottom no-repeat; }
#mapadobrincar .box dl.with_separator dd.last { background: none; }
/* PARAGRAFO */
#mapadobrincar .box p { margin-bottom: 24px; line-height: 20px; }
/* CAIXAS COM ROLAGEM */
#mapadobrincar .box .scrollable { overflow: scroll; height: 365px; }
#mapadobrincar .box.with_tabs .scrollable { height: 315px; }
#mapadobrincar .box.with_breadcrumb .scrollable,
#mapadobrincar .box.with_pagination .scrollable { height: 330px; }
#mapadobrincar .box.with_breadcrumb.with_tabs .scrollable { height: 279px; }
#mapadobrincar .box.with_breadcrumb.with_pagination .scrollable { height: 300px; }
#mapadobrincar .box.with_breadcrumb.with_tabs .scrollable { height: 279px; }
#mapadobrincar .box .scrollable.half { height: 172px; }
#mapadobrincar .box.with_tabs .scrollable.half { height: 147px; }
#mapadobrincar .box.with_breadcrumb .scrollable.half,
#mapadobrincar .box.with_pagination .scrollable.half { height: 155px; }
#mapadobrincar .box.with_breadcrumb.with_tabs .scrollable.half { height: 129px; }
#mapadobrincar .box.with_breadcrumb.with_pagination .scrollable.half { height: 140px; }
#mapadobrincar .box.with_breadcrumb.with_tabs .scrollable.half { height: 129px; }
/* COLUNAS */
#mapadobrincar .box .single_column { width: 100%; overflow: hidden; float: left; margin: 0; }
#mapadobrincar .box .double_column_one { width: 290px; float: left; margin: 0; }
#mapadobrincar .box .double_column_two { width: 290px; float: left; margin: 0 0 0 8px; }
#mapadobrincar .box .triple_column_one { display: inline; width: 190px; float: left; margin: 0; }
#mapadobrincar .box .triple_column_two { width: 185px; float: left; margin: 0 0 0 5px; }
#mapadobrincar .box .triple_column_three { width: 185px; float: left; margin: 0 0 0 5px; }
/* ABAS */
#mapadobrincar .tabs { width: 610px; margin-top: 12px; margin-bottom: 0px !important; }
#mapadobrincar .tabs li { float: left; background: #ccc; margin: 0 0 0 8px; display: inline; padding: 0px !important; }
#mapadobrincar .tabs li:first-letter { text-transform: uppercase; }
#mapadobrincar .tabs li a { display: block; font-size: 16px; font-weight: bold; color: #fefcf7; text-decoration: none; padding: 8px 8px 6px 8px; }
#mapadobrincar .tabs li.item_0 { background: #b4a2b2; }
#mapadobrincar .tabs li.item_1 { background: #e37463; }
#mapadobrincar .tabs li.item_2 { background: #f4ba59; }
#mapadobrincar .tabs li.item_3 { background: #a1c9c8; }
#mapadobrincar .tabs li.item_4 { background: #cacb6e; }
#mapadobrincar .tabs li.selected { background: #fefcf7; }
#mapadobrincar .tabs li.selected a { color: #9c8772; }
/* SEPARADORES */
#mapadobrincar .box .separator { margin: 2px 0; height: 3px; }
#mapadobrincar .box .separator.full { background: url(http://f.i.uol.com.br/folha/mapadobrincar/spacer_full-570x3.png) center center no-repeat; width: 570px; }
#mapadobrincar .box .separator.light.full { background: url(http://f.i.uol.com.br/folha/mapadobrincar/spacer_light_full-570x3.png) center center no-repeat; width: 570px; }
#mapadobrincar .box .separator.half { background: url(http://f.i.uol.com.br/folha/mapadobrincar/spacer_half-291x2.png) center center no-repeat; width: 291px; }
#mapadobrincar .box .separator.dashed { background: none; border: none; border-top: 1px dashed #ccc; width: 100%; }
/* PAGINAÇÃO */
#mapadobrincar .pagination { margin: 10px 0; position: relative; right: 50%; float: right; }
#mapadobrincar .pagination .wrapper { position: relative; right: -50%; }
#mapadobrincar .pagination .control,
#mapadobrincar .pagination .pages,
#mapadobrincar .pagination .fix,
#mapadobrincar .pagination .pages,
#mapadobrincar .pagination .pages li { display: block; float: left; }
#mapadobrincar .pagination .control { margin: 0 7px; display: block; }
#mapadobrincar .pagination .pages { width: auto; height: 27px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_controls-500x380.png?231211) -20px -188px; padding: 0 0 0 13px; }
#mapadobrincar .pagination .pages li { margin: 0 5px; height: 25px; padding: 2px 0 0 0; }
#mapadobrincar .pagination .pages li a { font-weight: bold; text-decoration: none; color: #ea7758; }
#mapadobrincar .pagination .pages li a:hover { color: #a5cecb; }
#mapadobrincar .pagination .pages li.selected a, #mapadobrincar .pagination .pages li.selected b { color: #a5cecb; }
#mapadobrincar .pagination .fix { width: 16px; height: 27px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_controls-500x380.png?231211) -299px -188px; }
#mapadobrincar .pagination.gallery { margin: 10px auto; position: static; float: none; width: 570px; }
#mapadobrincar .pagination.gallery .wrapper { position: relative; float: left; }
#mapadobrincar .pagination.gallery .control { margin-top: 21px; }
#mapadobrincar .pagination.gallery .pages { background: none; padding: 0px; height: 60px; margin-left: 10px; }
#mapadobrincar .pagination.gallery .pages li { width: 86px; height: 60px; }
#mapadobrincar .pagination.gallery .pages li a img { display: block; border: 3px solid #fff; width: 73px; height: 53px; }
#mapadobrincar .pagination.gallery .control.prev { float: left; }
#mapadobrincar .pagination.gallery .control.next { float: rigth; }
#mapadobrincar .pagination.gallery .pages li a:hover img,
#mapadobrincar .pagination.gallery .pages li.selected a img { border-color: #ea7758; }
/* FORMULARIO */
#mapadobrincar .box form p { width: auto; margin-right: 20px; margin-bottom: 30px; float: left; }
#mapadobrincar .box form p label { display: block; }
#mapadobrincar .box form p .text,
#mapadobrincar .box form p .textarea { width: 100%; border-radius: 0; background: #fff; border-top: 1px solid #cfc2b2; border-right: 1px solid #cfc2b2; border-bottom: 1px solid #f4efdc; border-left: 1px solid #f4efdc; font-size: 14px; font-weight: bold; color: #ea7758; padding: 2px; margin-right: 5px; }
#mapadobrincar .box form p .textarea { min-height: 100px; }
#mapadobrincar .box form p .smallest { width: 40px; }
#mapadobrincar .box form p .small { width: 52px; }
#mapadobrincar .box form p .medium { width: 140px; }
#mapadobrincar .box form p .semi_big { width: 195px; }
#mapadobrincar .box form p .big { width: 270px; }
#mapadobrincar .box form p .full { width: 570px; }
#mapadobrincar .box form p.no-margin { margin-right: 0px; }
#mapadobrincar .box form p .submit { width: 80px; height: 30px; border: 0px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_controls-500x380.png?231211) -330px -220px; color: #fff; font-weight: bold; }
#mapadobrincar .box form p.send { float: right; }
/* BOTOES */
#mapadobrincar .button { display: block; background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_controls-500x380.png); font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; }
#mapadobrincar .button.big { background-position: -20px -20px; width: 280px; height: 40px; text-align: center; padding: 5px; color: #fff; }
#mapadobrincar .button.color { display: inline-block; color: #fff; padding: 4px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; font-weight: normal; font-size: 16px; }
#mapadobrincar .button.color.orange { background: #f1ba4d; }
#mapadobrincar .button.color.blue { background: #a6cfcc; }
#mapadobrincar .button.color.green { background: #c4d275; }
#mapadobrincar .button.color.red { background: #ea7758; }
#mapadobrincar .button.color.purple { background: #b1a7c1; }
#mapadobrincar .button.rounded_white { width: auto; height: 24px; display: inline-block; position: relative; background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_controls-500x380.png?231211) -20px -188px; padding: 2px 0 0 13px; color: #9b876f; margin: 0px; }
#mapadobrincar .button.rounded_white .corner_right { display: inline-block; width: 16px; position: absolute; top: 0; height: 27px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_controls-500x380.png?231211) -299px -188px; margin-right: -16px; }
/* COMPARTILHAR RODAPE */
#mapadobrincar .toolbar_footer { width: 430px; margin: 0 auto; font-size: 16px; margin-top: 16px; display: none; }
#mapadobrincar .toolbar_footer .button,
#mapadobrincar .toolbar_footer .control,
#mapadobrincar .toolbar_footer img { display: block; float: left; margin-right: 10px; position: relative; }
#mapadobrincar .toolbar_footer .button { margin-right: 20px; }
#mapadobrincar .toolbar_footer .control { margin-top: 2px; }
#mapadobrincar .toolbar_footer img { margin: 0 36px 0 20px; }
/* /COMMON */
/* PÁGINAS */
/* HOME */
#mapadobrincar #content .object_wrapper { width: 970px; height: 453px; margin-top: -16px; position: relative; }
#mapadobrincar #content .object { position: absolute; z-index: 1; text-decoration: none; }
#mapadobrincar #content .object.game { background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_categorias-990x340.png); border: none; display: block; }
#mapadobrincar #content .object.game.amarelinha { top: 305px; left: 90px; width: 149px; height: 133px; background-position: -20px -180px; }
#mapadobrincar #content .object.game.bola { top: 235px; left: 175px; width: 138px; height: 105px; background-position: -190px -180px; z-index: 2; }
#mapadobrincar #content .object.game.bolinhadegude { top: 160px; left: 840px; width: 105px; height: 100px; background-position: -685px -20px; z-index: 2; }
#mapadobrincar #content .object.game.cantadas { top: 196px; left: 590px; width: 58px; height: 105px ; background-position: -435px -20px ; }
#mapadobrincar #content .object.game.construir { top: 115px; left: 320px; width: 50px; height: 120px; background-position: -270px -20px; }
#mapadobrincar #content .object.game.corda { top: 305px; left: 475px; width: 180px; height: 140px; background-position: -550px -180px; z-index: 2; }
#mapadobrincar #content .object.game.diversas { top: 365px; left: 263px; width: 41px; height: 68px; background-position: -350px -180px; z-index: 2; }
#mapadobrincar #content .object.game.elastico { top: 95px; left: 105px; width: 165px; height: 125px; background-position: -87px -20px; }
#mapadobrincar #content .object.game.esconder { top: 342px; left: 903px; width: 42px; height: 48px; background-position: -885px -180px; }
#mapadobrincar #content .object.game.formulasdeescolha { top: 165px; left: 400px; width: 75px; height: 140px; background-position: -340px -20px; }
#mapadobrincar #content .object.game.jogosdesalao { top: 315px; left: 330px; width: 121px; height: 114px; background-position: -410px -180px; z-index: 3; }
#mapadobrincar #content .object.game.palmas { top: 335px; left: 780px; width: 93px; height: 108px; background-position: -810px -20px; z-index: 2; }
#mapadobrincar #content .object.game.pegar { top: 90px; left: 680px; width: 143px; height: 87px; background-position: -525px -20px; }
#mapadobrincar #content .object.game.piao { top: 410px; left: 680px; width: 21px; height: 25px; background-position: -948px -180px; z-index: 2; }
#mapadobrincar #content .object.game.pipa { top: 80px; left: 45px ; width: 50px; height: 120px ; background-position: -20px -20px; }
#mapadobrincar #content .object.game.roda { top: 200px; left: 680px; width: 120px; height: 140px; background-position: -745px -180px; }
#mapadobrincar #content .object.element { background: url(http://f.i.uol.com.br/folha/mapadobrincar/sprite_objetos-510x310.png); }
#mapadobrincar #content .object.element.tree1 { top: 253px; left: 0; width: 88px; height: 194px; background-position: -410px -100px; }
#mapadobrincar #content .object.element.tree2 { top: 270px; left: 885px; width: 84px; height: 171px; background-position: -304px -100px; }
#mapadobrincar #content .object.element.tree3 { top: 140px; left: 500px; width: 71px; height: 120px; background-position: -150px -100px; }
#mapadobrincar #content .object.element.tree4 { top: 80px; left: 400px; width: 39px; height: 60px; background-position: -90px -100px; }
#mapadobrincar #content .object.element.tree5 { top: 95px; left: 867px; width: 45px; height: 75px; background-position: -240px -100px; }
#mapadobrincar #content .object.element.boat { top: 255px; left: 115px; width: 30px; height: 35px; background-position: -80px -20px; }
#mapadobrincar #content .object.element.doll { top: 342px; left: 684px; width: 36px; height: 35px; background-position: -400px -20px; }
#mapadobrincar #content .object.element.dog { top: 135px; left: 604px; width: 60px; height: 25px; background-position: -325px -20px; }
#mapadobrincar #content .object.element.car { top: 285px; left: 830px; width: 35px; height: 20px; background-position: -445px -20px; }
#mapadobrincar #content .object.element.horse { top: 205px; left: 65px; width: 45px; height: 65px; background-position: -20px -20px; }
#mapadobrincar #content .object.element.small_horse { top: 280px; left: 335px; width: 40px; height: 30px; background-position: -270px -20px; }
#mapadobrincar #content .object.element.cat { top: 401px; left: 706px; width: 50px; height: 39px; background-position: -130px -20px; }
#mapadobrincar #content .object.element.bird { top: 287px; left: 479px; width: 54px; height: 27px; background-position: -195px -20px; }
#mapadobrincar #content .object.element.cloud1 { top: 80px; left: 479px; width: 55px; height: 25px; background-position: -20px -100px; }
#mapadobrincar #content .object.element.cloud2 { top: 80px; left: 940px; width: 30px; height: 25px; background-position: -20px -100px; }
#mapadobrincar #content .object.element.cloud3 { top: 115px; left: 0; width: 55px; height: 25px; background-position: -35px -100px; }
/*#mapadobrincar #content .object.element.shoes { top: 409px; left: 40px; width: px; height: px; background-position: -px -px; }*/
#mapadobrincar #content .object .ballon { display: none; text-align: center; width: 94px; height: 43px; margin-top: -67px; z-index: 9999; margin-left: -35px; padding: 15px 5px 9px 5px; position: absolute; text-transform: lowercase; background: url(http://f.i.uol.com.br/folha/mapadobrincar/balao_home-104x67.png); font-size: 14px; font-weight: bold; color: #ea7758; text-decoration: none; }
#mapadobrincar #content .object .ballon.two_lines { width: 94px; height: 43px; padding: 9px 5px 15px 5px; }
/* BRINCADEIRAS */
#mapadobrincar .box.games_region .media { height: 250px; margin-bottom: 10px; position: relative; }
#mapadobrincar .box.games_region .media .image_media { position: absolute; top: 30px; }
#mapadobrincar .box.games_region .media a.video,
#mapadobrincar .box.games_region .media a.audio { position: absolute; text-indent: -99999em; display: block; width: 145px; height: 30px; top: 0px; right: 2px; }
#mapadobrincar .box.games_region .media a.video { background: url(http://f.i.uol.com.br/folha/mapadobrincar/brincadeira_video-145x30.png); }
#mapadobrincar .box.games_region .media a.audio { background: url(http://f.i.uol.com.br/folha/mapadobrincar/brincadeira_audio-145x30.png); }
#mapadobrincar .box.games_region .origin { float: left; width: 195px; height: 46px; margin-top: 10px; font-size: 16px; font-weight: bold; color: #9a8771; }
#mapadobrincar .box.games_region .origin img { float: left; margin-right: 2px; width: 50px; height: 50px; }
#mapadobrincar .box.games_region .origin h5 { font-weight: bold; margin-top: 1px; font-size: 16px; }
#mapadobrincar .box.games_region .origin .city { font-size: 14px; font-weight: normal; }
#mapadobrincar .box.games_region .how_to_play { float: left; margin-top: 10px; margin-left: 0px; }
#mapadobrincar .box.games .var_per_region { margin-top: 35px; margin-right: 10px; display: inline-block; }
#mapadobrincar .box.games .var_of_game { margin-top: 35px; display: inline-block; }
#mapadobrincar .box.games .game_image { width: 290px; height: 220px; margin-top: 20px; background: #eee; }
/* GLOSSARIO */
#mapadobrincar .glossary h4.letter { display: block; width: 568px; height: 42px; padding: 18px 0 0 2px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/glossary_title-570x60.gif); font-size: 18px; margin-bottom: 0px; }
/* BIBLIOTECA */
#mapadobrincar .box.library .wrapper a { color: #ea7758; font-weight: bold; font-size: 14px; text-decoration: none; }
/* REGIOES */
#mapadobrincar .box.region .column_region { width: 240px; float: left; }
#mapadobrincar .box.region .wrapper { padding-top: 15px; }
#mapadobrincar .box.region ul { margin-top: 35px; }
#mapadobrincar .box.region ul li a { color: #fff; padding: 4px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; font-weight: normal; font-size: 16px; }
#mapadobrincar .box.region ul li { margin-bottom: 15px; padding-left: 0; background: none; }
#mapadobrincar .box.region ul li.centro_oeste a { background: #f1ba4d; }
#mapadobrincar .box.region ul li.nordeste a { background: #a6cfcc; }
#mapadobrincar .box.region ul li.norte a { background: #c4d275; }
#mapadobrincar .box.region ul li.sudeste a { background: #ea7758; }
#mapadobrincar .box.region ul li.sul a { background: #b1a7c1; }
#mapadobrincar .box.region .image { float: right; width: 337px; height: 329px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/mapa_brasil-337x329.gif); }
#mapadobrincar .box.region .image a,
#mapadobrincar .box.region .image span { color: #fff; font-weight: bold; position: absolute; text-decoration: none; }
#mapadobrincar .box.region .image span { opacity: 0.5; filter: alpha(opacity=50); }
#mapadobrincar .box.region .image .norte { margin-top: 65px; margin-left: 100px; }
#mapadobrincar .box.region .image .nordeste { margin-top: 100px; margin-left: 245px; }
#mapadobrincar .box.region .image .centro_oeste { margin-top: 165px; margin-left: 145px; }
#mapadobrincar .box.region .image .sudeste { margin-top: 210px; margin-left: 210px; }
#mapadobrincar .box.region .image .sul { margin-top: 275px; margin-left: 175px; }
#mapadobrincar .box.region .image a:hover { text-decoration: underline; }
#mapadobrincar .box.region_list ul.marker { margin-bottom: 20px; }
#mapadobrincar .box.region_list .region_title { width: 85px; height: 72px; position: absolute; z-index: 999; margin: -68px 0 0 350px; }
#mapadobrincar .box.region_list .region_title.norte { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/regions/norte-85x72.png); }
#mapadobrincar .box.region_list .region_title.sul { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/regions/sul-85x72.png); }
#mapadobrincar .box.region_list .region_title.nordeste { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/regions/nordeste-85x72.png); }
#mapadobrincar .box.region_list .region_title.sudeste { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/regions/sudeste-85x72.png); }
#mapadobrincar .box.region_list .region_title.centro-oeste { background-image: url(http://f.i.uol.com.br/folha/mapadobrincar/regions/centro_oeste-85x72.png); }
/* GALERIA */
#mapadobrincar .box ul.gallery { }
#mapadobrincar .box ul.gallery li { background: none; padding: 0px; }
#mapadobrincar .box ul.gallery li .image { display: block; width: 590px; height: 240px; text-align: center; }
#mapadobrincar .box ul.gallery li .description { margin-top: 18px; text-align: center; }
#mapadobrincar .box ul.gallery li .legend { font-weight: bold; text-align: center; display: block; font-size: 10px; margin-bottom: 4px; }
/* GALERIA DE VIDEOS */
#mapadobrincar .box.gallery.videos .video_container { margin-bottom: 20px; height: 254px; }
#mapadobrincar .box.gallery.videos .button.big { margin-top: 20px; }
#mapadobrincar .box.gallery.videos ul li a { background: none; padding: 0px; font-weight: normal; }
/* GALERIA DE AUDIOS */
#mapadobrincar .box.gallery .player { position: relative; width: 589px; height: 148px; background: url(http://f.i.uol.com.br/folha/mapadobrincar/radio_base-589x148.gif); margin-bottom: 20px; }
#mapadobrincar .box.gallery .player .display { color: #fff; font-size: 16px; font-weight: bold; position: absolute; top: 27px; left: 120px; }
#mapadobrincar .box.gallery .player .controls .control { display: block; position: absolute; }
#mapadobrincar .box.gallery .player .controls .control.play { top: 67px; left: 113px; }
#mapadobrincar .box.gallery .player .controls .control.stop { top: 67px; left: 113px; }
#mapadobrincar .box.gallery .player .controls .control.min { top: 67px; left: 175px; }
#mapadobrincar .box.gallery .player .controls .control.max { top: 67px; left: 455px; }
#mapadobrincar .box.gallery .player .controls .control.progress { top: 70px; left: 205px; }
#mapadobrincar .box.gallery .player .description { position: absolute; top: 118px; left: 10px; color: #fff; font-size: 16px; }
#mapadobrincar .box.gallery ul li a { display: inline-block; background: url(http://f.i.uol.com.br/folha/mapadobrincar/icone_play-13x14.png) 0 2px no-repeat; padding: 0 0 0 20px; font-weight: bold; color: #ea7758; text-decoration: none; }
/* MESTRES */
#mapadobrincar .box.masters .description { font-weight: bold; font-size: 12px; }
#mapadobrincar .box.masters .legend { font-weight: bold; text-align: right; display: block; font-size: 10px; margin-bottom: 4px; }
/* MAIS */
#mapadobrincar .box.more h4.letter { background: url(http://f.i.uol.com.br/folha/mapadobrincar/spacer_full-570x3.png) left bottom repeat-x; display: block; font-size: 18px; height: 28px; margin-bottom: 18px; padding: 18px 0 0 2px; width: 568px; }
#mapadobrincar .box.diploma { }
#mapadobrincar .box.diploma .diploma { width: 572px; height: 316px; margin: 7px auto 0 auto; position: relative; }
#mapadobrincar .box.diploma .diploma .hint { position: absolute; display: none; top: 100px; left: 180px; background: #FFFFE0; font-size: 14px; color: #e87b5e; padding: 4px 5px 5px 5px; box-shadow: 0px 0px 8px 0px #ccc; -webkit-box-shadow: 0px 0px 8px 0px #ccc; -moz-box-shadow: 0px 0px 8px 0px #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#mapadobrincar .box.diploma .diploma .hint strong { font-weight: bold; }
#mapadobrincar .box.diploma .diploma .image { position: absolute; top: 0; left: 0; }
#mapadobrincar .box.diploma .diploma .name { border: none; background: transparent; font-size: 36px; text-align: center; width: 530px; display: block; position: absolute; top: 140px; left: 21px; }
#mapadobrincar .box.diploma .diploma input.name { color: #a2cfca; z-index: 2; background: #f5f5f5; }
#mapadobrincar .box.diploma .diploma span.name { white-spaces: nowrap; overflow: hidden; color: #e87b5e; z-index: 1; display: none; }
/* /PÁGINAS */