video { 

    position: fixed;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(-50%);

  background-size: cover;

  transition: 1s opacity;

}





div.parallax-container {

	position: relative;

	width: 100%;

	height: 430px;

	 

}

div.parallax-container div.parallax {

	position: absolute;

	top: 0px;

	left: 0px; width:100%;

	max-width: 1000px;

	text-align: center;

	height: 100%;

	font-weight: bold; background-size:cover;

}





.bloquecito { width:33.33%; float:left; padding:15px; transition: all 0.2s linear;}

.bloquecito:hover {transition: all 0.2s linear; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}

@media screen and (max-width: 600px) {
	
	.bloquecito { width:50%; }
}

@media screen and (max-width: 400px) {
	
	.bloquecito { width:100%; }
}

.paraleloAbs { position:absolute; width:100%;}



.div50Servicio { width:50%;}

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

.div50Servicio { width:100%;}	

	

}





.cuadrosServicios { width:100%; top:0; padding:15px; transition: all 0.2s linear; position:absolute; overflow:hidden;	

}

.cusadrosServiciosTit { width:100%; text-align:center; font-size:18px; font-weight:300; color:#1697b9;}







.cuadrosServiciosT { display:table;}



.cuadrosServiciosI { display:table-cell; width:70px;}



.cuadrosServiciosTit { display:table-cell; vertical-align:middle; font-weight:300; font-size:35px; padding-left:20px; line-height:90%;}

.cuadrosServiciosLiga { position:absolute; bottom:-100px; transition: all 0.2s linear; opacity:0; color:#1697b9; font-size:18px; font-weight:300;}

.cuadrosServiciosLiga a {   color:#1697b9;  }



.cuadrosServiciosText { font-size:17px; font-weight:300;}



.cuadrosServicios:hover { top:-10px; box-shadow: 7px 11px 48px -18px rgba(0,0,0,0.46); transition: all 0.2s linear; background-color:#FFF;	

}



.cuadrosServicios:hover .cuadrosServiciosLiga { bottom:20px; transition: all 0.2s linear; opacity:1;	

}





.nubePoder { background-color:transparent; transition: all 0.6s linear;  }





.nubePoder .nubeLogo{ left: 50%;

    transform: translateX(-50%); position:absolute; top:0; opacity:.5; transition: all 0.2s linear;  }



.nubePoder:hover{ background-color:rgba(241,241,241,.5); box-shadow: 2px 2px 10px rgba(0,0,0,0.79); 	

	

}



.nubePoder:hover .nubeLogo {

	top:-5px; opacity:1;

	

}