@font-face { font-family: 'Din'; src: url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_light.eot'); src: url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_light.eot?#iefix') format('embedded-opentype'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_light.woff') format('woff'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_light.ttf') format('truetype'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_light.svg#Din') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Din Bold'; src: url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_bold.eot'); src: url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_bold.eot?iefix') format('eot'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_bold.woff') format('woff'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_bold.ttf') format('truetype'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_bold.svg#webfontJYIzBFjr') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'dinMedium'; src: url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_medium.eot'); src: url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_medium.eot?iefix') format('eot'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_medium.woff') format('woff'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_medium.ttf') format('truetype'), url('/sites/all/modules/custom/claro_widget/claro_widget_header/fonts/din_medium.svg#webfontPxRq1v5J') format('svg'); font-weight: normal; font-style: normal; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .views-exposed-form .views-exposed-widget { float: left; padding: .5em 1em 0 0; } body .zone-header, body .zone-menu, body .zone-user { width:100%; padding:0; margin:0; font-family:arial, helvetica, sans-serif; } body .zone-header .grid-12, body .zone-menu .grid-12, body .zone-user .grid-12 { width:100%; padding:0; margin:0; } body #zone-header .grid-6 { width:98%; margin: 0; padding: 0; } #zone-branding-wrapper .logo-img{position: absolute !important; top: 30px !important; z-index: 9999 !important;} #zone-branding-wrapper .logo-img img { display:block !important; margin: 0 0 0 20px !important; padding: 0 !important; position: relative !important; z-index: 200 !important; top: 0px !important;} body .zone-user input[type="text"]:focus {box-shadow:inset 1px 1px 5px #d5d5d5; margin: 0; padding: 0;} #section-header.menuWeb .grid-1, #section-header.menuWeb .grid-2, #section-header.menuWeb .grid-3, #section-header.menuWeb .grid-4, #section-header.menuWeb .grid-5, #section-header.menuWeb .grid-6, #section-header.menuWeb .grid-7, #section-header.menuWeb .grid-8, #section-header.menuWeb .grid-9, #section-header.menuWeb .grid-10, #section-header.menuWeb .grid-11, #section-header.menuWeb .grid-12 { margin: 0; padding: 0; display: inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; } #section-header.menuWeb ul {margin: 0; padding: 0;} #section-header.menuWeb a, #section-header.menuWeb a:hover { text-decoration:none; } /*Remover do menu pelo admin*/ #section-header.menuWeb #zone-menu-wrapper .region-inner li a.claro-clube{ display: none !important;} /* first menu + regionalização */ #section-header{ display: none !important;} #section-header.menuWeb{ margin: 0 !important; padding: 0 !important; z-index:900 !important; width: 100% !important; } #section-header.menuMobile{ margin: 0 !important; padding: 0 !important; z-index:900 !important; width: 100% !important;} .section-header{ position: fixed !important;} #section-header.menuWeb #zone-user-wrapper .region-user-first-inner { margin: 0 !important; padding: 0 !important; width:100% !important; margin:0 auto !important; display:table } #section-header.menuWeb .block-menu-header-cabecalho { margin: 0 !important; padding: 0 !important; float:left !important; width:350px !important; } #section-header.menuWeb #block-menu-menu-header-cabecalho h2 { display:none !important; } #section-header.menuWeb #block-menu-menu-header-cabecalho li { margin: 0 !important; padding: 0 !important; list-style-image:none !important; list-style:none !important; font-size:12px !important; font-family:arial, helvetica !important; float:left !important; font-weight:bold !important; padding:0 !important; margin:0} #section-header.menuWeb #block-menu-menu-header-cabecalho li a { margin: 0 !important; color:#fff !important; text-decoration:none !important; display:block !important; padding:9px 6px !important; font-weight: normal !important; } #section-header.menuWeb #block-menu-menu-header-cabecalho li a:hover { text-decoration:underline !important; } #section-header.menuWeb #block-menu-menu-header-cabecalho li.first a {color:#999 !important; text-decoration:none !important; } /* trocar para active */ #section-header.menuWeb #region-user-first {margin: 0 !important; padding: 0 !important; width: 100% !important; background: #333 !important; height: auto !important; float: left !important; margin: 0 !important; position:relative !important; z-index:500} #section-header.menuWeb #region-user-first .block-inner {margin: 0 !important; padding: 0 !important; width: 960px !important; height: 30px !important; margin: 0 auto !important;} #section-header.menuWeb #region-user-first .block-inner .menu {margin: 0 !important; padding: 0 !important;width: auto !important; height:30px !important; margin-left: 20px !important;} #section-header.menuWeb #region-user-third .block-inner {width: 940px !important; margin: 0 auto !important;} #section-header.menuWeb #region-user-third .block-inner .menu {width: auto !important; float:left !important; height: 50px !important; margin-left: 80px !important;} #section-header.menuWeb .page-mapa-visualizacao #region-user-third {display: none !important;} #section-header.menuWeb .block-views-exp-search-full-page .views-exposed-widget { padding-right:0 } #section-header.menuWeb .block-views-exp-search-full-page label { display:none !important } #section-header.menuWeb .block-views-exp-search-full-page .content input[type="text"] { border-radius: 20px 0 0 20px !important; font-size:14px !important; font-family: 'din' !important; line-height:18px !important; height: 26px !important; padding: 7px 0 7px 15px !important; *padding: 11px 10px 3px !important; width:170px !important; color:#545454 !important; float:left !important; -moz-box-sizing:content-box !important; -webkit-box-sizing:content-box !important; box-sizing:content-box !important; background:#fff !important; position:relative !important; border: none !important; margin-top: 1px !important; box-shadow: none !important;} #section-header.menuWeb .block-views-exp-search-full-page .content input[type="text"].form-error { border-color:#f00 !important; color:#f00 } .lt-ie9 #header #section-header.menuWeb .block-views-exp-search-full-page .content input[type="text"] { background-image: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/bg-form-busca-ie.jpg) !important; background-color: #fff !important; background-position: 0 -1px !important; background-repeat: no-repeat !important; padding-top: 7px!important; } /*#section-header.menuWeb .block-views-exp-search-full-page .content input[type="text"]:focus {box-shadow:inset 1px 1px 3px #ccc !important; }*/ /* #section-header.menuWeb .block-views-exp-search-full-page .content .form-submit:hover { background-position:left -100px !important; } #section-header.menuWeb .block-views-exp-search-full-page .content .form-submit:active{ background-position:left -200px !important; }*/ #section-header.menuWeb .block-views-exp-search-full-page select { width:152px !important; display:none !important; } #section-header.menuWeb .block-views-exp-search-full-page .dd .ddTitle { background:transparent !important; border:0 !important; padding: 9px 0 !important;height: 16px !important; text-align:right !important; position:relative !important; z-index:200} #section-header.menuWeb .block-views-exp-search-full-page .dd .ddTitle .ddTitleText { cursor:pointer } #section-header.menuWeb .block-views-exp-search-full-page .dd.active .ddTitle .arrow { background-position:0 100%!important /* important, pq o plugin por default muda esse posicionamento */ } #section-header.menuWeb .block-views-exp-search-full-page .dd .ddChild { box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2) !important; *box-shadow:1px 1px 4px #ddd !important; border-radius:4px 0 4px 4px !important; border:1px solid #b1b1b1!important !important; position:relative !important; background:#fff !important; top:-5px!important !important; margin-left: -3px !important; font-size:13px !important; float:left !important } #section-header.menuWeb .block-views-exp-search-full-page .dd .ddChild a { color:#111 !important; padding:5px 0 5px 10px !important; border-top:1px solid #e4e4e4 !important; background:#fff !important; margin:0 !important; width:140px !important;} #section-header.menuWeb .block-views-exp-search-full-page .dd .ddChild a#filter-query_msa_0 { border-radius:4px 4px 0 0 !important; } #section-header.menuWeb .block-views-exp-search-full-page .dd .ddChild a#filter-query_msa_5 { border-radius:0 0 4px 4px !important; } #section-header.menuWeb .block-views-exp-search-full-page .dd .ddChild a:first-child { border:0 !important; } #section-header.menuWeb .block-views-exp-search-full-page .dd .ddChild a:hover { background:transparent !important; color:#d52b1e !important; background:#fff !important } #section-header.menuWeb .block-claro-mapas-endereco { float:right !important; width:452px !important; text-align:left !important; position:relative !important; margin-right: 7px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao {text-align: right !important; padding-right: 47px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras { position:absolute !important; right:0 !important; top:30px !important; width:300px !important; border-radius:4px !important; border:1px solid #d3d3d3 !important; box-shadow:1px 1px 3px #ececec !important; background:#f2f2f2 !important; overflow:hidden !important; display:none !important; z-index:9999 !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li { list-style:none !important; list-style-image:none !important; width:150px !important; float:left !important; font-size:12px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li a { color:#696969 !important; display:block !important; padding:5px 0 4px 10px !important; text-align:left !important; border-bottom:1px solid #d3d3d3 !important; font-weight:normal !important; text-indent:0 !important; background:#f2f2f2 !important;} #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li.primeiro a { border-radius:4px 0 0 0 !important } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li.segundo a { border-radius: 0 4px 0 0 !important } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li.penultimo a { border-bottom:0 !important; border-radius: 0 0 0 4px !important} #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li.ultimo a { border-bottom:0 !important; border-radius: 0 0 4px 0 !important } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li.odd a { border-left:1px solid #d3d3d3 !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li a:hover, #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li.active a { background:#fff !important; color:#d52b1e !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li.active a:hover { text-decoration:none !important; cursor:default !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .barra-regionalizacao ul.lista-bandeiras li a:hover { text-decoration:underline !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .sites-outros-paises:hover ul.lista-bandeiras { display:block !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner .barra-regionalizacao a.init.aberto { background-position: left -32px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner .barra-regionalizacao a:hover{text-decoration: underline !important;} /* menu alvo*/ #section-header.menuWeb #block-menu-menu-header-alvo h2 { display:none } #section-header.menuWeb #block-menu-menu-header-alvo ul li { font-family:din, arial, helvetica; font-weight:bold; list-style-image:none; list-style:none; font-size:18px; float:left; font-weight:bold; padding:0; margin:0} #section-header.menuWeb #block-menu-menu-header-alvo ul li a { color:#bcbcbc; text-decoration:none; display:block; padding:8px 11px 13px 12px; height:27px; margin-top:2px; font-family:dinMedium; font-weight:normal; font-size:17px} #section-header.menuWeb #block-menu-menu-header-alvo ul li a:hover { text-decoration:underline; } #section-header.menuWeb #block-menu-menu-header-alvo ul li.first a { background:#a20812; color:#fff; text-decoration:none;} /* trocar para active */ /*================= MENU PRINCIPAL E SUBMENUS =========================================*/ /*@media screen and (min-width: 1024px){*/ /*** MENU PRINCIPAL ***/ #section-header.menuWeb #zone-branding-wrapper #zone-branding { width:100% !important; margin:0 auto !important; } /*#zone-branding-wrapper .logo-img{float: left !important;}*/ #section-header.menuWeb #zone-menu-wrapper { margin:-80px 0 0 0 !important; width:100% !important; position:relative !important; z-index:999 !important;} #section-header.menuWeb .zone-menu{position:relative !important;*z-index:150 !important; margin-top: 23px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner h2 { display:none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner li a { font-family: 'din', Arial, helvetica !important; font-weight: bold !important; color:#fff !important; font-size:15px !important; text-decoration:none !important; width: auto !important; display:block !important; height:39px !important; line-height: 30px !important; white-space:nowrap !important; text-align:center !important; position: relative !important; border-bottom: none !important; box-shadow: none !important; } html.oldIE #section-header.menuWeb #zone-menu-wrapper .region-inner li a { font-family: arial !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner li span { font-family:din, arial, helvetica !important; color:#696969 !important; font-weight:bold !important; font-size:15px !important; text-decoration:none !important; padding:0 !important; display:block !important; min-width:48px !important; height:23px !important; white-space:nowrap !important; text-align:left !important;} html.oldIE #section-header.menuWeb #zone-menu-wrapper .region-inner li span { font-family: arial !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner li.expanded:hover { z-index: 50 !important; border: none !important; box-shadow: none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu .expanded.li-claro-clube:hover {width: 100px} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu .expanded.li-claro-clube { display: none !important; margin-left: 10px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner li.expanded:first-child:hover{width: 79px !important; margin-left:0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner li.expanded:first-child:hover a {width: 79px !important; padding-left: 0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner li.expanded:hover > a { color:#fff !important; position:relative !important; z-index:200 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal { float:left !important; margin: 0 !important; width: auto !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro ul li.expanded:first-child:hover{width: 100px !important; margin-left:0 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro ul { height:35px } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .content > .menu > li{height: 44px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li {width: auto !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li.last {background: none !important; margin-right: 20px !important;} /*#section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.last { background:none !important; }*/ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li a { font-size:15px !important; font-weight: bold; height: 38px !important; line-height: 30px !important; width: 85px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first:hover a, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.last:hover a {} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li:hover > a { position: relative !important; z-index: 500 !important; background: #e2e2e2; color: #333; border: none !important; padding-left: 0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.last:hover li a { } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.li-atendimento > .menu {top: 65px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.li-atendimento > a:hover .menu {display: block !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.li-atendimento:hover > a {text-indent: 0 !important;} #section-header.menuWeb #zone-branding-wrapper .site-name-slogan { display:none !important; } #section-header.menuWeb .top-mobile {display: none !important;} #section-header.menuWeb .localidade-mobile {display: none !important;} /*}*/ /* media queries */ /* min-width & max-width #section-header.menuWeb.menuWeb #zone-menu-wrapper .region-inner li.first.leaf.combos{ margin-left: 130px !important;} #section-header #zone-menu-wrapper .region-inner li.first.leaf.combos{ margin-left: 134px !important;} */ #section-header .top-mobile{ float: right !important; position: relative !important; } #section-header .mobile-atendimento{ float: left !important; margin: 20px 0 0 0 !important; } #section-header .mobile-atendimento a{ font-family:"din" !important; color: #fff !important ; } #header #section-header.menuMobile .logo-img>a{ width: 100% !important; height: 100% !important; z-index: 50 !important; display: block !important; cursor: pointer !important; } #section-header .mobile-open-search{ border: none !important; width: 40px !important; height: 40px !important; background: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/btn_search_mobile.png) !important; -webkit-background-size: 40px !important; background-size: 40px !important; overflow: hidden !important; text-indent: 999em !important; float: left !important; margin: 7px 10px !important; z-index: 9999 !important; appearance: none !important; -moz-appearance: none !important; /* Firefox */ -webkit-appearance: none !important; /* Safari and Chrome */ outline: none !important; } #zone-search-wrapper { display: none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro{ float: left !important; } .open-main-menu{ display: none; } @media screen and (min-width: 960px){ .leaf.fixo, .leaf.tv{ box-shadow: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.li-loja-online, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.li-loja-online > a{ color:#fff !important; text-align: right !important; width:98px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro {float: left !important; height: auto !important; margin: 0 !important; width: auto !important; margin-left: -95px !important;} } /* Fix IE9 */ html.lt-ie9 #section-header #zone-menu-wrapper.no-margin-menu .region-inner .menu li { margin-right: 10px !important; } @media (max-width: 999px) and (min-width: 768px){ #header #section-header.menuMobile #zone-menu-wrapper .region-inner { width: auto !important; } #header #section-header.menuMobile .views-widget-filter-search_api_multi_fulltext{ width: 93% !important; float: left !important; } #header #section-header.menuMobile .views-submit-button{ width: 6% !important; float: left !important; } } #block-views-exp-search-full-page{ width: 250px !important; float: left!important;} /*** SUB-MENUS DO MENU PRINCIPAL - ESTILOS GERAIS ***/ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu {height: auto !important; border: none !important; left: 0 !important; top: 57px !important; position: absolute !important; width: 264% !important; border-radius: 0 0 5px 5px !important; padding: 0 !important; z-index: 9999 !important; background: #fff !important; box-shadow: 0px 1px 5px #ececec !important; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2) !important; display: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded.li-tv ul.menu { left:-249px !important; *left:-254px !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded:hover ul.menu { display:block !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded { width:143px !important; height:260px !important; background:none !important;border-radius:0 !important; box-shadow: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded a {padding-left: 20px !important; display: block !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded:hover {box-shadow: none !important; border-radius: none !important; border: none !important; margin: 0 !important; margin-top: 0px !important; padding-top: 0px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded.last { border-right:none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded:hover {box-shadow:0 0 0 !important; border: none !important; margin-left: 0 !important; border-bottom: #FFF !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded a { text-align:left !important; padding:12px 10px 0 !important; color:#333 !important; display: block !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded span, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded span { text-align:left !important; width:auto !important; color:#333 !important; padding-left: 20px !important; margin-bottom: 4px !important; display: block !important; border-bottom: none !important; box-shadow: none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded a:hover,#zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.last a:hover { background:none !important; color:#333 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu { float: left !important;display: block !important;position: relative !important; background:none !important; border:none !important; left:0 !important; box-shadow: none !important; top: 0 !important; padding: 0 !important; } html.lt-ie9 #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu { height: 314px !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu ul { left:0px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li { float:none !important; display:list-item !important; border:none !important; background:none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu li a { background:#fff !important; color: #D52B1E !important; display: block !important; font-family: arial,helvetica !important; font-size: 12px !important; font-weight: normal !important; height: auto !important; overflow:hidden !important; line-height: normal !important; padding: 8px 0 8px 20px !important; white-space: normal !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal li:hover > a { height: 38px !important} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded a:hover, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.last a:hover, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.last a.active, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.first a.active{ background:none !important; color:#333 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li:hover { left:0px !important; border-radius: 0 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a:hover { color: #333 !important; background: #f2f2f2 !important;} /* Retirando mouseover padrão dos menus de Fixo e Celular */ body #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal li.fixo:hover > a, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal li.tv:hover > a, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal li.combos:hover > a {background: none !important; } /*** SUB-MENUS DO MENU CLARO - INSTITUCIONAL / ATENDIMENTO ***/ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu {height: auto !important; left: 0 !important; top: 65px !important; position: absolute !important; width: 858px !important; border-radius: 0 0 5px 5px !important; box-shadow: 1px 1px 3px #ececec !important; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important; padding: 13px 0 80px !important; z-index: 150 !important; background: #fff !important; display: none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded { width:143px !important; height:260px !important; background:none !important; border-radius:0 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded:hover { border:none !important; border-radius:0 !important; margin:0 0px 0px 0px !important; padding:0 !important; box-shadow:0 0 0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded a { font-family:"din" !important; font-weight:bold !important; font-size:15px !important; color:#333 !important; text-align:left !important; width:auto !important; padding:12px 10px 0 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded.last, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded.last:hover { border-right:none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded a{} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded a:hover, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.last a:hover, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.last a.active, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.first a.active{color:#333 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu { width: 99.5% !important;float: left !important;display: block !important;position: relative !important; background:none !important; border:none !important; box-shadow: none !important; border-radius: 0 !important; left:0px !important; top: 0 !important; padding: 0 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento li.expanded ul.menu {} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu li { float:none !important; display:list-item !important; border:none !important; background:none !important; border-radius: 0 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu li:hover, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu li:hover a {border: none !important; background: #f2f2f2 !important; color: #333 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu li:hover a {text-decoration: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento ul.menu li a:hover { text-decoration:none !important; background-image: none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu li a.encontre-uma-loja, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li a.active-trail, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li a.active {background-image: none !important;} .logged-in #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento li.expanded ul.menu li a.bottom { left: auto !important; right: -2px !important; } /*Sub-menu celular*/ html.lt-ie9 #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular {height: 313px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular .bottom { left: -400% !important; top: 205px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular .bottom:hover { background-image: none !important; background-repeat: no-repeat !important; background-color: #F2F2F2 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular .menu {width: 99.7% !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular > li{width: 19.9% !important; height: 175px !important;border-right: 1px solid #e4e4e4 !important; padding: 40px 0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular > li a { width: auto !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular > li.last { border-right: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular > li.last:hover {border-right: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular > li.last a {} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuCelular > li.last a.bottom {width: 498% !important;margin: -20px 0 0 -7px !important; background-position: left 10px !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu.submenuCelular li.expanded.first.nolink span { white-space:pre-wrap !important; word-wrap: break-word !important; } /*Sub-menu fixo*/ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo .bottom {left: -685px !important; top: 174px !important; background-position: 17px -178px !important; width: 838px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo .bottom:hover {background-position: 17px -258px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo > li{width: 170px !important; height: 182px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo > li a {width: 150px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo > li.last {width: 170px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo > li.last:hover {border-right: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo > li.last a{width: 154px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuFixo > li.last a.bottom{width: 838px !important;} /*Sub-menu internet*/ html.lt-ie9 #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet{ height: 315px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet .bottom {left: -685px !important; top: 220px !important; background-position: 27px -383px !important; width: 838px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet > li{width: 16.5% !important; height: 200px !important; border-right: 1px solid #e4e4e4 !important; padding: 40px 0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet > li a { width: 45% !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet > li.last {border-right: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet > li.last:hover {border-right: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet > li.last a{} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet > li.last a.bottom{width: 600% !important; left: -503% !important; margin-top: -8px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu.submenuInternet li.expanded.first.nolink span { height: auto !important; white-space:pre-wrap !important; word-wrap: break-word !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet li.nolink ul.menu li.nolink span { color:#333 !important; font-size:12px !important; font-weight:bold !important; margin-bottom:0 !important; height:15px !important; margin-top:5px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .internet-bottom { margin-top: 12px !important; margin-left: -1px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet li .menu{ width: 100% !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuInternet li .menu li a{ width: auto !important;} /*Sub-menu TV*/ html.lt-ie9 #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv{ height: 315px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv .bottom {left: -685px !important; top: 220px !important; background-position: 27px -383px !important; width: 838px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv > li{width: 16.5% !important; height: 200px !important; border-right: 1px solid #e4e4e4 !important; padding: 40px 0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv > li a { width: 45% !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv > li.last {border-right: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv > li.last:hover {border-right: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv > li.last a{} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv > li.last a.bottom{width: 600% !important; left: 0 !important; margin-top: -8px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu.submenuTv li.expanded.first.nolink span { height: auto !important; white-space:pre-wrap !important; word-wrap: break-word !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv li.nolink ul.menu li.nolink span { color:#333 !important; font-size:12px !important; font-weight:bold !important; margin-bottom:0 !important; height:15px !important; margin-top:5px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .tv-bottom { margin-top: 12px !important; margin-left: -1px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv li .menu{ width: 100% !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu.submenuTv li .menu li a{ width: auto !important;} /*Sub-menu Atendimento*/ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento {width: 179% !important; left: -79% !important; display: none !important; margin-top: -8px !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner .menu.submenuAtendimento li a{ width: 100% !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li a.atendimento-bottom:hover { } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento > li.expanded {height:250px !important; width: 24.9% !important; border-right: 1px solid #d4e4e4 !important; padding: 27px 0 !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li a.atendimento-bottom, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu li.expanded ul.menu li a.atendimento-bottom{ display: block !important; height: 60px !important; line-height: 60px !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; width: 100% !important; background-position: 15px -756px !important; left: -1px !important; bottom: -1px !important; padding: 0 !important; } /*Sub-menu Claro Clube*/ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube {width: 373px !important; left: 408px !important; display: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube > li {width: 186px !important; height: 190px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li.expanded ul.menu.submenuClaroClube > li .menu { width: 150px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube > li.last {width: 148px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li.expanded ul.menu.submenuClaroClube > li.last .menu a{width: 128px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube > li.expanded.last a.claro-clube-bottom{background-position: 15px -922px !important; width: 353px !important; left: -188px !important; top: 183px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuClaroClube > li.expanded.last a.claro-clube-bottom:hover {top: 191px !important; background-position: 15px -988px !important;} /*Sub-menu Minha Claro (Ficará comentado/oculto até validação do cliente ) */ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro {width: 180% !important; height: 100px !important; left: -79% !important; display: none !important !important; margin-top: -10px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li {background-image: none !important; width: 100% !important; height: auto !important; border-radius: 0 !important; height: 35px !important; border: none !important} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li a {display: block !important; text-align: center !important; font-weight: normal !important; font-family: arial,helvetica !important; font-size: 12px !important; font-weight: normal !important; text-align: left !important; color: #D52B1E !important; width: 177px !important; height: 35px !important; line-height: 35px !important; padding-left: 20px !important; border: none !important} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li:hover a {border:none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li a:hover {color: #7a7a7a !important; text-decoration: underline !important; background: #f8f8f8 !important; padding-top: 0 !important; margin-top: 0 !important; border-bottom: none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro > li.last a.minha-claro-bottom{background-position: 15px -1080px !important; width: 177px !important;left: -1px !important; top: 132px !important;} /* Retornando estilo padrão do botão "Minha Claro", até que haja validação do cliente em relação ao submenu */ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.leaf:hover, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.last.li-minha-claro:hover {background: none !important; border: none !important; box-shadow: none !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.leaf:hover a, #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.last.li-minha-claro:hover a { height: 42px !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.leaf:hover a{ height: 44px !important; } /* Hover Submenus institucionais */ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li:hover ul.menu {display: block !important;} /*======================== MENUS PRINCIPAL E SUBMENUS =========================================*/ /* redes sociais*/ .fb_iframe_widget{position:absolute!important; top:5px!important; right: 5px!important; width:auto!important;} #section-header.menuWeb #zone-header-wrapper { margin:0 auto; width:100%; position: absolute; right: -12px; top: 110px; } #section-header.menuWeb #zone-header-wrapper #zone-header { float:right; } #section-header.menuWeb #block-claro-tweaks-claro-tweaks-redes-sociais #___plusone_0 { *display:none!important} .headroom--not-top#section-header.menuWeb #block-claro-tweaks-claro-tweaks-redes-sociais {opacity: 0 !important; -webkit-transition: opacity 0.4s, height 0.4s,-webkit-transform 0.4s; transition: opacity 0.4s, height 0.4s, transform 0.4s; } .headroom--top#section-header.menuWeb #block-claro-tweaks-claro-tweaks-redes-sociais {opacity: 1 !important; -webkit-transition: opacity 0.8s, height 0.8s,-webkit-transform 0.8s; transition: opacity 0.8s, height 0.8s, transform 0.8s; } #section-header.menuWeb #block-claro-tweaks-claro-tweaks-redes-sociais { width:284px; float:right; padding:5px; background:#ececec; border-radius:4px; position:relative; top:0px; height:30px; z-index:1; right: 0px; display: block !important; } /*### elimine o visibility:hidden para aparecer rede sociais ###*/ #section-header.menuWeb #block-claro-tweaks-claro-tweaks-redes-sociais .fb-like span{ overflow:hidden; top:0; width: 127px !important; z-index:20; } #section-header.menuWeb #block-claro-tweaks-claro-tweaks-redes-sociais .fb-like iframe{width:127px !important} #section-header.menuWeb #block-claro-tweaks-claro-tweaks-redes-sociais iframe.twitter-follow-button { *display:inline; *float:left; *position:relative; *margin-right:3px; top:-3px; } /* alguns elementos gerais + breadcrumb */ .front #section-content { margin-top:-15px; } body.section-celular #page-title, body.front h1#page-title { display:none; } body.not-logged-in #messages {position: fixed; z-index: 150;width: 274px;left: 20px;top: 14px; } #page-title { font-family:dinmedium; font-size:35px; font-weight:normal; color:#333; width:940px; margin:0 auto; } #zone-content-wrapper .contextual-links-region { position:static; } #zone-content-wrapper #zone-content { position:relative; } .header-breadcrumb { font-family:dinMedium; font-size:15px; margin-top:0px; width:960px; margin:0 auto;height: 10px; } .header-breadcrumb .breadcrumb {position:relative; float:left; width:670px; padding-left: 92px; margin-top: -49px;} body.front .header-breadcrumb .breadcrumb { display:none } .header-breadcrumb .breadcrumb a.crumb:hover { text-decoration:underline; } .header-breadcrumb .breadcrumb .crumb.current {color:#d52b1e; background-image: none;} /* menu ? esquerda geral*/ #zone-content-wrapper #region-sidebar-first { position:static; } #zone-content-wrapper #region-sidebar-first .block-title { display:none; } #zone-content-wrapper #region-sidebar-first .menu { border-radius:3px; box-shadow:1px 1px 3px #ececec; width:138px; overflow:hidden; background:#fff; border:1px solid #d3d3d3; margin:0; float:left; } #zone-content-wrapper #region-sidebar-first .menu li.first { background-image:none; padding-top:0; border-radius:3px; } #zone-content-wrapper #region-sidebar-first .menu li.penultimo { border-radius:0 0 3px 3px; } #zone-content-wrapper #region-sidebar-first .menu li.first.penultimo { border-radius:3px; } #zone-content-wrapper #region-sidebar-first .menu li a { background:#f2f2f2; display:block; padding:10px; font-size:12px; text-decoration:none; color:#696969; } #zone-content-wrapper #region-sidebar-first .menu li a:hover { background:#f9f9f9 } #zone-content-wrapper #region-sidebar-first .menu li.outros-planos { position:absolute; bottom:0; left:0; background:transparent;} /* Maps */ #section-header.menuWeb #region-user-second { margin:0 !important; } body #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner {height:30px !important; line-height:30px !important; margin:0 auto !important; font-family:arial !important; font-size:12px !important; color:#fff !important; float:right !important; width:460px !important;} #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner a { font-family:arial !important; font-size:12px !important; font-weight:bold !important; color:#999 !important; } html body.logged-in #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner a { position: relative !important; z-index: 10 !important;} #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner a:hover { text-decoration:underline !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner .sites-outros-paises > a { text-indent:-9999px !important; display:block !important;text-align: left !important;} #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner span.grupo-regional { font-family:arial !important; font-size:12px !important; font-weight:bold !important; color:#fff !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-endereco .block-inner span.cep { font-family:arial !important; font-size:12px !important; font-weight:bold !important; color:#fff !important; } #section-header.menuWeb #region-user-second { display:none; width:100%; height:388px; } #section-header.menuWeb #map_canvas { width:100% !important; height:320px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper { width:940px !important; height:68px !important; margin:0 auto !important;position: relative !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form { float:left !important; width:860px; height:68px !important; margin:0 auto !important; position: relative !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-item-endereco { float:left !important; margin:22px 10px 0 0 !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-type-checkbox input { display:none !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-type-textfield { float:left !important; width:313px !important; height:35px !important; margin-top:14px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-type-textfield input { width:298px !important; height:auto !important; padding:11px 8px !important; border-radius:4px !important; line-height:15px !important; font-family:arial !important; font-size:14px !important; color:#545454 !important; background:#fff} #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper .auxiliar { float:right !important; width:60px !important; height:68px !important; margin-left:20px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper .auxiliar a.fechar:hover { background-position:left -40px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper .auxiliar a.fechar:active { background-position:left -80px !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa #map_canvas div { font-family:arial !important; font-size:12px !important; color:#696969 !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa #map_canvas a:hover { text-decoration:underline !important; } #section-header.menuWeb .pac-container { width:auto !important !important; background:#f2f2f2 !important; border:1px solid #b1b1b1 !important; } #section-header.menuWeb .pac-container::after { content:no-open-quote !important; } #section-header.menuWeb .pac-container .pac-item { height:50px !important; padding:0 10px !important; line-height:50px !important; font-family:arial !important; font-size:12px !important; color:#696969 !important; border-top:1px solid #d3d3d3 !important; } #section-header.menuWeb .pac-container .pac-item:hover { color:#d52b1e !important; background-color:#fff !important; } #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-item { float: left !important; margin: 22px 10px 0 0 !important; } #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form #edit-email-map { display:none} #section-header.menuWeb #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form #edit-print-map { display:none} /* Auto complete geral */ .ui-autocomplete.ui-menu { width:330px; background-color:#fff; padding:0; border-radius:0 0 3px 3px; border-top:none; z-index:1000000; } .ui-autocomplete.ui-menu .ui-menu-item { border-bottom:1px solid #e4e4e4;} .ui-autocomplete.ui-menu .ui-menu-item:last-child { border-bottom:0; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all { display:block; float:left; width:310px; padding:10px; font-family:arial; font-size:12px; color:#848586; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all.ui-state-hover { border:none; border-radius:0; margin:0; background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #f3f3f3 0%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(0%,#f3f3f3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ cursor:pointer; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all img { float:left; width:70px; height:40px; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all .highlight-autosuggest { font-weight:bold; color:#000; } ul.ui-autocomplete.ui-widget-content.autocomplete-cidade, ul.ui-autocomplete.ui-widget-content.autocomplete-logradouro { width:auto; background:#f2f2f2; border:1px solid #d3d3d3; border-radius:0; } ul.ui-autocomplete.ui-widget-content.autocomplete-cidade .ui-menu-item, ul.ui-autocomplete.ui-widget-content.autocomplete-logradouro .ui-menu-item { border-bottom:1px solid #e4e4e4; height:49px; } ul.ui-autocomplete.ui-widget-content.autocomplete-cidade .ui-menu-item:hover, ul.ui-autocomplete.ui-widget-content.autocomplete-logradouro .ui-menu-item:hover { background-color:#fff; } ul.ui-autocomplete.ui-widget-content.autocomplete-cidade .ui-menu-item a, ul.ui-autocomplete.ui-widget-content.autocomplete-logradouro .ui-menu-item a { border:none; border-radius:0; line-height:45px; font-size:12px; color:#696969; } ul.ui-autocomplete.ui-widget-content.autocomplete-cidade .ui-menu-item a.ui-state-hover, ul.ui-autocomplete.ui-widget-content.autocomplete-logradouro .ui-menu-item a.ui-state-hover, ul.ui-autocomplete.ui-widget-content.autocomplete-cidade .ui-menu-item a.ui-state-active, ul.ui-autocomplete.ui-widget-content.autocomplete-logradouro .ui-menu-item a.ui-state-active { margin:0; background-color:transparent; color:#d52b1e; cursor:pointer; } /* Auto complete da Busca */ .ui-autocomplete.ui-menu { width:330px; background-color:#fff; padding:0; border-radius:0 0 3px 3px; border-top:none; z-index:1000000 !important; } .ui-autocomplete.ui-menu .ui-menu-item { border-bottom:1px solid #e4e4e4;} .ui-autocomplete.ui-menu .ui-menu-item:last-child { border-bottom:0; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all { display:block; float:left; width:310px; padding:10px; font-family:arial; font-size:12px; color:#848586; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all.ui-state-hover { border:none; border-radius:0; margin:0; background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #f3f3f3 0%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(0%,#f3f3f3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafafa 0%,#f3f3f3 0%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ cursor:pointer; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all img { float:left; width:70px; height:40px; } .ui-autocomplete.ui-menu .ui-menu-item .ui-corner-all .highlight-autosuggest { font-weight:bold; color:#000; } .responsive-menu .submenuAtendimento .last, .responsive-menu .submenuCelular .last ul .last, .responsive-menu .submenuInternet .last ul .last{ display: none; } #zone-menu .grid-12.region.region-menu{ float: left !important; width: 44%!important} #section-header.menuWeb #zone-menu .grid-12.region.region-menu-right{float: right !important; width: 56%!important; position:relative !important;} #section-header.menuMobile #zone-menu .grid-12.region.region-menu-right{ display: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner .menu li{ margin-right: 25px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner .menu li:hover{ border-bottom: 5px solid #a52016 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li.last:hover{ border: none !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner .menu li.tv{ margin-right: 0!important} #section-header.menuWeb #zone-menu-wrapper .region-inner .menu.submenuInternet li, #section-header.menuWeb #zone-menu-wrapper .region-inner .menu.submenuCelular li, #section-header.menuWeb #zone-menu-wrapper .region-inner .menu.submenuAtendimento li{ margin-right: 0 !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner .menu.submenuInternet li{ width: 100% !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner .menu.submenuAtendimento li{ width: 100% !important;} /*Animação menu*/ /** headroom.js animated styles **/ .slide{ -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; } .slide--reset{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); } .slide--up{ -webkit-transform:translateY(-130%); -ms-transform:translateY(-130%); transform:translateY(-130%); } .animated{ -webkit-animation-duration:.5s; -moz-animation-duration:.5s; -o-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; } @-webkit-keyframes slideDown{ 0%{ -webkit-transform:translateY(-130%)} 100%{-webkit-transform:translateY(0)} } @-moz-keyframes slideDown{ 0%{-moz-transform:translateY(-130%)} 100%{-moz-transform:translateY(0)} } @-o-keyframes slideDown{ 0%{-o-transform:translateY(-130%)} 100%{-o-transform:translateY(0)} } @keyframes slideDown{ 0%{transform:translateY(-130%)} 100%{transform:translateY(0)} } .animated.slideDown{ -webkit-animation-name:slideDown; -moz-animation-name:slideDown; -o-animation-name:slideDown; animation-name:slideDown; } @-webkit-keyframes slideUp{ 0%{-webkit-transform:translateY(0)} 100%{-webkit-transform:translateY(-130%)} } @-moz-keyframes slideUp{ 0%{-moz-transform:translateY(0)} 100%{-moz-transform:translateY(-130%)} } @-o-keyframes slideUp{ 0%{-o-transform:translateY(0)} 100%{-o-transform:translateY(-130%)} } @keyframes slideUp{ 0%{transform:translateY(0)} 100%{transform:translateY(-130%)} } .animated.slideUp{ -webkit-animation-name:slideUp; -moz-animation-name:slideUp; -o-animation-name:slideUp; animation-name:slideUp; } @-webkit-keyframes swingInX{ 0%{-webkit-transform:perspective(400px) rotateX(-90deg)} 100%{-webkit-transform:perspective(400px) rotateX(0deg)} } @-moz-keyframes swingInX{ 0%{-moz-transform:perspective(400px) rotateX(-90deg)} 100%{-moz-transform:perspective(400px) rotateX(0deg)} } @-o-keyframes swingInX{ 0%{-o-transform:perspective(400px) rotateX(-90deg)} 100%{-o-transform:perspective(400px) rotateX(0deg)} } @keyframes swingInX{ 0%{transform:perspective(400px) rotateX(-90deg)} 100%{transform:perspective(400px) rotateX(0deg)} } .animated.swingInX{ -webkit-transform-origin: top; -moz-transform-origin: top; -ie-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-backface-visibility:visible !important; -webkit-animation-name: swingInX; -moz-backface-visibility: visible !important; -moz-animation-name: swingInX; -o-backface-visibility: visible !important; -o-animation-name: swingInX; backface-visibility:visible !important; animation-name: swingInX; } @-webkit-keyframes swingOutX{ 0%{-webkit-transform:perspective(400px) rotateX(0deg)} 100%{-webkit-transform:perspective(400px) rotateX(-90deg)} } @-moz-keyframes swingOutX{ 0%{-moz-transform:perspective(400px) rotateX(0deg)} 100%{-moz-transform:perspective(400px) rotateX(-90deg)} } @-o-keyframes swingOutX{ 0%{-o-transform:perspective(400px) rotateX(0deg)} 100%{-o-transform:perspective(400px) rotateX(-90deg)} } @keyframes swingOutX{ 0%{transform:perspective(400px) rotateX(0deg)} 100%{transform:perspective(400px) rotateX(-90deg)} } .animated.swingOutX{ -webkit-transform-origin: top; -webkit-animation-name: swingOutX; -webkit-backface-visibility:visible !important; -moz-animation-name: swingOutX; -moz-backface-visibility:visible !important; -o-animation-name: swingOutX; -o-backface-visibility: visible !important; animation-name: swingOutX; backface-visibility:visible !important} @-webkit-keyframes flipInX{ 0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0} 100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1} } @-moz-keyframes flipInX{ 0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0} 100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1} } @-o-keyframes flipInX{ 0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0} 100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1} } @keyframes flipInX{ 0%{transform:perspective(400px) rotateX(90deg);opacity:0} 100%{transform:perspective(400px) rotateX(0deg);opacity:1} } .animated.flipInX{ -webkit-backface-visibility:visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX{ 0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1} 100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0} } @-moz-keyframes flipOutX{ 0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1} 100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0} } @-o-keyframes flipOutX{ 0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1} 100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0} } @keyframes flipOutX{ 0%{transform:perspective(400px) rotateX(0deg);opacity:1} 100%{transform:perspective(400px) rotateX(90deg);opacity:0} } .animated.flipOutX{ -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}} @-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-200px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}} @-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-200px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}} @keyframes bounceInDown{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}} .animated.bounceInDown{ -webkit-animation-name:bounceInDown; -moz-animation-name:bounceInDown; -o-animation-name:bounceInDown; animation-name:bounceInDown; } @-webkit-keyframes bounceOutUp{ 0%{-webkit-transform:translateY(0)} 30%{opacity:1;-webkit-transform:translateY(20px)} 100%{opacity:0;-webkit-transform:translateY(-200px)} } @-moz-keyframes bounceOutUp{ 0%{-moz-transform:translateY(0)} 30%{opacity:1;-moz-transform:translateY(20px)} 100%{opacity:0;-moz-transform:translateY(-200px)} } @-o-keyframes bounceOutUp{ 0%{-o-transform:translateY(0)} 30%{opacity:1;-o-transform:translateY(20px)} 100%{opacity:0;-o-transform:translateY(-200px)} } @keyframes bounceOutUp{ 0%{transform:translateY(0)} 30%{opacity:1;transform:translateY(20px)} 100%{opacity:0;transform:translateY(-200px)} } .animated.bounceOutUp{ -webkit-animation-name:bounceOutUp; -moz-animation-name:bounceOutUp; -o-animation-name:bounceOutUp; animation-name:bounceOutUp; } @media screen and (max-width: 980px){ #section-header.menuWeb #zone-menu-wrapper .region-inner .menu li{ margin-right: 10px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li a{ font-size: 15px !important;} #section-header.menuWeb #zone-menu-wrapper .region-inner li a{ font-size: 15px !important;} #section-header.menuWeb .block-views-exp-search-full-page .content input[type="text"]{ width: 140px !important;} #block-views-exp-search-full-page{width: 220px !important;} } @media screen and (min-width: 1050px){ #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.li-loja-online a { background: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/ico_loja_online.png) 10px 7px no-repeat !important; padding-left: 0 !important;} } @media screen and (min-width: 1051px) and (max-width: 1069px) { body #section-header.menuWeb #zone-menu-wrapper .region-inner .menu li{ margin-right: 15px !important; } } @media screen and (min-width: 981px) and (max-width: 1049px) { #zone-menu .grid-12.region.region-menu{ width: 40% !important; } #section-header.menuWeb #zone-menu .grid-12.region.region-menu-right{ width: 60% !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner .menu li{ margin-right: 10px !important; } body #section-header.menuWeb #block-menu-menu-header-cabecalho li{ font-size: 11px !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li.expanded > ul.menu{ width: 251% !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento{ width: 169% !important; left: -69% !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuAtendimento > li.expanded{ width: 24.8% !important; } #section-header.menuWeb #zone-menu-wrapper .region-inner #block-menu-menu-header-claro .menu li ul.menu.submenuMinhaClaro{ width: 170% !important; left: -67% !important; } } .active-menu-responsivo #section-header.menuMobile #zone-menu-wrapper{ display: none !important; left: 0px !important; overflow-x: hidden !important;} .active-menu-responsivo #section-header #zone-user-wrapper{z-index: 99 !important;} .active-menu-responsivo #zone-user-wrapper{ display: block !important;} .active-menu-responsivo #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.li-loja-online, .active-menu-responsivo #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro li.first.li-loja-online > a{ color:#fff !important; text-align: right !important; width:77px !important;} .active-menu-responsivo #section-header #zone-menu-wrapper .region-inner #block-menu-menu-header-claro {float: left !important; height: auto !important; margin: 0 !important; width: auto !important;} .active-menu-responsivo #section-header .open-main-menu{ display: block !important; width: 121px !important; border: none !important; cursor: pointer !important; height: 40px !important; float: left !important; background-size: cover !important ; background-position: center center !important; background-image: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/logoMobile.jpg) !important; margin:10px 0 0 -20px !important; z-index: 9999!important; position: relative !important;} .active-menu-responsivo #section-header .logo-img{ display: none !important; width: 121px !important; cursor: pointer !important; height: 40px !important; float: left !important; background-size: cover !important ; background-position: center center !important; background-image: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/logoMobile.jpg) !important; margin:10px 0 0 -20px !important; z-index: 9999!important; position: relative !important;} .active-menu-responsivo #section-header .logo-img img{ display: none !important;} .active-menu-responsivo .page #section-header #zone-branding-wrapper{ height: 50px !important; padding-top: 5px !important} .active-menu-responsivo #zone-branding-wrapper .site-name-slogan{ display: none !important;} .active-menu-responsivo #zone-search-wrapper{ display: none !important; background: #d52b1e !important; width: 100% !important; padding: 10px !important; z-index: -1 !important; position: relative !important; top: -120px !important; -webkit-transition: all 0.8s !important; -o-transition: all 0.8s !important; transition: all 0.8s !important; } .active-menu-responsivo #zone-search-wrapper.openSearch{ top: 0 !important; display: block !important; } .active-menu-responsivo #section-header.menuMobile .views-widget-filter-search_api_multi_fulltext{ width: 80% !important; float: left !important; } .active-menu-responsivo #section-header.menuMobile .views-submit-button{ width: 20% !important; float: left !important; } .scroll-hidden-mobile{ overflow: hidden !important; height: 100% !important; } .active-menu-responsivo #zone-search-wrapper .form-type-textfield input{ background: #fff !important; border: none !important; border-radius: 20px 0px 0 20px !important; height: 30px !important; padding: 5px 10px !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; width: 100% !important; } .active-menu-responsivo #zone-search-wrapper #edit-submit-search-full{ background: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/btn_search@2x.png) no-repeat left -4px !important; -webkit-background-size: 50px !important; background-size: 50px !important; width: 47px !important; height: 41px !important; border: none !important; margin: -1px 0 0 0 !important; overflow: hidden !important; text-indent: -999em !important; } .active-menu-responsivo #zone-search-wrapper label, .active-menu-responsivo #zone-search-wrapper select{ display: none !important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper{ position: fixed !important; display: block !important; -webkit-animation: slide 0.5s forwards; -webkit-animation-delay: 2s; animation: slide 0.5s forwards; animation-delay: 2s; top: 60px !important; -webkit-transition: transform 0.8s ease-in-out!important; -o-transition: transform 0.8s ease-in-out !important; transition: transform 0.8s ease-in-out!important; left: -290px !important; width: 290px !important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper .localidade-mobile{ background: #333333 !important; height: 60px !important; padding: 20px !important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper .localidade-mobile a{ text-decoration: none !important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper .localidade-mobile span{ display: block !important; font-family: 'Arial', sans-serif !important; font-weight: bold !important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper .localidade-mobile .m-alterar-localidade{ color: #9a9a9a !important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper .localidade-mobile .m-lojas-em{ color: #fff !important; margin: 0 0 30px 0 !important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper .localidade-mobile .m-lojas-em:before { width: 30px; height: 30px; position: absolute; right: 5px; top: 7px; content: ''; background-image: url(/sites/all/modules/custom/claro_widget/claro_widget_header/img/sprite.png); background-position: -134px -910px; } .active-menu-responsivo #section-header.menuMobile #zone-menu-wrapper #zone-menu .grid-12.region.region-menu { float: none !important; width: 100%!important; } .active-menu-responsivo #header #section-header.menuMobile #zone-menu-wrapper.openMenu{ position: relative !important; display: block !important; -webkit-animation: slide 0.5s forwards; -webkit-animation-delay: 2s; animation: slide 0.5s forwards; animation-delay: 2s; top: 0 !important; transform: translate3d(290px, 0px, 0px); -webkit-transform : translate3d(290px, 0px, 0px); -ms-transform : translate3d(290px, 0px, 0px); } .active-menu-responsivo #section-header.menuMobile #zone-menu-wrapper.openMenu #zone-menu .grid-12.region.region-menu { float: none !important; width: 100%!important; } .active-menu-responsivo #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form #edit-email-map, .active-menu-responsivo #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form #edit-print-map, .active-menu-responsivo #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form #edit-submit{ display: none !important; } .active-menu-responsivo #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form #edit-endereco { width: 80% !important; height: auto !important; padding: 7px !important; border-radius: 4px !important; line-height: 15px !important; font-family: arial !important; font-size: 14px !important; color: #545454 !important; background: #fff; } .active-menu-responsivo #header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper form#busca-lojas-form .form-item{ margin: 17px 0 0 20px !important; } .active-menu-responsivo #section-header.menuMobile #map_canvas { width: 100% !important; height: 320px !important; } .active-menu-responsivo #section-header.menuMobile #edit-btn-tipos-lojas-mapas{ display: none; } .active-menu-responsivo #section-header #block-claro-tweaks-claro-mapas-mapa .barra-superior-mapa .barra-superior-mapa-wrapper .auxiliar a.fechar{ position: absolute; right: 15px; } .active-menu-responsivo #section-header.menuMobile #region-user-second{ display: none; } .active-menu-responsivo #section-header .menuMobile menu.open-submenu{ display: block!important; } .active-menu-responsivo #section-header.menuMobile .submenuCelular ul.open-submenu, .active-menu-responsivo #section-header.menuMobile .submenuFixo ul.open-submenu, .active-menu-responsivo #section-header.menuMobile .submenuInternet ul.open-submenu, .active-menu-responsivo #section-header.menuMobile .submenuTv ul.open-submenu, .active-menu-responsivo #section-header.menuMobile .submenuAtendimento ul.open-submenu, .active-menu-responsivo #section-header.menuMobile .submenuClaroClube ul.open-submenu, .active-menu-responsivo #section-header.menuMobile .submenuMinhaClaro ul.open-submenu, .active-menu-responsivo #section-header.menuMobile .li-minha-claro ul.open-submenu{ display: block !important; } .active-menu-responsivo #section-header.menuMobile .submenuCelular ul, .active-menu-responsivo #section-header.menuMobile .submenuFixo ul, .active-menu-responsivo #section-header.menuMobile .submenuInternet ul, .active-menu-responsivo #section-header.menuMobile .submenuTv ul, .active-menu-responsivo #section-header.menuMobile .submenuAtendimento ul, .active-menu-responsivo #section-header.menuMobile .submenuClaroClube ul, .active-menu-responsivo #section-header.menuMobile .submenuMinhaClaro ul, .active-menu-responsivo #section-header.menuMobile .li-minha-claro ul{ display: none !important; } .active-menu-responsivo #section-header.menuMobile .leaf.fixo{ height: 45px !important; } .active-menu-responsivo #section-header.menuMobile #zone-menu-wrapper .region-inner .content > .menu > li > a{ font-weight: bold !important; font-size: 16px !important; background: #d7d7d7 !important; border-top: 1px solid #E4E4E4 !important; height: 30px !important; padding: 15px 0 0 20px !important; } .active-menu-responsivo #section-header.menuMobile #zone-menu-wrapper .region-inner li.expanded .menu a{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size: 12px !important; height: 30px !important; padding: 15px 0 0 20px !important; } .active-menu-responsivo #section-header.menuMobile #zone-menu-wrapper .region-inner .content > .menu > li.expanded > a{ border-bottom: none !important; } .active-menu-responsivo #section-header.menuMobile li.expanded > span{ border-bottom: none !important; height: 30px !important; padding: 15px 0 0 20px !important; } .active-menu-responsivo #section-header.menuMobile li.expanded.nolink>span:after{ content: ' ' !important; display: block !important; width: 14px !important; height: 14px !important; background: url('/sites/all/modules/custom/claro_widget/claro_widget_header/img/icon_plus@2x.png') !important; background-size: 14px !important; float: right !important; margin: 0px 20px 0 0 !important; } .active-menu-responsivo #section-header.menuMobile li.expanded.nolink > span.close-submenu:after{ content: ' ' !important; display: block !important; width: 14px !important; height: 14px !important; background: url('/sites/all/modules/custom/claro_widget/claro_widget_header/img/icon_minus@2x.png') !important; background-size: 14px !important; float: right !important; margin: 0px 20px 0 0 !important; } .active-menu-responsivo #section-header.menuMobile #zone-menu-wrapper .region-inner #block-menu-menu-header-principal .menu li ul.menu li.expanded ul.menu li a.bottom, .active-menu-responsivo #header #section-header.menuMobile li.expanded.nolink .mais-opcoes{ display: none !important; } .active-menu-responsivo #haader #section-header.menuMobile #zone-menu-wrapper .region-inner li a{ background: #d7d7d7 !important; font-family: 'din', sans-serif !important; font-weight: bold !important; } .active-menu-responsivo .overlay-menu { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.89); top: 0; right: 0; z-index: 890; display: none; opacity: 0; }