/* CSS Document */
@font-face {
    font-family: 'Roboto', sans-serif;
    src: url(Roboto-Medium.ttf);
}

body, nav, footer, #end, .story{
	margin: 0 auto;
	padding: 0;
}

#end{
	margin-top:10px;
}

#end p,a{
	color:white;
}

h1, h2, h3, h4{
	background-color: rgba(0, 0, 0, 0.7);
	font-weight:bold;
	/*color:#730542;*/
	color: #FFFFFF;
}

a{
	font-weight:bold;
}

a:hover{
	/*LILA COORPORATIVO*/
	color:#730542;
	font-weight: bold;
	text-decoration: none;
}

p, label{
	/*Blanco BOOTSTRAP*/
	color:#f8f9fa;
	font-weight: bold;
}

nav{
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
}

.navbar-toggler{
	width: 100%;
	color: white;
}

.btn {
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px;
}

.inscripcion:hover{
	background-color:#730542;
	color:black;
	text-decoration: none;
	
}

#ocrarena{
	background:url("../img/ocrarena/bgfull.jpg") 100% 0;
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.transparente{
	/*NEGRO TRANSPARENTE*/
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	border-radius: 5px;
	
}
.story{
	overflow: auto;
	width: auto;
	text-align: center;
}
.titulos{
	font-size:14px;
}
.btn{
	background-color:#00A4E0;
	cursor: pointer;
}
/*BackToTop*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	color:#00A4E0;
}