@font-face {
  font-family: "geo";
  src: url('fonts/GeosansLight.ttf'); 
}

@font-face {
  font-family: "cool";
  src: url('fonts/Rounded Elegance.ttf'); 
}
body{	
  margin: 0px;     
            font-size: 20px;
           font-family: cool;
    }

    .body1{
      background-image: url("../img/principal.png");
  background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover; 
    }


.body2{
      background-image: url("../img/fondo2.jpg");
  background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;      
            }
            


.contenido{
  width: 38%;
  min-width: 600px;
  margin-left: 50px;
  margin-top: 20px;
  text-align: justify;
}

.cont{
padding: 10px;  
  width: 75%;
  min-width: 950px;
  min-height: 400px;

  background-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);

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

.cont2{
padding: 10px;  
  width: 75%;
  min-width: 950px;
  background-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);

  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.cont2_2{
  
  margin-left:auto;
margin-right:auto;
left:0;
right:0;

  
padding: 10px;  
  width: 75%;
  min-width: 950px;
  background-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);

  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.dentro{
  width: 85%;
  font-size: 20px;
  text-align: justify;
}
.dentro td{
  padding: 5px;
}

.cero{
  padding: 0px;
  margin: 0px;
}

.dentro2{
  width: 80%;
  font-size: 20px;

}
.dentro2 td{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  text-align: center;
  width: 33%;
}
.pad{
  padding: 5px;
}
/********imagenes**********/

.conta_img{
  width: 100px;
  height: 100px;
}

.logo{
  width: 290px;
  height: 110px;
}
.puntero{
  height: 20px;
  width: 15px;
}
.logo2{
  height: 200px;
  width: 200px;
  float: left;
  margin-left: 25px;
}

.logo3{
  width: 290px;
  height: 110px;

  float: left;
  margin-left: 25px;
}

.quienes{
  height: 190px;
  width: 280px;
}

.mision{
  height: 170px;
  width: 270px;
}
.vision{
  height: 190px;
  width: 250px;
}
.valores{
  height: 200px;
  width: 390px;
}
.imgs{
  width: 170px;
  height: 170px;
}
.personas{
  height: 190px;
  width: 370px;
}
.clientes{
 height: 190px;
  width: 910px; 
}

.face{
  width: 50px;
  height: 50px;
  float: right;
  
  
}
/**********letras***********/

.titulo{
  font-size: 2.3em;
  font-family: geo;
}
.foot{
  font-size: 15px;
}

.naranja_frt{
  color: #f86400;
}
.blanco{
  color: #ffffff;
}
.azul{
  color: #029ed7;
  font-size: 20px;
}
.jus{
  text-align: justify;
  font-size: 18px;
}
/*********botones**********/
a {
  text-align: center;
  margin: 10px;
  text-decoration: none;
  padding: 12px 30px;
}
a.none{
  margin: 2px;
  padding: 1px 1px;
}

.m{
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  color: #000000;
}
.m:hover{
  color: white;
}
/* ------ Flat Botton ------ */
.flat {
  color: #ffffff;
  background-color: #4b4b4b;
}
.flat:hover {
  color: #ffffff;
  background-color: #6d6d6d;
}
.flat:active {
  background: #4b4b4b;
}



.flat_azul {
  color: #ffffff;
  background-color: #3a5897;
}
.flat_azul:hover {
  color: #ffffff;
  background-color: #48c9b0;
}
.flat_azul:active {
  background: #3a5897;
}


/***********menus***************/
.menu{
  width: 65%;
  min-width: 800px;
  float: right;
  margin-right: 20px;
}
.tbl_menu{
  width: 100% ;
  padding: 5px;
  text-align: center;
}
.tbl_menu td{
 background-color: rgba(255, 184, 0, 0.6);
background: rgba(255, 184, 0, 0.6);
color: white;
  width: 20%;
  font-size: 20px;
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 10px;
cursor: hand;
cursor: pointer;
}

.tds:hover{
  background-color: #e8af03;
color: white;
  
  
}


/***********menus2***************/
.menu2{
  width: 65%;
  min-width: 800px;
  float: right;
  margin-right: 20px;
}
.tbl_menu2{
  width: 100% ;
  padding: 5px;
  text-align: center;
}
.tbl_menu2 td{
  background-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);

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

color: f86400;
  width: 20%;
  font-size: 20px;
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 10px;
cursor: hand;
cursor: pointer;
}

.tds2:hover{
  background-color: #ed692b;
color: white;
  
  
}



/**********cajas**********/

.cajas{
  border: none;
  padding: 5px;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
  background-color: #fcd7bf;
  color: black;

}

.env{
  padding: 20px;
  padding-left: 30px;
  padding-right: 30px;
  border: none;
}

.nones{
  padding: 0px;
  text-decoration: none;
}