@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

body
{
	padding:0;
	margin:0;
	font-family:'Roboto', sans-serif;
}
.divClear
{
	clear:both;
}

@media screen and (max-width: 800px)
{
	header
	{
		margin:0 0 50px 0;
		padding:20px 5% 50px 5%;
		background:#003d7a;
	}
	header img.imgLogo
	{
		display:block;
		width:50%;
		margin:0 auto;
	}
	header div.divTelefono
	{
		width:auto;
		float:left;
		font-size:1em;
		font-weight:700;
		color:#ffffff;
		margin:10px 0 0 0;
		padding:5px 0;
	}
	header div.divTelefono i
	{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 0.9em;
		background: #ffffff;
		color: #003d7a;
		text-align: center;
		border-radius: 50%;
		margin-right: 15px;
	}
	header div.divTelefono a
	{
		color:#ffffff;
		text-decoration:none;
	}
	header div.divBox
	{
		width:90%;
		margin:50px auto 0 auto;
		padding:0;
		position:relative;
		border-radius:50%;
	}
	header div.divBox img
	{
		width:100%;
	}
	header div.divBox a
	{
		color:#ffffff;
		text-decoration:none;
	}
	header div.divBox a h1
	{
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
		font-size:2em;
		font-weight:300;
		position:absolute;
		left:0;
		top:30%;
		text-transform:uppercase;
		text-shadow: 0px 0px 7px #000000;
	}
	header div.divBox a h3
	{
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
		font-size:1.2em;
		font-weight:300;
		position:absolute;
		left:0;
		bottom:15%;
		text-transform:uppercase;
		transition:all ease 0.3s;
		text-shadow: 0px 0px 7px #000000;
	}
	footer
	{
		-webkit-box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5); 
		box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5);
		background:#f2f2f2;
		border-bottom:10px #003d7a solid;
		margin:0;
		padding:25px 5%;
		color:#5d5d5d;
	}
	footer div.divBox
	{
		margin:0 0 20px 0;
	}
	footer div.divBox img.imgLogo
	{
		display:block;
		width:60%;
		margin:0 auto;
	}
	footer div.divBox h3
	{
		font-size:1.4em;
		font-weight:400;
		margin:0 0 10px 0;
		padding:0;
		text-transform:uppercase;
	}
	footer div.divBox h4
	{
		font-size:1em;
		font-weight:700;
		margin:20px 0 10px 0;
		padding:0;
	}
	footer div.divBox p
	{
		font-size:1em;
		margin:0;
		padding:0;
	}
	footer div.divBox div.divContacto
	{
		margin:0 0 10px 0;
		padding:5px 0;
	}
	footer div.divBox div.divContacto a
	{
		color:#5d5d5d;
		text-decoration:none;
	}
	footer div.divBox div.divContacto i
	{
		font-size: 1.1em;
		margin-right: 15px;
	}
	footer div.divBox p a
	{
		color:#003d7a;
		text-decoration:none;
	}
	footer div.divBox div.divRedes
	{
		font-size:1.4em;
		font-weight:400;
		margin:0 0 10px 0;
		padding:7px 0 0 0;
		text-transform:uppercase;
	}
	footer div.divBox div.divRedes a
	{
		display:block;
		float:right;
		width:30px;
		height:30px;
		line-height: 30px;
		margin:-7px 0 0 20px;
		padding:7px;
		border-radius:50%;
		text-align: center;
		-webkit-box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5); 
		box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5);
	}
	footer div.divBox div.divRedes a i
	{
		font-size: 1.2em;
		color:#5d5d5d;
	}
	footer div.divBox img.imgLogos
	{
		display:block;
		width:80%;
		margin:20px auto;
	}
	.aWAFlotante
	{
		display:block;
		width:55%;
		position:fixed;
		right:2.5%;
		bottom:5%;
		color:#5d5d5d;
		text-decoration:none;
	}
	.aWAFlotante p
	{
		-webkit-box-shadow:0px 0px 5px 5px rgba(51,51,51,0.3); 
		box-shadow:0px 0px 5px 5px rgba(51,51,51,0.3);
		background:#ffffff;
		border-radius:10px;
		font-size:0.7em;
		font-weight:700;
		margin:12px 17% 0 0;
		padding:10px 8px;
		text-transform:uppercase;
	}
	.aWAFlotante img
	{
		display:block;
		width:30%;
		position:absolute;
		top:0;
		right:0;
	}
}

@media screen and (min-width: 800px)
{
	header
	{
		margin:0 0 50px 0;
		padding:20px 5% 50px 5%;
		background:#003d7a;
		border-radius:0 0 30% 30%;
	}
	header img.imgLogo
	{
		display:block;
		width:15%;
		float:left;
	}
	header div.divTelefono
	{
		width:auto;
		float:right;
		font-size:1.3em;
		font-weight:700;
		color:#ffffff;
		margin:0;
		padding:5px 0 5px 40px;
	}
	header div.divTelefono i
	{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 0.9em;
		background: #ffffff;
		color: #003d7a;
		text-align: center;
		border-radius: 50%;
		margin-right: 15px;
	}
	header div.divTelefono a
	{
		color:#ffffff;
		text-decoration:none;
	}
	header div.divBox
	{
		width:35%;
		margin:100px auto 0 auto;
		padding:0;
		position:relative;
		overflow:hidden;
		border-radius:50%;
	}
	header div.divBoxFloat1
	{
		float:left;
		margin:-30px 5% 0 10%;
		padding:0;
	}
	header div.divBoxFloat2
	{
		float:left;
		margin:-30px 10% 0 5%;
		padding:0;
	}
	header div.divBox img
	{
		width:100%;
	}
	header div.divBox a
	{
		color:#ffffff;
		text-decoration:none;
	}
	header div.divBox a h1
	{
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
		font-size:2.8em;
		font-weight:300;
		position:absolute;
		left:0;
		top:35%;
		text-transform:uppercase;
		text-shadow: 0px 0px 7px #000000;
	}
	header div.divBox a h3
	{
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
		font-size:1.4em;
		font-weight:300;
		position:absolute;
		left:0;
		top:110%;
		text-transform:uppercase;
		transition:all ease 0.3s;
		text-shadow: 0px 0px 7px #000000;
	}
	header div.divBox a:hover h3
	{
		left:0;
		top:80%;
	}
	footer
	{
		-webkit-box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5); 
		box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5);
		background:#f2f2f2;
		border-bottom:10px #003d7a solid;
		margin:0;
		padding:25px 5%;
		color:#5d5d5d;
	}
	footer div.divBox
	{
		width:25%;
		float:left;
	}
	footer div.divBox img.imgLogo
	{
		width:60%;
		margin:40px 0 0 0;
	}
	footer div.divBox h3
	{
		font-size:1.4em;
		font-weight:400;
		margin:0 0 10px 0;
		padding:0;
		text-transform:uppercase;
	}
	footer div.divBox h4
	{
		font-size:1em;
		font-weight:700;
		margin:40px 0 10px 0;
		padding:0;
	}
	footer div.divBox p
	{
		font-size:1em;
		margin:0 7.5% 0 0;
		padding:0;
	}
	footer div.divBox div.divContacto
	{
		margin:0 0 10px 0;
		padding:5px 0;
	}
	footer div.divBox div.divContacto a
	{
		color:#5d5d5d;
		text-decoration:none;
	}
	footer div.divBox div.divContacto i
	{
		font-size: 1.1em;
		margin-right: 15px;
	}
	footer div.divBox p a
	{
		color:#003d7a;
		text-decoration:none;
	}
	footer div.divBox div.divRedes
	{
		font-size:1.4em;
		font-weight:400;
		margin:0 0 10px 0;
		padding:7px 0 0 0;
		text-transform:uppercase;
		text-align:right;
	}
	footer div.divBox div.divRedes a
	{
		display:block;
		float:right;
		width:30px;
		height:30px;
		line-height: 30px;
		margin:-7px 0 0 20px;
		padding:7px;
		border-radius:50%;
		text-align: center;
		-webkit-box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5); 
		box-shadow:0px 0px 10px 5px rgba(51,51,51,0.5);
	}
	footer div.divBox div.divRedes a i
	{
		font-size: 1.2em;
		color:#5d5d5d;
	}
	footer div.divBox img.imgLogos
	{
		display:block;
		width:80%;
		margin:20px 0 0 0;
		float:right;
	}
	.aWAFlotante
	{
		display:block;
		width:20%;
		position:fixed;
		right:2.5%;
		bottom:5%;
		color:#5d5d5d;
		text-decoration:none;
	}
	.aWAFlotante p
	{
		-webkit-box-shadow:0px 0px 5px 5px rgba(51,51,51,0.3); 
		box-shadow:0px 0px 5px 5px rgba(51,51,51,0.3);
		background:#ffffff;
		border-radius:10px;
		font-size:1em;
		font-weight:700;
		margin:13px 17% 0 0;
		padding:12px;
		text-transform:uppercase;
	}
	.aWAFlotante img
	{
		display:block;
		width:25%;
		position:absolute;
		top:0;
		right:0;
	}
}