body{
	font-family: 'Montserrat', sans-serif !important;
}

.efecto{
	border-bottom: 3px solid rgb(11,62,101);
	background: url(../images/fondo-efecto.jpg) no-repeat center center;
	background-size: cover;
	min-height: 100vh;
	padding: 0;
}

.cabecera{
	background: rgba(0,0,0,1);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(20%, rgba(0,0,0,0.8)), color-stop(40%, rgba(0,0,0,0.6)), color-stop(60%, rgba(0,0,0,0.4)), color-stop(80%, rgba(0,0,0,0.2)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	padding: 22px 0 100px 0;
}

.logotipo{
	border: 0px solid red;
	text-align: center;
	font-family: 'Merriweather Sans', sans-serif;
	color: white;
	font-size: 37px;

	text-shadow: 4px 0px 1px black;
}
.logotipo a{
	color: white;
}
.logotipo img{
	width: 50px;
}


nav{
	border: 0px solid red;
	margin-top: 5px;
}

.menu-r{
	width: 100%;
	text-align: center;
	display: none;
}

nav ul{
	width: 100%;
	list-style: none;
	padding: 0;
}

nav ul li{
	float: left;
}

.menu, .menu-r{
	font-size: 20px;
	font-weight: lighter;
	color: white;
	padding: 7px 28px;
	cursor: pointer;
}


.datos{
	width: 100%;
	font-size: 19px;
	color: white;
	text-align: center;
}
.datos a{
	color: white;
	text-decoration:none;
}
.datos strong{
	width: 100%;
	font-size: 20px;
	font-weight: lighter;
	display: inline-block;
}



.titulo-efecto{
	background: rgb(11,62,101,0.7);
	width: 70%;
	color: white;
	font-size: 24px;
	font-weight: bolder;
	padding: 5px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.mitad{
	border: 0px solid white;
	font-size: 22px;
	color: white;
	text-shadow: 1px 2px 0px black;
	float: left;
	padding: 0 100px 0 0;
}


.contenido{
	padding-top: 30px;
	padding-bottom: 50px;
}
.contenido .row div{
	margin: 0;
}

.titulo{
	width: 100%;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #0b3e65;
	display: inline-block;
	margin: 0 0 30px 0;
}

.seccion{
	background: url(../images/fondo-gris.jpg) no-repeat center center;
	background-size: cover;
	font-size: 15px;
	line-height: 20px;
	padding: 10px;
}

.imagen-seccion{
	padding: 0;
}
.imagen-seccion img{
	width:100%;
}


.aparatos{
	padding-top: 30px;
	padding-bottom: 60px;
}


.producto{
	border: 0px solid red;
	background: #f7f7f7;
	width: 100%;
	margin-bottom: 20px !important;
	display: inline-block;
}
.producto img{
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.producto strong{
	background: rgb(11,62,101,1);
	width: 100%;
	text-align: center;
	color: white;
	font-size: 20px;
	display: inline-block;
	padding: 1px 0;
}
.producto strong b{
	text-transform: uppercase;
}

.servicio-seo{
	margin-bottom: 30px;
}

.servicio-seo-texto{
	font-size: 17px;
	line-height: 28px;
	padding: 24px;
}

.servicio-seo-texto h1,
.servicio-seo-texto h3{
	color: #0b3e65;
	font-weight: bold;
}

.servicio-seo .servicio-seo-texto h1{
	font-size: 28px !important;
	line-height: 36px !important;
	margin-bottom: 18px;
}

.servicio-seo-texto h3{
	font-size: 22px;
	line-height: 30px;
	margin-top: 22px;
}

.servicio-seo-texto ul{
	padding-left: 22px;
	margin-bottom: 18px;
}

.servicio-cta{
	background: rgba(11,62,101,0.08);
	border-left: 5px solid #0b3e65;
	margin-top: 22px;
	padding: 18px;
}


.form-group{
	border: 0px solid red;
	width: 100%;
	margin-bottom: 20px !important;
	display: inline-block;
}


.contacto{
	border: 0px solid red;
	background: url(../images/15.png) no-repeat center center;
	background-size: cover;
	font-size: 22px;
	line-height: 32px;
	padding-top: 100px;
}


.cuadro{
	width: 100%;
}
.imagen-cuadro img{
	width: 100%;
}
.titulo-cuadro{
	background: black;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 22px;
	font-weight: bold;
}


.pregunta{
	background: #f7f7f7;
	font-size: 22px;
	line-height: 32px;
	padding: 6px;
}

.icon-whatsapp{
	font-size: 22px !important;
}


footer{
	background: #0b3e65;
	color: white;
	font-size: 19px;
	line-height: 24px;
	padding-top: 30px;
	padding-bottom: 30px;
}


.whatsapp{
	position: fixed;
	bottom: 0;
	right: 270px;
	background: #00be00;
	color: white;
	font-size: 22px;
	padding: 6px 12px;

	border-radius: 10px 10px 0 0;

	transition:all 0.2s;
}
.llamanos{
	position: fixed;
	bottom: 0;
	right: 100px;
	background: blue;
	color: white;
	font-size: 22px;
	padding: 6px 12px;

	border-radius: 10px 10px 0 0;

	transition:all 0.2s;
}

.whatsapp:hover, .llamanos:hover{
	font-weight: bold;
	text-shadow: 3px 3px 3px black;
	padding: 12px 12px;
}


.marcas{
	border: 0px solid red;
	width: 100%;
}
.marcas span{
	background: #f7f7f7;
	width: 11%;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 10px;
	padding: 12px 0;
}


footer strong{
	width: 100%;
	margin: 0 0 20px 0;
	display: inline-block;
}

.seccion-footer{
	border: 0px solid red;
}
.seccion-footer b{
	font-size: 32px;
}

footer a, footer a:hover{
	color: white;
}

@media screen and (max-width:1200px){
	.cabecera{
		padding-bottom: 10px;
	}
	.titulo-efecto{
		width: 100%;
		margin-top: 10px;
	}
}
@media screen and (max-width:992px){
	.whatsapp span{
		display: none;
	}
	.mitad{
		padding: 0 10px 0 0;
	}
	.contactomujer{
		display: none;
	}
	footer{
		padding-bottom: 100px;
	}
}
@media screen and (max-width:576px){
	.efecto{
		position: relative;
		z-index: 100000;
	}
	.menu-r{
		display: block;
	}
	nav ul{
		position: relative;
		z-index: 100000;
		background: black;
		display: none;
	}
	nav ul li{
		background: black;
		width: 100%;
	}
	.menu{
		width: 100%;
		text-align: center;
	}
}





.info-nueva{
	padding-top: 20px;
	padding-bottom: 60px;
}

.info-nueva-contenido{
	background: url(../images/fondo-gris.jpg) no-repeat center center;
	background-size: cover;
	padding: 30px;
	height: 100%;
	border-left: 8px solid #0b3e65;
	box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.info-nueva-contenido h2{
	color: #0b3e65;
	font-size: 34px;
	font-weight: bold;
	line-height: 42px;
	margin-bottom: 20px;
}

.info-nueva-intro{
	font-size: 21px;
	line-height: 33px;
	margin-bottom: 25px;
	color: #222;
}

.info-item{
	background: rgba(255,255,255,0.88);
	margin-bottom: 15px;
	padding: 14px 16px;
	border-left: 5px solid #0b3e65;
	font-size: 18px;
	line-height: 28px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.06);
}

.info-item b{
	color: #0b3e65;
	font-size: 20px;
	margin-right: 8px;
}

.info-item span{
	display: inline;
}

.frase-info{
	background: #0b3e65;
	color: white;
	font-size: 21px;
	line-height: 32px;
	padding: 20px;
	margin-top: 15px;
	font-style: italic;
	box-shadow: 0 10px 20px rgba(11,62,101,0.2);
}

.info-contacto{
	height: 100%;
	background: linear-gradient(135deg, #0b3e65 0%, #174f7e 100%);
	padding: 30px;
	color: white;
	box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.info-contacto-caja{
	height: 100%;
	border: 1px solid rgba(255,255,255,0.15);
	padding: 25px;
	background: rgba(255,255,255,0.04);
}

.info-contacto h3{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}

.dato-contacto{
	background: rgba(255,255,255,0.08);
	padding: 16px;
	margin-bottom: 15px;
	border-left: 4px solid white;
}

.dato-contacto strong{
	width: 100%;
	display: inline-block;
	font-size: 19px;
	margin-bottom: 8px;
}

.dato-contacto p{
	margin: 0;
	font-size: 18px;
	line-height: 28px;
}

.dato-contacto a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.botones-info{
	margin-top: 25px;
	text-align: center;
}

.btn-info-llamar,
.btn-info-whatsapp{
	display: inline-block;
	padding: 12px 22px;
	margin: 5px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px;
	transition: all 0.2s;
}

.btn-info-llamar{
	background: white;
	color: #0b3e65;
}

.btn-info-whatsapp{
	background: #00be00;
	color: white;
}

.btn-info-llamar:hover,
.btn-info-whatsapp:hover{
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(0,0,0,0.2);
	color: inherit;
	text-decoration: none;
}

@media screen and (max-width:992px){
	.info-nueva-contenido{
		margin-bottom: 20px;
	}

	.info-nueva-contenido h2{
		font-size: 28px;
		line-height: 36px;
	}

	.info-nueva-intro{
		font-size: 19px;
		line-height: 30px;
	}

	.frase-info{
		font-size: 19px;
		line-height: 30px;
	}

	.info-contacto h3{
		font-size: 28px;
	}

	.servicio-seo .servicio-seo-texto h1{
		font-size: 25px !important;
		line-height: 32px !important;
	}
}

@media screen and (max-width:576px){
	.info-nueva{
		padding-bottom: 40px;
	}

	.info-nueva-contenido,
	.info-contacto{
		padding: 18px;
	}

	.info-contacto-caja{
		padding: 18px;
	}

	.info-nueva-contenido h2{
		font-size: 24px;
		line-height: 32px;
	}

	.servicio-seo .servicio-seo-texto h1{
		font-size: 22px !important;
		line-height: 30px !important;
	}

	.info-nueva-intro,
	.info-item,
	.frase-info,
	.dato-contacto p{
		font-size: 17px;
		line-height: 27px;
	}

	.dato-contacto strong{
		font-size: 17px;
	}

	.btn-info-llamar,
	.btn-info-whatsapp{
		width: 100%;
		margin: 6px 0;
	}
}