body {
  font-family: 'Poppins', sans-serif;
  color: #090909;
  text-align: justify;
  background-color: #f4f4f4;
}

a{
  text-decoration: none;
}

strong, b{
color:#087639;
}

.blue-box{
  padding: 10px;
  margin: 20px;
  border: solid 1px #130048;
  display: flex;
  justify-content: center;
  border-radius: 5px;
}

.blue-box p{
  align-self: center;
  margin: 0;
}


.blue-box:hover{
  background-color: #130048;
  color: white;
}

.section-header {
background-color:#fff;
}

#header {
  background: #130048;
}

.navbar-nav .nav-item {
  padding: 0px 2px 0px 0px;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 12.7px;
  outline: none;

}

.btn-dark{
  background-color: #130048;
  border-color: #130048;
  color: #fff;
}

@media (max-width: 1200px) {
.navbar-nav .nav-item {
  font-size: 12px;
   padding: 5px 0px 5px 0px;
   text-align: center;
}
}

@media (max-width: 990px) {
.navbar-nav .nav-item {
  font-size: 13px;
   padding: 5px 0px 5px 0px;
   text-align: center;
}
}

.dropdown-item {
    padding: .35rem 1.5rem;
    font-weight: 600;
    color: #fff;
    font-size: 12.7px;
    background-color: #130048;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {
  padding: 0px;
}

.navbar-toggler {

    background-color: #130048 !important;
}
  
.navbar-toggler {
  position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: 0;
}

.navbar-toggler span {
  display: block;
  background-color: #fff;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 0;
  opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
  transition: -webkit-transform .35s ease-in-out;
  transition: transform .35s ease-in-out;
  transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  height: 12px;
  visibility: hidden;
  background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  position: absolute;
  left: 12px;
  top: 10px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  opacity: 0.9;
}

.azul_d{
background-color:#e8e9e9;
border:1px #c2c3c3 solid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.azul_d2{
background-color:#130048;
border:1px #130048 solid;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding: 8px 8px;
font-size: 16px;
color: #fff;
text-align: center;
}

.texto-top{
color:#000;
text-align: center;
padding:2px;
font-size: 13.5px;
}

.texto-top a{
color:#0d0f83;}

.contenido{
background-color:#ffffff; }

.pie{
background-color: #bebdbf;
margin-top:30px;
font-size: 16px;
padding: 10px 20px;
color: #130048;
}

.pie a {
color: #130048 !important;
}

.pie a:hover, .pie a:focus {
    
    text-decoration: underline !important;
	color: #C00000 !important;
}

h1,
h2,
h6 {
  color: #130048;
  text-align: left;
  font-weight:bold;
}

h3 {
  color: #130048;
  
}

h4 {
   color: #ee3934;
  font-size: 23px;
  text-align: center;
  margin-bottom: 15px;
}

h5 {
  color: #64a024;
  font-size: 30px;
  text-align: left;
}

a {
  color: #004c78;
  transition: all .5s ease;
}

a:hover {
  color: #013451;
  text-decoration: none;
}

.slogan {
  font-size: 37px;
  color: #130048;
  font-weight: 600;
  text-align: center;
  padding: 15px 0px;
  margin-top: 15px
}

.texto-top {
    color: #000;
    text-align: center;
    padding: 2px;
    font-size: 13.5px;
}

.textos-mini{
font-size:11px;}

A.liga_blanca:link    {color:#ffffff; text-decoration:none;transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga_blanca:visited {color:#ffffff; text-decoration:none;transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga_blanca:active  {color:#ffffff; text-decoration:underline;transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga_blanca:hover   {color:#ffffff; text-decoration:underline;}

A.menu:link    {color:#ffffff; text-decoration:none;transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.menu:visited {color:#ffffff; text-decoration:none;transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.menu:active  {color:#ffffff; text-decoration:underline;transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.menu:hover   {color:#031022; text-decoration:underline;}

A.form:link    {color:#130048 !important; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.form:visited {color:#ffffff; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.form:active  {color:#ffffff; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.form:hover   {color:#C00000 !important; text-decoration:none;}


A.liga:link    {color:#8b1213; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga:visited {color:#8b1213; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga:active  {color:#8b1213; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga:hover   {color:#504d4d; text-decoration:none;}

A.liga2:link    {color:#130048; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga2:visited {color:#130048; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga2:active  {color:#7e7777; text-decoration:none; transition: 0.2s ease; -o-transition: 0.2s ease; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease;}
A.liga2:hover   {color:#7e7777; text-decoration:none;}


.azul{
	background-color: #00324d;
}

.blanco{
	color: #fff;
}

.btn-rojo {
    background-color: #130048;
    color: #fff;
    font-size: 16px;
}

.btn-rojo:hover {
    color: #fff;
    background-color: #130048;
}

.highlight-info {   
  background: url(../images/banner-background2.jpg);
    color: #130048;
    font-size: 20px;
    text-align: center;    
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 9px 6px rgba(0,0,0,0.59);
-moz-box-shadow: 0px 0px 9px 6px rgba(0,0,0,0.59);
box-shadow: 0px 0px 9px 6px rgba(0,0,0,0.59);
text-transform: uppercase;

}


.highlight-info a{ text-decoration: none; font-weight: bold;}



.highlight-info h2 {    
    color: #168de5;  
    
}

@media (min-width: 661px ) and (max-width: 990px ) {
.highlight-info {   
    font-size: 18px;
}


}

@media (max-width: 660px ) {
.highlight-info {   
    font-size: 16px;
}

}

@media (max-width: 560px ) {
.highlight-info {   
    font-size: 16px;
}

}
.cuadro-azul {
background-color:#d8d7d9;
border-radius: 10px;
padding: 12px 20px;
font-size: 15px;
text-align: justify;
color: #130048;
margin: 10px 3px;
}

.cuadro-azul2 {
background-color:#fff;
border-radius: 10px;
padding: 12px 15px;
font-size: 15px;
margin: 10px 0px;
border: 3px solid #130048;
}


.banner-rojo {
    background-color: #130048;
    font-size: 17px;
    padding: 10px 12px;
font-weight: bold;
text-align: center;
color: #fff;
border-radius: 5px;
margin: 15px 0px;
}

.banner-rojo:hover {
    color: #fff;
    text-decoration: none;
    background-color: #131450;

}

.banner a {
    color: #fff;
    text-decoration: none;
}

.highlight-info2 {
    background-size: cover; 
    background-color: #fff;
    color: #130048;
    font-size: 17px;
    -webkit-box-shadow: -1px 7px 7px 0px rgba(0,0,0,0.67);
-moz-box-shadow: -1px 7px 7px 0px rgba(0,0,0,0.67);
box-shadow: -1px 7px 7px 0px rgba(0,0,0,0.67);
    
}
.highlight-info2 h1, .highlight-info2 .h1 {
    font-size:32px;
  color:#130048;  
  background-color: transparent;
  font-weight: 500;
  font-weight: bold;
}

.highlight-info2 a {
color:#67b8fe;}

.highlight-info2 .texto16{
color:#000;}

.highlight-info2 .overlay {
    background: #fff;
    padding: 10px 30px 0px 30px;
}


/******************/
.port-1 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align:justify;
    border: 0px solid transparent;
    margin-bottom: 10px;
}

.port-1.effect-2:hover .text-desc {
    bottom: 0;
}
.port-1.effect-2 .text-desc {
    top: auto;
    bottom: -100%;
}
.port-1 .text-desc {
    opacity: 0.9;
    top: -100%;
    transition: 0.5s;
    color: #000;
    padding: 45px 20px 20px;
}
.text-desc {
    position: absolute;
    background-color: #130048;
	
    height: 100%;
    width: 100%;
    opacity: 0;
}

.texto-de-foto {
    line-height: 100%;
    font-size: 16px;
    color:#FFFFFF;
    margin-bottom: 20px;
    line-height: 1.2 !important;
    text-align: left;
}


#marca_01 {
    border: 3px solid #130048;
    padding: 5px;
}


.contenedor{
    text-align: center;
  background-size: contain;
  width: 100% !important;
}
 
.input_captcha2{
  width:30%;}

.input_captcha{
  width:15%;
    
}

.captcha {
  display: flex;
  justify-content: center;
  align-items: center;
}
  
.input_telefono{
  width:80%;} 
  
.inputmini {
  width:35% !important;}

.inputmini2 {
  width:60% !important;
}


@media (max-width: 600px) {

  .inputmini{
  width:30%;}
.inputmini2{width:62%;}

}


.tablas {
  width: 100%;
}

.cuadro-azul {
  background-color: #fff;
  color: #0f70b8;
  padding: 15px 22px;
  font-size: 17.5px;
  margin: 15px 0px;
  border-radius: 5px;
  text-align: justify;
  border: 3px #0f70b8 solid;

}

.cuadro-azul2 {
  background-color: #cadbe8;
  padding: 15px 20px;
  font-size: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  text-align: justify;

}

.submenu1 {
   background-color:#131450;
color:#fff;
padding: 9px;
margin: 0;
font-weight: bold;
font-size: 16px;
}

.linea {
    background-color: #b1b1b2;
    height: 0px;
    display: block;
    width: 5px;
}

.paginas {
    background-color: #ececef;
    padding: 5px 5px 5px 8px;
    background-image: url(images/flechita.png);
    background-position: left;
    background-repeat: no-repeat;
    font-size: .85rem;
    color: #575757;
    width: 100%;
}

.cuadro-azul3 {
  background-color: #003655;
  padding: 10px 15px;
  font-size: 15px;
  margin-bottom: 20px;
  text-align: center;
font-weight: 600;
color: #fff;
}

.cuadro-azul3 a:hover{
  color: whitesmoke;
}

.form-control {
   
    font-size: 1.5rem !important;
	}

.ancho{
width:20%}

.ancho2{
width:78%;}

 @media (min-width: 270px){ 
 
 .ancho{
width:25%}

.ancho2{
width:73%;}
 
 }

 .btn-danger {
background-color: #087639;
border-color: #087639;
 }

 #portfolio {
  padding: 60px 20px;
}


 #portfolio #portfolio-flters {
  padding: 0;
  margin: 5px 0 35px 0;
  list-style: none;
  text-align: center;
}

#portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 15px 10px 15px 0;
  display: block;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 20px;
  color: #007bff;
  border-radius: 50px;
  text-transform: uppercase;
  background: #ecf5ff;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  text-align: center;
}

#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
  background: #007bff;
  color: #fff;
}

#portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

#portfolio .portfolio-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.card-title {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.zoom_03{
  width: 100%;
  height: auto;
}

.thumbs{
  width: 80px;
  margin: 10px 5px 10px 0;
  border: 1px solid #ccc;
}

@media (max-width: 990px) {
  .zoom_03{
  width: 100%;
  height: auto;
}

.thumbs{
  width: auto;
  margin: 10px 5px 10px 0;
  border: 1px solid #ccc;
}
}

.dropdown-menu {
    margin: 0 !important;
    }

    .header .searchForm {
  width: 100%;
  height: 0;
  overflow: hidden;
  transition: all 300ms linear 0s;
}
.header .searchForm .input-group-addon {
  border-radius: 0;
  border: none;
  font-size: 14px;
  padding: 0 45px;
  background: #fff;
  color: #130048;
  cursor: pointer;
  padding-top: 25px;
}
.header .searchForm .form-control {
  height: 79px;
  padding: 0 15px;
  border-radius: 0;
  border: none;
  color: #130048;
  background: #fff;
  text-align: center;
  font: 400 16px "Roboto", sans-serif;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.header .searchForm .form-control.placeholder {
  font: 400 16px "Roboto", sans-serif;
  color: #fff;
}
.header .searchForm .form-control:-moz-placeholder {
  font: 400 16px "Roboto", sans-serif;
  color: #130048;
}
.header .searchForm .form-control::-webkit-input-placeholder {
  font: 400 16px "Roboto", sans-serif;
  color: #130048;
}

.header .navbar li .nav_searchFrom {
  width: 100px !important;
  background: #fff;
  text-align: center;
  margin-left: 15px;
  color: #130048;
display: inherit;
padding: 10px 0 !important;
}

.header .cajabox {
    height: 80px;
    border-bottom: 1px solid transparent;
}

.cuadro-azul3 {
background-color:#4472c4;
border-radius: 10px;
padding: 12px 20px;
font-size: 15px;
text-align: center;
color: #fff;
}

  .carousel-caption h1 {
     font-size: 2rem;
}


.carousel-caption {
  font-size: 17px;
}

.carousel-caption a {
  color: #fff;
}

.carousel-caption b {
  color: #fff;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li { 
    background-color: #000; 
}
 

 @media (max-width: 990px) {
  .carousel-caption h1 {
     font-size: 1.7rem;
}
 }

 .carousel-caption {
    position: absolute;
    right: 10%;
    bottom: 20px;
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

h7 {
    font-size: 19px;
}