/* Proyecto: Landing Notarios Autor: Pedro de la Cruz Fecha: 1/7/2019 */ /***************************** RESET *****************************/ 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; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a{outline: medium none;text-decoration: none;} a img{border:none;} input:focus, select:focus, textarea:focus, button:focus { outline: none; } /***************************** PROPIEDADES GENERALES ******************************/ body{margin:0;padding:0;font-family:'montserratregular', Helvetica, sans-serif;font-size: 1em;line-height: 1.5em;} .container{display:block;width:100%;margin:0 auto;position:relative;max-width:1180px;margin:0 auto;position:relative;} #wrapper{overflow:hidden;} .enl_up{display: none;width: 50px;height: 50px;background: url(../img/arrow_up.png) top left no-repeat;text-indent: -99999px;z-index: 100;position: fixed;bottom: 20px;right: 20px;} .block_cover{display:table;width:100%;height: 100%;} .inside_cover{display:table-cell;width: 100%;height: 100%;vertical-align: middle;position: relative;} /***************************** CONTENIDOS ******************************/ /*****BLOQUE INICIAL*********/ #home{background:#006bb7;position: relative;} #home:after{position:absolute;bottom: 0px;left:0; width:100%; background: url('../img/skyline.png') bottom center repeat-x;height: 300px;display: block;content:'';z-index: 1;} #home:before {z-index: 2;content:'';position:absolute;left:0px;bottom:0px;width:100%;height:100px;background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);background:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);background:-ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#99000000',GradientType=0)} #home .container{text-align: center;padding-top:34px;padding-bottom:400px;} #home h2{display: inline-block;padding: 5px 15px;background: #ffffff;color:#006bb7;font-size:46px;line-height: 48px;padding-top:10px;} #home h1{display: inline-block;padding: 5px 15px;background: #ffffff;color:#f47920;font-family:'montserratsemibold', Helvetica, sans-serif;font-size:46px;line-height: 48px;padding-top:10px;} #home h3{display: inline-block;padding: 5px 15px;background: #00aeef;color:#ffffff;font-size:46px;line-height: 48px;padding-top:10px;} #home h3 strong{font-family:'montserratsemibold', Helvetica, sans-serif;} .line_title{margin-bottom:15px;position: relative;opacity:0;margin-left: -300px;} .title_sup{padding-bottom: 70px;} #home p{color:#ffffff;margin-bottom: 20px;font-size: 14px;line-height: 21px;position: relative;top:-35px;opacity:0;font-family:'montserratmedium', Helvetica, sans-serif;} .box_menus{position: relative;padding-top:80px;} .box_menus > ul{padding:0;margin: 0;font-size: 0;} .box_menus > ul > li{display:inline-block;width: 25%;box-sizing: border-box;position: relative;vertical-align: top;} .box_menus > ul > li a span:after{content:'';display: block;position: absolute;bottom: -11px;margin: 0 auto;left:0;right:0;border-radius: 3px;height: 5px;width: 95%;z-index:5;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} /*.box_menus ul li:hover:after{height: 45px;}*/ .box_menus > ul > li.color-1 a span:after{background:#00b4ac;} .box_menus > ul > li.color-2 a span:after{background:#f07d00;} .box_menus > ul > li.color-3 a span:after{background:#00a1e4;} .box_menus > ul > li.color-4 a span:after{background:#8dc154;} .box_menus > ul > li a{font-size: 22px;font-family:'bebas_neueregular', Helvetica, sans-serif;color:#ffffff;position: relative;z-index: 10;display: block;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} .box_menus > ul > li.color-1 a:hover{color:#00b4ac;} .box_menus > ul > li.color-2 a:hover{color:#f07d00;} .box_menus > ul > li.color-3 a:hover{color:#00a1e4;} .box_menus > ul > li.color-4 a:hover{color:#8dc154;} .box_menus > ul > li.color-1.over > a{color:#00b4ac;} .box_menus > ul > li.color-2.over > a{color:#f07d00;} .box_menus > ul > li.color-3.over > a{color:#00a1e4;} .box_menus > ul > li.color-4.over > a{color:#8dc154;} /*.box_menus > ul > li.over .despl_menu{display:block;}*/ .despl_menu{position: relative;width:95%;left:0;right: 0;margin: 0 auto;box-sizing: border-box;padding-left: 10px;display:none;padding-top: 20px;} .despl_menu li{text-align: left;} .despl_menu li a{display: inline-block;position: relative;font-size: 19px !important;} .despl_menu li a:before{content:'>>';display: inline-block;margin-right: 5px;} #icon_casa{display: block;width: 412px;height: 279px;right: 0px;bottom: -70px;background: url('../img/ico_casa.png') top left no-repeat;z-index: 3;position: absolute;} .icons_bolas{display: block;max-width: 692px;height: 126px;bottom: 70px;background: url('../img/bolas_home.png') top left no-repeat;z-index: 2;position: absolute;right: 0;left:0;margin: 0 auto;width: 90%;} /*****BLOQUE ANTES COMPRAR*********/ #antes{padding-top:120px;} #antes .container{text-align: center;padding-top:30px;padding-bottom:30px;overflow: hidden;} /*.block_cover h2{color:#231f20;font-size: 36px;line-height: 41px;} .block_cover h2 span{color:#ffffff;font-family:'montserratsemibold', Helvetica, sans-serif;} .block_cover h3{font-size: 18px;line-height: 24px;color:#ffffff;padding-top: 20px;padding-bottom: 20px;} .block_cover h3:after{height: 4px;content: '';width: 100%;background: url(../img/circle.png) center left repeat-x;display: block;margin-top: 32px;} .block_cover h4{font-family:'montserratsemibold', Helvetica, sans-serif;max-width: 490px;margin: 0 auto;color:#ffffff;font-size: 18px;line-height: 24px;margin-top: 48px;margin-bottom: 16px;}*/ .cover_blocks{/*overflow: hidden;*/width: 90%;max-width: 1024px;margin:0 auto;margin-top:-50px;} .left_block{width:50%;float:left;box-sizing: border-box;padding-right: 40px;padding-top: 20px;} .right_block{width:50%;float:right;box-sizing: border-box;padding-left: 40px;padding-top: 20px;} .cover_blocks h5{text-decoration: underline;color:#2e2e2e;font-family:'montserratsemibold', Helvetica, sans-serif;font-size: 18px;line-height: 24px;margin-bottom: 20px;} .cover_blocks p{font-size: 14px;line-height: 20px;color:#2e2e2e;text-align: justify;margin-bottom: 20px;} .embellecedor{clear: both;display:block;width:100%;height:211px;position: relative;text-align: left;} .embellecedor.azul{background: url('../img/embellecedor_1.png') top left no-repeat;} .embellecedor.verde{background: url('../img/embellecedor_2.png') top left no-repeat;} .embellecedor.naranja{background: url('../img/embellecedor_3.png') top left no-repeat;} .embellecedor.azul_o{background: url('../img/embellecedor_4.png') top left no-repeat;} .number{position:absolute;left:127px;top:30px;width: 102px;height:106px;text-indent: -99999px;display: block;} .number.number_1{background:url('../img/numero_1.png') center center no-repeat;} .number.number_2{background:url('../img/numero_2.png') center center no-repeat;} .number.number_3{background:url('../img/numero_3.png') center center no-repeat;} .number.number_4{background:url('../img/numero_4.png') center center no-repeat;} .embellecedor h2{color:#ffffff;font-size: 36px;font-family:'DINNextLTPro_Bold', Helvetica, sans-serif;line-height: 76px;padding-left: 250px;} .single_block{position: relative;opacity: 0;top:150px;} #antes .left_block p{color:#2e2e2e;font-size: 16px;line-height: 24px;} #antes .left_block p strong{font-family:'montserratsemibold', Helvetica, sans-serif;} #antes .right_block{padding-left: 70px;} #antes .right_block h3{color:#00a2e5;font-family:'montserratsemibold', Helvetica, sans-serif;font-size:18px;line-height: 24px;max-width: 400px;margin-bottom: 50px;} .box_desplegables{border-left: 1px solid #bcbdc0;border-right: 1px solid #bcbdc0;border-top: 1px solid #bcbdc0;text-align: left;max-width: 400px;} .box_desplegables .line_despl{border-bottom: 1px solid #bcbdc0;} .box_desplegables .line_despl a{display: block;padding: 10px 20px;font-family:'montserratsemibold', Helvetica, sans-serif;color:#2e2e2e;font-size: 16px;line-height: 21px;position: relative;padding-left: 35px;} .box_desplegables .line_despl a:before{content:'';display: block;position: absolute;left:0;top:50%;margin-top:-15px;height: 30px;width:30px;background: url('../img/ico_desplegable.png') center center no-repeat;} .box_desplegables .line_despl a.anim:before{animation-name: desplegable;animation-duration: 0.2s; animation-iteration-count: 1;animation-timing-function: ease-out;} .box_desplegables .line_despl a.d_anim:before{animation-name: desplegable_r;animation-duration: 0.2s; animation-iteration-count: 1;animation-timing-function: ease-out;} .box_despl p{padding: 10px 20px;font-size: 13px !important;} .line_despl .box_despl{display:none;} #box_arras,#box_cuenta{display:none;width: 100%; max-width: 600px; padding: 20px;} #box_arras p,#box_cuenta p{color:#2e2e2e;font-size: 16px;line-height: 24px;} .box_question{text-align: left;margin-top: 20px;position: relative;height: 129px;max-width: 400px;} .box_question a{display:block;background: #eaeaea;width:calc(100% - 117px);height: 40px;line-height: 40px;text-align: center;color:#00a2e5;font-family:'montserratsemibold', Helvetica, sans-serif;border-radius: 4px;webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;position:absolute;top:50%;margin-top:-20px;left: 0;} .box_question a:hover{opacity:0.7;} .box_question:before{content:'';display: block;width: 102px;height: 129px;background: url('../img/ico_question.png') center center no-repeat;position: absolute;top:0;right:0;} /*****BLOQUE PRIVADO*********/ #privado{padding-bottom: 30px;} #privado .container{text-align: center;padding-top:30px;padding-bottom:30px;position: relative;} #privado .left_block p{color:#2e2e2e;font-size: 16px;line-height: 24px;} #privado .left_block p strong{font-family:'montserratsemibold', Helvetica, sans-serif;} #privado .right_block{text-align: left} .box_contrato{background:#c9e9e6;border-radius: 4px;padding:50px 20px 10px 20px;margin-top:150px;position:relative;} .box_contrato:before{position:absolute;top:-75px;left:0px;right: 0px;margin: 0 auto;display: block;width: 103px;height: 109px;content: '';background: url('../img/circle_book.png') top left no-repeat;} .box_contrato p{font-size: 14px !important;line-height: 21px !important;} .box_contrato p strong{font-family:'montserratsemibold', Helvetica, sans-serif;} #privado .right_block h2{font-family:'montserratsemibold', Helvetica, sans-serif;font-size: 17px; color:#ffffff;display: block;box-sizing: border-box;background: url('../img/shape_verde.png') top left no-repeat;width: 170px;height: 30px;line-height: 30px;padding-left: 10px;margin-bottom: 30px;} #privado .right_block .single_block h3{font-family:'montserratsemibold', Helvetica, sans-serif;font-size: 14px;line-height: 18px;color:#006957;margin-bottom: 3px;} #privado .right_block h4{font-family:'montserratsemibold', Helvetica, sans-serif;font-size: 16px; color:#006957;line-height: 21px;margin-bottom: 15px;padding-top: 15px;} #privado .right_block .single_block p{font-size: 13px;line-height: 21px;color:#262626;} #privado .right_block .single_block p strong{font-family:'montserratsemibold', Helvetica, sans-serif;} .block_slider{background:#c9e9e6;border-radius: 4px;} .single_slide{box-sizing: border-box;padding:20px 20px;padding-top: 15px;} .single_slide h5{font-family:'montserratsemibold', Helvetica, sans-serif;color:#006957;text-decoration:none;font-size: 18px;margin-bottom: 15px;} .single_slide h5.lupa:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_lupa.png') top left no-repeat;margin-right: 18px;} .single_slide h5.arrow:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_arrow.png') top left no-repeat;margin-right: 18px;} .single_slide h5.bocadillo:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_bocadillo.png') top left no-repeat;margin-right: 18px;} .single_slide h5.info:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_info.png') top left no-repeat;margin-right: 18px;} .single_slide h5.man:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_man.png') top left no-repeat;margin-right: 18px;} .single_slide h5.ojo:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_ojo.png') top left no-repeat;margin-right: 18px;} .single_slide h5.square:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_square.png') top left no-repeat;margin-right: 18px;} .single_slide h5.wifi:before{content:'';display: inline-block;vertical-align: middle;width: 34px;height: 35px;background: url('../img/ico_wifi.png') top left no-repeat;margin-right: 18px;} .single_slide p{margin-bottom: 3px !important;color:#006957;font-size: 13px;line-height: 18px;} .single_slide ul{padding-left:20px;} .single_slide ul li{list-style:disc;color: #006957;} .single_slide p strong{font-family:'montserratsemibold', Helvetica, sans-serif;} .bx-wrapper{box-shadow:0 0 0px #ffffff !important;border: 5px solid #c9e9e6;background: #c9e9e6;border-radius: 4px;} .bx-wrapper .bx-prev{left:-20px;} .bx-wrapper .bx-next{right:-20px;} /*****BLOQUE CONTRATAR*********/ #contratar{padding-bottom: 80px;} #contratar .embellecedor h2 span{display:block;} #contratar .embellecedor h2 span:first-child{line-height: 36px;font-size: 36px;padding-top: 12px;} #contratar .embellecedor h2 span:last-child{font-family:'montserratregular', Helvetica, sans-serif;font-size: 24px;line-height: 15px;} .top_contratar{clear:both;text-align: center;margin-top:-110px;margin-bottom: 30px;} .top_contratar h3{font-family:'montserratsemibold', Helvetica, sans-serif;color:#ffffff;text-align: center;background: url(../img/shape_naranja.png) top left no-repeat;width:170px;height: 30px;line-height: 34px;font-size: 18px;margin: 0 auto;} #contratar .cover_blocks{margin-top:0;} #contratar .cover_blocks h4{font-family:'montserratbold', Helvetica, sans-serif;color:#878787;font-size: 23px;padding-bottom: 55px;font-size:18px;} #contratar .cover_blocks h4 span{color:#f47920;font-size: 21px;} #contratar .cover_blocks h5{font-family:'montserratsemibold', Helvetica, sans-serif;color:#f47920;font-size: 21px;text-decoration:none} #contratar .cover_blocks p.txt_big{color:#2e2e2e;font-size: 18px;font-family:'montserratsemibold', Helvetica, sans-serif;} #contratar .cover_blocks p strong{font-family:'montserratsemibold', Helvetica, sans-serif;} #contratar .box_desplegables{max-width:100% !important;margin-bottom: 30px;} #box_fein{display: none;} .box_q_fein{text-align: left;margin-top: 20px;position: relative;height: 129px;} .box_q_fein a{display:block;background: #eaeaea;width:calc(100% - 222px);height: 40px;line-height: 40px;text-align: center;color:#a5a5a5;font-family:'montserratsemibold', Helvetica, sans-serif;border-radius: 4px;webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;position:absolute;top:50%;margin-top:-40px;left: 0;} .box_q_fein a:hover{opacity:0.7;} .box_q_fein:before{content:'';display: block;width: 200px;height: 76px;background: url('../img/icons_naranja.png') center center no-repeat;position: absolute;top:0;right:0;background-size: 200px;} .box_q_fein a span:after{content:'';display: inline-block;background: url(../img/ico_desplegable.png) top left no-repeat;width:20px;height:20px;margin-left: 7px;position: relative;top:3px;} .box_q_fein a span strong{color:#f47920;} #contratar .box_desplegables .line_despl a{display: block;padding: 10px 20px;font-family:'montserratsemibold', Helvetica, sans-serif;color:#2e2e2e;font-size: 12px;line-height: 18px;position: relative;padding-left: 25px;} #contratar .box_desplegables .line_despl a:before{content:'';display: block;position: absolute;left:5px;top:50%;margin-top:-8px;height: 15px;width:15px;background: url('../img/ico_desplegable.png') center center no-repeat;background-size: 15px;} #contratar .cover_blocks.block_2 h4 span{display:block} #contratar .cover_blocks.block_2 h4:before{display:inline-block;content: '';} .box_precontractual{overflow: hidden;padding-top:15px;} .box_precontractual img{display: block;width: 72px;margin: 0 auto;position: relative;z-index: 1;} .left_precont{width: 50%;float:left;} .left_precont p{font-size: 14px;line-height:16px;position: relative;box-sizing: border-box;padding-right: 8px;} .left_precont .txt_precont{box-sizing:border-box;padding-top: 20px;position: relative;} .left_precont .txt_precont:before{content:'';display: block;height: 3px;width: 100%;background: #5db9e8;position: absolute;top:-15px;} .left_precont p strong{color:#5db9e8;} .right_precont{width: 50%;float:right;} .right_precont p{font-size: 12px;line-height:14px;position: relative;box-sizing: border-box;padding-left: 8px;} .right_precont .txt_precont{box-sizing:border-box;padding-top:20px;position: relative;} .right_precont .txt_precont:before{content:'';display: block;height: 3px;width: 100%;background: #69a2d7;position: absolute;top:-15px;} .right_precont p strong{color:#69a2d7;} .box_precontractual.desplegables{padding-top:100px;padding-bottom: 20px;} .box_precontractual h5{color:#2e2e2e !important;font-size: 15px !important;text-align: center;margin-bottom: 0px;} .box_precontractual.desplegables .left_precont .txt_precont::before{top:0 !important;background:#f15922 !important;} .box_precontractual.desplegables .right_precont .txt_precont::before{top:0 !important;background:#f8ac90 !important;} .box_precontractual.desplegables .line_despl a{text-align: center;font-family:'montserratregular', Helvetica, sans-serif !important;width: 90% !important;} .box_precontractual.desplegables .line_despl a img{width: auto !important;margin-top: 15px;height:40px} .box_precontractual.desplegables .line_despl a span{display: block;font-size: 13px;line-height: 16px;color:#000000 !important;padding-top:10px;min-height: 80px;} .box_precontractual.desplegables .left_precont .txt_precont,.box_precontractual.desplegables .right_precont .txt_precont{padding-top:0px;} #contratar .cover_blocks.block_2 h4{font-family:'montserratsemibold', Helvetica, sans-serif;} #contratar .cover_blocks.block_2 .left_block h4:before{content: '';display: inline-block;background: url(../img/letter_a.png) top left no-repeat;vertical-align: middle;width: 62px;height: 62px;margin-right: 15px;float: left;position: relative;top:-8px;} #contratar .cover_blocks.block_2 .right_block h4:before{content: '';display: inline-block;background: url(../img/letter_b.png) top left no-repeat;vertical-align: middle;width: 62px;height: 62px;margin-right: 15px;float: left;position: relative;top:-8px;} #contratar .cover_blocks.block_2{padding-top:40px;position: relative;} .box_senales{padding-top:40px;text-align: center;position: relative;} .box_senales:after{content:'';display:block;background: url(../img/line_ver.png) top left repeat-y; width: 6px;position: absolute;height: 458px;right:50%;margin-right: -3px;} #contratar .cover_blocks.block_2:before{content:'';display:block;background: url(../img/line_hor.png) top left repeat-x;position: absolute;height: 6px;width: calc(77% - 32px);left:30px;top:0px;} #contratar .cover_blocks.block_2 .left_block:before{content:'';display:block;background: url(../img/line_ver.png) top left repeat-y; width: 6px;position: absolute;height: 50px;left:30px;top:-30px;} #contratar .cover_blocks.block_2 .right_block:before{content:'';display:block;background: url(../img/line_ver.png) top left repeat-y; width: 6px;position: absolute;height: 50px;left:65px;top:-30px;} #contratar .cover_blocks.block_2 .right_block,#contratar .cover_blocks.block_2 .left_block{position:relative;} .aviso_contract{background:#f47920;box-sizing: border-box;padding:20px 15px;position: relative;} .aviso_contract:before{content:'';display: block;background: url(../img/ico_estilografica.png) bottom center no-repeat;height: 47px;width: 100%;position: absolute;top:-47px;} .aviso_contract p{margin-bottom: 0;text-align: center;color:#ffffff;font-size: 14px;line-height: 20px;} .list_contract{padding-bottom: 60px;} .list_contract p{font-size: 14px;line-height: 16px;position: relative;box-sizing: border-box;padding-left: 89px;min-height: 69px;margin-bottom: 40px;} .list_contract p:before{content:'';display:inline-block;width: 69px;height: 69px;position: absolute;top:0;left:0;} .list_contract p.icon_1:before{background: url(../img/ico_calendar.png) top left no-repeat;} .list_contract p.icon_2:before{background: url(../img/ico_people.png) top left no-repeat;} .list_contract p.icon_3:before{background: url(../img/ico_list.png) top left no-repeat;} .list_contract p.icon_4:before{background: url(../img/ico_contrato.png) top left no-repeat;} .list_contract p.icon_5:before{background: url(../img/ico_docu_ok.png) top left no-repeat;} .list_contract p.icon_6:before{background: url(../img/ico_docu_final.png) top left no-repeat;} .list_contract a{color:#a5a5a5;font-family:'montserratsemibold', Helvetica, sans-serif;} /*****BLOQUE GESTIONES*********/ #gestiones{padding-bottom: 80px;} #gestiones .left_block {padding-right:0px; } #gestiones .right_block{padding-left: 0px;} #gestiones .top_gestiones{clear:both;max-width: 1024px;margin: 0 auto;margin-bottom: 20px;margin-top: -50px;width: 90%;} #gestiones .top_gestiones h3{font-family:'montserratsemibold', Helvetica, sans-serif;color:#006bb7;font-size:24px;line-height: 32px;} #gestiones .top_gestiones h4{font-family:'montserratsemibold', Helvetica, sans-serif;color:#262626;font-size: 18px;line-height: 21px;} #gestiones .cover_blocks{margin-top:-30px;} #gestiones .cover_blocks h4{font-family:'montserratsemibold', Helvetica, sans-serif;color:#262626;font-size: 14px;text-align:center;position: relative;margin-bottom: 5px;} #gestiones .cover_blocks .left_block h4:after{content:'';display: block;height: 2px;background:#006bb7;position: absolute;bottom:4px;width: 100%;} #gestiones .cover_blocks .right_block h4:after{content:'';display: block;height: 2px;background:#006bb7;position: absolute;bottom:4px;width: 100%;} #gestiones .cover_blocks h5{font-family:'montserratsemibold', Helvetica, sans-serif;color:#006bb7;font-size: 19px;line-height: 49px;height: 45px;background:#e4eef8;text-decoration: none;text-align: center;} /*#gestiones .left_block .list_desplegables{padding-right: 30px;} #gestiones .right_block .list_desplegables{padding-left: 30px;}*/ .list_desplegables{text-align: center;box-sizing: border-box;} .list_desplegables .line_despl{display:block;} .list_desplegables .line_despl a{display: inline-block;color:#006bb7;font-size: 14px;font-family:'montserratsemibold', Helvetica, sans-serif;position:relative;width: 160px;padding-top:15px;padding-bottom: 15px;position: relative;} .list_desplegables .line_despl a:after{content:'';display: block;height:1px;width: 100%;background:#d1d1d4;position: absolute;bottom: 0px;} .list_desplegables .line_despl a:before{content:'';display: block;position: absolute;height: 16px;width:16px;background:url('../img/ico_desplegable.png') center center no-repeat;background-size: 16px;bottom: -8px;z-index: 1;left:0;right:0;margin: 0 auto;} .list_desplegables .line_despl a.no-active{cursor:auto !important;} .list_desplegables .line_despl a.no-active:before{display:none !important;} .list_desplegables .line_despl a.anim:before{animation-name: desplegable;animation-duration: 0.2s; animation-iteration-count: 1;animation-timing-function: ease-out;} .list_desplegables .line_despl a.d_anim:before{animation-name: desplegable_r;animation-duration: 0.2s; animation-iteration-count: 1;animation-timing-function: ease-out;} .second_row{/*border-radius: 4px;*/margin-top: 30px;} .box_q_cuenta{text-align: left;position: relative;clear: both;padding-top: 30px;position: relative;max-width: 1024px;margin: 0 auto;width: 90%;} .box_q_cuenta:before{content:'';display: block;background: url(../img/ico_monedas.png) top left no-repeat;width:91px;height:123px;position: absolute;left:0px;bottom: -65px;} .box_q_cuenta a{display:block;background: #eaeaea;width:220px;height: 40px;line-height: 44px;text-align: center;color:#006bb7;font-family:'montserratsemibold', Helvetica, sans-serif;border-radius: 4px;webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;margin-left: 15%;} .box_q_cuenta a:hover{opacity:0.7;} .box_q_cuenta a span:after{content:'';display: inline-block;background: url(../img/ico_desplegable.png) top left no-repeat;width:20px;height:20px;margin-left: 7px;position: relative;top:3px;} /*.box_question:before{content:'';display: block;width: 102px;height: 129px;background: url('../img/ico_question.png') center center no-repeat;position: absolute;top:0;right:0;}*/ /*****TOP FOOTER*********/ .top_footer{background:#006bb7;} .top_footer .container{width:95%;} .cover_footer{overflow: hidden;text-align: center;padding-top: 25px;padding-bottom: 60px;} .single_footer{display: inline-block;width: 100%;max-width: 135px;margin-right: 70px;vertical-align: top;} .single_footer:last-child{margin-right:0px;} .single_footer img{max-width: 100%;margin-bottom: 15px;} .single_footer p{color:#ffffff;font-size: 11px;line-height: 16px;padding-top:15px;position: relative;} .single_footer p:before{display:block;content:'';height: 1px;width:100%;position: absolute;top:0px;} .single_footer.azul p:before{background: #00aeef;} .single_footer.verde p:before{background: #87c440;} .single_footer.verde_o p:before{background: #00b6ad;} .single_footer.naranja p:before{background: #f7941e;} /***************************** PROPIEDADES FOOTER ******************************/ #footer{height:136px;background: #ffffff;overflow: hidden;} #footer .container{width:95%;} .box_logo{float:left;padding-top: 25px;} .box_rrss{float:right;} .box_rrss ul{padding: 0;margin: 0;font-size: 0;padding-top: 60px;} .box_rrss ul li{display: inline-block;margin-right: 30px;} .box_rrss ul li:last-child{margin-right:0;} .box_rrss ul li p{color:#000000;font-size: 12px;} .box_rrss ul li p a{color:#3b5a99;} .box_rrss .enl_twitter{position: relative;font-size: 12px;color:#3b5a99;} .box_rrss .enl_twitter:before{display:inline-block;content:'';background: url(../img/ico_twitter.png) top left no-repeat;vertical-align: middle;width: 35px;height: 27px;margin-right: 5px;} .box_rrss .enl_youtube{position: relative;font-size: 12px;color:#3b5a99;} .box_rrss .enl_youtube:before{display:inline-block;content:'';background: url(../img/ico_youtube.png) top left no-repeat;vertical-align: middle;width: 64px;height: 25px;margin-right: 5px;} /***************************** PROPIEDADES ESPECIALES ******************************/ a img{border:0;} .clear{clear:both;} .hide,.hide-page{display:none !important;} *{outline: none !important;} *:focus{outline: none !important;} select {-moz-appearance: none;-webkit-appearance:none;} select::-ms-expand {display: none;} .overflow-hidden{overflow:hidden;} .desktop_v{display:block;} .bx-wrapper{box-shadow:0px !important;} strong{font-family:'montserratsemibold', Helvetica, sans-serif;} #box_fein ul,#box_cuenta ul{padding-left:20px;} #box_fein ul li,#box_cuenta ul li{list-style:disc;margin-top:10px;} #box_arras p, #box_cuenta p{font-size:14px;line-height:21px;} #box_fein h5.naranja{color:#f47920;font-size: 18px;font-family:'montserratsemibold', Helvetica, sans-serif;line-height:21px;} .fancybox-content p{font-size:14px !important; line-height:18px;padding-left:10px;} /***************************** ANIMACIONES ******************************/ /* The animation code */ @keyframes desplegable { 0% {transform:rotate(0deg);} 25% {transform:rotate(45deg);} 50% {transform:rotate(90deg);} 75% {transform:rotate(135deg);} 100% {transform:rotate(180deg);} } /* The animation code */ @keyframes desplegable_r { 0% {transform:rotate(180deg);} 25% {transform:rotate(135deg);} 50% {transform:rotate(90deg);} 75% {transform:rotate(45deg);} 100% {transform:rotate(0deg);} } /***************************** WEBKIT HACKS ******************************/ @media screen and (-webkit-min-device-pixel-ratio:0) { } /***************************** MEDIA QUERIES ******************************/ @media screen and (max-width: 1920px) { } @media screen and (max-width: 1200px) { .box_menus > ul > li a{font-size: 18px;} .despl_menu li a{font-size: 17px !important;} #icon_casa {width: 350px;height: 239px;background-size: 350px;} #home .container{width:95%;} } @media screen and (max-width: 1024px) { .box_senales:after{height:468px;} } @media screen and (max-width: 1023px) { .box_menus > ul >li{width:50%;margin-bottom: 35px;} .box_menus > ul > li a{font-size: 21px;} .despl_menu li a{font-size: 19px !important;} #emprender h2{width: 100%;max-width: 540px;margin: 0 auto;} #fuera h4{max-width: 370px;} .block_cover h2{font-size:33px;} .box_rrss ul li{margin-right:15px;} .box_logo img{width: 180px;} .box_logo {padding-top:35px;} .box_rrss ul li p{font-size:11px} .box_rrss .enl_twitter{font-size:11px} .box_rrss .enl_youtube{font-size:11px} .box_q_fein:before{position: inherit;padding-top: 170px;width: 100%;} .box_q_fein{height:200px;} .box_q_fein a{width: 200px;top:10px;left:0;right:0;margin: 0 auto;} } @media screen and (max-width: 900px) { #antes .right_block{padding-left: 40px;} .box_question:before{width: 82px;background-size: 82px;} .box_question a{width: calc(100% - 97px)} .single_footer{margin-right:50px;} .box_precontractual h5{font-size:13px !important} .block_cover h2{font-size:25px;} } @media screen and (max-width: 768px) { .box_senales:after{height:602px;} .single_slide p{ -webkit-text-size-adjust: none; } } @media screen and (max-width: 767px) { #footer{height:auto;} .box_logo{float:inherit;width: 100%;text-align: center;} .box_rrss{float:inherit;width:100%;text-align: center;} .box_rrss ul li{display: block;margin-bottom: 10px;} .box_rrss ul{padding-top:10px;padding-bottom: 35px;} .box_menus > ul >li{width:50%;margin-bottom: 35px;} .cartel,.senal,.bombilla{display:none;} #emprender h2{max-width:100%;} #fuera h4{max-width:490px;} .box_logo img{width:auto;} #icon_casa{display:none;} .icons_bolas{background-size:contain;} #home .container{padding-bottom:300px;} #antes{padding-top:30px;} .left_block,.right_block{width: 100%;float:inherit;padding-right:0;padding-left: 0px;} .box_desplegables{max-width:100%;} #antes .right_block h3{max-width:100%;} #antes .right_block{padding-left:0px;} .box_question{max-width:100%;} .box_question a{max-width:250px;} .embellecedor{height:171px;} .embellecedor.azul{background-position:-70px top;} .embellecedor.verde{background-position:-70px top;} .embellecedor.naranja{background-position:-70px top;} .embellecedor.azul_o{background-position:-70px top;} .embellecedor h2{padding-left: 170px;font-size: 26px;} .number{left:47px;} #contratar .embellecedor h2 span:first-child{font-size: 26px;line-height: 26px;} #privado .right_block h2{margin-top:30px;} .top_contratar{margin-top:-50px;} .box_senales:after{display:none;} #contratar .cover_blocks.block_2:before{display:none;} #contratar .cover_blocks.block_2 .left_block:before,#contratar .cover_blocks.block_2 .right_block:before{display:none;} #contratar .cover_blocks.block_2 .right_block{margin-top:40px;} .box_q_cuenta a{margin-left:101px;} .box_q_cuenta{padding-top:50px;} #gestiones .right_block{padding-top:50px;} .single_footer{width:100%;max-width: 100%;margin-right: 0;padding-bottom: 30px;} .single_footer p{ max-width: 320px;margin: 0 auto;} .cover_footer{padding-top:50px;} } @media screen and (max-width: 640px) { .box_menus > ul >li{width:100%;margin-bottom: 35px;} .intro_home{margin-left:-140px;} .enl_up{width:35px;height: 35px;background-size: 35px;} .desktop_v{display:none;} .mobile_v{display:block;} #home h1{font-size: 28px;line-height: 38px;} #home h2{font-size: 28px;line-height: 38px;} #home h3{font-size: 28px;line-height: 38px;} .title_sup{padding-bottom: 40px;} .box_menus{padding-top:40px;} .icons_bolas{display:none;} .embellecedor h2{font-size:18px;padding-left: 90px;} .embellecedor.azul{background-position:-120px top;} .embellecedor.verde{background-position:-120px top;} .embellecedor.naranja{background-position:-120px top;} .embellecedor.azul_o{background-position:-120px top;} .number{width: 62px;height: 66px;background-size: 62px !important;left:17px;} #contratar .embellecedor h2 span:first-child{font-size:21px;} #contratar .embellecedor h2 span:last-child{font-size:18px;} .box_q_fein:before{position: inherit;padding-top: 170px;width: 100%;} .box_q_fein{height:200px;} .box_q_fein a{width: 200px;top:10px;left:0;right:0;margin: 0 auto;} #contratar .cover_blocks h4{padding-top:15px;} #contratar .cover_blocks.block_2{padding-top:20px;} #contratar .cover_blocks.block_2 h4 span{font-size:16px;} #contratar .cover_blocks.block_2 h4{font-size:15px;} #contratar .cover_blocks p.txt_big{font-size:16px;} .box_desplegables .line_despl a{font-size: 14px;line-height: 18px;} #antes .left_block p{font-size:14px;line-height: 21px;} #antes .right_block h3{font-size:16px;} #privado .left_block p{font-size:14px;line-height: 21px;} #privado .right_block h4 {font-size: 14px;} #contratar .cover_blocks h5{font-size: 18px;} #contratar .cover_blocks h4 span{font-size:18px;} #contratar .cover_blocks h4{padding-bottom:40px;} #contratar .cover_blocks h4 {font-size: 16px;} #gestiones .top_gestiones h3 {font-size:18px;line-height: 24px;} #gestiones .top_gestiones h4{font-size: 15px;} #gestiones .cover_blocks h5{font-size:17px;} .box_q_cuenta:before{display:none;} } @media screen and (max-width: 480px) { .img_pareja{display:none;} .lema{background-size:213px;width:213px;height: 213px;font-size: 26px;line-height: 26px;margin-bottom: 35px;} .intro_home{margin: 0 auto;} .lema{display:none;} .gota{display:none;} .box_pareja{display:none;} .pareja_mob{display:inline-block;max-width: 90%;margin-bottom: 30px;} .left_precont,.right_precont{width:100%;float:inherit;} .box_precontractual.desplegables{padding-top:30px;} .box_precontractual.desplegables .right_precont{padding-top:50px;} #home h1{font-size: 24px;line-height: 30px;} #home h2{font-size: 24px;line-height: 30px;} #home h3{font-size: 24px;line-height: 30px;} .embellecedor h2 {font-size: 14px;padding-left: 80px;} #contratar .embellecedor h2 span:first-child {font-size: 15px;line-height: 18px;} #contratar .embellecedor h2 span:last-child {font-size: 14px;line-height: 18px;} .box_question:before{display: none;} .box_question a{margin:0 auto;width: 250px;left:0;right:0;} .box_q_cuenta:before{display:none;} .box_q_cuenta a{margin:0 auto;} } @media screen and (max-width: 320px) { }