/* */ /* */ /* */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent; text-decoration: none!important;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} /* */ /* */ /* */ .lang-switch{color: #ffffff!important;} /* fondo color: azul pleca top / Razon de ser*/ .bg-01{background: #222B55; color: #ffffff;} /* fondo color: azul main nav */ .bg-02{background: #004179; color: #ffffff;} /* fondo color: */ .bg-03{background: url('../img/topography.jpg') repeat center center;} /* fondo color: azul bg formulariopModal*/ .bg-04{background: #212C55; color: #ffffff;} /* fondo color: blanco */ .bg-05{background: #FFFFFF;} /* fondo color: negro */ .bg-06{background: #000000; color: #ffffff;} /* fondo color: VerdeFooter */ .bg-07{background: #009f5a; color: #ffffff;} /* fondo color: verdeaqua */ .bg-08{background: #007974; color: #ffffff;} ul,ol{list-style: none;} .ul{list-style: disc!important;} section .nav ul li{list-style: none!important;} .btn-primary{padding: 10px;background: rgb(58,76,142); background: linear-gradient(135deg, rgba(58,76,142,1) 39%, rgba(0,192,89,1) 100%); border: none;} /* */ /* */ /* */ div[class^="col"]{padding-bottom: 50px;} div[class^="col"]:last-child{padding-bottom: 0 ;} /* Slider Home */ #slide01h, #slide02h, #slide03h, #slide04h, #slide05h{padding: 8vw 8vw 0 8vw;min-height: 70vh; background: #000; background-repeat: no-repeat; background-position: center center; background-size: contain;} #slide01h{background: url('../img/SlideHome-1.jpg') no-repeat right center; background-size: 100%;} #slide02h{background: url('../img/SlideHome-2.jpg') no-repeat center 40%; background-size: 100%;} #slide03h{background: url('../img/SlideHome-3.jpg') no-repeat center bottom; background-size: 100%;} #slide04h{background: url('../img/SlideHome-4.jpg') no-repeat center bottom; background-size: 100%;} #slide05h{background: url('../img/SlideHome-5.jpg') no-repeat center center; background-size: 100%;} .slideH{font-size: 2.5em;} #homeMobile{background: url('../img/header-homeM.jpg') no-repeat bottom center; background-size: 100%;} .mheader{height: 60vh;} /* */ /* */ /* */ /* */ /* */ /* */ .hero-head{padding: 6vw ; display: block;background-position: top center; background-repeat: no-repeat; background-size: 1600px; min-height: 40vh;} .hero-head h2{padding: 0; text-transform: inherit; font-size: 2.3em;} #aboutus{background-image: url('../img/herohead02.jpg'); background-position: center center;background-size: cover;} #gestion{background-image: url('../img/herohead03.jpg'); background-position: center center;background-size: cover;} #cvalor{background-image: url('../img/herohead04.jpg'); background-position: center center;background-size: cover;} #rsocial{background-image: url('../img/herohead05.jpg'); background-position: center center;background-size: cover;} #eventos{background-image: url('../img/herohead06.jpg'); background-position: center center;background-size: cover;} #blog{background-image: url('../img/herohead07.jpg'); background-position: center center;background-size: cover;} #contacto{background-image: url('../img/herohead08.jpg'); background-position: center center;background-size: cover;} /* */ /* */ /* */ #CarouselSomosDiferentes .carousel-indicators, #caruselvalores .carousel-indicators { position: absolute;right: -50px; bottom: inherit;left: inherit;z-index: 1;display: grid;padding: 0;margin-right: inherit;margin-bottom: inherit;margin-left: inherit;list-style: none;} #CarouselSomosDiferentes .carousel-indicators [data-bs-target], #caruselvalores .carousel-indicators [data-bs-target]{box-sizing: content-box;flex: 0 1 auto;width: 20px;height: 20px;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-clip: padding-box;border: 0;border-top: 10px solid #0000;border-bottom: 10px solid #0000;opacity: .5;transition: opacity .6s ease;border-radius: 50%;} #carouselSmallAsociados .carousel-indicators [data-bs-target], #carouselbigAsociados .carousel-indicators [data-bs-target], #techGestion .carousel-indicators [data-bs-target]{box-sizing: content-box;flex: 0 1 auto;width: 20px;height: 20px;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: -999px;cursor: pointer;background-clip: padding-box;border: 0;border-top: 10px solid #0000;border-bottom: 10px solid #0000;opacity: .5;transition: opacity .6s ease;border-radius: 50%; } .carousel-indicators .active{ opacity: 1!important; } #carouselSmallAsociados > .carousel-indicators, #carouselbigAsociados > .carousel-indicators, #techGestion > .carousel-indicators{ bottom: -50px !important; } /* */ /* */ /* */ /* Color de letras gral */ html{font-family: 'Poppins', sans-serif; color: #2C2C2C;} p, ul, ol{font-size: 1.2em;line-height: 1.5em;padding-bottom: 1em; text-align: justify;} a{text-decoration: none;} a:hover{text-decoration: none;} /* azul main */ .fc-01{ color: #222B55;} /* azul titulos */ .fc-02{ color: #004179; } /* gris-labels y mini comments */ .fc-03{ color: #A4A4A4; } /* blanco footer */ .fc-04{ color: #FFFFFF; } /* Resaltados en textos */ .fc-05{ color: #007974; } p>b{font-weight: bold; color: #007974;} .bg-01 p>b, .bg-02 p>b, .bg-04 p>b, .bg-06 p>b, .bg-07 p>b {font-weight: bold; color: #FFFFFF;} /* */ /* */ /* */ h1{font-size: 3.7em; text-transform: uppercase;} h2{font-size: 1.8em; text-transform: uppercase;} h3{font-size: 1.5em; text-transform: uppercase;} h4{font-size: 1.1em; text-transform: uppercase;} h1, h2, h3, h4, h5{padding-bottom: 1.5em;font-family: 'Roboto Slab', serif;} .hint{font-size: 1.5em; padding-bottom: 1.5em; font-family: 'Roboto Slab', serif;} .blabel{font-size: 1.1em; font-weight: bold; color: #000000;} .legal{font-size: 0.8em; padding-bottom: 1.5em; text-decoration: underline; color: #a3a3a3;} .metadata{font-size: 0.8em; padding-bottom: 1.5em; color: #a3a3a3;} .theTitle{text-transform: inherit;} /* */ /* */ /* */ section{padding: 5vh;} video{width: 100%; display: block;} .eventcard{width: 100%; max-width: 540px; background: #ffffff; border: solid 1px #e1e1e1; overflow: hidden; border-radius: 10px;padding-bottom: 50px; margin: 0 auto;} .thumb{position: relative; margin-bottom: 30px;} .date{position: absolute;width: 50%;padding: 10px;} /* tabs */ .nav-pills .nav-link.active{ background: #009f5a; color: #FFFFFF; } .nav-pills .nav-link{ background: #222B55; color: #FFFFFF; } /* */ /* */ /* */ footer{background: #489c60;} canvas#canvas{width: 100% !important;min-width: 1400px!important;} .fticon{width: 40px; height: auto; margin: 10px;} footer i.fa-brands{font-size: 0.8em;} /* */ /* */ /* */ @media screen and (max-width: 1200px) and (min-width: 1024px){ /* Netbook or big tablet */ } @media screen and (max-width: 1024px) and (min-width: 767px){ /* tablet */ } @media screen and (max-width: 767px) and (min-width: 0){ /* mobile */ .lebrand {background: url(../img/mainLogo.png) no-repeat center center;background-size: 60%;} .hero-head { padding: 55px 10px; display: block; background-position: center right; background-size: cover; min-height: 56vh; background-repeat: no-repeat;} .hero-head h2{padding: 0; font-size: 1.5em} #aboutus{background-image: url('../img/header-02.jpg'); background-position: center -10px;} #gestion{background-image: url('../img/header-03.jpg'); background-position: center -10px;} #cvalor{background-image: url('../img/header-04.jpg'); background-position: center -10px;} #rsocial{background-image: url('../img/header-05.jpg'); background-position: center -10px;} #eventos{background-image: url('../img/header-06.jpg'); background-position: center -10px;} #blog{background-image: url('../img/header-07.jpg'); background-position: center -10px;} #contacto{background-image: url('../img/header-08.jpg'); background-position: center -10px;} #carouselSmallAsociados .carousel-indicators [data-bs-target], #carouselbigAsociados .carousel-indicators [data-bs-target]{ width: 15px; height: 15px; } } /* */ /* */ /* */ .articulo {background: url("../img/papyrus.jpg") repeat; border-bottom:7px solid transparent; -moz-border-image: -moz-linear-gradient(left, #004179 0%, #007974 100%); -webkit-border-image: -webkit-linear-gradient(left, #004179 0%, #007974 100%); border-image: linear-gradient(to right, #004179 0%, #007974 100%); border-image-slice: 1;padding-top:20px; padding-bottom: 20px;} .articulo p {padding-bottom: 0;margin-bottom: 0;} .articulo p a, details a {color:#004179;} .articulo p a:hover, details a:hover {color:#007974;} .blog-image {width: 100%;height: auto;margin-bottom: 30px;border-bottom:7px solid transparent; -moz-border-image: -moz-linear-gradient(left, #004179 0%, #007974 100%); -webkit-border-image: -webkit-linear-gradient(left, #004179 0%, #007974 100%); border-image: linear-gradient(to right, #004179 0%, #007974 100%); border-image-slice: 1;} .blog-image-half {width: 50%;height: auto; margin-left: 30px; float: right; border-bottom:7px solid transparent; -moz-border-image: -moz-linear-gradient(left, #004179 0%, #007974 100%); -webkit-border-image: -webkit-linear-gradient(left, #004179 0%, #007974 100%); border-image: linear-gradient(to right, #004179 0%, #007974 100%); border-image-slice: 1;margin-bottom: 15px;} .blog-image-half + figcaption {width: 50%; margin-bottom: 30px;margin-left:30px;float: right; font-size: 0.6em;color:dimgrey;} .title-blog {color:#007974; font-size: 3em; padding-bottom: 0.7em;} .lista1 ul, .lista2 ul {padding-left: 2rem;list-style-type: none;} .lista1 ul li, .lista2 ul li {padding-left: 2rem;background-position: 0 0;background-size: 1.4rem 1.4rem;background-repeat: no-repeat;margin-bottom: 0.8rem;} .lista1 ul li {background-image: url(../img/blob.svg);} .lista2 ul li {background-image: url(../img/blob2.svg);} .separador1, .separador2 {display:block;margin:auto;margin-bottom: 30px; max-width: 100px; width: 10%;clear: both;} .d-block:first-child {font-size: 0.7em;} h1 + .sumario b {color:#004179;} details {font-size: 0.7em;} @media (max-width: 760px) { .blog-image-half, .blog-image-half + figcaption { width: 100%; float: none; margin-left:0px; } .title-blog {font-size: 1.6em;} .separador1, .separador2 {width: 30%;} .lista1 ul, .lista2 ul {padding-left: 0.5rem;} }