body {
	margin: 0;
background:#fbfbfb;
font-family: 'Pontano Sans', sans-serif;

}/*f1f1f1*/

.title { 
  font-family: 'Oswald', sans-serif;
  font-weight:800;
  /*font-size: 50px;*/
}
.menu{  font-family: 'League Gothic', sans-serif;
 /* font-size: 50px;*/}
.maintext{font-family: 'Pontano Sans', sans-serif;}

	header{
		background: url(../img/bg_menu.png) repeat;
		padding:0.5%;
		
		}
	header a{
		text-decoration:none;
		text-transform:uppercase;
		}
	header a:hover{
		text-decoration:none;
	    }
		
/*MyHeader y Sticky se usa para que el encabezado siga con scroll*/		
#myHeader{ z-index:1000;}


.sticky {
	width:100%;
    position: fixed; 
    top: 0; 
    z-index: 1;
}

.space{
	height:85px;
	}
.marcadormenu{ text-decoration:none; cursor:pointer}
.marcadormenu a:link { text-decoration:none;}
.marcadormenu a:visited { text-decoration:none;}
.marcadormenu a:hover { text-decoration:none;}
.marcadormenu a:active { text-decoration:none;}
 /**/
.divservice{
	background:#373737;border: outset #fff 3px; border-radius:20px; display: flex;align-items: center; min-height:50px;/*min-height:110px con nombres cortos*/
/*transition:all 0.5s linear;*/
transition:all 0.5s ease-in-out;
	}
.textservice{
	font-size:18px; line-height:25px;
	}

.boxradius{
  border-radius: 40px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 10px 30px 0 rgba(0, 0, 0, 0.25);
  }
  
  
 .textshadow {

    text-shadow: 2px 2px #333;
}

.puntos{
	display:inline-block; color:#00336c; font-size:1rem;
	}
.puntos:hover{
	display:inline-block; color:#fff; font-size:1rem;
	}


/*efectos divs*/
.content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px; 
  opacity: 1;
  transform: translate(0, 0);
  transition: all 1s;
}

.content > div {

  grid-area: 2 / 2 / 5 / 5;
}

.gray {
  background-color: #333;
}

.blue {
  background-color: #0e1424;
}

.darkgray {
  background-color: #333f44;
}

.fadeTop {
  opacity: 0; 
  transform: translate(0, 20vh);
  transition: all 3s;
}

.fadeRight {
  opacity: 0;
  transform: translate(20vh, 0vh);
  transition: all 3s;
}

.fadeLeft {
  opacity: 0;
  transform: translate(-20vh, 0vh);
  transition: all 3s;
}

.visible {
  opacity: 1;
  transform: translate(0, 0);
}

#movil{ display:none;}


@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

 .space{ height:25px;}
 	#pc{display:none;}
	#movil{display:block}


}