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

.ContenedorGeneral
{
	position: absolute;
	left:50%;
	top:50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	padding-top: 200px;
}

.Formulario
{
	opacity: 0;
}

.InputText
{
	height: 30px;
	width: 270px;
	border: 2px solid #BDE8FF;
	border-radius: 19px;
	background:transparent;
	padding: 0px 15px 0px 15px;
	font-style: italic;
	color: #AAA;
	font-size: 19px;
	line-height: 1.8em;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.InputText:focus
{
	outline: none;
	border: 2px solid #66CCFF;
}

.BotonNext
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 46px;
	height: 46px;
	border-radius: 23px;
	background-color: #66CCCC;
	box-sizing:border-box;
	color: white;
	font-size: 30px;
	text-align: center;
	padding-bottom: 15px;
	padding-left: 7px;
	outline: 0;
	border:none;
}


.BotonNext:hover
{
	background-color:#42918F;
	cursor: pointer;
}

.Helio
{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
	overflow: hidden;
}

.Burbuja
{
	position: absolute;
	left: 0px;
	bottom: -150px;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: white;
	opacity: 0.05;
}

.Resultados
{
	display: none;
}

.Bienvenido
{
	position: absolute;
	display: none;
	opacity: 0;
	left:50%;
	top:50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	font-size: 45px;
	text-shadow: 2px 2px 4px black;
	color: white;
}

.DesignedBy
{
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: center;
	bottom: 30px;
	color: white;
	font-size: 15px;
}

/*Estilos Standard*/

html
{
	height:100%;
}

body
{
	border:0px;
	font-family: Helvetica, Arial, sans-serif;
	margin:0px;
	color:#333;
	font-size:0px;
	background: #0b3161; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #0b3161 0%, #318674 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #0b3161 0%,#318674 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #0b3161 0%,#318674 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3161', endColorstr='#318674',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height:100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: lighter;
}

div
{
	margin:0px;
	border:0;
}

p
{
	padding:0px 0px 0px 0px;
	margin:0px;
	border:0px;
}

td
{
	padding:0px 0px 0px 0px;
	border-spacing:0px;
}

table
{
	width:100%;
	padding:0px 0px 0px 0px;
	border-spacing:0px;
}

img
{
	border-style:none;
	border-width:0px;
	border:0;
	margin:0px;	
}

a
{
	font-family:inherit;
	color:inherit;
	text-decoration:none;
	border-style:none;
	border:none;
}

a:hover
{
	font-family:inherit;
	color:inherit;
	text-decoration:none;
}

h1
{
	font-size:23px;
	font-style:normal;
	text-shadow: 2px 2px 2px #000;
}