body{
	min-height:100%;
	background-color:black;
	color:white;
}
body,html{
	margin:0; padding:0;
	height:100%;
}
*{
	box-sizing: border-box;
}

.main{
	min-height: 100%;
}

.head{
	text-align:center;
}

.head img{
	width: 15%;
	border-radius: 10em;
	border:1px solid black;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.titulo {
	text-align:center;
	text-shadow: 1px 1px 4px #000000;
	font-size: 10vw;
	margin-top: 0em;
}

.btn div{
	font-family:arial;
	font-size: 0.55em;
	margin-top: 0.3em;
}

.imt-05{ margin-top:-0.5em; }
.imt-1{ margin-top:-1em; }
.imt-15{ margin-top:-1.5em; }

.mt-05{ margin-top:0.5em; }
.mt-1{ margin-top:1em; }
.mt-15{ margin-top:1.5em; }
.mt-2{ margin-top:2em; }
.mt-25{ margin-top:2.5em; }
.mt-3{ margin-top:3em; }

.subtitulo{
	text-shadow: 1px 1px 4px #000000,
	1px 1px 4px #000000;
	font-size: 7vw;
	text-align:center;
}

.menu-buttons{
	margin-top: 0.2em;
}

.btn{
	font-family: 'Dancing Script',cursive;
	font-size: 1.5em;
	color:white;
	text-decoration:none;
	display:block;;
	width:70%;
	margin: 0 auto 0.3em auto;
	border:1px solid rgba(255,255,255,0.8);
	padding: 0.15em;
	text-shadow: 1px 1px 4px #000000;
	text-align:center;
	background-color: rgba(0,0,0,0.5);
	border-radius: 0.2em;

}

.btn span{
	font-size:0.7em;
}

.back {
	position: fixed;
	top:0;
	left:0;
}

.footer{
	position:absolute;
	bottom:0;
	width:100%;
}
.footer td{
	text-align:center;
	padding:0.5em;
}


.dancing{
    font-family: 'Dancing Script', cursive;
}

.playfair{
    font-family: 'Playfair Display', serif;
}

.ruthie{
    font-family: 'Ruthie', cursive;
}

.main{
	min-height:100%;
	height:100%;
	background-image:url(./img/fondo.jpeg);
	background-size: 100% 100%;
	overflow:scroll;
}

.page{
	border:1px solid rgba(0,0,0,0.6);
	border-radius:3px;
	color:black;
	width: 92%;
	margin: 1em auto 1em auto;
	background-color: rgba(255,255,255,0.8);
	padding: 0.5em 1em 0.5em 1em;
	background-image:url(./img/hoja-papel.webp);
	background-size: 100% auto;
	font-size: 0.9em;
}

.text-center{
	text-align:center;
}

.text-up-01{ font-size: 1.1em; }
.text-up-02{ font-size: 1.2em; }
.text-up-03{ font-size: 1.3em; }
.text-up-04{ font-size: 1.4em; }
.text-up-1{ font-size: 2em; }

.page-title{
	font-family: 'Dancing Script',cursive;
	font-size: 1.8em;
	margin: 0.2em 0 0 0;
	font-weight:bold;
}

.tabs{
	width: 90%;
	margin: 1em 10% 1em 5%;
}

.tabs .tab{ text-align:center; }
.tabs .tab div{
	margin:0.3em;
	padding: 0.3em;
	color: #fff;
	border:1px solid #EEE;
	box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.75);
	border-radius: 0.4em;
}
.tabs .tab div.active{
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
	font-weight:bold;

}