* { margin:0; padding:0; border:none; outline:0; } input::-moz-focus-inner { border:0; } html { background:url(../img/popup/fnd.png) 50% 50% fixed no-repeat #333; } body { font-size:14px; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; text-shadow:0 1px 0 #fff; } a { text-decoration:none; cursor:pointer; } a:active { position:relative; top:1px; } a.grBtn { display:inline-block; height:25px; line-height:20px; padding-right:10px; margin:0 4px; background:url(../img/popup/linkButton.png) right -25px no-repeat; color:#333; } a.grBtn:hover { background-position:right -75px; } a.grBtn:active { background-position:right -125px; } a.grBtn span { display:block; background:url(../img/popup/linkButton.png) 0 0 no-repeat; padding:2px 0 3px 10px; } a.grBtn:hover span { background-position:0 -50px; } a.grBtn:active span { background-position:0 -100px; } a.grBtn em { font-style:normal; padding-left:22px; background:0 3px no-repeat; margin-left:-2px; } a.grBtn.grMail em { background-image:url(../img/popup/linkButton_Mail.png); } a.grBtn.grTlf em { background-image:url(../img/popup/linkButton_Tlf.png); } #contenedor { width:660px; height:420px; position:absolute; top:50%; left:50%; margin:-210px 0 0 -330px; overflow:hidden; text-align:center; } #form, #estados { width:310px; height:400px; margin:10px; position:absolute; right:0; background:url(../img/popup/form_fnd.png) transparent center center no-repeat; } #zonaMedia, #noDispo { height:369px; overflow:hidden; } #zonaMedia table, #noDispo table { width:100%; height:100% } #zonaMedia td, #noDispo td { vertical-align:middle; } #grBack img { width:100%; height:auto; } #textos, #formulario { margin:0 10px; } #textos p { margin:0 0 10px; } h1 { color:#ff6d12; font-size:22px; font-weight:normal; } /*#txtEslogan { font-size:1.3em; }*/ #txtInformativo { color:#444; } #formulario { } #formulario ul { list-style:none;} #formulario li { width:230px; height:25px; margin:4px auto; overflow:hidden; } #formulario input { width:210px; height:25px; line-height:25px; padding:0 10px; text-align:center; background:url(../img/popup/input.png) no-repeat center top; background-size:100%; border-radius:0; } #formulario #grTelefono input { width:190px; height:31px; padding-left:30px; background-image:url(../img/popup/input_tlf.png); font-size:1.2em; } #formulario #grTelefono { height:31px; } #formulario #grNombre input { width:190px; padding-left:30px; background-image:url(../img/popup/input_nombre.png); } #formulario #grMail input { width:190px; padding-left:30px; background-image:url(../img/popup/input_mail.png); } #formulario #grDni input { width:190px; padding-left:30px; background-image:url(../img/popup/input_dni.png); } #formulario #grDireccion input { width:190px; padding-left:30px; background-image:url(../img/popup/input_dir.png); } #formulario #grCp input { width:190px; padding-left:30px; background-image:url(../img/popup/input_cp.png); } #formulario #grLocalidad input { width:190px; padding-left:30px; background-image:url(../img/popup/input_loc.png); } #formulario #grProvincia input { width:190px; padding-left:30px; background-image:url(../img/popup/input_prov.png); } #formulario input.requerido { background-position:center bottom; } #formulario #grCaptcha { background:url(../img/popup/input_captcha_ico.png) 0 top no-repeat; padding-left:50px; width:180px; } #formulario #grCaptcha.requerido { background-position:0 bottom; } #formulario #grCaptcha input { width:95px; background-image:url(../img/popup/input_captcha.png); float:right; } #formulario #grCombo { position:relative; } #formulario #grCombo input { background:url(../img/popup/input_select.png) left top no-repeat; background-size:240px 51px; width:160px; padding-left:30px; position:absolute; top:0; left:0; cursor:pointer; } #formulario #grCombo.requerido input { background-position:left bottom; } #formulario #grCombo button { background:url(../img/popup/input_select.png) right top; width:30px; height:25px; position:absolute; top:0; right:0; cursor:pointer; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { width:228px; border-radius:4px; border:1px solid #fff; box-shadow:0 4px 2px rgba(0,0,0,0.2); list-style:none; background:rgba(248,248,248,0.9); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8E6, endColorstr=#f8f8f8E6)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8E6, endColorstr=#f8f8f8E6); } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li { padding:5px 8px; font-size:12px; cursor:pointer; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:hover { background:#fff; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all a { padding-left:12px; display:block; background:url(../img/popup/bullet.png) 0 4px no-repeat; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:hover a { background-image:url(../img/popup/bullet_on.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 4/2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #formulario #grTelefono input { background-image:url(../img/popup/input_tlf@2x.png); } #formulario #grNombre input { background-image:url(../img/popup/input_nombre@2x.png); } #formulario #grMail input { background-image:url(../img/popup/input_mail@2x.png); } #formulario #grDni input { background-image:url(../img/popup/input_dni@2x.png); } #formulario #grDireccion input { background-image:url(../img/popup/input_dir@2x.png); } #formulario #grCp input { background-image:url(../img/popup/input_cp@2x.png); } #formulario #grLocalidad input { background-image:url(../img/popup/input_loc@2x.png); } #formulario #grProvincia input { background-image:url(../img/popup/input_prov@2x.png); } #formulario #grCaptcha { background-image:url(../img/popup/input_captcha_ico@2x.png); background-size:33px; } #formulario #grCaptcha input { background-image:url(../img/popup/input_captcha@2x.png); } #formulario #grCombo input { background-image:url(../img/popup/input_select@2x.png); background-size:240px 51px; } #formulario #grCombo button { background-image:url(../img/popup/input_select@2x.png); background-size:240px 51px; } } .grInputLabel { color:#777; font-style:italic; } #condiciones { text-align:center; font-size:10px; margin:0;} #condiciones input { padding:0; width:auto; height:auto; } #condiciones a { color:#555; } #condiciones a:hover { color:#222; } #verCon{display:none} #linkPolitica { text-decoration:none; } #scrollCond { width:270px; clear:both; height:330px; padding:10px; position:absolute; top:10px; left:10px; border-radius:4px; box-shadow:0 3px 5px #999; background:#FFF;overflow:hidden; font-size:10px; cursor:pointer; } #scrollCond .viewport { width:240px; height:295px; margin-left:14px; margin-top:5px; overflow:hidden; position:relative; } #scrollCond .overview { list-style:none; position:absolute; left:0; top:0; } #scrollCond .scrollbar{ background:#fff; position:relative; background-position:0 0; float:right; width:8px; } #scrollCond .track { background:#fff; height:100%; width:7px; position:relative; } #scrollCond .thumb { background:transparent url(../../img/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height:40px; width:25px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:-5px; } #scrollCond .thumb .end { background:transparent url(../../img/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow:hidden; height:5px; width:25px; } #scrollCond .disable { display:none; } #cerrarCond { width:15px; height:15px; background:url(../img/popup/closeX.png) top right no-repeat; } #btnLlamar a { width:232px; height:47px; display:block; margin:0 auto; text-indent:-9999px; font-size:0; line-height:40px; background:url(../img/popup/yodial_btn.png) 0 0 no-repeat; } #pie { width:310px; height:30px; top:370px; position:absolute; } #pie a { display:block; width:76px; height:30px; margin:0 auto; padding:0 117px; text-indent:-9999px; font-size:0; line-height:30px; background:url(../img/popup/yodial_link.png) center 0 no-repeat; } #pie a:hover { background-position:center bottom; } #pie a:active { margin-bottom:-1px; } #estados #pie a { background-image:url(../img/popup/yodial_link_estado.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 4/2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #btnLlamar a { background-image:url(../img/popup/yodial_btn@2x.png); background-size:100%; } #pie a { background-image:url(../img/popup/yodial_link@2x.png); background-size:76px 60px; } #estados #pie a { background-image:url(../img/popup/yodial_link_estado@2x.png); } } .grAlerta, #error { color:#9f2700; border:1px solid #9f2700; padding:4px; margin-top:10px; font-size:12px; line-height:14px; background:#efefef; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #error { display:none } .btnLlamar{margin-top:5px;} #noDispo { margin-top:20px;width:100%; list-style:none;text-align:center;height:295px;padding-top:25px; } #noDispo ul li { margin-top:20px;width:200px;text-align:center; list-style:none; } #estados {z-index:1; background:url(../img/popup/leds_fnd.png); display:none} #estados #leds_brillo { position:absolute; top:6px; left:6px; z-index:2; width:298px; height:363px; background:url(../img/popup/leds_brillo.png); } #estados #ico { position:absolute; background:0 0 no-repeat transparent; } #estados .estado1 #ico { width:226px; height:198px; top:34px; left:42px; background-image:url(../img/popup/estado1.gif); } #estados .estado2 #ico { width:226px; height:195px; top:37px; left:42px; background-image:url(../img/popup/estado2.gif); } #estados .estado3 #ico { width:298px; height:364px; top:6px; left:6px; background-image:url(../img/popup/estado3.gif); } #estados .estado4 #ico { width:220px; height:80px; top:149px; left:45px; background-image:url(../img/popup/estado4.gif); } #estados .estado5 #ico, #estados .estado6 #ico { width:226px; height:145px; top:102px; left:42px; background-image:url(../img/popup/estado5_6.gif); } #estados .estado7 #ico { width:219px; height:218px; top:87px; left:46px; background-image:url(../img/popup/estado7.gif); } #estados #txt { height:41px; position:absolute; top:300px; background:0 0 no-repeat transparent; } #estados .estado1 #txt { width:268px; left:21px; background-image:url(../img/popup/txt1.png); } #estados .estado2 #txt { width:232px; left:39px; background-image:url(../img/popup/txt2.png); } #estados .estado3 #txt { display:none; } #estados .estado4 #txt { width:211px; left:50px; background-image:url(../img/popup/txt4.png); } #estados .estado5 #txt { width:163px; left:74px; background-image:url(../img/popup/txt5.png); } #estados .estado6 #txt { width:158px; left:76px; background-image:url(../img/popup/txt6.png); } #estados .estado7 #txt { width:263px; height:336px; left:24px; top:23px; background-image:url(../img/popup/txt7.png); } #linkPostCall { display:block; } /* AVISO HORARIO */ .grAviso h1 span { background:url(../img/popup/icoHorario.png) left 2px no-repeat; padding-left:32px; } .grAviso p { color:#666; margin:0 0 16px; } .grAviso p.muestraHorario { color:#333; } #contact-form .grBtn { margin:8px 20px !important; } /* MÓVILES */ /* html, #contenedor { background:#f3f3f3 !important; } #contenedor { position:inherit !important; width:310px !important; margin:0 auto !important; background:transparent !important; } #form, #estados { position:relative !important; background:transparent !important; margin:0 auto !important; } #estados, body.grLlamando { background:url(../img/popup/leds_fnd_movil.png) center top !important; } #pie { top:370px !important; } #estados #leds_brillo { display:none !important; } */