@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Baloo|Open+Sans|Eagle+Lake|Roboto|Poppins|');



.TituloTexto
  {
  font-size: 40px;
  font-family: 'Eagle Lake', cursive;
  color: #000000;
  }
  
  .SubTituloTexto
  {
  font-size: 20px;
  font-family: 'Roboto',sans-serif;
  color: #0099FF;
  }
  
   .TextoDetalle
  {
  font-size: 18px;
  font-family: 'Open+Sans',sans-serif;
  color: #000000;
  }
  
  .TextoDetalle2
  {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  }
  
  .TextoDetalle3
  {
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  }
  
  .TextoDetalle2blanco
  {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
  }
  .pretitulo
  {
  font-size: 15px;
  font-family:'Open+Sans',sans-serif;
  color: #000000;
  }
  
  .predetalle
  {
  font-size: 13px;
  font-family: 'Open+Sans',sans-serif;
  color: #000000;
  }
   .textovalores
  {
  font-size: 16px;
  font-family: 'Roboto',sans-serif;
  color: #000000;
  }
  
    .textovalores2
  {
  font-size: 13px;
  font-family: 'Roboto',sans-serif;
  color: #000000;
  }
  
  .caja1{
 	border-radius: 4px 4px 4px 4px;
	padding: 2px 2px 2px;
	background-color:  #EEE;
box-shadow: 1px 1px 10px 0px rgba(3,3,3,1);
}
.cajatexto
  {
border: 1px solid #999999;
font-size: 12px;
  font-family: Arial, Verdana;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background: #FFFFFF;
 
  color: #2E3133;
  }
.cajatexto:focus
  {
  color: #2E3133;
  border-color: #FBFFAD;
  background-color:  #FFCC99;

    }
	
.botongrande {
 border: none;
 background: #3a7999;
 color: #f2f2f2;
 padding: 8px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.botongrande:hover 
{
 background: rgba(0,0,0,0);
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #3a7999;
}

.botonchico {
 border: none;
 background: #1763BB;
 color: #f2f2f2;
 padding: 6px;
 font-size: 11px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.botonchico:hover 
{
 background: rgba(0,0,0,0);
 color: #3a7999;
 box-shadow: inset 0 0 0 3px #3a7999;
}
 .cajaredonda
    {
		border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 1px solid #cccccc;

}


 .cajachica
    {
		border-radius: 3px 3px 3px 3px;
-moz-border-radius:  3px 3px 3px 3px;
-webkit-border-radius:  3px 3px 3px 3px;
border: 1px solid #CCCCCC;
}


 .cajagrande
    {
		border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;

-webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
}

.btn {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  background: #156fab;
  padding: 11px 16px 12px 20px;
  border: solid #1f628d 1px;
  text-decoration: none;
  width:220px;
}

.btn:hover {
  background: #229be6;
  background-image: -webkit-linear-gradient(top, #229be6, #3498db);
  background-image: -moz-linear-gradient(top, #229be6, #3498db);
  background-image: -ms-linear-gradient(top, #229be6, #3498db);
  background-image: -o-linear-gradient(top, #229be6, #3498db);
  background-image: linear-gradient(to bottom, #229be6, #3498db);
  text-decoration: none;
}

.btn2 {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #156fab;
  padding: 11px 16px 12px 20px;
  border: solid #1f628d 1px;
  text-decoration: none;

}

.btn2:hover {
  background: #229be6;
  background-image: -webkit-linear-gradient(top, #229be6, #3498db);
  background-image: -moz-linear-gradient(top, #229be6, #3498db);
  background-image: -ms-linear-gradient(top, #229be6, #3498db);
  background-image: -o-linear-gradient(top, #229be6, #3498db);
  background-image: linear-gradient(to bottom, #229be6, #3498db);
  text-decoration: none;
}
