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

@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*
  font-family: "PT Sans Narrow", sans-serif;
  font-family: "PT Sans", sans-serif;*/

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

font-size:20px; 

font-display:swap; 
color:#626262;  }

.mycontainer{
	
	max-width:1500px}

a{ color:#000; }
a:hover, a:focus {
color:#908ddc; text-decoration:none !important;

}

hr{
width: 100%;       /* Ancho de la línea */
    border: none;     /* Elimina el borde predeterminado */
    height: 7px;      /* Grosor de la línea */
    background-color: #cefc40; /* 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: 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 */
    margin-left: 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:linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)),url(../images/banner1.jpg); background-repeat:no-repeat; background-size:cover;background-position:center top}
.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:170px; background-image:url(../images/fondo_head.png); background-repeat:no-repeat; background-size:cover;background-position:center top }


.card{ border:none}

/*TITULARES*/

.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,h2,h3,h4,h5,h6{
font-family: "PT Sans Narrow", sans-serif;}


h1{color:#cefe44;  font-size:5rem; font-weight:800; }
h1.tit{  font-weight:700;  font-size:2.8rem; color:#735cdf;  text-transform:uppercase}
h2{ font-weight:700;  font-size:3.2rem; color:#735cdf; }
h2.titulos_index{ color:#735cdf;    font-size:2.2rem;font-weight:700; }
h2.titulo_index{ color:#fff;    font-size:30px;font-weight:400;  font-family: "PT Sans", sans-serif;}
h3{ color:#735cdf;    font-size:1.5rem;font-weight:700; }
h3.titulo{  color:#674ede; font-size:30px;font-weight:400 !important; }


h6{   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}

/*ICOS*/
.ico{font-size:16px; color:#fff !important; padding: 20px ;  background-color: #674ede; border-radius: 50%;width: 55px;height: 55px; margin: 0 2px }
.ico-white{font-size:16px; color:#fff !important; padding:5px ;  }



/*BOTONES*/
.boton_crema{ background-color:#ccfe42; border-color:#ccfe42; color: #5847cb;   border-radius: 15px ; padding: 10px 80px; font-weight: 600  }
.boton_crema:hover{ background: #5847cb;border-color:#5847cb;color:#ffffff;}

.boton_llamada{ background-color:#ccfe42; border-color:#ccfe42; color: #5847cb;   border-radius: 20px 20px 0px 20px ; padding: 5px 30px   }
.boton_llamada:hover{ background: #5847cb;border-color:#5847cb;color:#ffffff;}

.boton_azul{ background-color:#5847cb; border-color:#5847cb; color:#ffffff; border-radius:0px;  border-radius: 15px ; padding: 10px 80px; font-weight: 600  }
.boton_azul:hover{ background: #ccfe42;border-color:#ccfe42;}

.btn_linea{color:#ccfe42;  border: 2px solid #ccfe42;  background-color: transparent; border-radius: 15px ; padding: 10px 80px ; font-weight: 600  }
.btn_linea:hover{ background: #fff;border-color:#ccfe42;}

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

/*menu*/
.navbar-light .navbar-nav .nav-link { font-size:16px; color: #fff; padding: .5rem 1rem; text-transform:uppercase;  }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #674ede; text-transform:uppercase; }
	
.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-color: transparent;
  background-clip: padding-box;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #ccfe42;
  border-radius:0;
  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);
}

input::placeholder,
textarea::placeholder {
  color: #aca0e5 !important;
 
	font-style: italic;
  letter-spacing: 1px;
}
.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:#fff; 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-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #11507a !important;
    background-color: #fff; padding:10px 20px;border:2px solid #11507a;
}

.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: #cdff43 !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{  height:200px; }
.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(0,0,0,0.3), rgba(0,0,0,0.4)),url(../images/banner1.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:#fff; font-weight:400;

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 #674ede; /* Azul claro */
    border-bottom: 12px solid #004080; /* Azul oscuro */
    border-left: 12px solid #004080; /* Azul oscuro */
    border-right: 12px solid #674ede; /* 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;
            
        }