body
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: "Lexend", sans-serif;
 	font-optical-sizing: auto;
  	font-weight: <weight>;
  	font-style: normal;
}
header
{
	width: 100%;
	margin: 0;
	padding: 0;
}
header .telefono
{
	background: #abcfe9;
	width: 100%;
	display: flex;
	justify-content: right;
	align-content: center;
}
header .telefono p
{
	text-align: right;
	padding: 0.5em;
	margin: 0;
}
header .telefono span
{
	color: #5770a5;
	font-weight: bold;
}
header .cont-logo
{
	background: #5770a5;
	display: flex;
	flex-grow: nowrap;
	justify-content: space-between;
	align-items: center;
}
header .cont-logo .logotipo
{
	margin: 0;
	line-height: 0;
}
header .cont-logo .logotipo img
{
	width: auto;
	margin: 0;
	padding: 0.5em;
}
header .cont-logo .icon
{
	display: none;
	margin: 0;
	padding: 0;
}
nav.menu
{
	background: #efefef;
	padding: 0;
	margin: 0;
}
nav.menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
nav.menu ul li a 
{
	display: flex;
	text-decoration: none;
	margin: 0;
	padding: 0.5em;
	align-items: center;
	color: #5770a5;
}
nav.menu ul li 
{
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 200px;
	transition: 1s all ease-out;
}
nav.menu ul li:hover
{
	background: rgba(106, 136, 199, .2) 
}
nav.menu ul li img
{
	margin: 0;
	padding: 0.5em;
	line-height: 0;
}
.content-menu-oculto
{
	display: none;
	flex-wrap: nowrap;
	width: 100%;
	transition: 1s all ease-out;
}
.content-menu-oculto #nav-desplegable
{
	display: none;
	width: 100%;
}
.content-menu-oculto #nav-desplegable ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.content-menu-oculto #nav-desplegable ul a 
{
	text-decoration: none;
	color: #5770a5;

}
.content-menu-oculto #nav-desplegable ul li
{
	margin: 1px 0;
	display: flex;
	align-items: center;
	background: #dee0e6;
	transition: 1s all ease-out;
}
.content-menu-oculto #nav-desplegable ul li img
{
	margin: 0;
	padding: 0.5em;
	line-height: 0;
	width: 40px;
}
.content-menu-oculto #nav-desplegable ul li:hover
{
	background: #fff;
}

.cont-footer
{
	background: #5770a5;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	justify-content: center;
	margin: 0;
	padding: 1em 0;
}
.cont-footer h4 
{
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	margin: 0 0 0.5em 0;
}
.cont-footer footer
{
	background: #5770a5;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	justify-content: center;
	margin: 0;
	padding: 1em 0;
	width: 100%;
}
.cont-footer footer a
{
	color: #fff;
	text-decoration: none;
	transition: 1s all ease-out;
}
.cont-footer footer a:hover
{
	color: #2b3549;
}
.cont-footer footer ul, .cont-footer footer .derechos
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.cont-footer footer ul.link1
{
	width: 15%;
}
.cont-footer footer ul.link2
{
	width: 35%;
}
.cont-footer footer .derechos
{
	width: 30%;
}
.cont-footer footer ul li 
{
	padding: 0.5em 0 0 0 ;
}
.cont-footer footer ul h5
{
	font-size: 1.2em;
}
.cont-footer footer ul h5, footer p
{
	margin: 0;
}
.cont-footer footer p
{
	
}
@media only screen and (max-width: 1024px) {
	body
	{
		
	}
	.cont-footer footer
	{
		
		width: 100%;
	}	
	.cont-footer footer ul.link1
	{
		width: 15%;
	}
	.cont-footer footer ul.link2
	{
		width: 35%;
	}
	.cont-footer footer .derechos
	{
		width: 30%;
	}

@media only screen and (max-width: 768px){

		body
		{
		}
		nav.menu
		{
			display: none;
		}
		.content-menu-oculto
		{
			display: block;
			flex-wrap: nowrap;
			width: 100%;
		}
		header .cont-logo .icon
		{
			display: block;
			padding: 0 0.5em;
		}
		.cont-logo a 
		{
		  color: white;
		  font-size: 2em;
		  text-decoration: none;
		  display: flex;
		  line-height: 2.4em;
		}
		.cont-logo a.icon 
		{
		  background: black;
		  display: block;
		  right: 0;
		  top: 0;
		}
		.cont-logo a:hover 
		{
		  background-color: #ddd;
		  color: black;
		}
		.active 
		{
		  background-color: #04AA6D;
		  color: white;
		}
		.cont-footer footer ul.link1
		{
			margin-left: 1em;
			width: 100%;ed;
		}
		.cont-footer footer ul.link2
		{
			margin-top: 1em;
			margin-left: 1em;
			width: 100%;
		}
		.cont-footer footer .derechos
		{
			margin-top: 1em;
			margin-left: 1em;
			width: 100%;
		}
		.cont-footer h4 
		{
			margin: 0;
		}

	}
@media only screen and (max-width: 480px){

		body
		{
			
		}
		nav.menu
		{
			display: none;
		}
		.cont-footer footer ul.link1
		{
			margin-left: 1em;
			width: 100%;
		}
		.cont-footer footer ul.link2
		{
			margin-top: 1em;
			margin-left: 1em;
			width: 100%;
		}
		.cont-footer footer .derechos
		{
			margin-top: 1em;
			margin-left: 1em;
			width: 100%;
		}
}