/* * Alarmas Styles * Updated: SVN TRUNK 20160715 1749 * */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll}body{font-size:13px;line-height:1.231}body,button,input,select,textarea{font-family:sans-serif;color:#222}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}hr{display:block;height:1px;border:0;border-top:1px solid #ccc}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff9;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}/*ul,ol{padding-left:25px}*/nav ul,nav ol{padding:0;list-style:none;list-style-image:none}img{border:0;vertical-align:middle}svg:not(:root){overflow:hidden}fieldset{border:0}label,abbr[title],button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:default}legend{border:0}button,input,select,textarea{font-size:100%;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.row{overflow:hidden;zoom:1}.s1-2,.s1-3,.s2-3,.s1-4,.s3-4,.s1-5,.s2-5,.s3-5,.s4-5,.s1-6,.s5-6{display:inline-block;zoom:1;*display:inline;vertical-align:top}.s1-2{width:50%}.s1-3{width:33.33333%}.s2-3{width:66.66666%}.s1-4{width:25%}.s3-4{width:75%}.s1-5{width:20%}.s2-5{width:40%}.s3-5{width:60%}.s4-5{width:80%}.s1-6{width:16.656%}.s5-6{width:83.33%}.left{float:left}.right{float:right}.hide{display:none}.show{display:block}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.pb5{padding:5px!important}.pb10{padding:10px!important}.pb15{padding:15px!important}.pb20{padding:20px!important}.pb25{padding:25px!important} body{background:url('/content/dam/alarmas/desktop/alarams-pixel-bkg.jpg') repeat-x top left transparent; height:635px;} sup{font:11px arial;} #wrap{margin:0 auto;width:960px;position:relative;} #header{margin:13px 0 0;height:78px;} #header .logo{background:url('/content/dam/adt/media/adt.png') no-repeat top left transparent;cursor:pointer;height:66px;position:relative;left:12px;} #header a{text-decoration:none;} #header .logo h2{margin:20px 0 0 80px;color:#0060aa;font:18px arial;} #header .cta-header{margin:10px;} #header .cta-header p{text-align:right;} #header .cta-header p .phone-header{background:url('/content/dam/alarmas/desktop/icon-phone.png') no-repeat top left transparent; height:23px;display:block;color:#0060aa;font:bold 20px arial;padding-left:23px;} #header .cta-header p .phone-header a{color:#0060aa;text-decoration:none;} #header .cta-header p.l1{color:#cf232e;font:bold 16px arial;} #header .cta-header p.l2{margin:3px 0 0;color:#0060aa;font:18px arial;} #nav{background:url('/content/dam/alarmas/desktop/pixel-nav.jpg') repeat-x top left transparent; height:43px;position:relative;left:-8px;} /* - - - - - - - - - - - - - Navigation Styles - - - - - - - - - - - - - - - - - - */ #hogar, #adtpulse, #paquetes, #video-vigilancia { margin:12px 2px 0 0;float:left;list-style-type:none;text-align:center;width:130px;} #hogar:hover, #adtpulse:hover, #paquetes:hover, #video-vigilancia:hover { background:url('/content/dam/alarmas/desktop/nav-hover.png') no-repeat top left transparent; height:26px;width:130px;position:relative;bottom:7px;padding-top:7px;} #hogar.active, #adtpulse.active, #paquetes.active, #video-vigilancia.active { background:url('/content/dam/alarmas/desktop/nav-selected.png') no-repeat top left transparent; height:31px;width:130px;position:relative;bottom:7px;padding-top:7px;} #hogar a, #adtpulse a, #paquetes a, #video-vigilancia a{color:#0060aa;cursor:pointer;font:bold 13px arial;text-decoration:none;z-index:20;} #wsubs { float:left; display:block; margin:0px 0px 0px 20px; font-size:0px; height:30px; width:165px; padding:10px 0px 0px 15px; } #wsubs img { border: none;float:left;_float:none;margin-right:4px;width:16px; height:16px; } #wsubs span { overflow:hidden; display:block; background-image:url('/content/dam/alarmas/desktop/alarams-subs.png'); background-position:125px 1px; background-repeat: no-repeat; margin-right:10px; } #wsubs:hover{ position:relative; background:url('/content/dam/alarmas/desktop/nav-ovr1528.png') transparent no-repeat 0px 6px; } #wsubs:hover ul{display:block} #wsubs:hover a { text-decoration:none; } #wsubs:hover a span { background-image:url('/content/dam/alarmas/desktop/subs-ovr.png'); } #wsubs a:hover { position:relative; } #wsubs a, #wsubs-flds a { display:block; vertical-align:middle; border-width:0px; border-color:#6655ff; border-style:solid; text-align:left; text-decoration:none; padding:4px; font:bold 13px arial; color: #0060AA; text-decoration:none; cursor:pointer; } #wsubs a:active, #wsubs a:focus, #wsubs-flds a:active, #wsubs-flds a:focus { outline-style:none; } #wsubs-flds { margin:0px; list-style:none; padding:0px 2px 2px 0px; position:absolute; left:-3px; top:99%; display:none; width:390px; height:35px; background:url('/content/dam/alarmas/desktop/ul-ul-bg.png') transparent no-repeat -2px 0px; } #wsubs-flds a { text-align:left; white-space:nowrap; } #wsubs-flds img {width:16px; height:16px; } #wsubs-flds li { float:left; display:inline; margin-right:2px; padding:3px 0px 0px 15px; } #wsubs-flds li:hover { background:none; } #wsubs-flds li a { float:left; display:inline; font:normal 12px arial; } #wsubs-flds li.fst { width:174px; } #wsubs-flds li.lst { width:176px; } #wsubs-flds li.fst:hover { background:url('/content/dam/alarmas/desktop/fst-hover-bg.png') transparent no-repeat -2px 0px; height:33px; } #wsubs-flds li.lst:hover { background:url('/content/dam/alarmas/desktop/lst-hover-bg.png') transparent no-repeat 0px 0px; height:33px; } .wsubs-actv { background:url('/content/dam/alarmas/desktop/nav-ovr1528.png') transparent no-repeat 0px 6px; } /* - - - - - - - - - - - - - Sistema Seguridad - - - - - - - - - - - - - - - - - - */ .sistema-seguridad #hero .hero-banner{background:url('/content/dam/alarmas/desktop/alarams_download.jpg') no-repeat top left transparent;height:328px;width:683px;position:relative;} .sistema-seguridad #hero .cta-hero{background:url('/content/dam/alarmas/desktop/call-me-green.png ') no-repeat top left transparent;height:65px;width:267px;position:absolute;bottom:25px;left:15px;} .sistema-seguridad #hero .hero-banner .bnr-ttl { color:#fff; font-size:33px; text-shadow: 1px 4px 2px rgba(3,3,3,0.3); } .sistema-seguridad #hero .hero-banner .bnr-txt { color:#fff; font-size:18px; font-weight:normal; margin-top:35px; width:285px; text-shadow: 2px 2px 2px #333; } .sistema-seguridad #hero .hero-banner .bnr-txt span { font-weight:bold; } .sistema-seguridad #copy .col-banner { width:270px; height:285px; } .sistema-seguridad #copy .col-copy { width:650px; } .sistema-seguridad #copy .col-copy h1 { font:bold 30px Arial, Helvetica ; color:#000; margin:0px 0px 10px 23px; } .sistema-seguridad #copy .col-copy h2 { font-size:18px; margin-bottom:10px; } .sistema-seguridad #copy .col-copy .cnt-monitor { margin:25px 0px 0px 23px; height:245px; padding: 5px 0px 0px 235px; background: url('/content/dam/alarmas/desktop/adt-monitor.png') transparent no-repeat 0px 0px ; } .sistema-seguridad #copy .col-copy .cnt-monitor ul { margin:10px 0px 0px 30px; } .sistema-seguridad #copy .col-copy .cnt-monitor li { padding: 0px 0px 15px 0px; list-style-position:outside; vertical-align:top; line-height:15px; font-size:14px; list-style-image: url('/content/dam/alarmas/desktop/check.png'); } .sistema-seguridad.pr #hero .hero-banner{background:url('/content/dam/alarmas/desktop/SistemaDeSeguridadADT.jpg') no-repeat top left transparent;height:328px;width:950px;} .sistema-seguridad.pr #hero .cta-hero{display:none;} .sistema-seguridad.pr #hero .hero-banner .bnr-ttl {display:none;} .sistema-seguridad.pr #hero .hero-banner .bnr-txt {display:none;} .sistema-seguridad.pr #hero .hero-banner .bnr-txt span {display:none;} /* - - - - - - - - - - - - - Solucion Interactiva - - - - - - - - - - - - - - - - - - */ .solucion-interactiva #hero .hero-banner{background:url('/content/dam/alarmas/desktop/Alarmas_BA.jpg') no-repeat top left transparent;height:328px;width:683px;position:relative;} .solucion-interactiva #hero .cta-hero{background:url('/content/dam/alarmas/desktop/call-me-green.png ') no-repeat top left transparent;height:65px;width:267px;position:absolute;bottom:15px;left:15px;} .solucion-interactiva #hero .hero-banner .bnr-ttl { color:#fff; font-size:33px; text-shadow: 1px 4px 2px rgba(3,3,3,0.3); margin:0px; } .solucion-interactiva #hero .hero-banner .bnr-txt { color:#fff; font-size:18px; font-weight:normal; margin-top:35px; width:285px; text-shadow: 2px 2px 2px #333; } .solucion-interactiva #hero .hero-banner .bnr-txt span { font-weight:bold; } .solucion-interactiva #copy .col-banner { width:270px; height:285px; margin-left:23px; } .solucion-interactiva #copy .col-copy { width:650px; } .solucion-interactiva #copy h1 { font:bold 30px Arial, Helvetica ; color:#000; margin:0px 0px 10px 23px; } .solucion-interactiva #copy h2 { font-size:18px; margin-bottom:30px; color:#0060aa; } .solucion-interactiva #copy .col-copy h2 { margin-bottom:40px; color:#555; font-size:18px; } .solucion-interactiva #copy .col-copy span { color:#0060aa; font-size:inherit; } .solucion-interactiva #copy .col-copy p.whut-da { height:20px; margin-left:20px; padding:2px 0px 0px 30px; color:#f00; font-size:inherit; text-transform:uppercase; background:url('/content/dam/alarmas/desktop/solucion-tiny-cll.png') no-repeat top left transparent; } .solucion-interactiva #copy .col-copy p.whut-da span { font-weight:bold; color:#f00; } .solucion-interactiva.pr #hero .hero-banner{background:url('/content/dam/alarmas/desktop/PulseSolucionInteractiva.jpg') no-repeat top left transparent;height:328px;width:950px;} .solucion-interactiva.pr #hero .cta-hero{display:none;} .solucion-interactiva.pr #hero .hero-banner .bnr-ttl {display:none;} .solucion-interactiva.pr #hero .hero-banner .bnr-txt {display:none;} .solucion-interactiva.pr #hero .hero-banner .bnr-txt span {display:none;} #alert-bar{margin:7px 0 0;height:40px;position:relative; width:600px; } #alert-bar p{background:url('/content/dam/alarmas/desktop/icon-sheild-house.png') no-repeat top left transparent;height:30px;margin:0 0 0 10px;padding-top:4px;color:#cf232e;font:bold 13px arial;padding-left:30px;} #alert-bar p strong{font:bold 14px arial;} #hero{height:330px;width:960px;padding-bottom:20px;} #hero a span{cursor:pointer;display:block;float:right;height:400px;width:680px;} #hero.hero1{background:url('/content/dam/alarmas/desktop/ADT_Alarmas090215.png') no-repeat top left transparent;} #hero.hero1 #phoneNumberHero{position:absolute;top:345px;right:280px;color:#fff;font:bold 31px arial;} #hero.hero1 #phoneNumberHero a{color:#fff;text-decoration:none;visibility:hidden;} #hero.hero2{background:url('/content/dam/alarmas/desktop/ADT_Alarmas_O.jpg') no-repeat top left transparent;} #hero.hero2 #phoneNumberHero{position:absolute;top:294px;right:183px;color:#fff;font:bold 30px arial; display:none;} #hero.hero2 #phoneNumberHero a{color:#fff;text-decoration:none;} #hero.hero3{background:url('/content/dam/alarmas/desktop/ADT_Alarmas_O.jpg') no-repeat top left transparent;} #hero.hero3 #phoneNumberHero{position:absolute;top:356px;right:30px;color:#fff;font:bold 21px arial;} #hero.hero3 #phoneNumberHero a{color:#fff;text-decoration:none;} #hero.hero-pr-1{background:url('/content/dam/alarmas/desktop/ADT_Alarmas090215.png') no-repeat top left transparent;} #hero.hero-pr-1 #phoneNumberHero{position:absolute;bottom:94px;right:280px;color:#fff;font:bold 31px arial;} #hero.hero-pr-1 #phoneNumberHero a{color:#fff;text-decoration:none;} #hero .hero-selector{position:absolute;bottom:40px;right:20px;z-index:1000;} #hero #hero-nav li{margin-left:6px;cursor:pointer;list-style-type:none;text-align:center;padding:3px 0 0;color:#cf232e;font:bold 14px arial;} #hero #hero-nav li{background:url('/content/dam/alarmas/desktop/banner-select-bkg.jpg') no-repeat top left transparent;display:block;} #hero #hero-nav li:hover{background:url('/content/dam/alarmas/desktop/banner-select-bkg-hover.jpg') no-repeat top left transparent;height:19px;width:22px;display:block;} #hero #hero-nav li.active{background:url('/content/dam/alarmas/desktop/banner-select-bkg-active.jpg') no-repeat top left transparent;height:19px;width:22px;display:block;} #hero #hero-nav li a{height:19px;width:22px;display:block;text-decoration:none;color:#CF232E;} #hero .hero-banner{position:relative;} #hero .hero-banner .hero-copy{color:#fff;padding:20px;} #hero .hero-banner h3{font:38px arial;margin:20px 0 0;} #hero .hero-banner h3 span{position:relative;left:53px;} #hero .hero-banner h4{font:bold 36px arial;letter-spacing:1px;position:relative;left:54px;text-shadow:2px 2px #0d3758;word-spacing:2px;} #hero .hero-banner .cta-hero #phoneNumberHero{color:#fff;font:bold 24px arial;position:absolute;bottom:7px;left:12px;text-shadow:none;} #hero .hero-banner .cta-hero #phoneNumberHero a{color:#fff;text-decoration:none;} #hero .hero-banner p{font:bold 16px arial;} #hero .hero-banner p span{font:bold 18px arial;} .gracias #hero .hero-banner{background:url('/content/dam/alarmas/desktop/hero-thank-you.jpg') no-repeat top left transparent;height:328px;width:960px;} .gracias #copy .col-copy {width:550px;} .home #hero{height:454px;width:960px;position:relative;} .hogar #hero .hero-banner{background:url('/content/dam/alarmas/desktop/hero-hogar.jpg') no-repeat top left transparent;height:328px;width:683px;} .hogar #hero .hero-banner .hero-copy{padding:0 20px;width:450px;} .hogar #hero .cta-hero{background:url('/content/dam/alarmas/desktop/call-me-green.png ') no-repeat top left transparent;height:68px;width:195px;position:absolute;bottom:3px;left:285px;} .hogar #hero .hero-banner h3{font:32px arial;letter-spacing:1px;margin:20px 0 0;text-align:right;word-spacing:1px;} .hogar #hero .hero-banner p{position:absolute;bottom:15px;left:100px;width:200px;} .hogar.pr #hero .hero-banner{background:url('/content/dam/alarmas/desktop/ParaTuHogar.jpg') no-repeat top left transparent;height:328px;width:950px;} .hogar.pr #hero .hero-banner .hero-copy{display:none;} .hogar.pr #hero .cta-hero{display:none;} .hogar.pr #hero .hero-banner h3{display:none;} .hogar.pr #hero .hero-banner p{display:none;} .medica #hero .hero-banner{background:url('/content/dam/alarmas/desktop/hero-medica.jpg') no-repeat top left transparent;height:328px;width:683px;} .medica #hero .cta-hero{background:url('/content/dam/alarmas/desktop/call-me-red.png') no-repeat top left transparent;height:68px;width:195px;position:absolute;bottom:50px;left:68px;} .paquetes #hero .hero-banner{background:url('/content/dam/alarmas/desktop/hero-paquetes.jpg') no-repeat top left transparent;height:328px;width:683px;} .paquetes #hero .cta-hero{background:url('/content/dam/alarmas/desktop/call-me-red.png ') no-repeat top left transparent;height:68px;width:195px;position:absolute;bottom:10px;left:15px;} .paquetes #hero .hero-banner p{position:absolute;bottom:15px;left:215px;width:200px;} .paquetes.pr #hero .hero-banner{background:url('/content/dam/alarmas/desktop/Paquetes.jpg') no-repeat top left transparent;height:328px;width:950px;} .paquetes.pr #hero .hero-banner .hero-copy{display:none;} .paquetes.pr #hero .cta-hero{display:none;} .paquetes.pr #hero .hero-banner h3{display:none;} .paquetes.pr #hero .hero-banner p{display:none;} .pulse #hero .hero-banner{background:url('/content/dam/alarmas/desktop/ADT_Alarmas_O.jpg') no-repeat top left transparent;height:328px;width:683px;background-size:100%;} .pulse #hero .cta-hero{background:url('/content/dam/alarmas/desktop/call-me-green.png ') no-repeat top left transparent;height:68px;width:195px;position:absolute;bottom:10px;left:15px;} .pulse #hero .hero-banner p{position:absolute;bottom:15px;left:215px;width:200px;} .pulse.pr #hero .hero-banner{background:url('/content/dam/alarmas/desktop/ADTPulse.jpg') no-repeat top left transparent;height:328px;width:950px;} .pulse.pr #hero .hero-banner .hero-copy{display:none;} .pulse.pr #hero .cta-hero{display:none;} .pulse.pr #hero .hero-banner h3{display:none;} .pulse.pr #hero .hero-banner p{display:none;} .video #hero .hero-banner{background:url('/content/dam/alarmas/desktop/hero-video.jpg') no-repeat top left transparent;height:328px;width:683px;} .video #hero .cta-hero{background:url('/content/dam/alarmas/desktop/call-me-green.png') no-repeat top left transparent;height:68px;width:195px;position:absolute;bottom:60px;left:40px;} .video.pr #hero .hero-banner{background:url('/content/dam/alarmas/desktop/VideoVigilancia.jpg') no-repeat top left transparent;height:328px;width:950px;} .video.pr #hero .hero-banner .hero-copy{display:none;} .video.pr #hero .cta-hero{display:none;} .video.pr #hero .hero-banner h3{display:none;} .video.pr #hero .hero-banner p{display:none;} /* rotator in-page placement */ div.rotator { position:relative; height:454px; } /* rotator css */ div.rotator ul li { float:left; position:absolute; list-style: none; } /* rotator image style */ div.rotator ul li img { } div.rotator ul li.show { z-index:500; } #form-container{background:url('/content/dam/alarmas/desktop/bkg-form.png') no-repeat top left transparent;padding:15px;height:300px;width:235px;z-index:1000;} .home #form-container{position:absolute;left:15px;top:60px;} #form-container .form-header{margin:5px 0 0;} #form-container .form-header h6{background:url('/content/dam/alarmas/desktop/icon-sheild-check.png') no-repeat top left transparent;display:block;height:24px;font:bold 14px arial;padding-left:37px;} #form-container .form-header p{margin:40px 0 5px;font:bold 10px arial;} #form-container .col-two{width:235px;position:relative;} #form-container fieldset div.left,#form-container fieldset div.right{position:relative;margin:8px 0 0 2px;} #form-container .submit{margin:10px auto;width:194px;} #form-container label{display:block;font:bold 11px arial;} #form-container input{border:1px solid #A7A6AA;width:109px !important;padding:1px 0px !important;} #form-container input.submit-button{background:url('/content/dam/alarmas/desktop/button-submit.jpg') no-repeat top left transparent;margin:0 auto;border:none;cursor:pointer;height:32px;width:194px !important;} #form-container input.submit-button:hover{background:url('/content/dam/alarmas/desktop/button-submit-hover.jpg') no-repeat top left transparent;margin:0 auto;border:none;cursor:pointer;height:32px;width:194px;} #form-container input.submit-button:active{background:url('/content/dam/alarmas/desktop/button-submit-active.jpg') no-repeat top left transparent;margin:0 auto;border:none;cursor:pointer;height:32px;width:194px;} #form-container select{border:1px solid #A7A6AA;padding:1px 0 !important;width:113px !important; display:block !important; color:#000 !important;height:22px !important;} #form-container .required{/*margin:3px 0 0;*/ color:#0060aa;font:11px arial;} #form-container .error{background:url('/content/dam/alarmas/desktop/error-bkg.png') top right transparent no-repeat;padding:0 4px;color:#fff;font:11px arial;position:absolute;height:13px;width:50px;text-align:left;display:block; top:0px;right:0px;} #form-container #thank-you {margin:30px 0} #form-container #thank-you h3{font:bold 18px arial;text-align:center;text-shadow:2px 2px #e3c13d;} #form-container #thank-you h4{font:bold 14px arial;margin:35px 0;text-align:center;} #form-container #thank-you p{font:bold 12px arial;margin:5px 0 0;text-align:center;} #copy .col-copy{width:700px;} .home #copy .col-copy{width:595px;} #copy .col-copy .icon-services{position:relative;left:-5px;} #copy .col-copy h5{margin:0 0 20px;font:bold 30px arial;} #copy .col-copy h1{color:#0060aa;font:bold 19px arial;} #copy .col-copy h2{color:#0060aa;font:bold 14px arial;} #copy .col-copy h3{color:#0060aa;font:bold 16px arial;} #copy .col-copy h3{margin:0 15px;padding:90px 0 0;font:bold 11px arial;float:left;text-align:center;text-transform:uppercase;} #copy .col-copy h3.theft{background:url('/content/dam/alarmas/desktop/icon-robo.png') top left no-repeat transparent;width:90px;margin:0 15px 0 0;} #copy .col-copy h3.fire{background:url('/content/dam/alarmas/desktop/icon-incendio.png') top left no-repeat transparent;width:90px;} #copy .col-copy h3.carbon-monoxide{background:url('/content/dam/alarmas/desktop/icon-monoxido.png') top left no-repeat transparent;width:90px;} #copy .col-copy h3.flood{background:url('/content/dam/alarmas/desktop/icon-inundacion.png') top left no-repeat transparent;width:90px;} #copy .col-copy p{margin:5px 0 20px;font:12px arial;} .home #copy .col-copy p{margin:15px 0;font:13px arial;} .gracias #copy .col-copy{margin:15px auto;} #copy .col-copy p span{color:#0060aa;font:bold 18px arial;} #copy .col-banner {height:458px;width:250px;} #copy .col-banner a{background:url('/content/dam/alarmas/desktop/banner-qc-vertical.jpg') no-repeat top left transparent; height:458px;width:250px;cursor:pointer;display:block;} .home #copy .col-banner{position:relative;top:50px;height:234px;width:345px;} .home #copy .col-banner a{background:url('/content/dam/alarmas/desktop/banner-qc-horizontal.jpg') no-repeat top left transparent;height:234px;width:345px;cursor:pointer;display:block;} .hogar #copy .col-banner{background:url('/content/dam/alarmas/desktop/alarm-panel.png') no-repeat top left transparent; height:186px;width:250px;} #copy .col-banner h5{display:none;} #copy #diagram{background:url('/content/dam/alarmas/desktop/accordion-bkg.jpg') no-repeat top left transparent;height:442px;width:695px;} #copy #image{float:left;position:relative;} #copy #image.a1{background:url('/content/dam/alarmas/desktop/a1.png') no-repeat top left transparent;height:393px;width:443px;left:16px;top:8px;} #copy #image.a2{background:url('/content/dam/alarmas/desktop/a2.png') no-repeat top left transparent;height:393px;width:443px;left:15px;top:25px;} #copy #image.a3{background:url('/content/dam/alarmas/desktop/a3.png') no-repeat top left transparent;height:393px;width:443px;left:16px;top:13px;} #copy #image.a4{background:url('/content/dam/alarmas/desktop/a4.png') no-repeat top left transparent;height:393px;width:443px;left:16px;top:6px;} #copy #image.a5{background:url('/content/dam/alarmas/desktop/a5.png') no-repeat top left transparent;height:393px;width:443px;left:21px;top:6px;} #services{margin-top:-60px;} #services div{border-left:1px solid #e0dbdb;height:320px;width:239px;} #services div.first{border:none;} #services span{display:block;margin:0 auto;} #services .theft span{background:url('/content/dam/alarmas/desktop/icon-robo-lrg.png') no-repeat top left transparent;height:118px;width:118px;} #services .fire span{background:url('/content/dam/alarmas/desktop/icon-incendio-lrg.png') no-repeat top left transparent;height:118px;width:118px;} #services .carbon-monoxide span{background:url('/content/dam/alarmas/desktop/icon-monoxido-lrg.png') no-repeat top left transparent;height:118px;width:118px;} #services .flood span{background:url('/content/dam/alarmas/desktop/icon-inundacion-lrg.png') no-repeat top left transparent;height:118px;width:118px;} #services h2{margin:0 auto;color:#0060aa;font:bold 15px arial;height:50px;text-align:center;} #services p{margin:0 15px;font:12px arial;} #packages{background:url('/content/dam/alarmas/desktop/packages-txt.jpg') no-repeat top left transparent;height:442px;width:695px;display:block;margin-top:20px;} #accordion{padding-right:4px;width:218px;} #accordion div{border-bottom:1px solid #dbdbdb;border-top:2px solid #f4f4f4;padding:10px;cursor:pointer;} #accordion span{background:url('/content/dam/alarmas/desktop/accordion-arrow.png') no-repeat top left transparent;height:7px;width:14px;display:block;position:relative;top:-13px;left:93px;} #accordion .top{background:none;border-top:none;} #accordion .last{border-bottom:none;} #accordion h4{color:#0060aa;font:bold 13px arial;margin:0;} #accordion p{font:12px arial;display:none;} #mini-banner{position:relative;margin:50px 0 10px;} #mini-banner li{background:url('/content/dam/alarmas/desktop/mini-banner-bkg-pixel.jpg') repeat-x top left transparent;height:150px;width:230px;display:block;float:left;padding:30px 0;} #mini-banner li a{color:#000;cursor:pointer;text-decoration:none;} #mini-banner li div{border-left:1px solid #b6cfe6;height:150px;padding:0 10px;} #mini-banner li div.first{border:none;} #mini-banner li.left{background:url('/content/dam/alarmas/desktop/mini-banner-bkg-left.png') no-repeat top left transparent;height:150px;width:20px;display:block;} #mini-banner li.right{background:url('/content/dam/alarmas/desktop/mini-banner-bkg-right.png') no-repeat top left transparent;height:150px;width:20px;display:block;} #mini-banner h5{font:bold 26px arial;} #mini-banner .logo-pulse{padding:10px 23px 0;height:140px;} #mini-banner .logo-pulse h5{background:url('/content/dam/alarmas/desktop/logo-adt-pulse.png') no-repeat top left transparent; height:37px;width:90px;display:block;} #mini-banner .logo-pulse h5 span{display:none;} #mini-banner h6{color:#0060aa;font:bold 16px arial;} #mini-banner p{font:12px/14px arial;margin:20px 0 0;} #mini-banner .truste{padding:20px 23px 0;height:130px;} #mini-banner .truste h5{background:url('/content/dam/alarmas/desktop/icon-phone-smaller.png') no-repeat top left transparent; height:18px;display:block;padding:0 0 0 25px;color:#0060aa;font:bold 16px arial;} #mini-banner .truste h6{margin:0 0 0 26px;font:bold 18px arial;} #mini-banner .truste h6 a{color:#0060AA;text-decoration:none;} #mini-banner .truste a.truste-logo{display:block; height:34px;width:124px; margin:30px auto;} #mini-banner .truste a span{background:url('/content/dam/alarmas/desktop/logo-truste.png') no-repeat top left transparent;cursor:pointer;display:block;height:34px;width:124px;} #footer{position:relative;margin:20px 0;} #footer p{color:#505050;font:12px arial;margin:0 0 10px;} #footer a{color:#505050;} #footer a:hover{color:#0060aa;} .form-content input { border: 1px solid #CDB21D; border-radius: 0; box-shadow: none; color: #000 !important; /*font-size: 12px;*/ margin: 0; display:block !important; } .form-content input.error, .form-content select.error { background: #ffeaea none repeat scroll 0 0 !important; border: 1px solid #c62a2f !important; position: relative !important; width:105px !important; height:16px !important; display:block !important; } #free-review-form #popup-form.superForm input.error, .superForm select.error{ background: #ffeaea none repeat scroll 0 0 !important; border: 1px solid #c62a2f !important; position: relative; } .form-content label.error::after { border-left: 8px solid transparent; border-right: 0 solid transparent; border-top: 8px solid #c62a2f; bottom: -8px; content: ""; display: block; height: 0; position: absolute; right: 0; width: 0; z-index: 5; } .form-content label.error { background: #c62a2f none repeat scroll 0 0; color: #fff; font-size: 11px; min-width: 54px; padding: 1px 4px; position: absolute; right:0px; top: 2px !important; width: auto; display : block; } .superForm input.submit-button { background: url('/content/dam/adt/media/super-form-submit.jpg') -3px -1px no-repeat!important; color: #FFF; letter-spacing: 0!important; border-color: #ffc000; padding: 3px 0 4px 10px!important; text-shadow: #744a00 1px 1px 1px; } ::-webkit-input-placeholder { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } :-moz-placeholder { /* Firefox 18- */ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } ::-moz-placeholder { /* Firefox 19+ */ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } :-ms-input-placeholder { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } #free-review-form #popup-form.superForm input.submit-button { background: #02609e!important; padding: 3px 0 4px!important; border-color: #0170b9!important; } .superForm input.submit-button { padding: 3px 0 4px; text-align: center; cursor: pointer; font-weight: bold; } #free-review-form #popup-form .form-content label.error{ position: absolute; right: 3px; } #free-review-form #popup-form.superForm select.lbl-none{ width : 99%; } .ie9 #Contact_Form_promo input[type="checkbox"], input[type="radio"]{ box-sizing : content-box; padding : 1px !important; } .form-content .col-three label.error{ position: absolute; right: 15px; } input, textarea, keygen, select, button{ font: 13.3333px Arial !important; } #Contact_Form_promo p.required{ margin:8px 0 0; } .footer-bottom{ display:flex; border-top: 1px solid lightgray; padding-top: 20px; margin-top: 20px; } .footer-bottom .footer-bottom-txt{ flex-basis:70%; } .footer-bottom .footer-bottom-logos{ flex-basis:30%; display:flex; justify-content: flex-end; } /*#form-container div.error{ display:none !important; }*/