@charset "utf-8";
/* CSS Document */

/* usados en esta version del sitio */

.catalog {
  max-height: 100px;
    
  }

.has-error .checkbox,.has-error .checkbox-inline,
 .has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,
 .has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error 
 .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
 .has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}


.revo-slider-emphasis-text {
      font-size: 64px;
      font-weight: 700;
      letter-spacing: -1px;
      font-family: 'Raleway', sans-serif;
      padding: 15px 20px;
      border-top: 2px solid #FFF;
      border-bottom: 2px solid #FFF;
}

.revo-slider-desc-text {
      font-size: 20px;
      font-family: 'Lato', sans-serif;
      width: 650px;
      text-align: center;
      line-height: 1.5;
}

.revo-slider-caps-text {
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 3px;
      font-family: 'Raleway', sans-serif;
}
.tp-video-play-button { display: none !important; }

.tp-caption { white-space: nowrap; }


.blue {

  color: #00427a;

}
.blue_medium {
 color: #00427a;
 font-size: 16px;
 text-align: justify;
 text-justify: inter-word;

}

.bandera {
  max-height: 24px;
}

.cyanbg, .cyanbg a, .cyanbg a:hover {

  background-color: #00aeef;

  color: white;
 
}

.roundedimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%; 
}

.compact-85{
  font-size: 0.85em;
  padding-bottom: 0;
}


.compact-text{
  font-size: 0.8em;
  padding-bottom: 0;
}

.subtitle1 {
  font-weight:bold;
  color:black;
  line-height: 1.6em;
  color: #00427a;
  padding-bottom: 0;
  margin-bottom: 10px;
} 

.parrafo1 {
  margin-left:10px;
  margin-bottom: 20px;
} 
.noppading {
  padding: 0px 0px 0px 0px;
}

.nomargin {
  margin: 0 0 0 0;
}

.subtitle4 {
  font-weight:bold;
  line-height: 1.6em;
  text-decoration:underline;
  margin-left:10px;
} 

.vinculo a:hover {color: #1ABC9C;}

.vinculo a {color: #00A0E6; }

.mayuscula {text-transform: uppercase;}



#videoBG {
    
    z-index: -1;
    width: auto;
    height: 100%;

}
#video-container {height: 400; background-color: transparent; text-align: center; overflow: hidden;
  }

@media  (min-width: 2001px) and (min-height: 700px){

	#videoBG {
       width: auto;
       height: 100%;
    }
    #video-container {height: 650px; background-color: transparent;}
}


@media  (min-width: 2001px) and (min-height: 1000px){

	#videoBG {
       width: auto;
       height: 100%;
    }
    #video-container {height: 900px; background-color: transparent;}
}

@media  (max-width: 2000px) and (min-width: 1513px) and (min-height: 400px) {
  #videoBG {
       height: auto;
       width: 100%;
    }
    #video-container {height: 350px; background-color: transparent;}
}

@media  (max-width: 2000px) and (min-width: 1513px) and (min-height: 600px) {
  #videoBG {
       height: 100%;
       width: auto%;
    }
    #video-container {height: 560px; background-color: transparent;}
}

@media  (max-width: 2000px) and (min-width: 1513px) and (min-height: 900px) {
  #videoBG {
  	   height: auto;
       width: 100%; 
    }
    #video-container {height: 850px; background-color: transparent;}
}




@media  (max-width: 1512px) and (min-width: 1025px) and (min-height: 400px) {
  #videoBG {
       height: 100%;
       width: auto%;
    }
    #video-container {height: 300px; background-color: transparent;}
}

@media  (max-width: 1512px) and (min-width: 1025px) and (min-height: 600px) {
  #videoBG {
       height: 100%;
       width: auto%;
    }
    #video-container {height: 500px; background-color: transparent;}
}



@media  (max-width: 1024px) and (min-width: 801px) and (min-height: 300px)  {
  #videoBG {
       height: 100%;
       width:auto;
    }
    #video-container {height: 250px; background-color: transparent;}
}

@media  (max-width: 1024px) and (min-width: 801px) and (min-height: 500px)  {
  #videoBG {
       height: 100%;
       width:auto;
    }
    #video-container {height: 450px; background-color: transparent;}
}


@media  (max-width: 1024px) and (min-width: 801px) and (min-height: 600px)  {
  #videoBG {
       height: 100%;
       width:auto;
    }
    #video-container {height: 550px; background-color: transparent;}
}


@media  (max-width: 800px) and (min-width: 601px) and (min-height: 280px) {
  #videoBG {
       height: 100%;
       width:auto;
    }
    #video-container {height: 250px; background-color: transparent;}
}


@media  (max-width: 800px) and (min-width: 601px) and (min-height: 600px) {
  #videoBG {
       height: auto%;
       width:100%;
    }
    #video-container {height: 500px; background-color: transparent;}
}



@media  (max-width: 600px) and (min-width: 401px) and (min-height: 300px) {
  #videoBG {
       height: 100%;
       width:auto;
    }
    #video-container {height: 200px; background-color: transparent;}
}


@media  (max-width: 600px) and (min-width: 401px) and (min-height: 400px) {
  #videoBG {
       height: 100%;
       width:auto;
    }
    #video-container {height: 280px; background-color: transparent;}
}




@media  (max-width: 400px) and (min-width: 280px) and (min-height: 280px) {
  #videoBG {
       height: 100%;
       width:auto;
    }
    #video-container {height: 180px; background-color: transparent;}
}


.separator
{
display:inline-block;
border-top:3px solid;
border-bottom:3px solid;
width:60px;
border-radius:12px;
margin:.75em 0 .75em 2px;
}

.separator.splitter-colors
{
width:144px;
height:8px;
border:0;
border-radius:6px;
background-image:linear-gradient(-45deg,#ffc800,#009b3c 37%,#00a0e6 73%,#004178);
background-position:50%;
background-size:cover;
}

.illustration {
  display: block;
  max-height: 600px;
  overflow: hidden;
}

.illustration img {
  width: 100%;
  object-fit: cover;
}
  


/* fin usados en esta version del sitio */
/* estilos para verificar:*/

.nopadtop{

  padding-top: 0 !important;

}
.nopadbot{

  padding-bottom: 0 !important;

}


.haspadding {

  padding-bottom: 40px;

}

.padding20 {
   padding: 20px;
}
.padding10 {
   padding: 10px;
}
.padtop10 {
  padding-top: 10px !important;
}




.titletext {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  
  letter-spacing: 1px;
}

.subtitletext {
  
  line-height:0%;
  
}
.linkbox{
  height:250px;
  }
.subtitle2 {
  font-weight:bold;
  line-height:0%;
}
.subtitle3 {
  font-weight:bold;
  text-align:center;
  color:white;
  line-height: 1.6em;
}







.wrapper h1,h2,h3 {

  color: #00427a;
  
}

