@import url("general.css");

#Contacto
{
	order: 1;
}

#Contacto h3
{
	margin: 2rem 1.5rem 0 1.5rem;
	font-family: YesevaOne,Georgia,Cambria,'Times New Roman',serif;
    font-style: normal;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: start;
	text-shadow: none;
	line-height: 1em;
	color: rgba(0,0,0,0.75); 
}

#Contacto .contactar
{
	justify-content: space-around;
	order: 2;
}

#Contacto .contactar div
{
	width: 30rem;
	margin: 1rem;
	text-align: center;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2), 0 0.75rem 2rem 0 rgba(0, 0, 0, 0.19);	
	border-top: 0.125rem solid #000000;
	border-radius: 0 0 1rem 1rem;
}

#Contacto .contactar div img
{
	width: 4rem;
	margin: 0.5rem;
}

#Contacto .contactar div span
{
	margin: 0.5rem;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 4em;
}

#Contacto .lugares
{
	justify-content: space-around;
	order: 3;
}


#Contacto .lugares figure
{
	width: 30rem;
	margin: 1rem;
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2), 0 0.75rem 2rem 0 rgba(0, 0, 0, 0.19);	
	border-top: 0.125rem solid #000000;
	border-radius: 0 0 1rem 1rem;
}

#Contacto .lugares figure a
{
	display: block;
	margin: 1rem auto;
	font-family: YesevaOne,Georgia,Cambria,'Times New Roman',serif;
    font-style: normal;
	font-size: 1.75rem;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-shadow: none;
	line-height: 1em;
}

#Contacto .lugares figure a:hover, #Contacto .lugares figure a:link, #Contacto .lugares figure a:visited
{
	text-decoration: none;
}

#Contacto .lugares figure iframe
{
	width: 100%;
}

#Contacto .lugares figcaption
{
	padding: 1rem;
	text-align: center;
	font-family: DayRoman,Georgia,Cambria,'Times New Roman',serif;
	font-size:   1.75rem;
	line-height: 1.25em;
	background: #FFFFFF;
	border-radius: 0 0 1rem 1rem;
}

#Contacto .lugares figcaption span
{
	font-family: AlteHaasGrotesk,Georgia,Cambria,'Times New Roman',serif;
	font-size:   1.5rem;
}