@font-face {
font-family: 'Gotham Book';
font-style: normal;
font-weight: normal;
src: local('Gotham Book'), url('fonts/GothamBook.woff') format('woff');
}


@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url('fonts/GothamBookItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Light';
font-style: normal;
font-weight: normal;
src: local('Gotham Light'), url('fonts/GothamLight.woff') format('woff');
}


@font-face {
font-family: 'Gotham Light Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Italic'), url('fonts/GothamLightItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('fonts/GothamMedium.woff') format('woff');
}


@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('fonts/GothamMedium_1.woff') format('woff');
}


@font-face {
font-family: 'Gotham Medium';
font-style: normal;
font-weight: normal;
src: local('Gotham Medium'), url('fonts/GothamMediumItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('fonts/GothamBold.woff') format('woff');
}


@font-face {
font-family: 'Gotham Bold';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold'), url('fonts/Gotham-Bold.woff') format('woff');
}


@font-face {
font-family: 'Gotham Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Bold Italic'), url('fonts/GothamBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Black Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Black Regular'), url('fonts/Gotham-Black.woff') format('woff');
}


@font-face {
font-family: 'Gotham Light Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Light Regular'), url('fonts/Gotham-Light.woff') format('woff');
}


@font-face {
font-family: 'Gotham Thin Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Regular'), url('fonts/Gotham-Thin.woff') format('woff');
}


@font-face {
font-family: 'Gotham XLight Regular';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Regular'), url('fonts/Gotham-XLight.woff') format('woff');
}


@font-face {
font-family: 'Gotham Book Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Book Italic'), url('fonts/Gotham-BookItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Thin Italic'), url('fonts/Gotham-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham Ultra Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham Ultra Italic'), url('fonts/Gotham-UltraItalic.woff') format('woff');
}


@font-face {
font-family: 'Gotham XLight Italic';
font-style: normal;
font-weight: normal;
src: local('Gotham XLight Italic'), url('fonts/Gotham-XLightItalic.woff') format('woff');
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#017aa7;
    background-image:linear-gradient(top, #017aa7 0%, #017aa7 51%);
    background-image:-webkit-linear-gradient(top, #017aa7 0%, #017aa7 51%);
    background-image:-ms-linear-gradient(top, #017aa7 0%, #017aa7 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #017aa7),
        color-stop(0.51, #017aa7)
    );
    background-attachment:fixed;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    //text-transform:uppercase;
    width:100%;
}

#contenedor{
	width: 600px;
	height: 800px;
	margin: 0 auto;
}

#contenedortitulo{
	width: 100%;
	height: 100%;
	background-color: #017aa7;
	text-align: center;
}

#logotipo{
	margin: 10% auto 10% auto;
}

#textobienvenido{
	width: 100%;
	font-family: Gotham  Light Regular;
	font-size: 2.5em;
	color: #ffca00;
	text-align: center;	
}

#textotitulo{
	width: 100%;
	font-family: Gotham Black Regular;
	font-size: 4em;
	color: #ffffff;
	text-align: center;	
}




.cajainput{
	width: 70%;
	height: 65px;
	margin: 7% auto;
	line-height: 65px;
	border: 2px solid #ffca00;
	border-radius: 65px;
}

.cajainputlogo{
	float: left;
	width: 30%;
	height: 65px;
	border-radius: 65px;
	text-align: center;
}

.cajainputlogo img{
	width: 60px;
	margin: 4px auto; 
	filter: invert(100%);
}

input{
	float: left;
 	width: 65%;
 	height: 50px;
 	margin: 5px auto;
 	border: 1px solid #ffffff;
 	background-color: #017aa7;
 	outline: none;
 	border: 0px solid #017aa7;
 	color: #ffffff;
 	font-family: Gotham  Light Regular;
	font-size: 2em;
}

::placeholder{
 	color: #ffffff;
 	font-family: Gotham  Light Regular;
	font-size: 1em;
}

#mensajeerror{
	display: none;
	width: 100%;
	font-family: Gotham  Light Regular;
	font-size: 1.5em;
	margin: 10px;
	color: #ffffff;
	text-align: center;	
}

.boton{
	width: 70%;
	height: 65px;
	line-height: 65px;
	margin: 0px auto;
	border-radius: 65px;
	background-color: #ffca00;
	text-align: center;	
	font-family: Gotham Bold;
	font-size: 1.6em;
	color: #ffffff;
}

#contenedorpie{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25px;
	background-color: #004870;
	text-align: center;
}