/* Tipografias de Letras*/
@font-face {
  font-family:century;
  src:url("../Tipografias/septima.ttf");
}
@font-face {
  font-family:Courier;
  src:url("../Tipografias/quinta.otf");
}
 @font-face {
  font-family:arial;
  src:url("../Tipografias/tercera.otf");
}
@font-face {
  font-family:Arial black;
  src:url("../Tipografias/cuarta.otf");
}
@font-face {
  font-family:'nav' ;
  src:url("../Tipografias/nav.ttf");
}
@font-face {
  font-family:'nav2' ;
  src:url("../Tipografias/primera.ttf");
}

/* clase para etiquetas lista dentro de etiqueta p*/
li p{
  margin: 0px;
  text-align: justify;
}
/* clase para ainear linea en centro */
.centro
{
  align-content: center;
}
/* tamaño para espaio en section diversos equipos*/
@media (max-width: 500px)
{
  .sombra
  {
    color: white;
    font-family:arial;
    font-size: 13px;
    text-shadow: black 0.1em 0.1em 0.2em
  }
}
@media (min-width: 501px)
{
  .sombra
  {
    color: white;
    font-family:arial;
    font-size: 20px;
    text-shadow: black 0.1em 0.1em 0.2em
  }
} 
/* clase para rsponsiva de lista barra de navegacion */
@media (min-width: 1320px) {
  /* clase para raya separadora de barra de navegacion */
  .tamano
  {
    padding-top: 400px
  }
   .tamano2
  {
    padding-top: 330px
  }
  li.raya{
    border-right: 1px solid #9B9A9A;
    float: left;
    list-style: none outside none;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
  }
  .uno{
    background-image:url("../img/vial.png");
    background-repeat:no-repeat;
    background-size:28px 28px;
  }
  .dos{
    background-image:url("../img/servicios.png");
    background-repeat:no-repeat;
    background-size:38px 40px;
    padding-top: 5px;
  }
  .tres{
    background-image:url("../img/Noticias.png");
    background-repeat:no-repeat;
    background-size:38px 40px;
    padding-top: 5px 
  }
  .cuatro{
    background-image:url("../img/Presencia.png");
    background-repeat:no-repeat;
    background-size:38px 40px;
    padding-top: 5px 
  }
  .cinco{
    background-image:url("../img/quienes.png");
    background-repeat:no-repeat;
    background-size:38px 40px;
    padding-top: 5px 
  }
  .seis{
    background-image:url("../img/Contacto.png");
    background-repeat:no-repeat;
    background-size:38px 40px;
    padding-top: 5px 
  }
  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 25px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 1359px) {
  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 24px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 1295px) {
  ul{
    text-align: center
  }
  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 20px;
    color: white
  }
  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}

@media (max-width: 1155px) {
  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 18px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 1080px) {

  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 15px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 975px) {

  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 13px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 935px) {

  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 12px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 885px) {

  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 11px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 855px) {

  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 10px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
}
@media (max-width: 835px) {
  h2
  {
    font-family: arial;
    font-size: 50px
  }
  nav div div ul li a span
  {
    font-family: 'nav';
    font-size: 9px;
    color: white
  }

  nav div ul li a span
  {
    color:white;
  }
  nav div ul li:hover
  {
    background-color: rgba(255, 237, 255, 0.3);
  }
  .rh
  {
    font-size: 35px
  }
}
/* fondo de nav*/
.fondonav
{
  background-color: black
}
/*clases para letra de titulos*/
.fondo
{
background: rgba(64,24,24,1);
background: -moz-linear-gradient(left, rgba(64,24,24,1) 0%, rgba(255,3,3,1) 48%, rgba(82,20,20,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(64,24,24,1)), color-stop(48%, rgba(255,3,3,1)), color-stop(100%, rgba(82,20,20,1)));
background: -webkit-linear-gradient(left, rgba(64,24,24,1) 0%, rgba(255,3,3,1) 48%, rgba(82,20,20,1) 100%);
background: -o-linear-gradient(left, rgba(64,24,24,1) 0%, rgba(255,3,3,1) 48%, rgba(82,20,20,1) 100%);
background: -ms-linear-gradient(left, rgba(64,24,24,1) 0%, rgba(255,3,3,1) 48%, rgba(82,20,20,1) 100%);
background: linear-gradient(to right, rgba(64,24,24,1) 0%, rgba(255,3,3,1) 48%, rgba(82,20,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401818', endColorstr='#521414', GradientType=1 );
}
.color
{
  background-color: #fff
  color:black;
}
h2
{
  font-family: arial;
  font-size: 50px
}
div p{
  font-family:Arial black;
}
p
{
  font-family:Arial black;
  margin: 0 0 30px;
}
h3
{
  font-family: arial;
  font-size: 30px
}
/* Responsiva de Texto de fondo de video*/
@media (min-width: 1290px) {
  .letra
  {
    font-family: century;
    font-size:75px;
    line-height: 70px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:330px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 360px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 70px 
  }
  .arriba2{
    font-size: 20px;
    position:absolute;
    color: #fff;
    bottom:260px;
    right:495px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:260px;
    right:445px;
    z-index: 3;
  }
  .nveoi{
    display: none;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 170px;
    padding-right: 170px;
  }
}

@media (max-width: 1289px){
  .letra
  {
    font-family: century;
    font-size:75px;
    line-height: 70px

  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:310px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 260px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 70px 
  }
  .arriba2{
    font-size: 20px;
    position:absolute;
    color: #fff;
    bottom:250px;
    right:395px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:250px;
    right:345px;
    z-index: 3;
  }
  .nveoi{
    display: none;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 170px;
    padding-right: 170px;
  }
}
@media (max-width: 1150px){
  .letra
  {
    font-family: century;
    font-size:75px;
    line-height: 70px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:260px;
    border-color:#fff;
    border-width:1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 170px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 70px 
  }
  .arriba2{
    font-size: 20px;
    position:absolute;
    color: #fff;
    bottom:210px;
    right:305px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:210px;
    right:255px;
    z-index: 3;
  }
  .nveoi{
    display: none;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 170px;
    padding-right: 170px;
  }
}
@media (max-width: 990px){
  .letra
  {
    font-family: century;
    font-size:55px;
    line-height: 70px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:220px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 220px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 15px;
    position:absolute;
    color: #fff;
    bottom:170px;
    right:325px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:180px;
    right:295px;
    z-index: 3;
  }
  .nveoi{
    display: none;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media (max-width: 860px){
  .letra
  {
    font-family: century;
    font-size:55px;
    line-height: 70px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:180px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 170px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 15px;
    position:absolute;
    color: #fff;
    bottom:130px;
    right:275px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:150px;
    right:245px;
    z-index: 3;
  }
  .nveoi{
    display: none;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media (max-width:799px)
{
 .letra
  {
    font-family: century;
    font-size:55px;
    line-height: 30px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:240px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 160px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 15px;
    position:absolute;
    color: #fff;
    bottom:170px;
    right:265px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:180px;
    right:245px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media (max-width: 740px)
{
   .letra
  {
    font-family: century;
    font-size:55px;
    line-height: 30px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:240px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 120px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 15px;
    position:absolute;
    color: #fff;
    bottom:170px;
    right:225px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:180px;
    right:215px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media (max-width: 700px)
{
   .letra
  {
    font-family: century;
    font-size:55px;
    line-height: 30px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:230px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 95px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 15px;
    position:absolute;
    color: #fff;
    bottom:160px;
    right:190px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:170px;
    right:170px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media (max-width: 650px)
{
  .letra
  {
    font-family: century;
    font-size:45px;
    line-height: 30px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:200px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 105px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 15px;
    position:absolute;
    color: #fff;
    bottom:130px;
    right:180px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:140px;
    right:140px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 90px;
    padding-right: 90px;
  }
}
@media (max-width: 580px)
{
  .letra
  {
    font-family: century;
    font-size:35px;
    line-height: 30px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:180px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 105px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 15px;
    position:absolute;
    color: #fff;
    bottom:120px;
    right:120px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:140px;
    right:160px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 500px)
{
  .letra
  {
    font-family: century;
    font-size:35px;
    line-height: 30px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:145px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 80px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 13px;
    position:absolute;
    color: #fff;
    bottom:85px;
    right:110px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:105px;
    right:130px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 440px)
{
  .letra
  {
    font-family: century;
    font-size:30px;
    line-height: 20px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:115px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 80px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 11px;
    position:absolute;
    color: #fff;
    bottom:55px;
    right:110px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
    font-size: 10px
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:85px;
    right:140px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 380px)
{
  .letra
  {
    font-family: century;
    font-size:25px;
    line-height: 20px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:95px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 50px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 9px;
    position:absolute;
    color: #fff;
    bottom:40px;
    right:83px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
    font-size: 10px
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:75px;
    right:81px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 300px)
{
  .letra
  {
    font-family: century;
    font-size:25px;
    line-height: 20px
  }
  .arriba
  {
    position:absolute;
    color:#fff;
    bottom:95px;
    border-color: #fff;
    border-width: 1px;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width: 1.75px;  
    z-index: 3;
    right: 50px;
  }
  .letra2
  {
    font-family:Courier;
    line-height: 90px 
  }
  .arriba2{
    font-size: 9px;
    position:absolute;
    color: #fff;
    bottom:40px;
    right:83px;
    z-index: 3;
  }
  .letra3{
    font-family:arial;
    font-size: 10px
  }
  .arriba3
  {
    position:absolute;
    color:#fff;
    bottom:75px;
    right:81px;
    z-index: 3;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
  .viimg{
      visibility: hidden;
  }
  .style{
    border-color: #fff;
    border-width: 2px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 319px)
{
  .letra
  {
    display: none;
  }
  .arriba
  {
    display: none;
  }
  .arriba2{
    
   display: none;
  }
  .arriba3
  {
    
    display: none;
  }
  .nveov{
    display: none;
  }
  .nveoi{
    display: inline;
  }
}