/* 1. Menu Principal */ /* 2. Bloque servicios home */ /* 3. Rotador home */ /* 4. Bloque nuestros clientes home */ /* 5. Bloque noticias home */ /* 6. Rotador nuestros aliados home */ /* 7. Footer */ /* 8. Página Somos */ /* 9. Header páginas internas */ /* 10. Menú botones portafolio */ /* 11. Página riesgo biomecánico */ /* 12. Página seguridad industrial */ /* 13. Página clientes y aliados */ /* 14. Páginas internas */ /* 15. Títulos rotadores programas */ /* 16. Rotadores programas */ /* 17. Página riesgo psicosocial */ /* 18. Página clientes */ /* 19. Página noticias */ /* 20. Página contactenos */ /* 21. Página search */ /* Inicio 1. Menu Principal */ body #sp-menu .sp-menu.level-0 > li.active > a span{color:#005D9A;} body #sp-menu .sp-menu.level-0 > li:hover > a{color:#005D9A;} body #sp-menu .sp-menu.level-0 > li:hover > a span {color:#005D9A;} body #sp-menu .sp-menu.level-0 > li li {background:#005D9A;} body #sp-menu .sp-menu.level-0 > li > a span{color:#115F97;font-size:14px;font-weight:600;} body #sp-menu .sp-menu.level-0 > li > a:before{top:18px;height:16px;background:#115F97;} body header.header-fixed-top.active #sp-menu .sp-menu.level-0 > li.active > a span{color:#FFFFFF;} body header.header-fixed-top.active #sp-menu .sp-menu.level-0 > li:hover > a{color:#FFFFFF;} body header.header-fixed-top.active #sp-menu .sp-menu.level-0 > li:hover > a span {color:#FFFFFF;} body header.header-fixed-top.active #sp-menu .sp-menu.level-0 > li > a span{color:#FFFFFF;} body header.header-fixed-top.active .logo-wrapper img{max-width:40px;} header.header-fixed-top{background: transparent;} header.header-fixed-top.active{background: #222222;} header.header-fixed-top.active .logo-wrapper{padding-top:5px;} header .search{top:58%;background:#115F97;} .menu-search-button:before {content: "\f002"; color: #115F97;} .sp-mobile-menu{background:transparent;} .sp-mobile-menu ul li { background: rgba(0,0,0,0.9);} .sp-mobile-menu ul li.active > a span { color:#94CBF3 !important;} #sp-header-wrapper { padding: 0px 40px !important;} @media all and (max-width:1340px) { header.header-fixed-top .logo-wrapper{padding-top:0;} #sp-logo{max-width:120px;} } @media all and (max-width:1200px) { body #sp-menu .sp-menu.level-0 > li > a{padding:20px 15px;} #sp-logo{max-width:90px;} } @media all and (max-width:979px) { #sp-logo{max-width:80px;} } @media all and (max-width:780px) { #sp-logo{max-width:70px;} } @media all and (max-width:620px) { #sp-logo{max-width:60px;} } @media all and (max-width:400px) { #sp-logo{max-width:50px;} } /* Final 1. Menu Principal */ /* Inicio 2. Bloque servicios home */ #sp-home-text1-wrapper {padding: 0 !important;background:#000000;box-sizing:border-box;overflow:hidden;} #sp-home-text1-wrapper .container{max-width:100%;width:100%;} #sp-home-text1-wrapper .homeserviciosp1{width:50%;display:grid;float:left;height:538px;grid-template-columns: repeat(2, 1fr);} #sp-home-text1-wrapper .homeserviciosp1riesgobio{background:#7070AF;} #sp-home-text1-wrapper .homeserviciosp1segind{background:#47C589;} #sp-home-text1-wrapper .homeserviciosp1progesp{background:#E98B36;} #sp-home-text1-wrapper .homeserviciosp2{width:50%;display:inline-block;float:right;height:538px;} #sp-home-text1-wrapper .homeserviciosp2 a{width: auto !important;height: auto !important;top: auto !important;left: 9% !important;bottom: 5% !important;} #sp-home-text1-wrapper .homeserviciosp2 a img{height:auto;} #sp-home-text1-wrapper .homeserviciosp2 img{height:100%;} #sp-home-text1-wrapper #homeservicios div{position:relative;} #sp-home-text1-wrapper #homeservicios div:nth-child(3){display:none;} #sp-home-text1-wrapper #homeservicios div a{position:absolute;top: 40%;left: 50%;transform: translate(-50%, -40%);width:100%;height:100%;text-align:center;} #sp-home-text1-wrapper #homeservicios div a img{display:block;margin-top:14%;margin-left: 43%;} #sp-home-text1-wrapper #homeservicios div h5 a{position:absolute;bottom:29%;left: 50%; transform: translate(-50%, 53%);top:auto;width:auto;height:auto;font-size: 1.13em;line-height:1.2em;color:#FFFFFF;} #sp-home-text1-wrapper .homeserviciosp1riespsico{background:#A55A9D;display:block !important;} @media all and (max-width:1230px) { #sp-home-text1-wrapper .homeserviciosp1 {height:400px;width:43%;} #sp-home-text1-wrapper .homeserviciosp2 {height:400px;width:57%;} #sp-home-text1-wrapper .homeserviciosp2 a img{margin-left:26% !important;} #sp-home-text1-wrapper .homeserviciosp2 img{margin: 0 auto;display: block;} #sp-home-text1-wrapper #homeservicios div a img{margin-top: 9%;} #sp-home-text1-wrapper #homeservicios div h5 a{bottom:19%;font-size:1em;line-height:1.1em;width:100%;} } @media all and (max-width:900px) { #sp-home-text1-wrapper .homeserviciosp1 {height:300px;width:43%;} #sp-home-text1-wrapper .homeserviciosp2 {height:300px;width:57%;} #sp-home-text1-wrapper .homeserviciosp2 a img{height:29px !important;} #sp-home-text1-wrapper .container {padding: 0 !important;} #sp-home-text1-wrapper #homeservicios div a{top:57%;} #sp-home-text1-wrapper #homeservicios div a img{height:47%;margin: 0 auto;} #sp-home-text1-wrapper #homeservicios div h5 a{font-size:0.8em;} } @media all and (max-width:640px) { #sp-home-text1-wrapper .homeserviciosp1 {height:230px;width:30%;} #sp-home-text1-wrapper .homeserviciosp2 {height:230px;width:70%;} #sp-home-text1-wrapper #homeservicios div h5 a{font-size: 0.55em;bottom:30%;} #sp-home-text1-wrapper #homeservicios div a img{height:33%;} } @media all and (max-width:560px) { #sp-home-text1-wrapper .homeserviciosp1 {height:230px;width:100%;} #sp-home-text1-wrapper .homeserviciosp2 {height:230px;width:100%;} #sp-home-text1-wrapper #homeservicios div h5 a{font-size: 0.7em;} } @media all and (max-width:360px) { #sp-home-text1-wrapper .homeserviciosp1{height:190px;} #sp-home-text1-wrapper .homeserviciosp2 a img{height: 23px !important;} } /* Final 2. Bloque servicios home */ /* Inicio 3. Rotador home */ #rev_slider_1_3_wrapper ul li h3{font-size:60px;color:#3F4F63;font-weight:700;} #rev_slider_1_3_wrapper ul li h4{font-size:2.4em;color:#858594;font-weight:300;} /*#rev_slider_1_3_wrapper ul h4:first-child{margin-top:25px;}*/ #rev_slider_1_3_wrapper ul .a_button a{border:1px solid #C6C6CD;color:#C6C6CD;padding:7px 42px;font-size:19px;border-radius:20px;font-weight:400; margin-top:20px; } @media all and (max-width:1350px) { #rev_slider_1_3_wrapper ul li {height:30px;} #rev_slider_1_3_wrapper ul li h3{font-size:42px;line-height:42px;text-align:center;margin:0;margin-top:-10px;} #rev_slider_1_3_wrapper ul li h4{font-size:1.5em;line-height:1.5em;text-align:center;margin:0;margin-top:-10px;} #rev_slider_1_3_wrapper ul .a_button {margin-top:-15px;} } /* Final 3. Rotador home */ /* Inicio 4. Bloque nuestros clientes home */ .homepage #sp-main-gallery-wrapper {padding:35px 0px 35px !important;box-sizing:border-box;color:#FFFFFF;background-image:url(images/backnuestrosclientes.jpg);background-repeat:no-repeat;background-size:cover;} .homepage #sp-main-gallery-wrapper h3, .homepage #sp-main-gallery-wrapper h4{color:#FFFFFF;text-align:center;} .homepage #sp-main-gallery-wrapper h3{font-size:28px;} .homepage #sp-main-gallery-wrapper h4{font-size:25px;font-weight:300;} .homepage #sp-main-gallery-wrapper .gap, .homepage #sp-main-gallery-wrapper .img-ara, .homepage #sp-main-gallery-wrapper .owl-item h3{display:none;} .homepage #sp-main-gallery-wrapper .module.ncprcol{width:50%;display:inline-block;float:left;margin-top:5%;} .homepage #sp-main-gallery-wrapper .module.ncsegcol{width:50%;display:inline-block;} .homepage #sp-main-gallery-wrapper #mod-tlp-testimonial .item {background: none;padding: 20px 20px 0 20px;margin-top: 0;} .homepage #sp-main-gallery-wrapper #mod-tlp-testimonial-main{max-width:80%;margin:0 auto;} .homepage #sp-main-gallery-wrapper #mod-tlp-testimonial-main, .homepage #sp-main-gallery-wrapper #mod-tlp-testimonial{background:none;} .homepage #sp-main-gallery-wrapper #rev_slider_5_2_wrapper{margin:0 !important;} .homepage #sp-main-gallery-wrapper #mod-tlp-testimonial .test-content{font-weight:200;font-size:19px !important;line-height:23px;padding: 0 28px;background-image: url(images/comillasuperiortestimonio.png), url(images/comillainferiortestimonio.png);background-position: left top, right bottom;background-repeat: no-repeat, no-repeat;} @media all and (max-width:800px) { .homepage #sp-main-gallery-wrapper h3{font-size:25px;} .homepage #sp-main-gallery-wrapper h4{font-size:22px;font-weight:300;} .homepage #sp-main-gallery-wrapper .module.ncprcol{width:100%;display:block;float:none;} .homepage #sp-main-gallery-wrapper .module.ncsegcol{width:100%;display:block;} .homepage #sp-main-gallery-wrapper #mod-tlp-testimonial .test-content{font-size:16px !important;line-height:20px;} } @media all and (max-width:400px) { .homepage #sp-main-gallery-wrapper h3{font-size:22px;} .homepage #sp-main-gallery-wrapper h4{font-size:19px;} .homepage #sp-main-gallery-wrapper .tparrows{opacity:0.3 !important;} .homepage #sp-main-gallery-wrapper #mod-tlp-testimonial .test-content{font-size:13px !important;line-height:17px;} } /* Final 4. Bloque nuestros clientes home */ /* Inicio 5. Bloque noticias home */ .homepage #sp-testimonial-wrapper {box-sizing:border-box;padding:2% 0;border-bottom:1px solid #CCCCCC;} .homepage #sp-testimonial-wrapper .boxed-post{display:inline-block;width:75%;} .homepage #sp-testimonial-wrapper .boxed-post .media{height:146px;} .homepage #sp-testimonial-wrapper .boxed-post .media a{height:100%;width:100%;} .homepage #sp-testimonial-wrapper .boxed-post .media a img{height:fit-content;width:fit-content;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li{width:33%;display:inline-block;vertical-align:top;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-itemcreated{line-height:15px;color:#A1A1A1;margin:15px 0 6px;font-size:14px;font-weight:400;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-itemname a{color: #666666;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-itemname a:hover {color: #CCCCCC;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-textarea{margin-top:12px;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-textarea p {color: #A0A0A0;font-size: 13px;line-height: 17px;font-weight: 500;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .layout-layout2 .media{width:96%;float:none;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .layout-layout2 .description{width:100%;float:none;padding:0 5% 0 0} .homepage #sp-testimonial-wrapper .container{max-width:98%;width:86%;} .homepage #sp-testimonial-wrapper .gap{display:none;} .homepage #sp-testimonial-wrapper .introactualidadhome{display:inline-block;width:25%;float:left;} .homepage #sp-testimonial-wrapper .introactualidadhome h4{font-size:28px;margin-bottom:6%;} .homepage #sp-testimonial-wrapper .introactualidadhome p{font-size:19px;color:#666679;max-width:91%;text-align: left !important;} .homepage #sp-testimonial-wrapper .introactualidadhome .botonvertodoshome{margin-top:13%;} @media all and (max-width:1100px) { .homepage #sp-testimonial-wrapper{padding:1% 0;} .homepage #sp-testimonial-wrapper .boxed-post .media {height: 120px;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-itemname{line-height: 17px;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-itemname a{font-size:13px;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-textarea { margin-top: 7px;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-textarea p{font-size:12px;line-height: 15px;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li {width: 32%;} .homepage #sp-testimonial-wrapper .container{width:95%;} .homepage #sp-testimonial-wrapper .introactualidadhome h4 {font-size:22px;margin-bottom: 3%;} .homepage #sp-testimonial-wrapper .introactualidadhome p{font-size: 13px;line-height: 16px;} } @media all and (max-width:800px) { .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li { width: 49%;} .homepage #sp-testimonial-wrapper .introactualidadhome .botonvertodoshome{max-width:80%;} .homepage #sp-testimonial-wrapper .introactualidadhome p{word-wrap:break-word;} } @media all and (max-width:540px) { .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li {width: 100%;} .homepage #sp-testimonial-wrapper .boxed-post{width:60%;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description .element-textarea p{margin-bottom:15px;} .homepage #sp-testimonial-wrapper .introactualidadhome{width:40%;} } @media all and (max-width:410px) { .homepage #sp-testimonial-wrapper .boxed-post{width:100%;} .homepage #sp-testimonial-wrapper .introactualidadhome{width:100%;} .homepage #sp-testimonial-wrapper .introactualidadhome .botonvertodoshome {margin-top: 7%;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li .description{min-height: auto !important;} .homepage #sp-testimonial-wrapper .boxed-post .zoo-item-list > li{margin-top:3%;} } /* Final 5. Bloque noticias home */ /* Inicio 6. Rotador nuestros aliados home */ .homepage #sp-home-text3-wrapper, .article.menu-clientes-aliados #sp-line-banner-wrapper { padding:3% 0px 4% !important;background:none;} .homepage #sp-home-text3-wrapper h3, .article.menu-clientes-aliados #sp-line-banner-wrapper h3{font-size: 28px;text-align:center;} .homepage #sp-home-text3-wrapper .bullet, .article.menu-clientes-aliados #sp-line-banner-wrapper .bullet{background:url(images/bullets.png) no-repeat bottom left;} .homepage #sp-home-text3-wrapper .bullet.selected,.homepage #sp-home-text3-wrapper .bullet:hover, .article.menu-clientes-aliados #sp-line-banner-wrapper .bullet.selected,.article.menu-clientes-aliados #sp-line-banner-wrapper .bullet:hover{background:url(images/bullets.png) no-repeat top left;} .homepage #sp-home-text3-wrapper .container, .article.menu-clientes-aliados #sp-line-banner-wrapper .container{max-width:98%;width:93%;} .homepage #sp-home-text3-wrapper .module, .article.menu-clientes-aliados #sp-line-banner-wrapper .module{margin-top:0;} .homepage #sp-home-text3-wrapper .tp-bullets, .article.menu-clientes-aliados #sp-line-banner-wrapper .tp-bullets{bottom:0;} .homepage #sp-home-text3-wrapper .tp-rightarrow.default, .article.menu-clientes-aliados #sp-line-banner-wrapper .tp-rightarrow.default{right:-2% !important;} .homepage #sp-home-text3-wrapper .tp-leftarrow.default, .article.menu-clientes-aliados #sp-line-banner-wrapper .tp-leftarrow.default{left:-2% !important;} @media all and (max-width:1350px) { .homepage #sp-home-text3-wrapper, .article.menu-clientes-aliados #sp-line-banner-wrapper { padding: 3% 5% !important;} .homepage #sp-home-text3-wrapper .tp-leftarrow.default, .article.menu-clientes-aliados #sp-line-banner-wrapper .tp-leftarrow.default{left:-5% !important;} .homepage #sp-home-text3-wrapper .tp-rightarrow.default, .article.menu-clientes-aliados #sp-line-banner-wrapper .tp-rightarrow.default{right:-5% !important;} } @media all and (max-width:800px) { .homepage #sp-home-text3-wrapper h3, .article.menu-clientes-aliados #sp-line-banner-wrapper h3 {font-size: 24px;} .homepage #sp-home-text3-wrapper, .article.menu-clientes-aliados #sp-line-banner-wrapper{padding: 6% 7% !important;} .homepage #sp-home-text3-wrapper .tp-leftarrow.default, .article.menu-clientes-aliados #sp-line-banner-wrapper .tp-leftarrow.default{left:-11% !important;} .homepage #sp-home-text3-wrapper .tp-rightarrow.default, .article.menu-clientes-aliados #sp-line-banner-wrapper .tp-rightarrow.default{right:-11% !important;} } @media all and (max-width:470px) { .homepage #sp-home-text3-wrapper, .article.menu-clientes-aliados #sp-line-banner-wrapper {padding: 12% 7% !important;} .homepage #sp-home-text3-wrapper .tparrows, .article.menu-clientes-aliados #sp-line-banner-wrapper .tparrows{opacity:0.3 !important;} } /* Final 6. Rotador nuestros aliados home */ /* Inicio 7. Footer */ #sp-footer-wrapper{background:#0F1112;} #sp-footer-wrapper a, #sp-footer-wrapper li, #sp-footer-wrapper p{color:#9EC9C0;font-size: 13px;line-height: 17px;} #sp-footer-wrapper h3 {margin-top:-20px;} #sp-footer-wrapper h3 span{background:url(images/backtitulofooter.jpg) no-repeat bottom left;padding-bottom:11px;} #sp-footer-wrapper ul{list-style-type:none;margin:0;} #sp-footer-wrapper .container{max-width:98%;width:86%;} #sp-footer-wrapper .copyfooter{margin-top:53px;font-size: 12px;color: #9EC9BF;} #sp-footer-wrapper .logointernetya {margin-top:34px;} #sp-footer-wrapper .socialfooter{margin-top:41px;} #sp-footer-wrapper .socialfooter li{display:inline-block;float:left;margin-right:4px;} #sp-footer-wrapper #sp-foo4{margin-top:-20px;} @media all and (max-width:1230px) { #sp-footer-wrapper .container{width:95%;} #sp-footer-wrapper .socialfooter li{margin-bottom:4px;} } @media all and (max-width:980px) { #sp-footer-wrapper{box-sizing:border-box;} #sp-footer-wrapper .span3 {width: 50% !important; margin: 0px !important; padding: 0 4% 0 0; min-height: auto !important; display: inline-block !important; } #sp-footer-wrapper h3 { margin-top: 0;} #sp-footer-wrapper .copyfooter {margin-top: 25px;margin-bottom:25px;} #sp-footer-wrapper iframe{margin-top: -79px;} } @media all and (max-width:767px) { #sp-footer-wrapper .span3 { width: 48% !important;vertical-align:top;} #sp-footer-wrapper .socialfooter{padding-bottom:65px;} } @media all and (max-width:612px) { #sp-footer-wrapper .socialfooter { padding-bottom: 101px; } } @media all and (max-width:420px) { #sp-footer-wrapper .span3 { width: 100% !important;} #sp-footer-wrapper .socialfooter { padding-bottom: 91px;} #sp-footer-wrapper h3 {margin-top: -26px;} #sp-footer-wrapper .copyfooter{margin-bottom:52px;} #sp-footer-wrapper iframe { margin-top: 33px;} } /* Final 7. Footer */ /* Inicio 8. Página Somos */ /* Inicio 8.1 Página Somos #encabezadosomos */ .menu-somos #encabezadosomos{height:573px;overflow:hidden; background: #0c0c11; /* Old browsers */ background: -moz-linear-gradient(left, #0c0c11 0%, #1f1f2e 51%, #797983 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #0c0c11 0%,#1f1f2e 51%,#797983 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0c0c11 0%,#1f1f2e 51%,#797983 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0c11', endColorstr='#797983',GradientType=1 ); /* IE6-9 */ } .menu-somos #encabezadosomos .columnaunoencabezadosomos{width:55%;height:100%;display:inline-block;float:left;position:relative;} .menu-somos #encabezadosomos .columnaunoencabezadosomos img{position:absolute;bottom:0;left:5%;} .menu-somos #encabezadosomos .columnadosencabezadosomos{width:45%;height:100%;display:inline-block;} .menu-somos #encabezadosomos .columnadosencabezadosomos h3{color:#FFFFFF;font-size:44px;margin:26px 0 0 62px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .work-steps-section .work-steps-box ul li a{color:#FFFFFF !important;background:#5BBAFD;border:1px solid #5BBAFD;font-size: 14px;font-weight:400;} .menu-somos #encabezadosomos .columnadosencabezadosomos .work-steps-section .work-steps-box ul li a:hover{color:#FFFFFF !important;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li a:after{content:'+';background:none;top:0;right:-65px;font-size: 45px;font-weight: 200;color:#FFFFFF !important;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno {padding-top:16px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .imagentituloloquesomos{vertical-align:unset;margin:-71px 0 0 80px;clear: both; float: none;display:block;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li {display:block;width:fit-content; min-width:auto;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a{width:40px;height:40px;position:relative;display: inline-block;float: left;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a img{display:block;position:absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li div{color:#FFFFFF;font-size:22px;text-align:left;margin-left:12px;display:inline-block;line-height:40px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos {margin-left:77px;margin-top: -35px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li {height:72px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a:after{height:35px;top:42px;right:-9px;background:url(images/arrow4pequena.png) center center no-repeat;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li:nth-child(2n) a:after{right:-4px;background:url(images/arrow3pequena.png) center center no-repeat;} @media all and (max-width:1461px) { .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li{min-width:137px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li a:after{right:-56px;} } @media all and (max-width:1300px) { .menu-somos #encabezadosomos .columnadosencabezadosomos {width: 50%;} .menu-somos #encabezadosomos .columnaunoencabezadosomos {width: 50%;} .menu-somos #encabezadosomos .columnadosencabezadosomos h3{font-size:34px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .imagentituloloquesomos{height:33px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li { min-width: 110px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li a:after {right: -43px;font-size:36px;} } @media all and (max-width:1200px) { .menu-somos #encabezadosomos .columnadosencabezadosomos h3{font-size:28px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .imagentituloloquesomos { height: 28px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .work-steps-section .work-steps-box ul li a{font-size: 12px;letter-spacing:-1px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li a {width: 58px;height: 58px;line-height:56px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li { min-width: 82px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li a:after {right: -40px;font-size: 27px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a:after {height: 23px;background-size:auto 100%;top: 34px;right: -14px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a img{width:60%;height: auto;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a { width: 30px; height: 30px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li { height: 52px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li:nth-child(2n) a:after { right: -13px;height: 25px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li div{font-size: 17px;line-height: 27px;} .menu-somos #encabezadosomos{ height:451px;} } @media all and (max-width:900px) { .menu-somos #encabezadosomos .columnadosencabezadosomos h3 { font-size: 20px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .imagentituloloquesomos {height: 24px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .imagentituloloquesomos{margin: -80px 0 0 80px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a {width: 25px;height: 25px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li div { font-size: 13px; line-height: 22px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a:after{height: 14px;top:27px;right:-17px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li:nth-child(2n) a:after {right: -16px;height: 14px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li { height: 33px;} .menu-somos #encabezadosomos {height: 347px;} } @media all and (max-width:780px) { .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li{display:inline-block;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li a:after{background:none !important;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li { height: 19px;} .menu-somos #encabezadosomos { height: 284px;} .menu-somos #encabezadosomos .columnaunoencabezadosomos { width: 40%;} .menu-somos #encabezadosomos .columnadosencabezadosomos { width: 60%;} } @media all and (max-width:680px) { .menu-somos #encabezadosomos { height: 242px;} .menu-somos #encabezadosomos .columnadosencabezadosomos .imagentituloloquesomos {margin: -85px 0 0 44px;height: 18px;} .menu-somos #encabezadosomos .columnadosencabezadosomos h3 { font-size: 18px;margin: 20px 0 0 37px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos .work-steps-box ul li { height: 12px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloquedos {margin-left: 12px; margin-top: -35px;} } @media all and (max-width:590px) { .menu-somos #encabezadosomos .columnaunoencabezadosomos {width: 100%;order:2;height:350px;} .menu-somos #encabezadosomos .columnadosencabezadosomos {width: 100%;order:1;} .menu-somos #encabezadosomos {height: 500px;display: flex;flex-direction: column;} .menu-somos #encabezadosomos .columnaunoencabezadosomos img{height: 250px;width:auto;left: 50%;margin-right: -50%;transform: translate(-50%, 0);} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li { min-width: 73px;} .menu-somos #encabezadosomos .columnadosencabezadosomos #bloqueuno .work-steps-box ul li a:after { right: -36px;} } /* Final 8.1 Página Somos #encabezadosomos */ /* Inicio 8.2 Página Somos .textoencabezadosomo */ .menu-somos .textoencabezadosomo{max-width:98%;width: 90%;margin: 0 auto;box-sizing:border-box;margin-top:3%;} .menu-somos .textoencabezadosomo p{font-size:18px;max-width:90%;} .menu-somos .textoencabezadosomo .textoencabezadosomopc{width:50%;display: inline-block;float:left;border-right:1px solid #B9B9C8;padding-right:5%;} .menu-somos .textoencabezadosomo .textoencabezadosomosc{width:50%;display: inline-block;padding-left:5%;} .menu-somos .textoencabezadosomo h2{padding-left: 5%;padding-right: 5%;color: #333333;font-size: 35px;text-align: center;max-width:100%;margin-top:0;} .menu-somos .textoencabezadosomo p {font-size: 17px;padding-left: 5%;padding-right: 5%;font-weight: 400;line-height: 23px;width:100%;max-width:100%;} @media all and (max-width:1000px) { .menu-somos .textoencabezadosomo h2{font-size:26px;} .menu-somos .textoencabezadosomo p {font-size: 14px;line-height: 21px;} .menu-somos .textoencabezadosomo .textoencabezadosomopc{padding-right:2%;} .menu-somos .textoencabezadosomo .textoencabezadosomosc{padding-left:2%;} .menu-somos .textoencabezadosomo{width:98%;} } @media all and (max-width:600px) { .menu-somos .textoencabezadosomo .textoencabezadosomopc{margin-top:10px;width:100%;border-right:none;margin-bottom:10px;} .menu-somos .textoencabezadosomo .textoencabezadosomosc{width:100%;} } /* Final 8.2 Página Somos .textoencabezadosomo */ /* Inicio 8.3 Página Somos .contenidosomos */ .menu-somos .contenidosomos{color: #666679; font-size: 17px;max-width:98%;width:90%;margin:0 auto;margin-top:5%;padding-left:2%;padding-right: 2%;} .menu-somos .contenidosomos h2{color: #333333;font-size: 35px;text-align: center;margin-bottom: 24px;} .menu-somos .contenidosomos p{color: #666679; font-size: 17px;} .menu-somos .contenidosomos ul{list-style-type: none;list-style-position: inside; margin: 0;padding:17px 0 28px 0;} .menu-somos .contenidosomos ul li{background-image:url(images/iconolistasomos.png);background-repeat:no-repeat;padding-left:23px;margin-bottom: 4px;background-position:0 3px;} @media all and (max-width:779px) { .menu-somos .contenidosomos h2{clear: both;padding-top: 33px;} } @media all and (max-width:600px) { .menu-somos .contenidosomos{font-size:15px;} .menu-somos .contenidosomos h2{font-size:28px;} .menu-somos .contenidosomos p{font-size:15px;} } /* Final 8.3 Página Somos .contenidosomos */ /* Final 8. Página Somos */ /* Inicio 9. Header páginas internas */ .article #sp-main-body-wrapper{padding:0 !important;} .article #sp-main-body-wrapper .container {max-width: 100%;width: 100% !important;} .article article.item-page{padding:0;} .article .entry-meta.muted{margin-bottom:0;} .article .menu-search-button:before{color:#B7E6EB;} .article #sp-header-wrapper {background-image:url(images/bgheaderpaginasinternas.png);background-repeat:repeat-x;background-size:cover;height:258px;} .article #sp-header-wrapper.header-fixed-top.active{height:auto;} .article #sp-menu .sp-menu.level-0 > li > a span {color: #B7E6EB;} .article #sp-menu .sp-menu.level-0 > li.active > a span{color: #FFFFFF;} .article #sp-menu .sp-menu.level-0 > li:hover > a{color:#FFFFFF;} .article #sp-menu .sp-menu.level-0 > li:hover > a span {color:#FFFFFF;} .article #sp-menu .sp-menu.level-0 > li > a:before{background: #B7E6EB;} .article #tituloconimagenheader {box-sizing:border-box;height: 258px;overflow: hidden;background-image:url(images/bgheadersolocolorsomos.png);background-repeat:repeat-x;background-size:cover;} .article #tituloconimagenheader .columnauno{width:60%;height:100%;display:inline-block;float:left;} .article #tituloconimagenheader .columnauno img{height:100%;float:right;} .article #tituloconimagenheader .columnados{width:40%;height:100%;display:inline-block;position:relative;} .article #tituloconimagenheader .columnados h1{color:#FFFFFF;font-size:60px;position:absolute;bottom:0;margin-left:5%;} @media all and (max-width:1540px) { .article #tituloconimagenheader .columnauno{width:65%;} .article #tituloconimagenheader .columnados{width:35%;} } @media all and (max-width:1340px) { .article #sp-header-wrapper {height:210px;} .article #tituloconimagenheader {height:210px;} .article #tituloconimagenheader .columnados h1{font-size:45px;} } @media all and (max-width:1200px) { .article #sp-header-wrapper {height:180px;} .article #tituloconimagenheader {height:180px;} .article #tituloconimagenheader .columnados h1 {font-size: 38px;} } @media all and (max-width:979px) { .article #tituloconimagenheader .columnauno{width:60%;} .article #tituloconimagenheader .columnados{width:40%;} .article #sp-header-wrapper {height:125px;} .article #tituloconimagenheader {height:125px;} .article #tituloconimagenheader .columnados h1 {font-size: 34px;} } @media all and (max-width:780px) { .article #sp-header-wrapper {height:100px;} .article #tituloconimagenheader {height:100px;} .article #tituloconimagenheader .columnados h1 {font-size:28px;} .article.responsive .container {padding:0 !important;} } @media all and (max-width:620px) { .article #sp-header-wrapper {height:87px;} .article #tituloconimagenheader {height:87px;} .article #tituloconimagenheader .columnados h1 {font-size:22px;} } @media all and (max-width:400px) { .article #tituloconimagenheader .columnauno{width:70%;} .article #tituloconimagenheader .columnados{width:30%;} .article #tituloconimagenheader .columnados h1 {font-size:18px;} } /* Final 9. Header páginas internas */ /* Inicio 10. Menú botones portafolio */ #menubotonesportafoliodiv {max-width:1092px;width:90%;margin:0 auto;box-sizing:border-box;margin-top:3%;display:block;} #menubotonesportafoliodiv ul{list-style-type:none;list-style-position: inside;margin:0;} #menubotonesportafoliodiv ul li{display:inline-block;width:24.7%;max-width:273px;margin-bottom:4%;text-align:center;border-right:1px solid #CACAD9;padding: 7px 0;} #menubotonesportafoliodiv ul li:last-child{border-right:none;} @media all and (max-width:953px) { #menubotonesportafoliodiv ul li{width:24.3%;} #menubotonesportafoliodiv ul li img{height:100px;} } @media all and (max-width:550px) { #menubotonesportafoliodiv ul li img{height:60px;} } @media all and (max-width:450px) { #menubotonesportafoliodiv{width:98%;} #menubotonesportafoliodiv ul li img{height:50px;} #menubotonesportafoliodiv ul li{width: 24%;} } /* Final 10. Menú botones portafolio */ /* Inicio 11. Página riesgo biomecánico */ @media all and (max-width:400px) { .article #tituloconimagenheader .columnauno{width:61%;} } /* Final 11. Página riesgo biomecánico */ /* Inicio 12. Página seguridad industrial */ .article.menu-seguridad-industrial #tituloconimagenheader .columnauno {width: 53%;} /* Final 12. Página seguridad industrial */ /* Inicio 13. Página clientes y aliados */ .article.menu-clientes-aliados #tituloconimagenheader .columnauno { width: 46%;} .article.menu-clientes-aliados #tituloconimagenheader .columnados h1{font-size:47px;} @media all and (max-width:1430px) { .article.menu-clientes-aliados #tituloconimagenheader .columnados h1 {font-size: 42px;} } @media all and (max-width:1284px) { .article.menu-clientes-aliados #tituloconimagenheader .columnados h1 {font-size: 39px;} } @media all and (max-width:1200px) { .article.menu-clientes-aliados #tituloconimagenheader .columnados h1 {font-size: 35px;} } @media all and (max-width:1069px) { .article.menu-clientes-aliados #tituloconimagenheader .columnados h1 {font-size: 30px;} } @media all and (max-width:810px) { .article.menu-clientes-aliados #tituloconimagenheader .columnados h1 {font-size:24px;} } @media all and (max-width:430px) { .article.menu-clientes-aliados #tituloconimagenheader .columnados h1 {font-size:15px;} } /* Final 13. Página clientes y aliados */ /* Inicio 14. Páginas internas */ .article hr{border-top:1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;} .article article.item-page h2 {color:#333333;font-size:35px;text-align:center;margin-bottom: 23px;} .article article.item-page .textointroduccionportafolio{max-width:1090px;display:block;margin:0 auto;font-size: 18px;font-weight: 400;line-height: 22px;margin-bottom: 9px;padding: 0 2%;} .article .line-banner-section{display:none !important;} @media all and (max-width:810px) { .article article.item-page h2 {font-size:30px;} .article article.item-page .textointroduccionportafolio{font-size: 13px;line-height:17px;margin-bottom:4px;} } @media all and (max-width:430px) { .article article.item-page h2 {font-size:22px;} .article article.item-page .textointroduccionportafolio{font-size: 12px;line-height:15px;margin-bottom:4px;} } /* Inicio 14.1 Páginas internas - iconos portafolio */ .article article.item-page .customprogramasriesgobiomecanico{max-width:1122px;padding:0 5%;display:block;margin:0 auto;margin-top:5%;margin-bottom:0;} .article article.item-page .customprogramasriesgobiomecanico .mostrar{float:left;} .article article.item-page .customprogramasriesgobiomecanico .ocultar{float:left;display:none;} .article article.item-page .customprogramasriesgobiomecanico a:hover .mostrar{display:none;} .article article.item-page .customprogramasriesgobiomecanico a:hover .ocultar{display:block;} .article article.item-page .customprogramasriesgobiomecanico .feature-post-content{margin-bottom:8%;width:70%;display: inline-block;margin-left: 10px;vertical-align: top;} .article article.item-page .customprogramasriesgobiomecanico .feature-post-content h2 {line-height:13px;text-align: left;margin:0 0 9px 0;} .article article.item-page .customprogramasriesgobiomecanico .feature-post-content h2 a{font-size:15px;color:#333333;} .article article.item-page .customprogramasriesgobiomecanico .feature-post-content p{font-size:14px;line-height:17px;} .article article.item-page .customprogramasriesgobiomecanico .feature-post-content p a{color:#646472;} @media all and (max-width:863px) { .article article.item-page .customprogramasriesgobiomecanico {max-width: 96%;padding: 0 2%;} .article article.item-page .customprogramasriesgobiomecanico .feature-post-content{width:66%;box-sizing:border-box;} .article article.item-page .customprogramasriesgobiomecanico .gap{display:none;} } @media all and (max-width:767px) { .article article.item-page .customprogramasriesgobiomecanico .module{width:49%;display:inline-block;} } @media all and (max-width:550px) { .article article.item-page .customprogramasriesgobiomecanico .module{width:100%;display:block;} .article article.item-page .customprogramasriesgobiomecanico .feature-post-content { margin-bottom: 1%;} } /* Final 14.1 Páginas internas - iconos portafolio */ /* Inicial 14.2 Páginas internas - .customtituloriesgobiomecanicop */ .article article.item-page .customtituloriesgobiomecanicop{max-width:1122px;padding:0 5%;display:block;margin:0 auto;margin-top:0;margin-bottom:0;} /* Final 14.2 Páginas internas - .customtituloriesgobiomecanicop */ /* Final 14. Páginas internas */ /* Inicio 15. Títulos rotadores programas */ .article article.item-page .titulorotadorprograma{background-image:url(../../images/others/iconohealthy.png);background-repeat:no-repeat;background-position:left 3px;padding-left:73px;} .article article.item-page .titulorotadorprograma.therapyoffice{background-image:url(images/iconoterapyofficeover.png);} .article article.item-page .titulorotadorprograma.backclub{background-image:url(images/iconobackcopyover.png);} .article article.item-page .titulorotadorprograma.therapygym{background-image:url(images/iconogymover.png);} .article article.item-page .titulorotadorprograma.programachampionship{background-image:url(images/iconochampionsover.png);} .article article.item-page .titulorotadorprograma.inspectionjob{background-image:url(images/iconoinspeccionover.png);} .article article.item-page .titulorotadorprograma.industrialsafety{background-image:url(images/iconoindustrialsafety.png);} .article article.item-page .titulorotadorprograma.psicosocialrisk{background-image:url(images/iconoriesgopsicosocial.png);} .article article.item-page .titulorotadorprograma.psicoavice{background-image:url(images/iconoconsejeriasocialover.png);} .article article.item-page .titulorotadorprograma.workshoptherapy{background-image:url(images/iconoworkshoptherapy.png);} .article article.item-page .titulorotadorprograma.theatersketch{background-image:url(images/iconotheatersketchover.png);} .article article.item-page .titulorotadorprograma.nutritionaladvice{background-image:url(images/icononutritionaladviceover.png);} .article article.item-page .titulorotadorprograma.wellnessspace{background-image:url(images/iconowellnessspaceover.png);} .article article.item-page .titulorotadorprograma h2{color:#333333;font-size:35px;text-align:left;margin-bottom:0;} .article article.item-page .titulorotadorprograma h3{color:#646472;font-size:30px;text-align:left;margin-top: 3px;font-weight: 400;} @media all and (max-width:979px) { .article article.item-page .titulorotadorprograma{min-height:70px;background-position:left top;} .article article.item-page .titulorotadorprograma h2{font-size:27px;line-height:28px;} .article article.item-page .titulorotadorprograma h3{font-size:22px;line-height:23px;} } @media all and (max-width:680px) { .article article.item-page .titulorotadorprograma h2{font-size:23px;line-height:24px;} .article article.item-page .titulorotadorprograma h3{font-size:20px;line-height:21px;} } @media all and (max-width:400px) { .article article.item-page .titulorotadorprograma h2{font-size:21px;line-height:22px;} .article article.item-page .titulorotadorprograma h3{font-size:18px;line-height:19px;} } /* Final 15. Títulos rotadores programas */ /* Inicio 16. Rotadores programas */ .article article.item-page .rotadorprograma{box-sizing:border-box;margin-top:30px;} .article article.item-page .rotadorprograma .introduccionrotador{width:49%;display:inline-block;vertical-align:top;} .article article.item-page .rotadorprograma .rotadorriesgo{width:50%;display:inline-block;vertical-align:top;} .article article.item-page .rotadorprograma .introduccionrotador p{color: #646472;font-size: 17px;font-weight: 300;line-height: 20px;text-align: left !important;} .article article.item-page .rotadorprograma .introduccionrotador ul {list-style-type: none;list-style-position: inside;margin:0 0 0 52px;padding: 17px 0 28px 0;} .article article.item-page .rotadorprograma .introduccionrotador ul li {background-image: url(images/iconolistasomos.png);background-repeat: no-repeat; padding-left: 23px; margin-bottom:19px; background-position: 0 3px;color: #646472;font-size: 17px;font-weight: 300;line-height: 20px;text-align: left !important;} .article article.item-page .rotadorprograma .introduccionrotador ul li a{display: block;margin: 33px 0 0 30px;} .article article.item-page .rotadorprograma .tp-leftarrow.default{background: url(images/arrowlefportafolio.png) no-repeat 0 0;top:20% !important;} .article article.item-page .rotadorprograma .tp-rightarrow.default{background: url(images/arrowrightportafolio.png) no-repeat 0 0;top:20% !important;} /* Inicio 16.1 Rotadores programas - Seguridad industrial */ .article.menu-seguridad-industrial article.item-page .rotadorprograma .introduccionrotador ul li {background-image: url(images/iconolistaseguridad.png);} /* Final 16.1 Rotadores programas - Seguridad industrial */ /* Inicio 16.2 Rotadores programas - Riesgo psicosocial */ .article.menu-riesgo-psico-social article.item-page .rotadorprograma .introduccionrotador ul li {background-image: url(images/iconolistapsicosocial.png);} .article.menu-riesgo-psico-social article.item-page .rotadorprograma .introduccionrotador ul li ul li{background-image: url(images/iconolistapsicosocialniveldos.png) !important;} /* Final 16.2 Rotadores programas - Riesgo psicosocial */ /* Inicio 16.3 Rotadores programas - Programas especiales */ .article.menu-programas-especializados article.item-page .rotadorprograma .introduccionrotador ul li {background-image: url(images/iconolistaespecializados.png);} .article.menu-programas-especializados article.item-page .rotadorprograma .introduccionrotador ul li ul li{background-image: url(images/iconolistaespecializadoslniveldos.png) !important;} /* Final 16.3 Rotadores programas - Programas especiales */ @media all and (max-width:730px) { .article article.item-page .rotadorprograma .introduccionrotador{width:100%;display:block;} .article article.item-page .rotadorprograma .rotadorriesgo{width:100%;display:block;} } @media all and (max-width:400px) { .article article.item-page .rotadorprograma .introduccionrotador ul{margin:0;} } /* Final 16. Rotadores programas */ /* Inicio 17. Página riesgo psicosocial */ .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial{max-width:1090px;display:block;margin:0 auto;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial ul.partedos {list-style-type: none;list-style-position: inside;margin:0 0 0 52px;padding: 17px 0 28px 0;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial ul.partedos li {background-image: url(images/iconolistapsicosocial.png);background-repeat: no-repeat; padding-left: 23px; margin-bottom:19px; background-position: 0 3px;color: #646472;font-size: 17px;font-weight: 300;line-height: 20px;text-align: left !important;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial ul.partedos li a{display: block;margin: 33px 0 0 30px;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial .work-steps-section .work-steps-box ul li {max-width:140px !important;vertical-align:top;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial .work-steps-section .work-steps-box ul li a {background: #A55A9D;border:1px solid #A55A9D;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial .work-steps-section .work-steps-box ul li div {font-size:14px;color:#333333;line-height:17px;text-align:center;font-weight:600;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial .work-steps-section .work-steps-box ul li:hover a {background:#FFFFFF;color: #A55A9D;} .article.menu-riesgo-psico-social article.item-page .custombloquedosriesgopsicosocial .work-steps-section .work-steps-box ul li:hover span {color: #A55A9D;} /* Final 17. Página riesgo psicosocial */ /* Inicio 18. Página clientes */ .article.menu-clientes-aliados .entry-content p {color:#333333;font-size:33px;text-align:center;margin-top:4%;margin-bottom: 3%;} .article.menu-clientes-aliados .entry-content ul {margin-bottom:5%;max-width:1090px;width:98%;margin:0 auto;list-style-type: none;list-style-position: inside; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} .article.menu-clientes-aliados .entry-content ul li {color:#666679;font-size:18px;line-height:19px; background-image: url(images/iconolistasomos.png); background-repeat: no-repeat; padding-left: 23px; margin-bottom:9px; background-position: 0 3px;font-weight:300;} .article.menu-clientes-aliados #sp-line-banner-wrapper{display:block !important;border-top:2px solid #CCCCCC;} @media all and (max-width:1080px) { .article.menu-clientes-aliados .entry-content p {font-size: 27px;margin-top: 3%;margin-bottom: 2%;line-height: 29px;} .article.menu-clientes-aliados .entry-content ul li{font-size:15px;font-weight:17px;} } @media all and (max-width:630px) { .article.menu-clientes-aliados .entry-content p {font-size: 20px;line-height:21px;} .article.menu-clientes-aliados .entry-content ul {-webkit-column-count:2; -moz-column-count:2;column-count:2;} } /* Final 18. Página clientes */ /* Inicio 19. Página noticias */ .menu-noticias #yoo-zoo .item h1.pos-title{margin: 34px 0 6px;} .menu-noticias #sp-footer-wrapper { padding: 60px 0 !important;} .menu-noticias #sp-main-body-wrapper{padding:0 !important;} .menu-noticias #yoo-zoo{margin-bottom: 0 !important;} .menu-noticias #sp-header-wrapper:not(.active){height:258px;background-image:url(images/imagenheadernoticias.png);background-repeat: no-repeat; background-position:7% center} .menu-noticias .header-banner:after{background:none;} .menu-noticias .header-banner h1 {margin:5% 0 0 30%; font-size: 60px;} .menu-noticias #sp-header-banner-wrapper{height:258px; background: rgb(83,83,98); /* Old browsers */ background: -moz-linear-gradient(top, rgba(83,83,98,1) 0%, rgba(128,189,203,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(83,83,98,1) 0%,rgba(128,189,203,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(83,83,98,1) 0%,rgba(128,189,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535362', endColorstr='#80bdcb',GradientType=0 ); } .menu-noticias #sp-header-banner-wrapper:after{background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 22%, rgba(151,151,166,0.4) 74%, rgba(151,151,166,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 22%,rgba(151,151,166,0.4) 74%,rgba(151,151,166,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 22%,rgba(151,151,166,0.4) 74%,rgba(151,151,166,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#669797a6',GradientType=0 );} .menu-noticias #sp-header-wrapper:not(.active) .sp-menu.level-0 > li > a span {color: #B7E7EC !important;} .menu-noticias .sp-menu.level-0 > li > a:before {background: #B7E7EC !important;} .menu-noticias #sp-header-wrapper:not(.active) .sp-menu.level-0 > li.active > a span { color: #FFFFFF !important;} .menu-noticias .menu-search-button:before {color: #B7E7EC !important;} @media all and (max-width:1540px) { .menu-noticias .header-banner h1 { margin: 5% 0 0 55%;} } @media all and (max-width:1340px) { .menu-noticias #sp-header-wrapper:not(.active){height:210px;} .menu-noticias #sp-header-banner-wrapper{height:210px; } .menu-noticias .header-banner h1 {margin: 2% 0 0 55%;} } @media all and (max-width:1200px) { .menu-noticias .header-banner h1 { margin:2% 0 0 55%;} .menu-noticias #sp-header-wrapper:not(.active){height:180px;background-size: contain;} .menu-noticias #sp-header-banner-wrapper{height:180px; } .menu-noticias .header-banner h1 {font-size: 38px;} } @media all and (max-width:979px) { .menu-noticias #sp-header-wrapper:not(.active){height:125px;} .menu-noticias #sp-header-banner-wrapper{height:125px; padding: 0; } .menu-noticias .header-banner h1 {font-size: 34px;} } @media all and (max-width:780px) { .menu-noticias #sp-header-wrapper:not(.active){height:100px;} .menu-noticias #sp-header-banner-wrapper{height:100px; } .menu-noticias .header-banner h1 {font-size:28px;} } @media all and (max-width:620px) { .menu-noticias #sp-header-wrapper:not(.active){height:87px;} .menu-noticias #sp-header-banner-wrapper{height:87px; } .menu-noticias .header-banner h1 {font-size:22px;} .menu-noticias .header-banner h1 { margin: 10% 0 0 55%;} } @media all and (max-width:500px) { .menu-noticias .header-banner h1 { margin: 12% 0 0 55%;} } @media all and (max-width:400px) { .menu-noticias .header-banner h1 {font-size:18px;margin: 15% 0 0 55%;} .menu-noticias #sp-header-wrapper:not(.active){background-position:-94% center;} } @media all and (max-width:380px) { #sp-header-wrapper { padding: 0 0 0 9px !important;} .menu-noticias #sp-header-wrapper:not(.active) {background-size: auto 100%;} .menu-noticias #sp-header-wrapper:not(.active) {background-position:-100px top;} .menu-noticias .header-banner h1 {margin: 18% 0 0 55%;} } @media all and (max-width:335px) { #sp-header-wrapper { padding: 0 0 0 9px !important;} .menu-noticias #sp-header-wrapper:not(.active) {background-size: auto 100%;} .menu-noticias #sp-header-wrapper:not(.active) {background-position: 500%;} .menu-noticias .header-banner h1 {margin: 18% 0 0 55%;} } /* Final 19. Página noticias */ /* Inicio 20. Página contactenos */ .menu-contacto .entry-content{box-sizing:border-box;} .menu-contacto .entry-content h2{max-width:1100px;width:98%;margin:0 auto;text-align:left !important;margin-top: 3%;} .menu-contacto .entry-content p{max-width:1100px;width:98%;margin:0 auto;color:#666679;font-size: 17px;margin-bottom: 18px;line-height: 22px;} .menu-contacto .formulariocontacto{width:64%;display:inline-block;vertical-align:top;margin-top:2%;} .menu-contacto .formulariocontacto form{max-width:780px;float:right;margin-right:0;width:75%;} .menu-contacto .formulariocontacto .form-row2{width:100%;box-sizing:border-box;} .menu-contacto .formulariocontacto .form-row2 .wdform_row{display:inline-block;width:50%;} .menu-contacto .formulariocontacto .form-row2 .wdform_row .wdform-label-section{width:100% !important;float:none !important;display:block !important;} .menu-contacto .formulariocontacto .form-row2 .wdform_row .wdform-label-section .wdform-label{color:#666679 !important;font-size:14px;font-weight:600;} .menu-contacto .formulariocontacto .form-row2 .wdform_row .wdform-element-section{width:100% !important;float:none !important;display:block !important;} .menu-contacto .formulariocontacto input{width:90% !important;border-radius: 3px !important;height: 35px !important; border: 2px solid #ccc !important;} .menu-contacto .formulariocontacto .form-row1 .wdform-field{width:100% !important;display:block !important;} .menu-contacto .formulariocontacto .form-row1 .wdform-field .wdform-label-section{width:100% !important;float:none !important;} .menu-contacto .formulariocontacto .form-row1 .wdform-field .wdform-label-section .wdform-label{color:#666679 !important;font-size:14px;font-weight:600;} .menu-contacto .formulariocontacto .form-row1 .wdform-field .wdform-element-section {width:91% !important;float:none !important;display:block !important;} .menu-contacto .formulariocontacto .form-row1 .wdform-field .wdform-element-section textarea{border-radius: 3px !important;border: 2px solid #ccc !important;} .menu-contacto .formulariocontacto .form-row1 .form-item{padding-left:0;padding-right:0;margin-top:28px;} .menu-contacto .informacioncontacto{width:35%;display:inline-block;vertical-align:top;margin-top:2%;} .menu-contacto .informacioncontacto img{display:none;} .menu-contacto .informacioncontacto p{margin-bottom:0;font-size:15px;color: #757584;} .menu-contacto .informacioncontacto strong{color:#666679 !important;font-size:14px;font-weight:600;} .menu-contacto .informacioncontacto .bloqueinformacioncontacto:nth-child(2){margin-top:20px;border-top:1px solid #DBDBEA;max-width: 281px; padding-top: 10px;} .menu-contacto .informacioncontacto .bloqueinformacioncontacto:nth-child(3){margin-top:20px;border-top:1px solid #DBDBEA;max-width: 281px; padding-top: 10px;} .menu-contacto #sp-line-banner-wrapper{display:block !important;padding:0;background:none;} .menu-contacto #sp-line-banner-wrapper .container{max-width:100%;width:100%;} @media all and (max-width:1400px) { .menu-contacto .formulariocontacto form{width:82%;} } @media all and (max-width:1200px) { .menu-contacto .formulariocontacto form{width:91%;} } @media all and (max-width:520px) { .menu-contacto .entry-content p{font-size:13px;} .menu-contacto .formulariocontacto {width: 100%; display: block;} .menu-contacto .informacioncontacto{width: 90%;display: block;margin-left:5%;} .menu-contacto .formulariocontacto form {float: none;width: 90%;margin-left: 8%;} } /* Final 20. Página contactenos */ /* Inicio 21. Página search */ .search #sp-main-body-wrapper{margin-top:260px;} .search #sp-header-wrapper:not(.active){height:258px;background-image:url(images/imagenheadernoticias.png);background-repeat: no-repeat; background-position:7% center} .search .header-banner:after{background:none;} .search .header-banner h1 {margin:5% 0 0 30%; font-size: 60px;} .search #sp-header-wrapper:not(.active){height:258px; background: rgb(83,83,98); /* Old browsers */ background: -moz-linear-gradient(top, rgba(83,83,98,1) 0%, rgba(128,189,203,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(83,83,98,1) 0%,rgba(128,189,203,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(83,83,98,1) 0%,rgba(128,189,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535362', endColorstr='#80bdcb',GradientType=0 ); } .search #sp-header-banner-wrapper:after{background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 22%, rgba(151,151,166,0.4) 74%, rgba(151,151,166,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 22%,rgba(151,151,166,0.4) 74%,rgba(151,151,166,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 22%,rgba(151,151,166,0.4) 74%,rgba(151,151,166,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#669797a6',GradientType=0 );} .search #sp-header-wrapper:not(.active) .sp-menu.level-0 > li > a span {color: #B7E7EC !important;} .search .sp-menu.level-0 > li > a:before {background: #B7E7EC !important;} .search #sp-header-wrapper:not(.active) .sp-menu.level-0 > li.active > a span { color: #FFFFFF !important;} .search .menu-search-button:before {color: #B7E7EC !important;} @media all and (max-width:1540px) { .search .header-banner h1 { margin: 5% 0 0 55%;} } @media all and (max-width:1340px) { .search #sp-header-wrapper:not(.active){height:210px;} .search #sp-header-banner-wrapper{height:210px; } .search .header-banner h1 {margin: 2% 0 0 55%;} .search #sp-main-body-wrapper{margin-top:215px;} } @media all and (max-width:1200px) { .search .header-banner h1 { margin:2% 0 0 55%;} .search #sp-header-wrapper:not(.active){height:180px;background-size: contain;} .search #sp-header-banner-wrapper{height:180px; } .search .header-banner h1 {font-size: 38px;} .search #sp-main-body-wrapper{margin-top:190px;} } @media all and (max-width:979px) { .search #sp-header-wrapper:not(.active){height:125px;} .search #sp-header-banner-wrapper{height:125px; padding: 0; } .search .header-banner h1 {font-size: 34px;} .search #sp-main-body-wrapper{margin-top:135px;} } @media all and (max-width:780px) { .search #sp-header-wrapper:not(.active){height:100px;} .search #sp-header-banner-wrapper{height:100px; } .search .header-banner h1 {font-size:28px;} .search #sp-main-body-wrapper{margin-top:110px;} } @media all and (max-width:620px) { .search #sp-header-wrapper:not(.active){height:87px;} .search #sp-header-banner-wrapper{height:87px; } .search .header-banner h1 {font-size:22px;} .search .header-banner h1 { margin: 10% 0 0 55%;} .search #sp-main-body-wrapper{margin-top:95px;} } @media all and (max-width:500px) { .search .header-banner h1 { margin: 12% 0 0 55%;} } @media all and (max-width:400px) { .search .header-banner h1 {font-size:18px;margin: 15% 0 0 55%;} .search #sp-header-wrapper:not(.active){background-position:-94% center;} } @media all and (max-width:380px) { .search #sp-header-wrapper { padding: 0 0 0 9px !important;} .search #sp-header-wrapper:not(.active) {background-size: auto 100%;} .search #sp-header-wrapper:not(.active) {background-position:-100px top;} .search .header-banner h1 {margin: 18% 0 0 55%;} } @media all and (max-width:335px) { .search #sp-header-wrapper { padding: 0 0 0 9px !important;} .search #sp-header-wrapper:not(.active) {background-size: auto 100%;} .search #sp-header-wrapper:not(.active) {background-position: 500%;} .search .header-banner h1 {margin: 18% 0 0 55%;} } /* Final 21. Página search */