



<style>
    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
      border-radius: 10px;
      background-color:"black" !important;
      height: 50px;
      text-align: center;
      font-size:18px;
      font-family:courier;
      z-index:2;
      float:left;
     

    }

    .navbar a{
    
    color:white !important;
    }

  a:hover{
  
    font-size: 100% !important;
    font-color:white !important;
}


    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }
    
  .carousel-inner img {
      width: 100%; /* Set width to 100% */
      margin: auto;
      min-height:200px;
      -webkit-box-shadow: -2px 10px 71px -2px rgba(59,48,59,1);
      -moz-box-shadow: -2px 10px 71px -2px rgba(59,48,59,1);
      box-shadow: -2px 10px 71px -2px rgba(59,48,59,1);
     }

.navbar-collapse{
background-color: black !important;



}




  /* Hide the carousel text when the screen is less than 600 pixels wide */
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; 
    }
  }
 

.boton:hover{

  border-width: 10px;
  -webkit-box-shadow: 10px 10px 26px 0px rgba(242,230,242,1);
  -moz-box-shadow: 10px 10px 26px 0px rgba(242,230,242,1);
   box-shadow: 10px 10px 26px 0px rgba(242,230,242,1);

}

video {
background-size: cover;
    bottom: 0;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    right: 0;
    width: auto;
    opacity: 1;
    z-index: -100;
}


    


.primero{
      color:white;
      font-size:40px;
      font-family:courier;
      text-align:right;
      margin-left: 25px;
           
           }

.two{
      color:white;
      font-face:aria-hidden;
      font-size:40px;
      font-family:courier;
      text-align:right;
           
           }

.three{

color:white;
      font-face:aria-hidden;
      font-size:30px;
      font-family:courier;
      text-align:right;
}

      body{
      
      background-color: black;
      background-size:80%;
      -webkit-background-size:80%;
      -moz-background-size:80%;
      -o-background-size:80%;

      
      border:0;
      opacity:1;
      z-index:1;    
      background-attachment: fixed;

      }
  
      .table{

      webkit-box-shadow: 10px 10px 48px 10px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px 10px 48px 10px rgba(0,0,0,0.75);
      border-radius: 0px 0px 0px 0px; 
      background-color: white;
      text-align: center;
      font-size: 25px;
      border-radius: 0px 0px 0px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius: 5px 5px 5px 5px;
      background: rgba(242,246,248,1);
      background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 51%, rgba(216,225,231,1) 75%, rgba(224,239,249,1) 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(75%, rgba(216,225,231,1)), color-stop(100%, rgba(224,239,249,1)));
      background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 51%, rgba(216,225,231,1) 75%, rgba(224,239,249,1) 100%);
      background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 51%, rgba(216,225,231,1) 75%, rgba(224,239,249,1) 100%);
      background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 51%, rgba(216,225,231,1) 75%, rgba(224,239,249,1) 100%);
      background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(181,198,208,1) 51%, rgba(216,225,231,1) 75%, rgba(224,239,249,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
      opacity:1;

      }

      .img2{

      width: 1200 !important;
      height:400  !important;

      }


     @media only screen and (max-width:723px) {

      .imgt{

      display:none;


      }
      }


      .social{

      float:left !important;
      border-radius: 15px/15 !important;
      }


      .imag1{

      -webkit-box-shadow: 0px 3px 25px 9px rgba(0,0,0,0.48);
      -moz-box-shadow: 0px 3px 25px 9px rgba(0,0,0,0.48);
      box-shadow: 0px 3px 25px 9px rgba(0,0,0,0.48);
      z-index:3;
      }

 .mar{
    top: 80px;
    opacity: 1;
  }

  h3{
    color:white;
    font-family:courier;
    font-size: 20px;
    margin-left:45px;
    border-color: white;
    border-radius: 40px;
    border-width: 15px;
 }
.boton{
    height: 50px;
    width: 50px;


    -webkit-box-shadow: 10px 10px 59px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 59px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 59px 0px rgba(0,0,0,0.75);

    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
   
  }


.boton:hover{

  border-width: 10px;
  -webkit-box-shadow: 10px 10px 26px 0px rgba(242,230,242,1);
  -moz-box-shadow: 10px 10px 26px 0px rgba(242,230,242,1);
   box-shadow: 10px 10px 26px 0px rgba(242,230,242,1);

}

.social2{

background-color:transparent;
margin-right:200px;
height:104px;


}

.aptitud{

  color:white;
  font-family:courier;
  font-size: 25px;
  margin-left: 40px;
  margin-top: 60px;


  }
  
.aptitud2{

  color:white;
  font-family:courier;
  font-size: 25px;
  text-align: center;
  margin-left: 20px;
  margin-top: 60px;

  
  }

.carousel{

background-color: transparent;

}



.fondo{
background-color:black;
height:200px;
width:200px;
margin-top: 60px;
margin-left: 40px;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;

}

.fondo3{
background-color:black;
height:200px;
width:200px;
margin-top: 60px;
margin-left: 40px;
border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;

}

/*
.vid{

max-height: 768px;
max-width: 1024px;



}
*/
















.t1{

margin-left: 40px;

}

h1{
    color:white !important;
    text-align: center !important;
    font-family:courier;
    text-shadow: 4px 4px #000000;
    background-color:transparent !important;
    opacity:1;
}


.texto{
  color:white !important;
  text-align: center !important;
  font-size:22px !important;
 
  font-family:courier;
}

  .capacidades{
    color:white !important;
    text-align: center !important;
    font-size:120%;
    border-radius: 162px 59px 117px 10px;
   -moz-border-radius: 162px 59px 117px 10px;
  -webkit-border-radius: 162px 59px 117px 10px;
  border: 0px solid #000000;
}



    




.cuadro1{

  margin-left: 80px;
  margin-top: 25px;
}


.cuadro2{
  margin-top: 25px;
  margin-left: 80px;
  
}

.cuadro3{

  margin-left:80px;
  margin-top: 25px;
 
}

@media only screen and (max-width:723px) {

.texto{
  font-size: 19px !important;
  text-align: center !important;
  color:white !important;
    text-align: center !important;
    font-family:courier;
    text-shadow: 4px 4px #000000;
    background-color:transparent !important;
    opacity:1;

 


  
}
}



.t1{

background-color: black;

}

.t2

{
width:500px;
height:400px;
background-color:blue;
}


.icono:hover{

  border-width: 1px;

  width:300px;
  height:300px;
  font-color:#ffff66;




 
}





.jumbotron{


background-image: url(imagenes/fondodef2.jpg);

opacity: 0.6;

}

.jumbotron2{


background-image: url(imagenes/futuro.jpg);
background-size: 100% 100%;
border-width: 10px;

}




.c2{

width:200px;
height: 400px;
border-radius: 15px;

}


.carro{
  max-height: 600px;



}


.jumbotron3{


background-image: url(imagenes/wood3.jpg);



}

h2{

  font-family:courier;
  font-size: 4px;
  color:white;
  text-align: center;

}
      

.icono{

margin-left: 80px;
top: 25px;
max-width:70px;
width:515px;
height:512px;
border-radius: 162px 59px 117px 10px;
-moz-border-radius: 162px 59px 117px 10px;
-webkit-border-radius: 162px 59px 117px 10px;
border: 0px solid #000000;
}

.icono2{



top: 25px;
margin-left: 120px;
max-width: 195px;
text-align: center;
width:150px;
height:150px;
border-radius: 10px 53px 10px 72px;
-moz-border-radius: 10px 53px 10px 72px;
-webkit-border-radius: 10px 53px 10px 72px;
border: 0px solid #000000;

}


.icono2:hover{

  border-width: 0px;

  width:161px;
  height:161px;

  font-color:#ffff66;
  border-radius: 96px 0px 156px 0px;
-moz-border-radius: 96px 0px 156px 0px;
-webkit-border-radius: 96px 0px 156px 0px;
 
}





h3{

text-align: center;



}

.img-thumbnail:hover{

-webkit-box-shadow: -7px 6px 59px 0px rgba(240,231,240,1);
-moz-box-shadow: -7px 6px 59px 0px rgba(240,231,240,1);
box-shadow: -7px 6px 59px 0px rgba(240,231,240,1);
border-radius: 10px 53px 10px 72px;
-moz-border-radius: 10px 53px 10px 72px;
-webkit-border-radius: 10px 53px 10px 72px;
border: 0px solid #000000;
  
}


.foto{

margin-left: 25px;
min-width: 150px;
}


.fondo1{


max-height: 500px;


}


@media only screen and (max-width:723px) {

      .foto{

        max-height: 300px;
        }

     
      .imagen2{
 
      min-height: 5px;}








body{

background-color: black !important;


}

}



         
















  </style>


