/*CAMBIOS DIEGO QUE NO ESTAN EBN LUNA< FAVOR MUDAR A OTRO SITIO*/ /*ESTA PROPIEDAD DE CALSE DE FASE ES PARA QUE SE PRESENTE COMO BLOCK Y MARGEN 0*/ body { margin:auto !important; position:relative !important; width:100% !important; } .aya-main-form{ margin:auto !important; position:relative !important; width:100% !important; } #aya-form-wrapper{ width:100%; } html { z-index:auto; } .fb_iframe_widget{ display:block !important; } .nightandday .s4-ca{ min-height:0px; } /* web part tool pane */ .ms-ToolPaneOuter { position:fixed; bottom:30px; right:0; z-index:400000; } .ms-ToolPaneBody { max-height:100%; } #MSOTlPn_ToolPaneCaption { cursor:move; } /* end web part tool pane */ /*CAMBIOS DIEGO QUE NO ESTAN EBN LUNA< FAVOR MUDAR A OTRO SITIO*/ .s4-search .srch-gosearchimg{ border-style: none !important; border-color: inherit !important; border-width: 0px !important; background-position: 0% 0%; background-color:transparent !important; width:22px; height:22px; background-repeat: repeat !important; background-attachment: scroll !important; } td.ms-sbgo img{ } .s4-wpTopTable{ display:block !important; border:0px !important; border-style:none !important; border-width:0px !important; } #aya-search-btn{ -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } #ctl00_PlaceHolderSearchArea_ctl01_S3031AEBB_InputKeywords{ -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; background-color:#5091CD; border:0px !important; background-image:none; color:#fff; padding-left:8px !important; padding-top:2px; padding-bottom:2px; } .ms-sbtable{ border:0px !important; } .nightandday .s4-search TD.ms-sbgo{ padding-left: 4px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } #ctl00_PlaceHolderSearchArea_ctl01_S3031AEBB_go{ -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } /*HOLA GERAdos*/ #aya-solution-02{ margin:0px; } #aya-photo-gallery-iframe{ margin: 0px !important; padding: 0px !important; border: 0px !important; } .aya-iframe-websolution{ width:100%; margin: 0px; padding: 0px; border: 0px; } #aya-fb-like-share-wrapper{ position:absolute; width:150px; overflow:hidden; margin-left:-23px; margin-top:10px; } /* CELESTE #5091CD; AZUL #00539B GREEN #00A160*/ .clearedBoth{ clear:both; } /*ESTAS DOS DE ABAJO SON PARA EL TEMA DEL IFRAME DE EL MAPA, NO SON NECESARIAS*/ #mapBody{ width:100%; height:100%; margin:0px; } #mapBodyHtml{ width:100%; height:100%; margin:0px; } html { /*overflow-x: scroll;*/ overflow-x:hidden; overflow-y:scroll; } p { margin-top: 0em; margin-bottom: 0.5em; } h3{ font-weight:bold; color:#5091CD; } /*@-ms-viewport { width:device-width; zoom:1.0;}*/ @-ms-viewport{ width: auto !important; } @-ms-viewport{ height: auto !important; } /*TODA LA SIGUIENTE SECCION ES PARA REVISAR CASO POR CASO*/ #aya-geo-div{ color:white; font-size:10px; position:absolute; margin-top:10px; margin-left:10px; z-index:6; } /*ESTO ES LO EXTA:O DE LOS PERRIRO*/ /**/ #aya-search-btn{ margin-top:13px; margin-left:715px; position:absolute; } /*320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-3320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-3320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-3320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320- 320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-320-*/ @media (min-width: 0px){ /*CONTENEDORES GENERALES DE LA RESOLUCION 320*/ #aya-fb-like-share-wrapper{ position:absolute; width:147px; overflow:hidden; margin-left:-300px; margin-top:180px; position:absolute; width:147px; overflow:hidden; margin-left:0px; margin-top:180px; } .ribbonbackground{ background-color:#5091CD !important; background-image:url('') !important; overflow:hidden; } #s4-workspace{ width:auto !important; height:auto !important; margin-bottom:0px !important; } .s4-pr{ width:auto !important; height:auto !important; } body{ font-family:Arial, Helvetica, sans-serif !important; background-color:#00539B !important; /*background: #000 url('/images/aya_1920_1080_bg_blur.jpg') no-repeat fixed center;*/ background-image:url('/images/aya_1920_1080_bg_blur.jpg'); background-attachment:fixed; } #bg-animation{ width:100%; height:100%; background-image:url('/images/aya_1920_1080_bg_blur.jpg'); margin:auto; overflow:hidden; z-index:-1; position:fixed; display:none; } #aya-resolution-splash{ width:100%; height:100%; position:absolute; z-index:1000; background-color:#00539B; } #body-aya-container{ margin:auto; width:320px; overflow:hidden; } /*CONTENEDORES GENERALES DE LA RESOLUCION 320*/ /*ESTO ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ #aya-sharepoint-user-wrapper{ background-color:#5091CD; height:100px; margin-top:-100px; position:relative; } #aya-close-user-panel-btn-wrapper{ display:block; margin-top:55px; margin-left:17px; position:absolute; z-index:0; } /*ESTO DE ARRIBA ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ /*ESTE ES EL RIBBON SUPERIOR, EL QUE CONTIENE EL HOME BUTTON*/ #ayatop-ribbon{ width:100%; height:50px; background-color:#00539B; z-index:3; } #cleaner{ clear:both; } #aya-home-btn-wrapper{ width:36px; height:32px; margin-left:5px; margin-top:8px; float:left; cursor:pointer; } #aya-home-btn-icon{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn.svg'),none;*/ background-image:url('/images/aya_logo1.svg'), none; background-repeat:no-repeat; } #aya-home-btn-icon-hover{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn_hover.svg'), none;*/ background-image:url('/images/aya_logo1.svg'), none; background-repeat:no-repeat; } #aya-search-btn .s4-search input.ms-sbplain{ width:234px !important; font-family:Arial, Helvetica, sans-serif !important; font-size:10px; } #aya-search-btn{ margin-top:21px; margin-left:43px; position:absolute; } #aya-name{ color:#fff; font-size:11px; margin-top:5px; margin-left:44px; position:absolute; } #aya-face-btn{ width:36px; height:32px; margin-top:9px; margin-left:240px; background-image:url('/images/face_icon.svg'), none; background-repeat:no-repeat; cursor:pointer; position:absolute; display:none; } #aya-twitter-btn{ width:36px; height:32px; margin-top:9px; margin-left:278px; background-image:url('/images/twitter_icon.svg'), none; background-repeat:no-repeat; cursor:pointer; position:absolute; display:none; } /*TERMINA EL RIBBON SUPERIOR*/ /*MENU PRINCIPAL*/ #aya-main-menu-container{ width:320px; height:207px; overflow:hidden; color:#fff; } #aya-main-menu-animation-wrapper{ width:320px; height:207px; position:absolute; margin-top:-500px; overflow:hidden; } #aya-main-menu-container-bg{ width:1920px; min-height:207px; position:absolute; z-index:-1; } #aya-main-menu-splash{ width:320px; height:207px; background-color:#00539B; position:absolute; opacity:0.87; display:none; } .aya-loading-icon{ width:54px; height:54px; margin-left:-27px; left:50%; position:absolute; top:120px; background-image:url('/images/aya_loading_icon.gif'); /*background-image:url('/images/aya_loading_icon.svg'), none;*/ } .aya-loading-text{ width:300px; height:20px; margin:auto; margin-left:-150px; left:50%; position:absolute; top:180px; color:#fff; text-align:center; } #aya-logo { width:73px; height:61px; /*background-image:url('/images/aya_logo_320.svg'), none;*/ background-image:url('/images/aya_logo1.svg'), none; float:left; margin-top:10px; margin-left:10px; background-repeat:no-repeat; cursor:pointer; display:none; } #aya-main-menu-consulte-su-recibo-btn-wrapper{ width:67px; height:62px; float:left; margin-top:10px; margin-left:5px; cursor:pointer; } #aya-main-menu-consulte-su-recibo-btn-icon{ width:67px; height:47px; background-image:url('/images/consulte_su_recibo_icon_320.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-icon-hover{ width:67px; height:47px; background-image:url('/images/consulte_su_recibo_icon_hover_320.svg'), none; position:absolute; z-index:-1; background-repeat:no-repeat; } #aya-main-menu-contrataciones-btn-wrapper{ width:68px; height:62px; float:left; margin-top:10px; margin-left:5px; cursor:pointer; } #aya-main-menu-contrataciones-btn-icon{ width:58px; height:47px; background-image:url('/images/contrataciones_icon_320.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-contrataciones-btn-icon-hover{ width:58px; height:47px; background-image:url('/images/contrataciones_icon_hover_320.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:5px; } #aya-main-menu-puntos-de-atencion-btn-wrapper{ width:67px; height:62px; float:left; margin-top:10px; margin-left:5px; cursor:pointer; } #aya-main-menu-puntos-de-atencion-btn-icon{ width:67px; height:47px; background-image:url('/images/puntos_de_atencion_icon_320.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-icon-hover{ width:67px; height:47px; background-image:url('/images/puntos_de_atencion_icon_hover_320.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; } #aya-main-menu-reporte-de-averias-btn-wrapper{ width:61px; height:62px; float:left; margin-top:18px; margin-left:2px; cursor:pointer; } #aya-main-menu-reporte-de-averias-btn-icon{ width:61px; height:47px; background-image:url('/images/reporte_de_averias_icon_320.svg'), none; background-repeat:no-repeat; } #aya-main-menu-reporte-de-averias-btn-icon-hover{ width:61px; height:47px; background-image:url('/images/reporte_de_averias_icon_hover_320.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; } #aya-main-menu-directorio-interno-btn-wrapper{ width:61px; height:62px; float:left; margin-top:18px; margin-left:1px; cursor:pointer; } #aya-main-menu-directorio-interno-btn-icon{ width:61px; height:47px; background-image:url('/images/directorio_interno_icon_320.svg'), none; background-repeat:no-repeat; } #aya-main-menu-directorio-interno-btn-icon-hover{ width:61px; height:47px; background-image:url('/images/directorio_interno_icon_hover_320.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; } #aya-main-menu-mensajeria-btn-wrapper{ width:62px; height:62px; float:left; margin-top:18px; margin-left:1px; cursor:pointer; } #aya-main-menu-mensajeria-btn-icon{ width:36px; height:47px; background-image:url('/images/mensajeria_icon_320.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-mensajeria-btn-icon-hover{ width:36px; height:47px; background-image:url('/images/mensajeria_icon_hover_320.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:13px; } #aya-main-menu-cooperacion-internacional-btn-wrapper{ width:61px; height:62px; float:left; margin-top:18px; margin-left:1px; cursor:pointer; } #aya-main-menu-cooperacion-internacional-btn-icon{ width:61px; height:47px; background-image:url('/images/colaboracion_internacional_icon_320.svg'), none; background-repeat:no-repeat; } #aya-main-menu-cooperacion-internacional-btn-icon-hover{ width:61px; height:47px; background-image:url('/images/colaboracion_internacional_icon_hover_320.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; } #aya-main-menu-place-holder-btn-wrapper{ width:61px; height:62px; float:left; margin-top:18px; margin-left:1px; cursor:pointer; } #aya-main-menu-place-holder-btn-icon{ width:61px; height:47px; background-image:url('/images/place_holder_icon_320.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-place-holder-btn-icon-hover{ width:61px; height:47px; background-image:url('/images/place_holder_icon_hover_320.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; } #aya-main-menu-place-holder-btn-text{ width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } /***************************************************************/ #aya-main-menu-transpariencia-btn-wrapper{ width:61px; height:62px; float:left; margin-top:18px; margin-left:1px; cursor:pointer; } #aya-main-menu-transpariencia-btn-icon{ width:61px; height:47px; background-image:url('/images/transpariencia_azul_320.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-transpariencia-btn-icon-hover{ width:61px; height:47px; background-image:url('/images/transpariencia_verde_320.png'), none; background-repeat:no-repeat; position:absolute; z-index:-1; } #aya-main-menu-transpariencia-btn-text{ width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } /***************************************************************/ #aya-main-menu-cooperacion-internacional-btn-text{ width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } #aya-main-menu-mensajeria-btn-text{ width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } #aya-main-menu-directorio-interno-btn-text { width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } #aya-main-menu-reporte-de-averias-btn-text { width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-text { width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } #aya-main-menu-contrataciones-btn-text { width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-text { width:61px; height:12px; text-align:center; color:#00539B; font-size:10px; margin:auto; } /*FINAL DE MENU PRINCIPAL*/ /*EL TAGLINE DEL AGUA ES VIDA*/ #aya-el-agua-es-vida{ position:absolute; margin-top:178px; margin-left:150px; font-size:10px; font-weight:normal; } #aya-gobierno{ position:absolute; margin-top:190px; margin-left:154px; font-size:8px; font-weight:normal; } #aya-bandera{ width:19px; height:15px; position:absolute; margin-top:181px; margin-left:298px; background-image:url('/images/aya_bandera_320.png'); background-repeat:no-repeat; overflow:hidden; } /*TERMINA EL TAGLINE DEL AGUA ES VIDA*/ /*COMIENZA NOTICIAS 320*/ #aya-news-container{ width:320px; height:130px; background-image:url('/images/aya_news_bg.jpg'); position:relative; } /*COMIENZA NOTICIAS 320*/ /*COMIENZA ALIADOS 320*/ #aya-aliados-container{ width:320px; /*height:97px;*/ height:175px; background-color:#fff; position:relative; } #aya-aliados-wrapper{ /*width:320px;*/ width:280px; height:70px; margin:auto; } .contenedor4 { display: inline-block; } #aya-800-reporte{ width:95px; height:36px; background-image:url('/images/logo_800_320.svg'), none; background-repeat:no-repeat; float:left; position:relative; margin-left:20px; margin-top:10px; } #aya-red-de-transparencia-btn{ width:85px; height:36px; background-image:url('/images/logo_transparencia_320.svg'), none; background-repeat:no-repeat; float:left; position:relative; margin-left:5px; margin-top:10px; } #aya-meic-btn{ width:82px; height:35px; background-image:url('/images/logo_meic_320.svg'), none; background-repeat:no-repeat; float:left; position:relative; margin-left:26px; margin-top:10px; } #aya-gobierno-digital-btn{ width:105px; height:35px; background-image:url('/images/logo_digital_320.svg'), none; background-repeat:no-repeat; float:left; position:relative; margin-left:56px; margin-top:5px; } #aya-cnfl-btn{ /*width:122px;*/ width:96px; height:48px; background-image:url('/images/logo_cnfl_320.png'); background-repeat:no-repeat; position:relative; float:left; /*margin-left:0px; margin-top:4px; */ margin-left:-82px; margin-top:23px; } #aya-comment{ width:126px; height:70px; background-image:url('/images/comment1.svg'), none; background-repeat:no-repeat; float:left; position:relative; margin-left:30px; margin-top:10px; } /*#aya-buzon-wrapper{ width:61px; height:62px; position:absolute; margin-left:256px; margin-top:6px; color:#00539B; font-size:10px; text-align:center; }*/ /*#aya-buzon{ width:61px; height:47px; background-image:url('/images/sugerencias_320.png'); background-image:url('/images/sugerencias_320.svg'), none; background-repeat:no-repeat; position:relative; cursor:pointer; } #aya-buzon-hover{ width:61px; height:47px; background-image:url('/images/sugerencias_320_hover.png'); background-image:url('/images/sugerencias_320_hover.svg'), none; background-repeat:no-repeat; position:absolute; cursor:pointer; }*/ /*TERMINA ALIADOS 320*/ /*COMIENZA FOOTER 320*/ #aya-footer-container{ width:320px; height:125px; background-color:#00539B; position:relative; } #aya-user-login-btn{ width:69px; height:60px; margin-top:10px; margin-left:34px; float:right; cursor:pointer; position:absolute; } #aya-user-encuesta-btn{ width:69px; height:60px; margin-top:6px; margin-left:34px; float:right; cursor:pointer; position:absolute; } #aya-email-interno-btn{ width:69px; height:70px; margin-top:12px; margin-left:123px; cursor:pointer; position:absolute; } #aya-buzon-sugerencias-btn{ width:69px; height:70px; margin-top:12px; margin-left:220px; cursor:pointer; position:absolute; } #aya-buzon-sugerencias-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/sugerencias.png'); } #aya-intranet-btn{ width:69px; height:70px; margin-top:10px; margin-left:215px; cursor:pointer; position:absolute; display:none; } #aya-user-login-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/user_login_icon.svg'); background-repeat:no-repeat; } #aya-user-login-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/user_login_icon_hover.svg'); background-repeat:no-repeat; } /*olde*/ #aya-user-encuesta-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/survey_icon.svg'); background-repeat:no-repeat; } #aya-user-encuesta-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/survey_icon_hover.svg'); background-repeat:no-repeat; } /*olde*/ #aya-email-interno-icon{ background-image:url('/images/email_interno_icon.svg'); background-repeat:no-repeat; width:69px; height:45px; position:relative; z-index:2; } #aya-intranet-icon{ background-image:url('/images/intranet_icon.svg'); background-repeat:no-repeat; width:69px; height:45px; position:relative; z-index:2; } #aya-email-interno-icon-hover{ background-image:url('/images/email_interno_icon_hover.svg'); background-repeat:no-repeat; width:69px; height:45px; position:absolute; z-index:1; } #aya-buzon-sugerencias-icon-hover{ background-image:url('/images/sugerencias_hover.png'); background-repeat:no-repeat; width:69px; height:45px; position:absolute; z-index:1; } #aya-intranet-icon-hover{ background-image:url('/images/intranet_icon_hover.svg'); background-repeat:no-repeat; width:69px; height:45px; position:absolute; z-index:1; } #aya-intranet-text, #aya-user-login-text, #aya-email-interno-text, #aya-buzon-sugerencias-text{ color:#5091CD; margin-top:50px; margin:auto; text-align:center; width:69px; } #aya-politica-line{ margin-top:85px; color:#fff; float:left; margin-left:5px; width:300px; text-align:center; font-size:11px; } #aya-legal-line{ margin-top:85px; color:#fff; float:left; margin-left:5px; width:300px; text-align:center; font-size:11px; } /*TERMINA EL FOOTER*/ /*FINAL GREEN LINE 320*/ #aya-green-line{ width:320px; height:10px; float:left; background-color:#00A160; } /*TERMINA GREEN LINE 320*/ } /*TERMINA EL CSS PARA LA RESOLUCION DE 320*/ /*480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480- 480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-480-*/ @media (min-width: 480px){ #aya-fb-like-share-wrapper{ position:absolute; width:150px; overflow:hidden; margin-left:5px; margin-top:250px; } /*CONTENEDORES GENERALES DE LA RESOLUCION 480*/ body{ font-family:Arial, Helvetica, sans-serif !important; font-size:10px !important; background-color:#00539B !important; } #bg-animation{ width:100%; height:120%; /*background-image:url('/images/aya_1920_1080_bg_blur.jpg');*/ margin:auto; overflow:hidden; position:fixed; z-index:-1; } #aya-resolution-splash{ width:100%; height:100%; position:absolute; z-index:1000; background-color:#00539B; } #body-aya-container{ margin:auto; width:480px; overflow:hidden; } /*TERMINAN CONTENEDORES GENERALES DE LA RESOLUCION 480*/ /*ESTO ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ #aya-close-user-panel-btn-wrapper{ display:block; margin-top:55px; margin-left:17px; } /*ESTO DE ARRIBA ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ /*ESTE ES EL RIBBON SUPERIOR, EL QUE CONTIENE EL HOME BUTTON*/ #aya-home-btn-wrapper{ width:36px; height:32px; margin-left:10px; margin-top:16px; float:left; cursor:pointer; } #aya-home-btn-icon{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn.svg');*/ background-image:url('/images/aya_logo1.svg'); } #aya-home-btn-icon-hover{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn_hover.svg');*/ background-image:url('/images/aya_logo1.svg'); } #aya-name{ color:#fff; font-size:14px; font-weight:bold; margin-top:7px; margin-left:55px; position:absolute; } #aya-face-btn{ width:36px; height:32px; margin-left:380px; margin-top:9px; background-image:url('/images/face_icon.png'); position:absolute; cursor:pointer; display:none; } #aya-twitter-btn{ width:36px; height:32px; margin-top:9px; margin-left:420px; background-image:url('/images/twitter_icon.png'); position:absolute; cursor:pointer; display:none; } #aya-search-btn .s4-search input.ms-sbplain{ width:380px !important; font-size:12px; } #aya-search-btn{ margin-top:26px; margin-left:52px; position:absolute; } #ayatop-ribbon{ width:100%; height:58px; background-color:#00539B; z-index:3; } /*ESTE ES EL RIBBON SUPERIOR, EL QUE CONTIENE EL HOME BUTTON*/ /*MENU PRINCIPAL*/ #aya-main-menu-container{ width:480px; height:280px; overflow:hidden; } #aya-main-menu-animation-wrapper{ width:480px; height:280px; position:absolute; margin-top:-500px; overflow:hidden; } #aya-main-menu-container-bg{ width:1920px; height:280px; position:absolute; z-index:-1; margin-left:-1300px; } #aya-main-menu-splash{ width:480px; height:280px; background-color:#00539B; position:absolute; opacity:0.87; display:none; } .aya-loading-icon{ width:54px; height:54px; top:150px; background-image:url('/images/aya_loading_icon.gif'); /*background-image:url('/images/aya_loading_icon.svg');*/ margin-left:-27px; left:50%; } .aya-loading-text{ top:210px; } #aya-logo { width:118px; height:109px; /*background-image:url('/images/aya_logo_480.svg');*/ background-image:url('/images/aya_logo1.svg'), none; float:left; margin-top:10px; margin-left:20px; background-repeat:no-repeat; display:none; } #aya-main-menu-consulte-su-recibo-btn-wrapper{ width:101px; height:100px; float:left; margin-top:22px; margin-left:20px; cursor:pointer; font-size:12px; } #aya-main-menu-consulte-su-recibo-btn-icon{ width:95px; height:68px; background-image:url('/images/consulte_su_recibo_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-icon-hover{ width:95px; height:68px; background-image:url('/images/consulte_su_recibo_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:3px; } #aya-main-menu-contrataciones-btn-wrapper{ width:101px; height:100px; float:left; margin-top:22px; margin-left:10px; cursor:pointer; } #aya-main-menu-contrataciones-btn-icon{ width:85px; height:68px; background-image:url('/images/contrataciones_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-contrataciones-btn-icon-hover{ width:85px; height:68px; background-image:url('/images/contrataciones_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:8px; } #aya-main-menu-puntos-de-atencion-btn-wrapper{ width:100px; height:100px; float:left; margin-top:22px; margin-left:10px; cursor:pointer; } #aya-main-menu-puntos-de-atencion-btn-icon{ width:72px; height:68px; background-image:url('/images/puntos_de_atencion_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-icon-hover{ width:72px; height:68px; background-image:url('/images/puntos_de_atencion_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:14px; } #aya-main-menu-reporte-de-averias-btn-wrapper{ width:81px; height:100px; float:left; margin-top:10px; margin-left:20px; cursor:pointer; } #aya-main-menu-reporte-de-averias-btn-icon{ width:75px; height:68px; background-image:url('/images/reporte_de_averias_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-reporte-de-averias-btn-icon-hover{ width:75px; height:68px; background-image:url('/images/reporte_de_averias_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:3px; } #aya-main-menu-directorio-interno-btn-wrapper{ width:80px; height:100px; float:left; margin-top:10px; margin-left:8px; cursor:pointer; } #aya-main-menu-directorio-interno-btn-icon{ width:52px; height:68px; background-image:url('/images/directorio_interno_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-directorio-interno-btn-icon-hover{ width:52px; height:68px; background-image:url('/images/directorio_interno_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:14px; } #aya-main-menu-mensajeria-btn-wrapper{ width:80px; height:100px; float:left; margin-top:10px; margin-left:8px; cursor:pointer; } #aya-main-menu-mensajeria-btn-icon{ width:50px; height:68px; background-image:url('/images/mensajeria_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-mensajeria-btn-icon-hover{ width:50px; height:68px; background-image:url('/images/mensajeria_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:15px; } #aya-main-menu-cooperacion-internacional-btn-wrapper{ width:80px; height:100px; float:left; margin-top:10px; margin-left:8px; cursor:pointer; } #aya-main-menu-cooperacion-internacional-btn-icon{ width:68px; height:68px; background-image:url('/images/colaboracion_internacional_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-cooperacion-internacional-btn-icon-hover{ width:68px; height:68px; background-image:url('/images/colaboracion_internacional_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:6px; } #aya-main-menu-place-holder-btn-wrapper{ width:80px; height:100px; float:left; margin-top:10px; margin-left:8px; cursor:pointer; } #aya-main-menu-place-holder-btn-icon{ width:68px; height:68px; background-image:url('/images/place_holder_icon_480.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-place-holder-btn-icon-hover{ width:68px; height:68px; background-image:url('/images/place_holder_icon_hover_480.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:6px; } #aya-main-menu-place-holder-btn-text { width:80px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } #aya-main-menu-cooperacion-internacional-btn-text { width:80px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } #aya-main-menu-mensajeria-btn-text { width:80px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } #aya-main-menu-directorio-interno-btn-text { width:80px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } #aya-main-menu-reporte-de-averias-btn-text { width:81px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-text { width:90px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } #aya-main-menu-contrataciones-btn-text { width:90px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-text { width:90px; height:20px; text-align:center; color:#00539B; font-size:12px; margin:auto; } /*FINAL DE MENU PRINCIPAL*/ /*EL TAGLINE DEL AGUA ES VIDA*/ #aya-el-agua-es-vida{ position:absolute; margin-top:252px; margin-left:157px; font-size:12px; font-weight:normal; } #aya-gobierno{ position:absolute; margin-top:253px; margin-left:330px; font-size:11px; font-weight:normal; } #aya-bandera{ width:25px; height:15px; position:absolute; margin-top:253px; margin-left:450px; background-image:url('/images/aya_bandera_320.png'); background-repeat:no-repeat; } /*TERMINA EL TAGLINE DEL AGUA ES VIDA*/ /*NOTICIAS*/ #aya-news-container{ width:480px; height:130px; background-image:url('/images/aya_news_bg.jpg'); position:relative; } /*TERMINA NOTICIAS*/ /*ALIADOS*/ #aya-aliados-container{ width:480px; height:120px; background-color:#fff; position:relative; } #aya-aliados-wrapper{ width:480px; height:70px; margin:auto; } #aya-800-reporte{ width:146px; height:46px; background-image:url('/images/logo_800.svg'), none; background-repeat:no-repeat; float:left; position:relative; margin-left:25px; margin-top:10px; } #aya-red-de-transparencia-btn{ width:130px; height:49px; background-image:url('/images/logo_transparencia.svg'), none; float:left; position:relative; margin-left:20px; margin-top:10px; } #aya-meic-btn{ width:137px; height:49px; background-image:url('/images/logo_meic.svg'), none; float:left; position:relative; margin-left:5px; margin-top:10px; } #aya-gobierno-digital-btn{ width:119px; height:29px; background-image:url('/images/logo_digital.svg'), none; float:left; position:relative; margin-left:90px; margin-top:20px; } #aya-cnfl-btn{ width:122px; height:48px; background-image:url('/images/logo_cnfl_960.png'); background-repeat:no-repeat; position:relative; float:left; margin-left:43px; margin-top:9px; } /*#aya-buzon-wrapper{ margin-left:370px; margin-top:6px; }*/ /*TERMINA ALIADOS*/ /*COMIENZA FOOTER*/ #aya-footer-container{ width:480px; height:90px; background-color:#00539B; position:relative; } #aya-politica-line{ margin-top:15px; color:#fff; float:left; margin-left:20px; width:220px; text-align:left; font-size:12px; position:relative; } #aya-legal-line{ margin-top:15px; color:#fff; float:left; margin-left:20px; width:220px; text-align:left; font-size:12px; position:relative; } #aya-user-login-btn{ width:69px; height:60px; margin-top:10px; margin-left:252px; float:right; cursor:pointer; position:absolute; } /*Olde*/ #aya-user-encuesta-btn{ width:69px; height:60px; margin-top:10px; margin-left:252px; float:right; cursor:pointer; position:absolute; } #aya-user-login-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/survey_icon.svg'); } #aya-user-login-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/user_login_icon_hover.svg'); } /*olde*/ #aya-user-encuesta-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/survey_icon.svg'); } #aya-user-encuesta-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/survey_icon_hover.svg'); } /*Olde*/ #aya-email-interno-btn{ width:69px; height:60px; margin-top:10px; margin-left:325px; float:right; cursor:pointer; position:absolute; } #aya-buzon-sugerencias-btn{ width:69px; height:60px; margin-top:10px; margin-left:400px; float:right; cursor:pointer; position:absolute; } #aya-intranet-btn{ display:none; width:69px; height:60px; margin-top:10px; margin-left:400px; float:right; cursor:pointer; position:absolute; display:block; } #aya-email-interno-icon{ width:69px; height:45px; position:relative; z-index:2; } #aya-intranet-icon{ display:none; width:69px; height:45px; position:relative; z-index:2; } #aya-email-interno-icon{ background-image:url('/images/email_interno_icon.svg'); } #aya-intranet-icon{ background-image:url('/images/intranet_icon.svg'); display:none; } #aya-email-interno-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; } #aya-buzon-sugerencias-icon-hover{ background-image:url('/images/sugerencias_hover.png'); background-repeat:no-repeat; width:69px; height:45px; position:absolute; z-index:1; } #aya-intranet-icon-hover{ display:none; } #aya-email-interno-icon-hover{ background-image:url('/images/email_interno_icon_hover.svg'); } #aya-email-interno-icon-hover{ background-image:url('images/sugerencias_320_hover.svg'); } #aya-intranet-icon-hover{ display:none; background-image:url('/images/intranet_icon_hover.svg'); } #aya-intranet-text { display:none; } #aya-email-interno-text, #aya-user-login-text, #aya-buzon-sugerencias-text{ color:#5091CD; margin-top:5px; text-align:center; } /*TERMINA FOOTER*/ /*COMIENZA GREEN LINE FINAL*/ #aya-green-line{ width:480px; height:10px; float:left; background-color:#00A160; } /*TERMINA GREEN LINE FINAL*/ } /*TEMINA EL CSS DE LA RESOLUCION DE 480*/ /*720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- 720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720-720- */ @media (min-width: 720px){ #aya-fb-like-share-wrapper{ position:absolute; width:150px; overflow:hidden; margin-left:573px; margin-top:5px; } /*CONTENEDORES GENERALES DE LA RESOLUCION 720*/ body{ font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; background-color:#00539B !important; } #bg-animation{ width:100%; height:120%; /*background-image:url('/images/aya_1920_1080_bg_blur.jpg');*/ margin:auto; overflow:hidden; position:fixed; z-index:-1; } #aya-resolution-splash{ width:100%; height:100%; position:absolute; z-index:1000; background-color:#00539B; } #body-aya-container { margin:auto; width:720px; overflow:hidden; } /*CONTENEDORES GENERALES DE LA RESOLUCION 720*/ /*ESTO ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ #aya-sharepoint-user-wrapper{ background-color:#5091CD; height:80px; margin-top:-80px; position:relative; z-index:5; } #aya-close-user-panel-btn-wrapper{ display:block; margin-top:15px; margin-left:345px; } /*ESTO DE ARRIBA ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ /*COMIENZA RIBBON SUPERIOR*/ #ayatop-ribbon{ width:720px; height:50px; background-color:#00539B; z-index:3; } #aya-home-btn-wrapper{ width:36px; height:32px; margin-left:10px; margin-top:9px; float:left; cursor:pointer; } #aya-home-btn-icon{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn.svg');*/ background-image:url('/images/aya_logo1.svg'); } #aya-home-btn-icon-hover{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn_hover.svg');*/ background-image:url('/images/aya_logo1.svg'); } #aya-name{ color:#fff; font-size:16px; font-weight:bold; margin-top:15px; margin-left:56px; position:absolute; } #aya-face-btn{ width:36px; height:32px; margin-left:645px; margin-top:9px; background-image:url('/images/face_icon.png'); position:absolute; cursor:pointer; } #aya-twitter-btn{ width:36px; height:32px; margin-top:9px; margin-left:680px; background-image:url('/images/twitter_icon.png'); position:absolute; cursor:pointer; } #aya-search-btn .s4-search input.ms-sbplain{ width:190px !important; font-size:12px; } #aya-search-btn{ margin-top:13px; margin-left:486px; position:absolute; } /*TERMINA RIBBON SUPERIOR*/ /*MENU PRINCIPAL*/ #aya-main-menu-container{ width:720px; height:370px; overflow:hidden; /*font-weight:bold;*/ } #aya-main-menu-animation-wrapper{ width:720px; height:370px; position:absolute; margin-top:-500px; overflow:hidden; } #aya-main-menu-container-bg{ width:1920px; min-height:370px; /*background-image:url('../images/aya_main_menu_bg_large.jpg');*/ position:absolute; opacity: 0; z-index:-1; margin-left:-1300px; } #aya-main-menu-splash{ width:720px; height:370px; background-color:#00539B; position:absolute; /*z-index:2;*/ opacity:0.87; display:none; } .aya-loading-icon{ width:54px; height:54px; top:150px; background-image:url('/images/aya_loading_icon.gif'); /*background-image:url('/images/aya_loading_icon.svg');*/ margin-left:-27px; left:50%; } .aya-loading-text{ top:210px; } #aya-logo { width:156px; height:144px; /*background-image:url('../images/aya_logo_960.png');*/ /*background-image:url('/images/aya-logo.svg');*/ background-image:url('/images/aya_logo1.svg'), none; float:left; margin-top:15px; margin-left:35px; display:none; } #aya-main-menu-consulte-su-recibo-btn-wrapper{ width:131px; height:122px; float:left; margin-top:35px; margin-left:35px; cursor:pointer; } #aya-main-menu-consulte-su-recibo-btn-icon{ width:127px; height:90px; background-image:url('/images/consulte_su_recibo_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-icon-hover{ width:127px; height:90px; background-image:url('/images/consulte_su_recibo_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:2px; } #aya-main-menu-contrataciones-btn-wrapper{ width:130px; height:122px; float:left; margin-top:35px; margin-left:35px; cursor:pointer; } #aya-main-menu-contrataciones-btn-icon{ width:114px; height:90px; background-image:url('/images/contrataciones_icon_960.svg'), none; background-repeat:no-repeat; margin:auto; position:relative; } #aya-main-menu-contrataciones-btn-icon-hover{ width:114px; height:90px; background-image:url('/images/contrataciones_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:8px; } #aya-main-menu-puntos-de-atencion-btn-wrapper{ width:150px; height:122px; float:left; margin-top:35px; margin-left:35px; cursor:pointer; } #aya-main-menu-puntos-de-atencion-btn-icon{ width:96px; height:90px; background-image:url('/images/puntos_de_atencion_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-icon-hover{ width:96px; height:90px; background-image:url('/images/puntos_de_atencion_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:27px; } #aya-main-menu-reporte-de-averias-btn-wrapper{ width:128px; height:122px; /*position:absolute; margin-top:175px; margin-left:20px;*/ position: static; margin-top: 20px; margin-left: 0px; cursor:pointer; } #aya-main-menu-reporte-de-averias-btn-icon{ width:102px; height:90px; background-image:url('/images/reporte_de_averias_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-reporte-de-averias-btn-icon-hover{ width:102px; height:90px; background-image:url('/images/reporte_de_averias_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:13px; } #aya-main-menu-directorio-interno-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:-25px; cursor:pointer; } #aya-main-menu-directorio-interno-btn-icon{ width:66px; height:90px; background-image:url('/images/directorio_interno_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-directorio-interno-btn-icon-hover{ width:66px; height:90px; background-image:url('/images/directorio_interno_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:32px; } #aya-main-menu-mensajeria-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:10px; cursor:pointer; } #aya-main-menu-mensajeria-btn-icon{ width:66px; height:90px; background-image:url('/images/mensajeria_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-mensajeria-btn-icon-hover{ width:66px; height:90px; background-image:url('/images/mensajeria_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:32px; } #aya-main-menu-mensajeria-btn-text{ width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-cooperacion-internacional-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:10px; cursor:pointer; } #aya-main-menu-cooperacion-internacional-btn-icon{ width:90px; height:90px; background-image:url('/images/colaboracion_internacional_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-cooperacion-internacional-btn-icon-hover{ width:90px; height:90px; background-image:url('/images/colaboracion_internacional_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:20px; } #aya-main-menu-place-holder-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:10px; cursor:pointer; } #aya-main-menu-place-holder-btn-icon{ width:90px; height:90px; background-image:url('/images/place_holder_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-place-holder-btn-icon-hover{ width:90px; height:90px; background-image:url('/images/place_holder_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:20px; } #aya-main-menu-place-holder-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } .contenedor1 { position: absolute; margin-left: 23px; margin-top: 20px; } .contenedor2 { margin-top: 173px; position: absolute; margin-left: 45px; } /************************Olde*****************************/ #aya-main-menu-transpariencia-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:10px; cursor:pointer; } #aya-main-menu-transpariencia-btn-icon{ /*width:128px;*/ width:90px; height:90px; background-image:url('/images/transpariencia_azul_920.png'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-transpariencia-btn-icon-hover{ width:128px; height:90px; background-image:url('/images/transpariencia_verde_920.png'), none; background-repeat:no-repeat; position:absolute; z-index:-1; /*margin-left:20px;*/ } #aya-main-menu-transpariencia-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } /*************************Oldec***********************************/ #aya-main-menu-cooperacion-internacional-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-directorio-interno-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-reporte-de-averias-btn-text { width:130px; height:32px; text-align:center; color:#000; font-size:16px; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-contrataciones-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-text{ width:140px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-contrataciones-btn-text{ width:127px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-puntos-de-atencion-btn-text{ width:150px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-reporte-de-averias-btn-text, #aya-main-menu-directorio-interno-btn-text, #aya-main-menu-mensajeria-btn-text, #aya-main-menu-place-holder-btn-text, #aya-main-menu-cooperacion-internacional-btn-text{ width:130px; height:32px; text-align:center; color:#00539B; } /*FINAL DE MENU PRINCIPAL*/ /*COMIENZA EL TAGLINE*/ #aya-el-agua-es-vida{ position:absolute; margin-top:335px; margin-left:125px; font-size:18px; font-weight:normal; } #aya-gobierno{ position:absolute; margin-top:340px; margin-left:377px; font-size:14px; font-weight:normal; } #aya-bandera{ width:42px; height:25px; position:absolute; margin-top:336px; margin-left:540px; background-image:url('/images/aya_bandera.png'); background-repeat:no-repeat; } /*TERMINA EL TAG LINE*/ /*COMIENZAN NOTICIAS*/ #aya-news-container{ width:720px; height:150px; background-image:url('/images/aya_news_bg.jpg'); position:relative; } /*TERMINAN NOTICIAS*/ /*COMIENZAN ALIADOS 720*/ #aya-aliados-container{ width:720px; /*height:70px;*/ height: 155px; background-color:#fff; position:relative; } .contenedor3{ display:inline-block; margin-left: 31px; } .contenedor4{ width: inherit; margin-left: 31px; } #aya-aliados-wrapper{ width:700px; /*height:70px;*/ height:155px; margin:auto; } #aya-800-reporte{ height:55px; background-image:url('/images/logo_800.svg'), none; background-repeat:no-repeat; float:left; position:relative; margin-left:0px; margin-top:19px; } #aya-red-de-transparencia-btn{ width:106px; height:49px; background-image:url('/images/logo_transparencia.svg'), none; float:left; position:relative; margin-left:-30px; margin-top:19px; } #aya-meic-btn{ width:106px; height:49px; background-image:url('/images/logo_meic.svg'), none; float:left; margin-left:8px; margin-top:19px; } #aya-gobierno-digital-btn{ width:119px; height:29px; background-image:url('/images/logo_digital.svg'), none; float:left; margin-left:8px; margin-top:28px; } #aya-cnfl-btn{ width:109px; height:48px; background-image:url('/images/logo_cnfl_960.png'); background-repeat:no-repeat; position:relative; float:left; margin-left:15px; margin-top:19px; } #aya-comment{ /*width:126px;*/ height:70px; background-image:url('/images/comment1.svg'), none; background-repeat:no-repeat; float:left; position:relative; /*margin-left:30px;*/ margin-top:10px; margin-left: 23px; width: 71px; } /*#aya-buzon-wrapper{ margin-left:445px; margin-top:6px; }*/ /*TERMINAN ALIADOS*/ /*COMIENZA EL FOOTER*/ #aya-footer-container{ width:720px; height:100px; background-color:#00539B; position:relative; z-index:1; } #aya-politica-line{ margin-top:30px; color:#fff; float:left; margin-left:20px; width:350px; font-size:12px; } #aya-legal-line{ margin-top:30px; color:#fff; float:left; margin-left:20px; width:350px; font-size:12px; } #aya-intranet-text, #aya-email-interno-text, #aya-user-login-text,#aya-user-encuesta-text, #aya-buzon-sugerencias-text{ display:inherit; color:#5091CD; margin-top:1px; text-align:center; } #aya-user-login-btn{ width:69px; height:60px; margin-top:10px; margin-left:490px; float:right; cursor:pointer; position:absolute; } #aya-user-login-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/user_login_icon.svg'); } #aya-user-login-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/user_login_icon_hover.svg'); } /*olde*/ #aya-user-encuesta-btn{ width:69px; height:60px; /*margin-top:10px;*/ /*margin-left:490px;*/ margin-top:7px; margin-left: 58%; float:right; cursor:pointer; position:absolute; } #aya-user-encuesta-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/survey_icon.svg'); } #aya-user-encuesta-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/survey_icon_hover.svg'); } /*olde*/ #aya-email-interno-btn{ width:69px; height:60px; /*margin-top:10px;*/ margin-top:6px; margin-left:558px; float:right; cursor:pointer; position:absolute; } #aya-buzon-sugerencias-btn{ width:69px; height:60px; /*margin-top:10px;*/ margin-top:6px; float:right; cursor:pointer; position:absolute; } #aya-email-interno-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/email_interno_icon.svg'); } #aya-buzon-sugerencias-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/sugerencias.png'); } #aya-buzon-sugerencias-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/sugerencias_hover.png'); } #aya-email-interno-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/email_interno_icon_hover.svg'); } #aya-intranet-btn{ width:69px; height:60px; /*margin-top:10px;*/ margin-top:6px; margin-left:635px; float:right; cursor:pointer; position:absolute; display:block; } #aya-intranet-icon{ display:inherit; width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/intranet_icon.svg'); } #aya-intranet-icon-hover{ display:inherit; width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/intranet_icon_hover.svg'); } /*TERMINA EL FOOTER*/ /*COMIENZA EL GREEN LINE FINAL*/ #aya-green-line{ width:720px; height:10px; float:left; background-color:#00A160; position:relative; } /*TERMINA EL GREEN LINE FINAL*/ } /*termina min 980px*/ /*980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980- 980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980-980*/ @media (min-width: 960px){ /*#aspnetForm { margin:auto !important; position:relative !important; width:80% !important; } */ #aya-fb-like-share-wrapper{ position:absolute; width:150px; overflow:hidden; margin-left:813px; margin-top:5px; } /*CONTENEDORES GENERALES DE LA RESOLUCION 960*/ body{ font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; background-color:#00539B !important; } #bg-animation{ width:100%; height:120%; /*background-image:url('/images/aya_1920_1080_bg_blur.jpg');*/ margin:auto; overflow:hidden; position:fixed; z-index:-1; } #aya-resolution-splash{ width:100%; height:100%; position:absolute; z-index:1000; background-color:#00539B; } #body-aya-container { margin:auto; width:960px; overflow:hidden !important; } /*CONTENEDORES GENERALES DE LA RESOLUCION 960*/ /*ESTO ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ #aya-sharepoint-user-wrapper{ background-color:#5091CD; height:80px; margin-top:-80px; position:relative; z-index:5; } #aya-close-user-panel-btn-wrapper{ display:block; margin-top:15px; margin-left:470px; } /*ESTO DE ARRIBA ES PARA EL WRAPPER DEL USER EN LA PARTE DE ARRIBA*/ /*COMIENZA RIBBON SUPERIOR*/ #ayatop-ribbon{ width:960px; height:50px; background-color:#00539B; z-index:3; } #aya-home-btn-wrapper{ width:36px; height:32px; margin-left:10px; margin-top:9px; float:left; cursor:pointer; } #aya-home-btn-icon{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn.svg');*/ background-image:url('/images/aya_logo1.svg'); } #aya-home-btn-icon-hover{ position:absolute; width:36px; height:32px; /*background-image:url('/images/home_btn_hover.svg');*/ background-image:url('/images/aya_logo1.svg'); } #aya-name{ color:#fff; font-size:19px; margin-top:15px; margin-left:60px; position:absolute; } #aya-face-btn{ width:36px; height:32px; margin-left:879px; margin-top:9px; background-image:url('/images/face_icon.png'); position:absolute; cursor:pointer; } #aya-twitter-btn{ width:36px; height:32px; margin-top:9px; margin-left:915px; background-image:url('/images/twitter_icon.png'); position:absolute; cursor:pointer; } #aya-search-btn .s4-search input.ms-sbplain{ width:200px !important; font-size:12px; } #aya-search-btn{ margin-top:13px; margin-left:715px; position:absolute; } /*TERMINA RIBBON SUPERIOR*/ /*MENU PRINCIPAL*/ #aya-main-menu-container{ width:960px; height:370px; overflow:hidden; } #aya-main-menu-animation-wrapper{ width:960px; height:370px; position:absolute; margin-top:-500px; overflow:hidden; } #aya-main-menu-container-bg{ width:1920px; min-height:370px; /*background-image:url('../images/aya_main_menu_bg_large.jpg');*/ position:absolute; opacity: 0; z-index:-1; margin-left:-1300px; } #aya-main-menu-splash{ width:960px; height:370px; background-color:#00539B; position:absolute; /*z-index:2;*/ opacity:0.87; display:none; } .aya-loading-icon{ width:54px; height:54px; top:150px; background-image:url('/images/aya_loading_icon.gif'); /*background-image:url('/images/aya_loading_icon.svg');*/ margin-left:-27px; left:50%; } .aya-loading-text{ top:210px; } #aya-logo { width:156px; height:144px; /*background-image:url('../images/aya_logo_960.png');*/ /*background-image:url('/images/aya-logo.svg');*/ background-image:url('/images/aya_logo1.svg'), none; float:left; margin-top:15px; margin-left:120px; display:none; } #aya-main-menu-consulte-su-recibo-btn-wrapper{ width:130px; height:122px; float:left; margin-top:35px; margin-left:50px; cursor:pointer; } #aya-main-menu-consulte-su-recibo-btn-icon{ width:127px; height:90px; background-image:url('/images/consulte_su_recibo_icon_960.svg'), none; background-repeat:no-repeat; } #aya-main-menu-consulte-su-recibo-btn-icon-hover{ width:127px; height:90px; background-image:url('/images/consulte_su_recibo_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; } #aya-main-menu-contrataciones-btn-wrapper{ width:130px; height:122px; float:left; margin-top:35px; margin-left:50px; cursor:pointer; } #aya-main-menu-contrataciones-btn-icon{ width:114px; height:90px; background-image:url('/images/contrataciones_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-contrataciones-btn-icon-hover{ width:114px; height:90px; background-image:url('/images/contrataciones_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:8px; } #aya-main-menu-puntos-de-atencion-btn-wrapper{ width:150px; height:122px; float:left; margin-top:35px; margin-left:50px; cursor:pointer; } #aya-main-menu-puntos-de-atencion-btn-icon{ width:96px; height:90px; background-image:url('/images/puntos_de_atencion_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-icon-hover{ width:96px; height:90px; background-image:url('/images/puntos_de_atencion_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:27px; margin-top:0px; } #aya-main-menu-reporte-de-averias-btn-wrapper{ width:150px; height:122px; position:absolute; /*margin-top:175px; margin-left:120px;*/ margin-top:20px; position:static; cursor:pointer; } #aya-main-menu-reporte-de-averias-btn-icon{ width:102px; height:90px; background-image:url('/images/reporte_de_averias_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-reporte-de-averias-btn-icon-hover{ width:102px; height:90px; background-image:url('/images/reporte_de_averias_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:24px; } #aya-main-menu-directorio-interno-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:15px; cursor:pointer; } #aya-main-menu-directorio-interno-btn-icon{ width:66px; height:90px; background-image:url('/images/directorio_interno_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-directorio-interno-btn-icon-hover{ width:66px; height:90px; background-image:url('/images/directorio_interno_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:32px; } #aya-main-menu-mensajeria-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:15px; cursor:pointer; } #aya-main-menu-mensajeria-btn-icon{ width:66px; height:90px; background-image:url('/images/mensajeria_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-mensajeria-btn-icon-hover{ width:66px; height:90px; background-image:url('/images/mensajeria_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:32px; } #aya-main-menu-mensajeria-btn-text{ width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-cooperacion-internacional-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:15px; cursor:pointer; } #aya-main-menu-cooperacion-internacional-btn-icon{ width:90px; height:90px; background-image:url('/images/colaboracion_internacional_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-cooperacion-internacional-btn-icon-hover{ width:90px; height:90px; background-image:url('/images/colaboracion_internacional_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:20px; } #aya-main-menu-place-holder-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:15px; cursor:pointer; } #aya-main-menu-place-holder-btn-icon{ width:90px; height:90px; background-image:url('/images/place_holder_icon_960.svg'), none; background-repeat:no-repeat; position:relative; margin:auto; } #aya-main-menu-place-holder-btn-icon-hover{ width:127px; height:90px; background-image:url('/images/place_holder_icon_hover_960.svg'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:21px; } #aya-main-menu-place-holder-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } /**********Olde*********/ #aya-main-menu-transpariencia-btn-wrapper{ width:130px; height:122px; float:left; margin-top:20px; margin-left:15px; cursor:pointer; } #aya-main-menu-transpariencia-btn-icon{ width:128px; height:90px; background-image:url('/images/transpariencia_azul_920.png'), none; background-repeat:no-repeat; position:relative; margin:auto; margin-left: 27px; } #aya-main-menu-transpariencia-btn-icon-hover{ width:129px; height:90px; background-image:url('/images/transpariencia_verde_920.png'), none; background-repeat:no-repeat; position:absolute; z-index:-1; margin-left:27px; } #aya-main-menu-transpariencia-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-cooperacion-internacional-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-directorio-interno-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-reporte-de-averias-btn-text { width:100px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-puntos-de-atencion-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-contrataciones-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-text { width:130px; height:32px; text-align:center; color:#00539B; font-size:16px; margin:auto; } #aya-main-menu-consulte-su-recibo-btn-text{ width:140px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-contrataciones-btn-text{ width:127px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-puntos-de-atencion-btn-text{ width:150px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-reporte-de-averias-btn-text{ width:100px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-directorio-interno-btn-text{ width:130px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-mensajeria-btn-text{ width:130px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-cooperacion-internacional-btn-text{ width:130px; height:32px; text-align:center; color:#00539B; } #aya-main-menu-place-holder-btn-text{ width:130px; height:32px; text-align:center; color:#00539B; } /*FINAL DE MENU PRINCIPAL*/ /*COMIENZA EL TAGLINE*/ #aya-el-agua-es-vida{ position:absolute; margin-top:335px; margin-left:253px; font-size:18px; font-weight:normal; } #aya-gobierno{ position:absolute; margin-top:340px; margin-left:505px; font-size:14px; font-weight:normal; } #aya-bandera{ width:42px; height:25px; position:absolute; margin-top:335px; margin-left:668px; background-image:url('/images/aya_bandera.png'); background-repeat:no-repeat; } /*TERMINA EL TAG LINE*/ /*COMIENZAN NOTICIAS*/ #aya-news-container{ width:960px; height:150px; background-image:url('/images/aya_news_bg.jpg'); position:relative; } /*TERMINAN NOTICIAS*/ /*COMIENZAN ALIADOS*/ #aya-aliados-container{ width:960px; height:90px; background-color:#fff; position:relative; } #aya-aliados-wrapper{ width:960px; height:90px; margin:auto; } .contenedor3{ display:inline-block; margin-top: -5px; margin-left: 8% !important; } .contenedor4{ display:inline-block; margin-left: 8% !important; } #aya-800-reporte{ width:126px; height:55px; background-image:url('/images/logo_800_960.svg'), none; background-repeat:no-repeat; float:left; position:relative; /*margin-left:30px;*/ margin-left:45px; margin-top:10px; } #aya-red-de-transparencia-btn{ width:128px; height:55px; background-image:url('/images/logo_transparencia_960.svg'), none; float:left; position:relative; /*margin-left:47px;*/ margin-left:15px; margin-top:15px; } #aya-meic-btn{ width:124px; height:47px; background-image:url('/images/logo_meic_960.svg'), none; position:relative; float:left; /*margin-left:47px;*/ margin-left:15px; margin-top:19px; } #aya-gobierno-digital-btn{ width:205px; height:48px; background-image:url('/images/logo_digital_960.svg'), none; position:relative; float:left; /*margin-left:47px;*/ margin-left:15px; margin-top:20px; } #aya-cnfl-btn{ width:122px; height:48px; background-image:url('/images/logo_cnfl_960.png'); background-repeat:no-repeat; position:relative; float:left; /*margin-left:38px;*/ margin-left:15px; margin-top:19px; } #aya-comment{ width:126px; height:70px; background-image:url('/images/comment1.svg'), none; background-repeat:no-repeat; float:left; position:relative; /*margin-left:30px;*/ margin-left:15px; margin-top:10px; } /*#aya-buzon-wrapper{ position:relative; margin-left:25px; margin-top:11px; float:left; }*/ /*TERMINAN ALIADOS*/ /*COMIENZA EL FOOTER*/ #aya-footer-container{ width:960px; height:80px; background-color:#00539B; position:relative; z-index:1; } #aya-politica-line{ margin-top:35px; color:#fff; float:left; margin-left:20px; width:350px; font-size:12px; } #aya-legal-line{ margin-top:35px; color:#fff; float:left; margin-left:20px; width:350px; font-size:12px; } #aya-intranet-text, #aya-email-interno-text, #aya-user-login-text, #aya-user-encuesta-text, #aya-buzon-sugerencias-text{ color:#5091CD; /*margin-top:5px;*/ margin-top:1px; text-align:center; } #aya-user-login-btn{ width:69px; height:60px; /* margin-top:10px;*/ margin-top:6px; margin-left:635px; float:right; cursor:pointer; position:absolute; } #aya-user-login-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/user_login_icon.svg'); } #aya-user-login-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/user_login_icon_hover.svg'); } /*olde*/ #aya-user-encuesta-btn{ width:69px; height:60px; /* margin-top:10px;*/ margin-top:6px; margin-left:550px; float:right; cursor:pointer; position:absolute; } #aya-user-encuesta-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/survey_icon.svg'); } #aya-user-encuesta-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/survey_icon_hover.svg'); } /*olde*/ #aya-email-interno-btn{ width:69px; height:60px; /*margin-top:10px;*/ margin-top:6px; margin-left:710px; float:right; cursor:pointer; position:absolute; } #aya-buzon-sugerencias-btn{ width:69px; height:60px; /*margin-top:10px;*/ margin-top:6px; margin-left:790px; float:right; cursor:pointer; position:absolute; } #aya-email-interno-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/email_interno_icon.svg'); } #aya-email-interno-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/email_interno_icon_hover.svg'); } #aya-intranet-btn{ width:69px; height:60px; /*margin-top:10px;*/ margin-top:6px; margin-left:872px; float:right; cursor:pointer; position:absolute; display:block; } #aya-intranet-icon{ width:69px; height:45px; position:relative; z-index:2; background-image:url('/images/intranet_icon.svg'); } #aya-intranet-icon-hover{ width:69px; height:45px; position:absolute; z-index:1; background-image:url('/images/intranet_icon_hover.svg'); } /*TERMINA EL FOOTER*/ /*COMIENZA EL GREEN LINE FINAL*/ #aya-green-line{ width:960px; height:10px; float:left; background-color:#00A160; } /*TERMINA EL GREEN LINE FINAL*/ .contenedor1 { position: absolute; margin-left: 105px; margin-top:-4; } .contenedor2 { margin-top: 169px; position: absolute; margin-left: 88px; } } /*termina min 980px*/ .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; background-color:lime; } .tooltip .tiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 3px; padding: 6px 0; position: absolute; z-index: 1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .tooltip .tiptext::after { content: ""; position: absolute; border-width: 5px; border-style: solid; } .tooltip:hover .tiptext { visibility: visible; } .tooltip.top .tiptext{ margin-left: -60px; bottom: 150%; left: 50%; } .tooltip.top .tiptext::after{ margin-left: -5px; top: 100%; left: 50%; border-color: #2E2E2E transparent transparent transparent; }