*{
	box-sizing: border-box !important;
}

body
{
	font-family: "Roboto" !important;
	font-size: 13px !important;
	color: black !important;
}

a
{
	display: inline-block !important;
	text-decoration: none !important;
}

p
{
	color: black !important;
}

header
{
	padding: 15px 0 !important;
	position: sticky !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 2 !important;
	background-color: white !important;
	width: 100% !important;
}

header .contenedor
{
	display: flex; !important;
	justify-content: space-between; !important;
	align-items: center !important;
}

header .contenedor .logo
{
	width: 50px !important;
	height: 50px !important;

}

header .contenedor ins
{
	color: grey !important;
	text-decoration: none !important;
	margin: 0 15px !important;
	display: inline;
	text-align: left;

}

header .contenedor .hamb
{
	display: none !important;
	position: relative !important;
}

footer
{
	background-color: black !important;
	color: white !important;
	padding-top: 60px !important;

}

footer .barra-footer
{
	background-color: grey !important;
	text-align: center !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

footer .logo-footer
{
	width: 30% !important;
	height: 50% !important;
}

footer ul
{
	padding-left: 0 !important;
	list-style: none !important;
	margin: 0 !important;
}

footer ul li
{
	margin-bottom: 10px !important;
}

footer p
{
	color: white !important;
	margin-bottom: 30px !important;
}

footer a 
{
	color: white !important;
}

footer ul li
{
	color: white !important;
}

footer .redes-sociales
{
	font-size: 30px !important;
	display: flex !important;
}

footer .redes-sociales a
{
	margin: 0 7.5px !important;
}

footer h3
{
	font-size: 14px !important;
	font-style: bold !important;
}

video
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top:0;
	left: 0;
}

.boton
{
	text-align: center !important;
	text-decoration: none !important;
	padding: 15px 20px !important;
	border: none !important;
}

.boton-grey
{
	padding-top: 6px !important;
	padding-bottom: 19px !important;
	text-align: center !important;
	text-decoration: none !important;
	border: none !important;
	background-color: grey !important;
	color: white !important;
	font-weight: bold !important;
}

.boton.boton-negro
{
	background-color: black !important;
	color: white !important;
	font-size: 20px !important;
	font-weight: bold !important;
}

.boton.boton-negro:hover
{
	background-color: white !important;
	color: black !important;
}

.seccion
{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

ul li
{
	/*font-family: "Roboto" !important;
	font-size: 14px !important;*/
	color: black !important;
	text-align:justify !important;
	padding-bottom: 5px !important;
}

.contenedor
{
	width: 1140px !important;	
	margin: 0 auto 0 auto !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	position: relative !important;
}

.columna.columna-100
{
	border: 1px solid grey !important;
	margin: 15px !important;
	padding-right: 15px !important;
	text-align: justify !important;
}

.columna.columna-100 ul
{
	padding-left: 15px !important;
}

.columna.columna-100 ul li
{
	padding-bottom: 5px !important;
	font-family: "Roboto" !important;
	font-size: 13px !important;
	color: black !important;
}

.contenedor-fluid
{
	width: 100% !important;	
	padding-right: 15px !important;
	padding-left: 15px !important;
	position: relative !important;
}

.fila
{
	display: flex !important;
	flex-wrap: wrap !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.columna
{
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.columna-25
{
	width: 25% !important;
}

.columna-33
{
	width: 33.33% !important;
}

.columna-41
{
	width: 41.66% !important;
}

.columna-50
{
	width: 50% !important;
}

.columna-100
{
	width: 100% !important;
}

.empujar-50
{
	margin-left: 50% !important;
}

.empujar-58
{
	margin-left: 58.33% !important;
}

.empujar-66
{
	margin-left: 66.66% !important;
}

.empujar-0
{
	margin-left: 0 !important;
}

.form-dominio
{
	text-align: center !important;
	width: 100% !important;
	padding-bottom: 10px !important;
}

.rojo
{
	color: red !important;
	text-align: center !important;
	font-weight: bold !important;
}

.nombre-dominio
{
	width: 200px !important;
}

.items-dominio
{
	height: 25px !important;
}

#titulo
{
	scroll-margin-top: 76px !important;
	position: relative !important;
	background-color: grey !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	color: white !important;
}

#titulo h1
{
	font-size: 35px !important; 
	margin: 0 0 !important;
	padding: 0 0 !important;
	text-align: center !important;
} 

#titulo p
{
	font-size: 16px !important; 
	text-align: center !important;
	color: white !important;
}

#explicacion
{
	scroll-margin-top: 76px !important;
}

#imagen
{
	/*background:#F90 !important;*/
	align-items:center !important;
	display: flex !important;
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top:0 !important;
	left: 0 !important;
	border: 1px solid grey !important;
	/*display: flex !important;*/
}

#imagen img
{
	width: 100% !important;
	height: 70%;
}

#imagen #img2
{
	width: 50% !important;
	height: 70%;
	margin-left: auto;
    margin-right: auto;
}

#explicacion1
{
	padding: 0 15px !important; 
	border: 1px solid grey !important;
	position: relative;
}

#explicacion1 ul
{
	padding-left: 10px;	
	padding-top: 10px;	
}

/*explicacion 2*/
#explicacion2
{
	margin-top: 15px;	
	padding: 0 15px !important; 
	border: 1px solid grey !important;
	position: relative;
	margin-left: -15px;
}

#explicacion2 ul
{
	padding-left: 10px;	
	padding-top: 10px;	
}

#dominio
{
	scroll-margin-top: 76px !important;
}

#contactenos
{
	position: relative !important;
	scroll-margin-top: 76px !important;
}

#contactenos iframe
{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	filter: grayscale(1) !important;
}

#contactenos form
{
	padding: 60px !important;
	background-color: grey !important;
}

#contactenos form .form-block
{
	width: 100% !important;
	margin-bottom: 15px !important;
}

#contactenos form .form-block .form-control
{
	display: block !important;
	height: 40px !important;
	font-size: 16px !important;
	border: 1px solid grey !important;
	width: 100% !important;
	padding: 5px 10px !important;
}


#contactenos form .form-block textarea
{
	display: block !important;
	height: 100px !important;
	font-size: 16px !important;
	border: 1px solid grey !important;
	width: 100% !important;
	padding: 5px 10px !important;
}

#contactenos form .form-block.bloque-ultimo
{
	margin-bottom: 0 !important;
}

@media(max-width: 767px)
{
	body
	{
		font-size: 15px !important;
	}

	header .contenedor nav
	{
		position: fixed !important;
		width: 100% !important;
		height: 100% !important;
		background-color: white !important;
		padding-top: 80px !important;
		padding-bottom: 80px !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
		top: 0 !important;
		left: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		transition: all 0.4s ease !important;
		transform: translateX(100%) !important;
	}

	header .contenedor nav.open
	{
		transform: translateX(0) !important;
	}

	header .contenedor nav a
	{
		font-size: 30px !important;
		margin: 15px 0 !important;
	}	

	header .contenedor .hamb
	{
		display: block !important;
		font-size: 40px !important;
		color: grey !important;
	}

	form .boton.boton-negro
	{
		width: 100% !important;
	}

	footer
	{
		text-align: center !important;
	}

	footer .logo-footer 
	{
		width: 50% !important;
	}

	footer .redes-sociales 
	{
    	justify-content: center !important;
	}

	footer ul li
	{
    	color: white !important;
		display: inline-block;
	}

	footer h3
	{
    	color: white !important;
    	font-size: 20px !important;	
	}

	.boton-grey
	{
		margin-top: 5px !important;
	}

	.contenedor
	{
		width: 100% !important;
		position: relative !important;
	}

	.columna-mobile-100
	{
		width: 100% !important;
	}

	.columna-mobile-50
	{
		width: 50% !important;
	}

	.empujar-mobile-0
	{
		margin-left: 0 !important;
	}

	.sinpadding-mobile
	{
		padding: 0 !important;
	}

	#explicacion #imagen img
	{
		height: 100% !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		position: relative !important;
	}

	#explicacion #imagen video  
	{
		height: 100% !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center !important;
		position: relative !important;
	}

	div.col-lg-6.col-md-12.col-sm-12.col-xs-12
	{
		margin-bottom: 15px;
	}

	.segunda
	{
		margin-top: 15px;
	}

	#explicacion .cuadrado-mobile
	{
		margin-top: 10px !important;
		margin-bottom: 5px !important;
		/*	padding-bottom: 205% !important; /*aqui se juega con el tamaño de la primera explicacion*/
		border: 1px solid grey !important;
		position: relative !important;
	}

	#explicacion2
	{
		margin-left: 0px;
		margin-top: 0px;
	}

	.columna.columna-100.columna-mobile-100
	{
		margin-top: 10px !important;
	}

	#contactenos 
	{
		padding: 0 !important;
	}

	#contactenos iframe
	{
		position: relative !important;
		height: 50vh !important;
	}
}