@charset "utf-8";

/* CSS Document */



/*---------------------------------ESTRUCTURA DEL SITIO-----------------------------------*/



.elementos1 {

	display: inline-block;

	margin-right: 60px;

	color: white;

	font-family: 'Poppins', sans-serif;

	font-weight: 500;

	font-size: 17px;

	padding: 15px 0px 0px 0px;

	text-align:center;

}





.tpol{

	width: 96%;

	border-radius: 0 20px;

	background-image: url("../images/banner-quienes-somos.jpg");

}



.archer{

	width: 96%;

	height: 70px;

}



.binfo{

	width: 100%; 

	height: 60px; 

	background-color: rgba(1,30,74,1.00);

	

}


.binfov{
	width: 100%; 
	height: 100px; 
	background-color: rgba(1,30,74,1.00);
	
}


.bmenu{

	width: 100%; 

	background-color: rgba(1,30,74,0.80);

	

}





#menu 

	{

		

		display: inline-block; 

		vertical-align: middle; 

		margin-right: 50px;

		border: 0px solid;	

	}



#logo

	{	

		display: inline-block; 

		vertical-align: middle;

		border: 0px solid;

		margin-right: 8px;

		margin-top: 16px;

		padding-bottom: 10px;

	}



#banners

	{

		position:relative;

		display: block;

		margin-top: 20px;

		width: 95%;

		box-shadow: 2px 2px 10px #666;

		z-index: 98;

	}



#packs

	{

		position:relative;

		margin-top: 15px;

		width: 100%;

		padding: 30px 0px 0px;

    	justify-content: center;

    	align-items: center;

		z-index: auto;

	}



.divspacks

	{

		display:inline-block;

		border: 0px solid rgba(68,70,81,1.00);

		border-radius: 10px;

		width: 175px;

		padding: 20px;

		background-color: rgba(255,255,255,0.92);

		box-shadow: 2px 2px 10px #666;

		margin: 20px;

		font-size: 15px;

		color: rgba(255,255,255,1.00);

		text-align: center;

		align-content: center;

	}



#beneficios

	{

		position: relative;

		width:auto;

		background:rgba(255,255,255,1.00);

		padding: 20px;

		z-index: auto;

	}



#porquenosotros

	{

		position: relative;

		width:auto;

		background:rgba(255,251,251,1.00);

		box-shadow: 2px 2px 10px #666;

		padding: 15px;

		z-index: auto;

		

	}



#foot

	{

		background: rgba(1,30,74,1.00);

		height: 215px;

		margin-bottom: 0;

		padding-bottom: 0;

		bottom: 0px;

		position:relative;

		vertical-align: bottom;

		z-index: 98;

	}


.footv
	{
		background: rgba(1,30,74,1.00);
		height: 150px;
		margin-bottom: 0;
		padding-bottom: 0;
		bottom: 0px;
		position:relative;
		vertical-align: bottom;
		z-index: 98;
	}



.footbody

	{

		height: 100px;

		width: 98%;

		display: inline-block;

		align-content: center;

		vertical-align: top;

		border: #FBF000 1px solid ;

		

		

	}



.logofoot

	{

		border: 1px solid rgba(255, 255, 255, 1.0);

		display: inline-block;

		vertical-align: top;

		padding-top: 10px;

	}



.spaceX

	{

		width: 50%;

		height: 20px;

		display: inline-block;

		padding-top: 30px;

		padding-left: 60px;

		border: 0px solid rgba(255, 255, 255, 1.0);



	}	



.redesyprivacy

	{

		border: 0px solid rgba(255, 255, 255, 1.0);

		display: inline-block;

		vertical-align: top; 

		padding-top: 10px;

		padding-right: 15px;

		

	}



.copyright

	{

		width: 70%;

		

	}

.titulosG
	{
		font-family: 'Poppins', sans-serif;
		font-weight:700;
		font-size: 22px;
		color: rgba(0,0,0,1.00);
	}


/*-----------------------------CARACTERISTICAS DE LOS TEXTOS-----------------------------*/



.link_blanco

	{

		font-family: 'Poppins', sans-serif;

		color: rgba(255, 255, 255, 1.0);

		text-decoration: none;

		padding-right: 25px;

	}



.titulos1

	{

		font-family: 'Poppins', sans-serif;

		font-weight:700;

		font-size: 18px;

		color: rgba(0,0,0,1.00);

	}



.titulos1a

	{

		font-family: 'Poppins', sans-serif;

		font-weight:700;

		font-size: 15px;

		color: rgba(255,255,255,1.00);

	}



.titulos2

	{

	font-family: 'Poppins', sans-serif;

	font-weight:700;

	font-size: 30px;

	color: rgba(255,255,255,1.00);

}



.titulos2a

	{

	font-family: 'Poppins', sans-serif;

	font-weight:700;

	font-size: 20px;

	color: rgba(255,255,255,1.00);

}



.titulos3

	{

		text-shadow: 2px 0 0 rgba(1,30,74,1.00), -2px 0 0 #264190, 0 2px 0 rgba(1,30,74,1.00), 0 -2px 0 rgba(1,30,74,1.00), 1px 1px rgba(1,30,74,1.00), -1px -1px 0 rgba(1,30,74,1.00), 1px -1px 0 rgba(1,30,74,1.00), -1px 1px 0 rgba(1,30,74,1.00);

		color: rgba(255,255,255,1.00);

		font-family: 'Poppins', sans-serif;

		font-weight:700;

		font-size: 35px;

		padding-top: 25px;

		padding-left: 35px;

	}





.titulos4

	{

		color: rgba(1,30,74,1.00);

		font-family: 'Poppins', sans-serif;

		font-weight:700;

		font-size: 35px;

		padding-top: 25px;

		padding-left: 35px;

	}



.price

	{

		font-family: 'Poppins', sans-serif;

		font-weight: 600;

		font-size: 22px;

		color: rgba(1,30,74,1.00);

	}



.comunes

	{

		font-family: 'Poppins', sans-serif;

		font-size: 12px;

		font-weight: 300;

		color: rgba(0,0,0,1.00);

	}





.minicomuneswhite

	{

		font-family: 'Poppins', sans-serif;

		font-size: 10px;

		font-weight: 300;

		color: rgba(255,255,255,1.00);

	}





.comuneswhite

	{

		font-family: 'Quicksand', sans-serif;

		font-size: 15px;

		font-weight: 300;

		color: rgba(255,255,255,1.00);

	}



.comunes1

	{

		width: 38%;

		padding: 10px 0px 40px 35px;

		font-family: 'Poppins', sans-serif;

		font-weight:400;

		font-size: 15px;

		color: rgba(255,255,255,1.00);

			

	}



.comunes1white

	{

		font-family: 'Quicksand', sans-serif;

		display:inline-table;

		vertical-align: middle;

		font-weight:400;

		font-size: 20px;

		color: rgba(255,255,255,1.00);

		margin: 20px 100px;	

	}



.comunesw	

	{

		font-family: 'Poppins', sans-serif;

		font-size: 13px;

		color: rgba(255,255,255,1.00);

	}



.comuneswa	

	{

		font-family: 'Poppins', sans-serif;

		font-size: 12px;

		color: rgba(255,255,255,1.00);

	}



.conocemas 

	{

    	width:auto;

    	background-color: rgba(1,30,74,1.00);

    	color: white;

    	padding: 10px 15px;

    	margin: 5px 0 0;

    	border: 2px solid rgba(255,255,255,1.00);

    	border-radius: 50px;

    	cursor: pointer;

		font-family: 'Quicksand', sans-serif;

		font-weight: 700;

	}



.conocemas:hover 

	{

		transition: all .8s;

    	background-color: #FFFFFF;

		color: black;

		border: 2px solid #00148A;

	}



.comprarnow 

	{

    	width:auto;

    	background-color: rgba(131,131,131,1.00);

    	color: white;

    	padding: 10px 15px;

    	margin: 5px 0 0;

    	border: 2px dashed rgba(0,0,0,1.00);

    	border-radius: 50px;

    	cursor: pointer;

		font-family: 'Quicksand', sans-serif;

		font-weight: 700;

	}



.comprarnow:hover 

	{

		transition: all .8s;

    	background-color: #FFFFFF;

		color: black;

		border: 2px dashed #000;

	}





/*-----------seccion servicios----------------*/



.service_section .container {

  padding: 0 50px ;

  z-index: 20;

}





.service_section .service_img-container {

  display: flex;

  flex-wrap: wrap;

  padding-top: 40px;

  z-index: 20;

}





.service_section .service_img-container .service_img-box {

  display: flex;

  justify-content: center;

  align-items: center;

  min-width: 300px;

  height: 230px;

  background-size: cover;

  z-index: 20;

}



/*------Imagenes de servicios sin Activar-----------*/



.service_img-container .service_img-box.i-box-1 {

  width: 30%;

  background-image: url(../images/s-1.jpg);

}



.service_img-container .service_img-box.i-box-2 {

  width: 40%;

  background-image: url(../images/s-2.jpg);

}



.service_img-container .service_img-box.i-box-3 {

  width: 30%;

  background-image: url(../images/s-3.jpg);

}



.service_img-container .service_img-box.i-box-4 {

  width: 100%;

  background-image: url(../images/s-4.jpg);

}



.service_img-container .service_img-box.i-box-5 {

  width: 35%;

  background-image: url(../images/s-5.jpg);

}



.service_img-container .service_img-box.i-box-6 {

  width: 30%;

  background-image: url(../images/s-6.jpg);

}



.service_img-container .service_img-box.i-box-7 {

  width: 35%;

  background-image: url(../images/s-7.jpg);

}



/*------Imagenes de servicios Activadas-----------*/



.service_img-container .service_img-box.i-box-1:hover {

  border-radius: 20px 0px 0px 0px;

  transition: 0.9s;

}



.service_img-container .service_img-box.i-box-2:hover {

  border-radius: 0px 0px 0px 0px;

  transition: 0.9s;

}



.service_img-container .service_img-box.i-box-3:hover {

  border-radius: 0px 20px 0px 0px;

  transition: 0.9s;

}



.service_img-container .service_img-box.i-box-4:hover {

  border-radius: 0px 0px 0px 0px;

  transition: 0.9s;

}



.service_img-container .service_img-box.i-box-5:hover {

  border-radius: 0px 0px 0px 20px;

  transition: 0.9s;

}



.service_img-container .service_img-box.i-box-6:hover {

  border-radius: 0px 0px 0px 0px;

  transition: 0.9s;

}



.service_img-container .service_img-box.i-box-7:hover {

  border-radius: 0px 0px 20px 0px;

  transition: 0.9s;

}





/*----------Transformacion de Boton de Servicios------------*/



.service_section .service_img-container a,

.service_section .service_img-container a:hover {

  color: #fff;

  background-color: rgba(0, 0, 0, 0.5);

  width: 100%;

  height: 100%;

  vertical-align: middle;

  border-radius: 0px;

  text-transform: uppercase;

  font-family: 'Poppins', sans-serif; 

  

}



.service_section .service_img-container .service_img-box:hover {

  cursor: pointer;

}



.service_section .service_img-container .service_img-box:hover a {

  transition: 0.9s;

  background-color: rgba(1,30,74,0.85);

  border-radius: 20px 20px 20px 20px;

  padding: 40px 0px 0px 0px;

  width: 70%;

  height: 45%;

  font-family: 'Poppins', sans-serif;



}