@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



html,body{ overflow-x:hidden;
  font-family: "Roboto", sans-serif;

font-size:18px; 
background-color:#ffffff;
font-display:swap; 
color:#050505;  }

.mycontainer{
	
	max-width:1600px}

a{ color:#003c76; }
a:hover, a:focus {
color:#000000; text-decoration:none !important;
opacity:0.9
}

.oscuro{color:#02575e !important;}
hr{
width: 100%;       /* Ancho de la línea */
    border: none;     /* Elimina el borde predeterminado */
    height: 2px;      /* Grosor de la línea */
    background-color: #3c7c81; /* Color de la línea */
    text-align: left; /* Alineación a la izquierda */
    margin-left: 0;   /* Alineado a la izquierda */
}

hr.hr_center{
width: 10%;       /* Ancho de la línea */
    border: none;     /* Elimina el borde predeterminado */
    height: 6px;      /* Grosor de la línea */
    background-color: #04bfd7; /* Color de la línea */
    text-align: left; /* Alineación a la izquierda */
    margin: 0 auto;   /* Alineado a la izquierda */
}
hr.hr_right{
width: 20%;       /* Ancho de la línea */
    border: none;     /* Elimina el borde predeterminado */
    height: 6px;      /* Grosor de la línea */
    background-color: #FFF; /* Color de la línea */
    margin-right: auto !important;     /* Empuja la línea hacia la derecha */

}
a.prodesin,a.prodesin:visited{ color:#000; font-size:13px}
.pie{ color:#fff;  }
a.pie{ color:#fff; font-size:14px; padding-left:10px; padding-right:10px }
.cab{ background-image:url(../images/banner1.jpg); background-repeat:no-repeat; background-size:cover;background-position:center top; min-height: 800px}
.cab1{ background-image:linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.4)),url(../images/banner1.jpg); background-repeat:no-repeat; background-size:cover; height:500px; background-position:center top}
.cab2{ background-image:linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.4)),url(../images/banner1.jpg); background-repeat:no-repeat; background-size:cover;background-position:center top}

.cab3{ background-image:linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.4)),url(../images/banner1.jpg); background-repeat:no-repeat; background-size:cover; height:400px; background-position:center }
.cab-seccion{ background-image:linear-gradient( rgba(0,0,0,0.5), rgba(0,0,0,0.2), rgba(0,0,0,0.5)),url(../images/cab-contacto.png); background-repeat:no-repeat; background-size:cover;background-size:100% auto; height:809px; background-position:center }
.cab-contacto{  height:150px; background-color:#4d5055 }


.card{ border:none}

.titular{ font-weight: bold;  color:#FFFFFF; font-size:48px; text-align:center; text-transform:uppercase; top:50%;}
.subtitular{ font-weight:lighter;  color:#8b807e; font-size:46px;}

h1{color:#fff;  font-size:4em; font-weight:400; }
h2.tit_estruc{ color:#1c1f3e; text-transform:uppercase}
h2{ font-weight:400;   font-size:34px;color:#fff}
h2.titulos_index{ color:#01a1b1;   font-size:2.3em;font-weight:500; }
h2.titulos_g{  font-size:4em; }
h3{ color:#1c1f3e; font-size:24px;}
h3.titulo{  color:#01a1b1; font-size:30px;font-weight:400 !important; }
h4{  font-size:46px;font-weight:600 !important; }
h5{  font-size:26px;font-weight:600 !important; }
h6{  color:#fff; font-size:20px;font-weight:600 !important; }



.leyenda{ font-size:30px; font-weight:normal ; color:#003c76; letter-spacing: 6px;  }
.enlaceindex{ font-size:30px; font-weight:normal; color:#003c76; text-align:right; letter-spacing: 6px; }
.txtform{font-size:30px; font-weight:normal; color:#003c76; text-align:left; letter-spacing: 6px; }
.pfrecuentes{font-size:30px; font-weight:bold; color:#003c76; text-align:left; letter-spacing: 6px;   }


.ticono{ font-weight:lighter; font-size:18px; }
.divico{padding:15px; width:200px}

.ico{font-size:16px; color:#505457 !important; padding: 10px ;  background-color: #00a3b0; border-radius: 50%;width:35px;height: 35px; margin: 0 5px }
.ico-white{font-size:20px; color:#fff !important; padding: 10px ;  background-color: #1aa2b0; border-radius: 50%;width: 40px;height: 40px; margin: 0 5px }

.ico_redes_g{font-size:24px; color:#8b8b8b !important; vertical-align: middle ;  margin: 0 5px   }

.boton_crema{ background-color:#00a2af; border-color:#00a2af; color:#ffffff; font-size:18px;  border-radius:30px; font-weight: 300;  padding: 0.5em 6em;   }
.boton_crema:hover{ background: #1c1f3e;border-color:#1c1f3e;color:#ffffff;}

.boton_azul{ background-color:#01a1b1; border-color:#01a1b1; color:#ffffff; font-size:18px; border-radius:0px; font-weight: 600;  width: 100% !important }
.boton_azul:hover{ background: #ffc107;border-color:#ffc107;}

.btn_linea{color:#01a1b1; font-size:18px; background-color:#fff; width: 100% !important;border:2px solid #01a1b1;font-weight: 600; }
.btn_linea:hover{ color:#fff; background-color:#01a1b1;}

blockquote{ font-size:30px; font-weight:300; }
.centradol {text-align:left;}
.centrador {text-align:right;}

/*menu*/
.navbar-light .navbar-nav .nav-link { font-size:18px; color: #7ea2a2; padding: .3rem 0.8rem; text-transform:uppercase; font-weight: 600 }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #ffc107; text-transform:uppercase; font-weight: 600}
	
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
 background: rgba(255, 255, 255, 0.35); 
  background-clip: padding-box;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: none;
  border-radius:12px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .form-control:focus {
  color: #000;
  background-color: #fff;
  border-color:#000;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0,0,0,.15);
}

::placeholder { color: #979fb0 !important; opacity: 1; font-style: oblique } /* estándar */

::-webkit-input-placeholder { color: #ffffff; } /* Chrome, Safari */
:-ms-input-placeholder { color: #ffffff; }      /* IE 10-11 */
::-ms-input-placeholder { color: #ffffff; }     /* Edge antiguo */

.titularpie{color:#8b807f; font-size:18px; padding-bottom:15px}
.pietxt{color:#fff;font-size:18px}
.lista{ padding:0px;list-style-type:none}
a.linkpie, a.linkpie:visited{color:#19a2ae; margin-top:10px}
a.linkredes, a.linkredes:visited{color:#fff;font-size:13px}
.red{color:#8b807f;font-size:18px}
/*.imgpresenta{margin-top:-110px; 
z-index:2; position:absolute
}*/



/*columnas*/

.card-columns .card {
    margin: 2px !important;

	border-radius: 0;

}
.card-columns {

    -webkit-column-gap:  0.2rem;
    -moz-column-gap:  0.2rem;
    column-gap: 0.2rem;
    
}
.card-img, .card-img-top{border-radius:0px !important;}
a.card-title{ color:#fff; text-transform:uppercase}


/*fin columnas*/

/*
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #11507a !important;
    background-color: #fff; padding:10px 20px;border:2px solid #11507a;
}
.nav-link:hover {
   
    font-size: 16px;
}
.nav-pills .nav-link {
    border-radius: 40px; color: #ccc !important;border:2px solid #ccc; margin-right:10px
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;    color: #11507a !important;
  border:2px solid #11507a;
}
	*/

 .nav-link.active, .nav-pills .show > .nav-link {
    color: #01a1b1 !important;
  
}

.nav-pills .nav-link {
    border-radius: 40px; color: #ccc !important;border:2px solid #ccc; margin-right:10px
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;    color: #00a3b0!important;padding:10px 20px;
  /*border:2px solid #11507a;*/
}


.back-to-top {
    background-color: #fff;
}
.bg-site-color {
    background-color:#8b807f !important;
}
.back-to-top {
    background-color: rgba(255,255,255,.95);
    border-radius: 24px;
    bottom: 15px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    display: none;
    margin-left: -15px;
    position: fixed;
    left: 25px;
    -webkit-transition: bottom .2s ease-in-out;
    -moz-transition: bottom .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out;
    transition: bottom .2s ease-in-out;
    z-index: 999;
}
.back-to-top i {
    border-radius: 0;
    color: #fff !important;
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px;
}
.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}
.fa {
    display: inline-block;

        font-size: 14px;
        line-height: 1;
    font-size: inherit;
    text-rendering: auto;

}

/*MODAL*/

 .modal-backdrop { background-color:rgba(255,255,255,1) !important}
.modal-body {

    padding: 0rem !important;
	border-radius:0px  !important;

}

.modal-content {

    border: 1px solid #fff;
    border-radius: 0rem  !important;	
	-webkit-box-shadow: 5px 15px 35px -17px rgba(51,51,51,1);
-moz-box-shadow: 5px 15px 35px -17px rgba(51,51,51,1);
box-shadow: 5px 15px 35px -17px rgba(51,51,51,1) !important;

}

@media only screen and (max-width:991px) {
/* Aquí van los estilos para iPad vertical */
.nomovil{display: none}


.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .50rem + 1px);
  padding: .375rem .75rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1;

  }
.boton_rojo{ font-size:12px;  }

.cab2{ height:140px;}
.cab3{ background-image:url(../images/banner1.jpg); background-repeat:no-repeat; background-size:cover;background-size:100% auto; height:200px; background-position:center }
.cab-seccion{ background-image:linear-gradient( rgba(0,0,0,0.5), rgba(0,0,0,0.2), rgba(0,0,0,0.5)),url(../images/cab-contacto.png); background-repeat:no-repeat; background-size:cover;background-size:100% auto; height:200px; background-position:center }
.cab-contacto{ background-image:linear-gradient( rgba(0,0,0,0.5), rgba(0,0,0,0.2), rgba(0,0,0,0.5)),url(../images/contactocabecera.jpg); background-repeat:no-repeat; background-size:cover;background-size:100% auto; height:200px; background-position:center }
.titular{ font-weight: bold;  color:#FFFFFF; font-size:24px; text-align:center; text-transform:uppercase; top: 15%}
.subtitular{font-size:24px;}
.centrador {text-align:center;}
.navbar-light .navbar-toggler {
  color: #fff !important;
}
h1{font-size:2rem; }
}
@media only screen and (min-width:992px) {
.solomovil{display: none}
}


.overlay {
height: 0px;
width: 100%;
position: fixed;
top: 0;
z-index: 200;
/*top: 162px;*/

left: 0;
bottom: 0;
background-image:linear-gradient( rgba(255,255,255,0.6), rgba(255,255,255,0.8)),url(../images/fondo_menu.jpg);
background-size:cover;

overflow: hidden;
transition: 0.5s; 
}

.overlay-content {
position: relative;
top: 2%;
width: 100%;
text-align: center;
margin-top: 30px;
color: #FFFFFF; 
}

.overlay a {

text-decoration: none; 

font-size: calc(1em + 1vh);
color:#333; font-weight:600;

display: block;
transition: 0.3s; text-transform:uppercase
}

.overlay a:hover, .overlay a:focus {
color:#ccc;
}

   
      #box {
       
      
        position: relative;
       
        background: #cccaca; 
      }
	       #borderright {  width: 100%;
     border-right: 3px solid #703f2a;
        position: absolute;
        top: 0;
        bottom: 50%;	right:-20px
      }

      #borderLeft { 
        border-left: 3px solid #703f2a;    
        position: absolute;
        top: 50%;
        bottom: 0;
		left:-20px
      }

/* Contenedor principal */
.border-container {
    position: relative;
    display: inline-block; /* Ajusta al tamaño de la imagen */
    padding: 10px; /* Espesor del borde */
 /*   background: linear-gradient(to right, #004080 0 10px, #00d0ff 10px 100%);*/ width: 100%;
}

/* Imagen dentro del contenedor */
.border-container img {
    display: block;
    border-top: 12px solid #ffc107; /* Azul claro */
    border-bottom: 12px solid #004080; /* Azul oscuro */
    border-left: 12px solid #004080; /* Azul oscuro */
    border-right: 12px solid #ffc107; /* Azul claro */
}

        /* Columna con posición relativa */
        .col-relative {
            position: relative; /* Necesario para que el texto absoluto se posicione dentro */
            height: 350px; /* Altura para la columna */
            color: #fff; /* Color de fondo para visualizar la columna */ 
        }

        /* Texto posicionado abajo */
        .text-bottom {
            position: absolute; /* Se posiciona relativo a la columna */
            bottom: 10px; /* Alinea el texto 10px desde la parte inferior */
            right: 15%; /* Centra horizontalmente */width: 70%; font-size: 22px;
            
        }
/*flechas*/
.cabecera-galeria {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
flex-wrap: nowrap;
}

.flechas-slider {
display: flex !important;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 5px;
width: 170px;
min-width: 170px;
flex: 0 0 auto;
margin-top: 30px;
}

.flechas-slider .slick-prev,
.flechas-slider .slick-next {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
transform: none !important;
}

.flechas-slider .custom-arrow {
position: relative;
display: inline-block;
width: 72px;
height: 34px;
border: 0;
background: transparent;
font-size: 0;
cursor: pointer;
padding: 0;
margin: 0;
}

.flechas-slider .custom-prev::before,
.flechas-slider .custom-next::before {
content: '';
position: absolute;
top: 50%;
width: 46px;
height: 3px;
background: #01a1b1;
transform: translateY(-50%);
}

.flechas-slider .custom-prev::before {
right: 18px;
}

.flechas-slider .custom-next::before {
left: 18px;
}

.flechas-slider .custom-prev::after {
content: '';
position: absolute;
left: 6px;
top: 50%;
width: 14px;
height: 14px;
border-left: 3px solid #01a1b1;
border-bottom: 3px solid #01a1b1;
transform: translateY(-50%) rotate(45deg);
}

.flechas-slider .custom-next::after {
content: '';
position: absolute;
right: 6px;
top: 50%;
width: 14px;
height: 14px;
border-right: 3px solid #01a1b1;
border-top: 3px solid #01a1b1;
transform: translateY(-50%) rotate(45deg);
}