/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
/* random */
.item1.item2.item3.  {
  float:left;
  width:500px;
  height:500px;
  background-color: transparent;
  border-radius:3px;
  -webkit-border-radius:3px;
}
/* end random */



/* Overlay Servicios */

.con1.con2.con3.con4.con5.con6 {
  width: 100%;
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url(../images/bkg-virtualizacion-in.png);
  background-size: cover;
  background-position: center center; 
  background-repeat: no-repeat;
  height: 400px;
}



.overlay2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url(../images/bkg-seguridad-in.png);
  background-size: cover;
  background-position: center center; 
  background-repeat: no-repeat;
  height: 300px;
}

.overlay3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url(../images/bkg-redes-in.png);
  background-size: cover;
  background-position: center center; 
  background-repeat: no-repeat;
  height: 400px;
}


.overlay4 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url(../images/bkg-infraestructura-in.png);
  background-size: cover;
  background-position: center center; 
  background-repeat: no-repeat;
  height: 300px;
}

.overlay5 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url(../images/bkg-almacenamiento-in.png);
  background-size: cover;
  background-position: center center; 
  background-repeat: no-repeat;
  height: 400px;
}


.overlay6 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url(../images/bkg-servidores-in.png);
  background-size: cover;
  background-position: center center; 
  background-repeat: no-repeat;
  height: 300px;
}


.con1:hover .overlay1 {
  opacity: 1;
}
.con2:hover .overlay2 {
  opacity: 1;
}
.con3:hover .overlay3 {
  opacity: 1;
}
.con4:hover .overlay4 {
  opacity: 1;
}
.con5:hover .overlay5 {
  opacity: 1;
}
.con6:hover .overlay6 {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Fin Overlay Servicios */








/* Overlay Map */
.containerC {
  	position: relative;
  	width: 100%;
}

.imageC {
	display: block;
	width: 100%;
	height: auto;
}

.overlayslp {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: transparent;
	background-image: url(../images/boton-activo-sucursales.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.containerC:hover .overlayslp {
  	opacity: 1;
}


.mgservcentral { margin-top: -100px !important; }



@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700|Work+Sans:300,400,500,600,700');




.desk { display: block !important; }
.mob { display: none !important; }
.titsoluciones { font-size: 48px !important; }
.padforms { padding: 100px 10px !important; }
.descserv { padding: 0 70px 30px !important; }
.bredes { border-right: 3px solid #C3D100; border-bottom: 0px solid #C3D100; }

.txtlargo { padding: 10px 50px; }
.padinfobox { padding: 0 0 0 20%; }

.txt60 { font-size: 60px; }
.txt50 {  font-size: 60px; }
.paddesc { padding: 10px 20% 15%; }
.padleft6 { padding-left: 6%; }
.txt21 { font-size: 21px; }

.top-title { padding-top: 12%; }
.rowpaddtitle { padding: 0 10%; }
.section1bkg { background-size: 100%; }


@media (max-width: 1240px) {
	
	.top-title { padding-top: 10%; }

}

@media (max-width: 1240px) {
	
	.section1bkg { background-size: 120% !important; }
	.dellmargtop { margin-top: -15% !important;}

}

@media (max-width: 990px) {
	
	.desk { display: none !important; }
	.mob { display: block !important; }
	.titsoluciones { font-size: 36px !important; }
	.padforms { padding: 30px 10px !important; }
	.descserv { padding: 0 0 30px !important; }
	.txt60 {  font-size: 50px; }
	.txt50 {  font-size: 45px; }
	.paddesc { padding: 10px 5% 15%; }
	.padleft6 { text-align: center !important; }
	.paddsides { padding-right: 5px !important; padding-left: 5px !important; text-align: center !important; }
	.txtcenter { text-align: center !important; }
	.txtcentertxt { text-align: center !important; padding-left: 0; padding-right: 0;}
	.padd0 { padding: 0 !important; }
	.txt21 { font-size: 15px; }
	
	.content-wrap-padd { padding: 0 !important; }
	.rowpaddtitle { padding: 0 2%; }
	.section1bkg { background-size: 130% !important; }
	.dellmargtop { margin-top: -20% !important;}
	
}



@media (max-width: 850px) {
	
	.section1bkg { background-size: 130% !important; }
	
}


@media (max-width: 815px) {
	
	.section1bkg { background-size: 160% !important; }
	
}
	


@media (max-width: 766px) {

	.mgservcentral { margin-top: 0px !important; }
	.bredes { border-bottom: 3px solid #C3D100; border-right: 0px solid #C3D100; }
	.txtlargo { padding: 10px; }
	.padinfobox { padding: 0 10%; }
	.rowpaddtitle { padding: 0 10%; }
	.rowpaddimgcc { padding: 50px 0 0 !important;}
	.top-title { padding-top: 0; }
	.section1bkg { background-size: 220% !important; }
	.txtcentermov { text-align: center !important; }
}


@media (max-width: 635px) {
	
	.section1bkg { background-size: 250% !important; }
	.dellmargtop { display: none !important; }
	.servidorview { background-image: none !important; }
	.formmargtop { margin-top: 30px !important; }
	
}


@media (max-width: 600px) {
	
	.section1bkg { background-size: 250% !important; }
	.txtdesctop { font-size: 27px !important; }
	.padtxtdesctop { padding: 0 10% 50px !important; }
	
}

@media (max-width: 530px) {
	
	.section1bkg { background-size: 270% !important; }
	
}


@media (max-width: 476px) {
	
	.titsoluciones { font-size: 30px !important; }
	.section1bkg { background-size: 290% !important; }
	
}



@media (max-width: 436px) {
	
	.section1bkg { background-size: 310% !important; }
	.titprincipal { font-size: 39px !important; }
	
}



@media (max-width: 400px) {
	
	.section1bkg { background-size: 350% !important; }
	.titprincipal { font-size: 39px !important; }
	
}





@media (max-width: 370px) {
	
	.section1bkg { background-size: 390% !important; }
	.titprincipal { font-size: 39px !important; }
	
}