#section-header #zone-user-wrapper { margin: 0 !important; padding: 0 !important; background:url(/sites/all/themes/claro/img/bg_menuTop.png) repeat-x top !important; position:relative !important; z-index:auto !important; } #section-header #region-user-third {width: 100% !important; background:url(/sites/all/themes/claro/img/bg_menuTop.png) repeat-x bottom !important; height: 50px !important; float: left !important; margin: 0 !important;} #section-header .block-views-exp-search-full-page .content .form-submit { margin-top:0 !important; border-radius:0 !important; border:0 !important; box-shadow:0 !important; background:url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/btn_search.png) no-repeat left top !important; width:47px !important; height:35px !important; padding: 6px 0 0 0 !important; overflow:hidden; text-indent: -9999px !important; } #section-header .block-views-exp-search-full-page .dd { float: left !important; margin-left:-152px !important; width:152px !important; color:#999999 !important; background:transparent !important; position:relative !important; z-index:200 !important; margin-top:1px !important; background:url(/sites/all/themes/claro/img/bg_searchSelect.png) no-repeat right top !important; display: none !important; } #section-header .block-views-exp-search-full-page .dd .ddTitle .arrow { background:url(/sites/all/themes/claro/img/icon_arrowBottomSearch.png) no-repeat 0 0!important !important; width: 38px !important; height: 33px !important; margin-top: -8px !important; } /* important, pq o plugin por default muda esse posicionamento */ #section-header .block-views-exp-search-full-page .dd .ddChild a.selected { background:url(/sites/all/themes/claro/img/icon_checked.png) no-repeat 129px center #fff !important; color:#999 !important;} #header #section-header #block-claro-tweaks-claro-mapas-endereco .sites-outros-paises {position: absolute !important; right:0 !important; top:0 !important; width:43px !important; background:url(/sites/all/themes/claro/img/icon_bandeira.png) no-repeat right 5px !important; text-indent:-9999px !important; cursor:pointer !important; z-index: 1000 !important; } .lt-ie9 #header #section-header #block-claro-tweaks-claro-mapas-endereco .sites-outros-paises { position: relative !important; float: right !important; margin-right: -10px; } #header #section-header #block-claro-tweaks-claro-mapas-endereco .sites-outros-paises .lista-bandeiras{ clip: inherit !important;} #header #section-header #block-claro-tweaks-claro-mapas-endereco .sites-outros-paises .lista-bandeiras li{ clip: inherit !important;} #section-header #block-claro-tweaks-claro-mapas-endereco .block-inner .barra-regionalizacao { clip: inherit !important;} #section-header #block-claro-tweaks-claro-mapas-endereco .block-inner .barra-regionalizacao a.init { background:url(/sites/all/themes/claro/img/icon_arrowGray.gif) no-repeat left 3px !important; padding-left:15px !important; /*display:none;*/} /* elimine display:none para Mapa encontrar lojas */ /*================= MENU PRINCIPAL E SUBMENUS ========================================= @media screen and (min-width: 1024px){*/ /*** MENU PRINCIPAL ***/ #section-header #zone-branding-wrapper { background: #d52b1e !important; padding-top:10px !important; height: 60px !important; } #section-header #zone-menu-wrapper .region-menu-right .region-inner { margin:0 !important; float:right !important; height:62px !important; z-index: 50 !important;} #section-header.menuWeb #zone-menu-wrapper .region-menu .region-inner { margin:0 !important; padding-top: 8px !important; float:left !important; width:100% !important; height:62px !important;position:relative !important; z-index: 50 !important; } #section-header #zone-menu-wrapper .region-inner li, #section-header #zone-menu-wrapper .region-inner li.last { width:auto !important; list-style-image:none !important; list-style:none !important; padding:0 !important; margin:0 !important; float:left !important; border-radius:3px 3px 0 0 !important; } #section-header #zone-menu-wrapper .region-inner li a.active, #section-header #zone-menu-wrapper .region-inner li a.active-trail { color:#d52b1e; border-bottom: none !important; box-shadow: none !important; } #section-header #zone-menu-wrapper .region-inner li.first a.active-trail, #section-header #zone-menu-wrapper .region-inner li.first a.active { border-bottom: none !important; box-shadow: none !important; } #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .block-inner{ float: right !important; padding-top: 8px !important} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu{} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal div.content{ margin-left: 125px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal div.content > .menu > li{ height: 44px !important;} #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a.mais-opcoes {background:url(/sites/all/themes/claro/img/icon_plus.png) 20px center no-repeat !important; padding-left:40px !important;font-weight:bold !important;} #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a.mais-opcoes:hover {background:url(/sites/all/themes/claro/img/icon_plus.png) 20px center #F2F2F2 no-repeat !important;} /* Retirando mouseover padrão dos menus de Fixo e Celular */ #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal li.fixo:hover, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal li.tv:hover, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal li.combos:hover {} /*** SUB-MENUS DO MENU CLARO - INSTITUCIONAL / ATENDIMENTO ***/ #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento ul.menu li a.mais-opcoes {font-size:12px !important; font-weight:bold !important; background:url(/sites/all/themes/claro/img/icon_plus.png) 20px 9px no-repeat !important; padding-left:40px !important; } #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento ul.menu li a.mais-opcoes:hover { border-radius: 0 !important; width: 109px !important;} /*** SUBMENUS DO MENU PRINCIPAL, INCLUINDO BOTTOM ***/ #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a.bottom, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube li.expanded ul.menu li a.bottom, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li a.bottom{ display: block !important; height: 60px !important; line-height: 60px !important; padding: 0 20px 0 0 !important; position: absolute !important; text-align: right !important; border: solid 1px #b0b0b0 !important; border-top-color: #ccc !important; background-color: #F2F2F2 !important; border-radius: 0 0 5px 5px !important; background-repeat: no-repeat !important; text-indent: 99999px !important; left: -400% !important; width: 2000px !important; } /*** SUBMENUS DO MENU PRINCIPAL, INCLUINDO BOTTOM ***/ #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a.bottom:after, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube li.expanded ul.menu li a.bottom:after, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li a.bottom:after, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li a.atendimento-bottom:after{ content: ' '; display: block; background: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/link-header.jpg) top right no-repeat; position: absolute; width: 360px; height: 40px; top: 10px; right: 10px; } /*** SUBMENUS DO MENU PRINCIPAL, INCLUINDO BOTTOM ***/ #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a.bottom:before, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube li.expanded ul.menu li a.bottom:before, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li a.bottom:before, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li a.atendimento-bottom:before{ content: ' '; display: block; background: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/link-header.jpg) top left no-repeat; float: right; width: 360px; height: 40px; position: absolute; left: 0; top: 10px; } /*}*/ .li-atendimento .last .last{position: absolute !important; left: -450px !important !important; top: 37px !important; width: 417px !important;} .li-atendimento .last .last a{width: 580px !important !important;background-position-y: 760px !important !important;background-position-x: 10px !important !important;} /*Sub-menu Minha Claro (Ficará comentado/oculto até validação do cliente ) */ #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li.last a.minha-claro-bottom:hover {border-top: solid 1px #ccc !important; left: 0 !important;} #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.leaf:hover a, #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.last.li-minha-claro:hover a { height: 40px !important; border-bottom: 5px solid #a52016 !important;} .header-breadcrumb .breadcrumb .crumb{ color:#696969 !important; text-decoration:none !important; background:url(/sites/all/themes/claro/img/icon_arrowRed.png) no-repeat right center !important; margin-right: 5px !important; padding-bottom: 4px !important; padding-right: 15px !important; } /* menu ? esquerda geral*/ #zone-content-wrapper #region-sidebar-first .menu li { background:url(/sites/all/themes/claro/img/bg_leftMenuLine.gif) repeat-x top #f2f2f2 !important; padding:2px 0 0 0 !important; margin:0 !important; list-style:none !important; list-style-image:none !important; float:left !important; clear:both !important; width:100% !important; } #zone-content-wrapper #region-sidebar-first .menu li a.active { color:#d52b1e; background:url(/sites/all/themes/claro/img/icon_arrowRed.png) no-repeat 125px center #fff; } #zone-content-wrapper #region-sidebar-first .menu li.outros-planos a { font-size:14px; color:#d52b1e; padding:0 8px 0 0; line-height:1; background:url(/sites/all/themes/claro/img/icon_bulletRed.png) no-repeat right 5px; float:left;} #zone-content-wrapper #region-sidebar-first .menu li.outros-planos a:hover { background:url(/sites/all/themes/claro/img/icon_bulletRed.png) no-repeat right 5px; text-decoration:underline; } #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa { width:100%; height:68px; background:url(/sites/all/themes/claro/img/bg_headerMaps.png) repeat-x; position:relative; z-index:5 } #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-type-checkbox label { display:block; width:auto; height:20px; padding-left:30px; background:url(/sites/all/themes/claro/img/btn_checkbox.png) no-repeat left top; font-family:arial; font-size:12px; color:#ccc; font-weight: normal; } #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-type-checkbox label:hover { background:url(/sites/all/themes/claro/img/btn_checkbox.png) no-repeat left -40px; } #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-type-checkbox label.active { background:url(/sites/all/themes/claro/img/btn_checkbox.png) no-repeat left -80px; } #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form #edit-submit { float:left; width:93px; height:38px; margin-top:16px; background:url(/sites/all/themes/claro/img/btn_buscarMaps.png) no-repeat; border:none; border-radius:0; text-indent:-9999px; } #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper .auxiliar a.fechar { display:block; float:right; width:40px; height:40px; margin-top:15px; background:url(/sites/all/themes/claro/img/btn_close.png) no-repeat; text-indent:-9999px; } #section-header #block-claro-tweaks-claro-mapas-mapa #map_canvas a { padding-right:10px; font-family:arial; font-size:12px; color:#d52b1e; background:url(/sites/all/themes/claro/img/icon_bulletRed.png) no-repeat right; }