.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.fondo-cabecera {
background-image: url('../img/ayfix-oficios.jpg');
background-repeat: no-repeat;
background-size: cover;
height: 500px;
}

#CAYfi
{
	color: #f04b24;
}

#fondo{
	background-color: #F2F2F2;
}

.contai{
      margin:0 auto;
      text-align: center
    }

.circular-progress {
  position: relative;
  margin: auto;
}
.circular-progress, .circular-progress:before, .circular-progress:after {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
}
.circular-progress:before, .circular-progress:after {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.circular-progress:before {
  line-height: 8rem;
  padding: .5em;
  box-sizing: border-box;
  font-size: 1.8rem;
}
.circular-progress:after {
  line-height: 13rem;
}

.html5 {
  background: linear-gradient(0deg, #F04B24 50%, rgba(255, 99, 71, 0.2) 50%);
  transform: rotate(126deg);
}
.html5:before, .html5:after {
  color: #F04B24;
}
.html5:before {
  content: "115,071";
  background: #F2F2F2 content-box;
  transform: rotate(-126deg);
  text-transform: uppercase;
}
.html5:after {
  content: "";
  background: linear-gradient(transparent 50%, #F2F2F2 50%);
  transform: scale(1.1) rotate(-126deg);
}

.css3 {
  background: linear-gradient(0deg, #55565A 50%, rgba(70, 130, 180, 0.2) 50%);
  transform: rotate(153deg);
}
.css3:before, .css3:after {
  color: #55565A;
}
.css3:before {
  content: "3,092";
  background: #F2F2F2 content-box;
  transform: rotate(-153deg);
  text-transform: uppercase;
}
.css3:after {
  content: "";
  background: linear-gradient(transparent 50%, #F2F2F2 50%);
  transform: scale(1.1) rotate(-153deg);
}

.jscript {
  background: linear-gradient(0deg, #F04B24 50%, rgba(255, 99, 71, 0.2) 50%);
  transform: rotate(102.6deg);
}
.jscript:before, .jscript:after {
  color: #F04B24;
}
.jscript:before {
  content: "36,764";
  background: #F2F2F2 content-box;
  transform: rotate(-102.6deg);
  text-transform: uppercase;
}
.jscript:after {
  content: "";
  background: linear-gradient(transparent 50%, #F2F2F2 50%);
  transform: scale(1.1) rotate(-102.6deg);
}


.html {
  background: linear-gradient(0deg, #55565A 50%, rgba(70, 130, 180, 0.2) 50%);
  transform: rotate(102.6deg);
}
.html:before, .jscript:after {
  color: #55565A;
}
.html:before {
  content: "20,190";
  background: #F2F2F2 content-box;
  transform: rotate(-102.6deg);
  text-transform: uppercase;
}
.html:after {
  content: "";
  background: linear-gradient(transparent 50%, #F2F2F2 50%);
  transform: scale(1.1) rotate(-102.6deg);
}


.skills {
  display: flex;
  margin-top: 4em;
  flex-wrap: wrap;
}

#navAy
{
  background-color: #f04b24;
}

#a{
  align-content: center;
}

.BtnRegistro
{
  background-color: #f04b24;
  text-align: center;
  align-content: center;
  align-items: center;
  margin-top : 3px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.1em;
  width: 100%;
  height: 90%;
  
}

.BtnRegistro:hover
{
  background-color: #BDBDBD;
  color:#f04b24 ;
}

.BtnRegistroWhats
{
  background-color: #25d366;
  text-align: center;
  margin-top : 3px;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.1em;
  width: 100%;
  height: 90%;
  
}

.BtnRegistroWhats:hover
{
  background-color: #009688;
  color:#ffffff ;
}


.BtnBanners
{
  background-color: #f04b24;
  text-align: center;
  margin-top : 3px;
  margin-bottom: 90px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.1em;
  width: 100%;
  height: 90%;
  
}

.BtnBanners:hover
{
  background-color: #BDBDBD;
  color:#ffffff ;
}

.fondoRegistro{
  background-color: #55565a;
}

/*.fondoPaquetes{
  background-color: #e6e7eb;
}*/

.fondoPaquetes{
    background-image: url(../img/fondo-platino.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    background: linear-gradient(left, tomato, cyan, lightgreen);

    display: flex;
      min-height: 100vh;
      flex-direction: column;

}

.fondoCintillo{
  background-color: #E6E6E6;
  margin-top: 0px;
  padding-left: 50px;
}

.letraPeque{
  font-size: 12px;
}