@charset "UTF-8";
/* CSS Document */


.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: visible; /* Este valor se cambió de hidden a visible */
    opacity: 1; /* Este valor se cambió de 0 a 1 */
}

#popup:target{
  visibility: hidden; /* Se regresa a hidden para ocultar */
  opacity: 0; /* Se regresa a o para hacerlo "invisible" */
}


#popupBody{
width: 75%;
height: 75%;
box-shadow: 0 0 10px #333;
background: #f5f0b7;
position: relative;
margin: 5% auto;
margin-top:8%;
transition: all 1s ease-in-out;
}

#cont_txt{
	width: 210px;
	height: 35px;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 115px);
}

#btn_idioma{
	font-family: 'Din-Medium', sans-serif;
	font-size:17px;
	color:#000;
	text-align:center;
	float:left;
	padding-top:5px;
}

#separador_btn{
	width:1px;
	height:35px;
	background-color:#000;
	margin-left:23px;
	margin-right:23px;
	float:left;
	display:block;
}

#cerrar{
	width:40px;
	height:40px;
	position: absolute;
	border-radius: 40px;
top: 10px;
text-align:center;
right: 10px;
font-size: 30px;
fotn-weight: bold;
text-decoration: none;
color: #FFF;
background-color:#ca6273;
transition: all 200ms;
}



@media screen and (max-width:800px ) {
	
	
#popupBody{
width: 80%;
height: 70%;
margin-top:25%;
}	


#cont_txt{
	width: 210px;
	height: 35px;
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 115px);
}

#btn_idioma{
	width:100%;
	font-family: 'Din-Medium', sans-serif;
	font-size:25px;
	color:#000;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

#separador_btn{
	width:100%;
	height:1px;
	background-color:#000;
	margin-left:0px;
	margin-right:0px;
	float:left;
	display:block;
}



#cerrar{
	width:30px;
	height:30px;
	position: absolute;
	border-radius: 30px;
top: 10px;
text-align:center;
right: 10px;
font-size: 24px;
fotn-weight: bold;
text-decoration: none;
color: #FFF;
background-color:#ca6273;
transition: all 200ms;
}
	
}