html body {
font-family:'Exo 2', sans-serif;
}
h1 {
font-size: 32px;
font-weight: bold;
color: #aa3240;
margin-top: -20px;
margin-bottom: -20px;
}
/* covid */
#notification-bar {
display: table;
clear: both;
width: 100%;
padding: 10px;
text-align: center;
height: 25px;
font-size: 14px;
z-index: 99;
position: absolute;
top: 70px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
#mainNav {
border-bottom: 1px solid white;
/* top: 38px; txt covid */
}
/* scroll */
#mainNav.navbar-scrolled {
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
background-color: rgba(255, 255, 255, 0.8);
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease;
/* top: 0; txt covid*/
}
.navbar-brand .fil0,
.navbar-brand .iso {
fill: #ffffff;
}
#_2957163221600 {
fill: #ffffff;
}
#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
color: #58585a;
}
.navbar-nav {
margin-right: 1.5rem;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,1);
}
#mainNav.navbar-dark .navbar-nav .nav-link:focus,
#mainNav.navbar-dark .navbar-nav .nav-link:hover,
#mainNav.navbar-dark .navbar-nav .nav-link.active,
#mainNav.navbar-scrolled .navbar-nav .nav-link:focus,
#mainNav.navbar-scrolled .navbar-nav .nav-link:hover,
#mainNav.navbar-scrolled .navbar-nav .nav-link.active {
color: rgba(170,50,64,1);
background-color: #ffffff96;
}
.idiomas {
font-weight: bold;
}
#mainNav.navbar-dark .navbar-nav .idiomas:focus,
#mainNav.navbar-dark .navbar-nav .idiomas:hover,
#mainNav.navbar-scrolled .navbar-nav .idiomas:focus,
#mainNav.navbar-scrolled .navbar-nav .idiomas:hover {
background-color: rgba(170,50,64,1);
color: rgba(255,255,255,1);
}
/* desplegable desarrollos */
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
top: 52px;
border: none;
border-radius: 0;
border-top: 3px solid #aa3240;
}
.dropdown-item {
color: #8e8e8e;
padding: .5rem 1.5rem;
}
.dropdown-item.active, .dropdown-item:active {
background-color: #8e8e8e;
}
.dropdown-menu .todosdes {
color: #aa3240;
}
.dropdown-menu a.todosdes:hover {
background-color: #aa3240;
color: #ffffff;
}
/* @media (max-width: 1343px) {
#mainNav {
background-color: rgba(255, 255, 255, 0.8);
top: 58px!important;}
} covid */
@media (max-width: 575.98px) {
#mainNav {
background-color: rgba(255, 255, 255, 0.8);
/* top: 83px!important; covid*/
}
.navbar-toggler {
background-color: #727376;
}
.navbar-brand .fil0 {
fill: #727376;
}
.navbar-brand .iso {
fill: #aa3240;
}
.navbar-nav .nav-item .nav-link {
color: #58585a;
}
.busq .form-control {
width: 80%
}
.busq a {
margin-left: 1.5rem;
}}
.navbar-scrolled .navbar-brand .fil0 {
fill: #727376;
}
.navbar-scrolled .navbar-brand .iso {
fill: #aa3240;
}
.navbar-scrolled #_2957163221600 {
fill: #58585a;
}
main {
overflow: hidden;
}
/* Carousel base class */
.carousel {
margin-bottom: 3.5rem;
}
.carousel-inner {
overflow: visible;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
bottom: -6rem;
z-index: 10;
background: transparent url(".././img/fdo_caption.svg") no-repeat;
height: 39rem;
background-size: auto auto;
}
.carousel-caption-txt {
width: 25rem;
margin-left: 3.8rem;
margin-top: 11rem;
}
.carousel-caption-txt > p a.btn-primary {
color: #fff;
border-color: #fff;
}
/* 0421 */
.btn-primary {
color: #aa3240;
background-color: transparent;
border-color: #aa3240;
border-radius: 0;
border: 0.09rem solid;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #aa3240;
border-color: #aa3240;
}
@media (max-width: 575.98px) {
.carousel-caption {
width: 21rem;
left: 4%;
}
.carousel-caption-txt {
width: 17.5rem;
margin-left: 1.2rem;
margin-top: 5rem;
}
.carousel-caption-txt h2 {
font-size: 1.7rem;
line-height: 1.0;
}}
/*img fondo slide */
.img-back {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
/* Declare heights because of positioning of img element */
.carousel-item {
height: 37rem;
background-color: #777;
}
.carousel-item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 32rem;
}
.carousel-control-next, .carousel-control-prev {
background-color: #aa3240;
top: auto;
bottom: auto;
height: 3.5rem;
opacity: inherit;
width: 4%;
}
.carousel-control-prev {
left: 64%;
}
.carousel-control-next {
right: 28%;
}
@media (max-width: 575.98px) {
.carousel-control-next, .carousel-control-prev {
width: 15%;
}
.carousel-control-next {
right: 6%;
}}
/* categorías importantes + | 0421 */
section#categ-desarr .container {
margin-top: 10px;
}
/* contador | 0421*/
.wow {
background-color: #727376;
margin: 50px 0;
color: #ffffff;
}
.iconcontador {
fill: #ffffff;
}
.counter-section i {
display: block;
margin: 0 0 10px
}
.counter-section span.counter {
font-size: 40px;
color: #ffffff;
line-height: 60px;
display: block;
font-weight: bold;
}
.counter-title {
font-size: 26px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 0;
font-weight: bold;
line-height: normal;
}
.counter-title2 {
font-size: 16px;
font-weight: lighter;
margin: 0;
text-transform: uppercase;
}
.counter-icon {
top: 25px;
position: relative
}
.counter-style2 .counter-title {
letter-spacing: 0.55px;
float: left
}
.counter-style2 span.counter {
letter-spacing: 0.55px;
float: left;
margin-right: 10px
}
.counter-style2 i {
float: right;
line-height: 26px;
margin: 0 10px 0 0
}
.counter-subheadline span {
float: right
}
.medium-icon {
font-size: 40px !important;
margin-bottom: 15px !important
}
/*.container {
margin-top: 200px
}*/
/* fin de contador */
/* marcas */
#marcas {
height: 12rem;
}
/* owl carousel */
.owl-carousel .owl-item {
text-align: center;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
font-size: 30px;
border: 1px solid #ccc;
padding: 1px 20px 7px!important;
}
/* hover carousel + calibración */
#logos_clientes .container .fdo-cliente,
#instr_calibra .container .itemcliente,
#marcas .container .itemcliente {
position: relative;
display: block;
}
#marcas .container .itemcliente .portfolio-box-caption,
#instr_calibra .container .itemcliente .portfolio-box-caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
opacity: 0;
color: #fff;
background: rgba(131, 129, 129, 0.7);
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
#marcas .container .itemcliente:hover .portfolio-box-caption,
#instr_calibra .container .itemcliente:hover .portfolio-box-caption {
opacity: 1;
}
@media (max-width: 575.98px) {
#marcas {
height: 16rem;
}}
/*footer*/
footer {
background-color: #aa3240;
color: white;
background-repeat: no-repeat;
background-image: url(".././img/isoblanco.png");
background-position: 108% -120px;
background-size: 28rem;
}
.datos, .instit {
font-weight: lighter;
}
.instit {
margin-top: 3rem;
}
.form-control {
border-radius: 5px;
}
.form-control:focus {
border-color: #0f7cf3;
box-shadow: none;
}
textarea.form-control {
height: 10.5rem;
}
.btn {
border-radius: 0;
color: #aa3240;
}
.dsn {
text-align: right;
color: #737373;
}
.dsn span {
font-weight: bold;
}
.dsn a:hover {
text-decoration: none;
}
.dsn a:hover span {
color: #c3d62f;
}
@media (max-width: 575.98px) {
.pie > div {
text-align: center;
}
.dsn {
text-align: center;
}}
/* SECCIÓN DESARROLLOS */
.encab {
background-color: #aa3240;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 40rem;
color: white;
}
#encab_desarr {
background-image: url(.././img/encabdesarr.jpg);
}
.tt-categ {
color: white;
}
.tt-categ > h2 {
font-weight: 600;
font-size: 2.5rem;
}
.fdo-categ {
display: block;
background-color: transparent;
color: #aa3240;
padding: 60px 15px;
}
/* estilos boton + categorias */
.fdo-mas {
display: block;
background-color: transparent;
padding: 139px 0;
}
.text-muted {
font-weight: 300;
}
.iconcateg {
fill: #aa3240;
font-size: 50px;
margin: 24px;
}
.iconcateg2 {
margin: 0;
}
@media (max-width: 575.98px) {
.tt-categ > h2 {
font-size: 1.5rem;
margin-bottom: 0;
}
.fdo-mas {
padding: 0;
}}
.fdo-mas:hover {
background-color: #aa3240;
}
/* hover categoría */
#categ-desarr .container .fdo-categ .portfolio-box-caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
color: #fff;
background: rgba(170, 50, 64, 1);
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
z-index: -10;
}
#categ-desarr .container .fdo-categ:hover .portfolio-box-caption {
opacity: 1;
}
.fdo-categ:hover,
.fdo-categ:hover>.text-muted {
text-decoration: none;
color: #fff!important;
}
.fdo-categ:hover>.iconcateg,
.fdo-mas:hover>.iconcateg {
fill: #fff;
}
.fdo-categ .portfolio-box-caption>img {
position: absolute;
bottom: 12px;
width: 30px;
}
/* menu lateral */
/* listado completo | 0421 */
.listadocompleto .dropdown-item,
.menulateral .dropdown-item {
border-bottom: 1px solid gray;
}
.listadocompleto a.dropdown-item:hover {
background-color: gray;
color: #ffffff;
}
.menulateral a.dropdown-item:hover {
background-color: #aa3240;
color: #ffffff;
}
.listadocompleto a.dropdown-item.active,
.menulateral a.dropdown-item.active {
background-color: #aa3240;
color: #ffffff;
}
.listadocompleto >.active {
font-size: 18px;
font-weight: bold;
}
.listadocompleto a span {
margin-right: 5px;
}
@media (max-width: 575.98px) {
.menulateral {
display: none;
}
.d01 {
padding: 0!important;
}}
/* paginado */
.page-link {
color: #aa3240;
border: 1px solid #aa3240;
}
.page-link:hover {
color: #fff;
background-color: #aa3240;
border-color: #aa3240;
}
.page-item.active .page-link {
background-color: #aa3240;
border-color: #aa3240;
}
/* detalle de cada categoría */
.detcateg {
height: 23rem!important;
}
.breadcrumb {
background-color: transparent;
width: 20rem;
margin: 0 auto;
}
.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.active {
color: #f5bbc2;
}
.breadcrumb-item a {
color: #ffffff;
}
.breadcrumb-item a:hover {
text-decoration: underline;
}
/*listado de desarrollos */
.detdesarr {
padding: 50px 40px;
}
.detdesarr h4 {
font-weight: bold;
color: #aa3240;
}
.detdesarr p {
font-weight: lighter;
color: #6c757d;
}
.detdesarr>.btn {
border: .15rem solid #aa3240;
background-color: transparent;
padding: .3rem .7rem .5rem;
width: 2.7rem;
display: block;
position: absolute;
right: 0;
margin-right: 40px;
}
.detdesarr svg {
fill: #aa3240;
background-color: transparent;
}
.detdesarr>.btn-secondary:hover {
color: #fff;
background-color: #aa3240;
border-color: #aa3240;
}
.detdesarr>.btn-secondary:hover svg {
fill: #ffffff;
}
.detdesarr>.btn-secondary:not(:disabled):not(.disabled).active,
.detdesarr>.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #aa3240;
border-color: #aa3240;
}
/* Detalle Desarrollo */
#detalle_encab {
background-color: #ca5361;
height: 20rem;
color: white;
}
#detalle_encab ol.breadcrumb {
width: 100%;
padding: 0!important;
}
#detalle_encab .container .row {
padding-top: 11.5rem;
}
@media (max-width: 575.98px) {
#detalle_encab .container .row {
padding-top: 8rem;
}
#detalle_encab ol.breadcrumb {
font-size: .9rem;
}}
/* Detalle de desarrollo */
#detalle_des h4 {
font-weight: bolder;
color: #aa3240;
}
/* estilo de pestañas */
.nav-tabs {
border-bottom: 2px solid #aa3240;
}
.nav-tabs>li {
line-height: 51px;
margin-bottom: -1px;
}
.nav-tabs li a {
padding: 15px;
border: 1px solid #aa3240;
border-bottom-color: transparent;
border-radius: 8px 8px 0 0;
color: #aa3240;
}
.nav-tabs li a:hover {
background-color: #aa3240;
color: #ffffff;
text-decoration: none;
}
.nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus,
.nav-tabs>li>a.active:hover {
color: #aa3240;
cursor: pointer;
background-color: #fff;
border: 2px solid #aa3240;
border-bottom-color: transparent;
font-weight: 700;
}
@media (max-width: 575.98px) {
.nav-tabs li a {
font-size: 14px;
}}
.txtdesarr {
align-self: flex-end;
}
#info ul {
list-style: none;
}
#info i {
color: #aa3240;
font-weight: bold;
}
/* soft */
#soft h3 {
font-weight: bold;
color: white;
background-color: #aa3240;
padding: 15px;
}
#soft .col-3 {
color: #aa3240;
}
#soft .row {
border-bottom: 1px solid #aa3240;
padding: 7px 0;
}
/* ficha */
#ficha h3 {
font-weight: bold;
color: white;
background-color: #aa3240;
padding: 15px;
}
#ficha .col-3 {
color: #aa3240;
}
#ficha .row {
border-bottom: 1px solid #aa3240;
padding: 7px 0;
}
/* edición para btn Bajar folleto */
#ficha .files, .files {
border-bottom: none;
background-color: #aa3240;
text-align: center;
padding: 18px 0;
}
.files a.btn-primary {
color: #ffffff;
border: 0.09rem solid transparent;
}
.files a.btn-primary:hover {
color: #ffffff;
border: 0.09rem solid #ffffff;
}
.files a i.down {
opacity: 0;
}
.files a:hover i.down {
opacity: 1;
}
/* fotos */
.overslide-container {
position: relative;
display: block;
overflow: hidden;
}
.overslide-container img {
max-height: 130px;
}
.overslide {
background-color: rgba(170, 50, 64, 0.8);
}
.overslide {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
right: -1px;
background-color: rgba(170, 50, 64, 0.9);
cursor: pointer;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
-o-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.overslide i {
position: absolute;
left: 46%;
top: 55%;
font-size: 30px;
line-height: 1px;
color: #ffffff;
margin-top: -8px;
margin-left: -8px;
text-align: center;
}
.overslide-container:hover .overslide {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
/* tabla | 0421 */
.table td {
text-align: center;
}
th.namedes {
text-align: center;
background-color: #aa3240;
color: white;
}
th.caract {
background-color: gray;
color: white;
}
@media (max-width: 575.98px) {
.table td, .table th {
padding: .1rem;
font-size: .8rem;
}}
/* desarrollos relacionados */
#desa_relac_tt {
background-color: #aa3240;
color: #ffffff;
}
#desa_relac_tt h4 {
font-weight: 700;
}
#desa_relac_cuerpo {
background-color: #ccc;
}
@media (max-width: 575.98px) {
#fotos .row {
margin-bottom: 0!important;
}
#fotos .row div {
padding-bottom: 1rem;
}
#desa_relac_tt h4 {
font-size: 1.2rem;
font-weight: 700;
}}
/* Calibración */
#encab_calibra {
background-image: url(.././img/encabcalibra.jpg);
}
#col_calibra h4 {
background-color: #aa3240;
color: #ffffff;
padding: 15px 40px;
}
#col_calibra ul {
list-style: none;
}
#col_calibra ul li {
border-bottom: 1px solid #ccc;
padding: 8px 0 8px 10px;
color: #636363;
}
#col_calibra .container .row a.btn {
display: block;
width: 100px;
margin-left: 50px;
}
@media (max-width: 575.98px) {
#col_calibra .col-lg-6 {
padding-bottom: 20px;
}}
/* carousel instrumentos */
#inst_calibra {
height: 15.7rem!important;
}
#instr_calibra h4 {
color: #aa3240;
font-weight: 700;
}
#instr_calibra .container .itemcliente .portfolio-box-caption {
background: rgba(170, 50, 64, 0.85);
}
#instr_calibra .container .itemcliente {
border: 1px solid #ccc;
}
#instr_calibra .container .itemcliente .portfolio-box-caption p {
width: 70%;
}
/* empresa */
#encab_empresa {
background-image: url(.././img/encabempresa.jpg);
}
.fdoempr {
background-repeat: no-repeat;
background-image: url(.././img/isoblanco.svg);
background-size: 28rem;
}
.empr01 {
background-position: 100% 16%;
}
.txtcolor {
color: #aa3240;
font-weight: 600;
}
.paises ul {
list-style: none;
padding-inline-start: 0;
}
.empr02 {
background-position: 100% 70%;
}
.politica ul {
list-style: none;
}
.politica ul li i {
color: #aa3240;
}
.empr03 {
background-position: 100% 90%;
}
@media (max-width: 575.98px) {
.empr01, .empr02, .empr03 {
background-position-x: -226%;
}
.empr02 h4 {
width: 60%;
}}
/* clientes */
#encab_clientes {
background-image: url(.././img/encabclientes.jpg);
}
.test {
align-self: flex-end;
}
#logos_clientes {
background-color: #d4d1d1;
}
.fdo-cliente {
display: block;
background-color: transparent;
padding: 15px 0;
}
#logos_clientes .container .fdo-cliente .portfolio-box-caption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
color: #fff;
background: rgba(170, 50, 64, .7);
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
z-index: 10;
}
#logos_clientes .container .fdo-cliente:hover .portfolio-box-caption {
opacity: 1;
}
.fdo-cliente:hover {
text-decoration: none;
color: #fff!important;
}
.fdo-cliente:hover>.iconcateg {
fill: #fff;
}
.fdo-cliente .portfolio-box-caption>img,
.fdo-cliente .portfolio-box-caption>span {
position: absolute;
}
.fdo-cliente .portfolio-box-caption>img {
width: 30px;
bottom: 36%;
}
.fdo-cliente .portfolio-box-caption>span {
bottom: 29%;
font-weight: 600;
}
.txt-test {
font-size: 20px;
}
.txt-test span {
color: #aa3240;
font-weight: bold;
}
#testimonio p.testautor {
font-weight: 700;
}
@media (max-width: 575.98px) {
#logos_clientes .row {
padding: 0!important;
}}
/* contacto */
#encab_contacto {
background-image: url(.././img/encabcontacto.jpg);
}
#datos ul {
list-style: none;
}
#datos {
background-color: #4f4e4e;
color: #ffffff;
}
#datos i {
color: #da9da4;
font-size: 1.8rem;
padding-right: 5px;
}
#datos #contact-form .btn {
color: #ffffff;
background-color: #aa3240;
}
#datos #contact-form .btn:hover {
color: #aa3240;
background-color: #ffffff;
}
#mapa {
height: 640px;
}
/* búsqueda | 0421 */
.encabbusq {
background-image: url(.././img/encabbusqueda.jpg);
}
input.form-control.input-lg {
border: 1px solid #929191;
margin-right: 10px;
height: 49px;
}
.search-result {
cursor: pointer;
padding: 15px;
}
.search-result:hover {
background-color: #aa3240;
}
.search-result:hover h3 a,
.search-result:hover a {
color: #ffffff!important;
text-decoration: none;
}
.search-result:hover p {
color: lightgray;
}
.search-result,
.search-result h3 a,
.search-result a {
color: #aa3240!important;
}
.search-result img {
width: 120px;
float: left;
margin: 10px;
}
.search-result h3 {
margin-bottom: 0;
}
.search-result p {
color: gray;
width: 85%;
}
.ibox-content .btn-group button {
background-color: transparent;
border: 1px solid #aa3240;
}
.ibox-content .btn-group button:hover {
background-color: #aa3240;
border: 1px solid #aa3240;
color: #ffffff;
}
@media (max-width: 575.98px) {
.search-result img {
width: 100%;
margin: 0 0 10px 0;
}