/* CSS Document */


form{
	border:1px solid grey;
	padding:15px;
	min-height:300px;
	
	position: relative;
}

form button{
		margin:5px;
}

body{
	padding:20px;	
}

.error-message{
	color:red;
}

.aclaracion{
	display:inline-block;
	font-style:italic;
	padding-top:5px;
}

.iconoPregunta{
	font-size:22px;
	color:#4B65CD;
}

.ayuda{
	position:absolute;
	right:-15px;
}

.ayuda div{
	display:none;
	position:absolute;
	bottom:30px;
	left:0px;
	transform: translate(-50%,0%);
	z-index:30;
	border:1px solid grey;
	width:400px;
	height:300px;
	background-color:white;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    5px 5px 10px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         5px 5px 10px 0px rgba(50, 50, 50, 0.5);
}


#ayudaFechaCuota div{
	background-image:url(../images/cuota_tooltip.jpg);
	background-repeat:no-repeat;
	width:400px;
	height:200px;
}

#ayudaCuotaCampamento div{
	background-image:url(../images/campamento_tooltip.jpg);	
	background-repeat:no-repeat;
	width:400px;
	height:205px;	
}

#ayudaReservaVacante div{
	background-image:url(../images/vacante_tooltip.jpg);	
	background-repeat:no-repeat;
	width:426px;
	height:226px;	
}


#preloader{
	font-size: 250%;
	
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}