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

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin:0;	padding:0;	border:0;	outline:0;	font-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit; }/* remember to define focus styles! */:focus {	outline:0;}body {	color:black;	background:white;}ol,ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse:separate;	border-spacing:0;}caption,th,td {	text-align:left;	font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after {	content:"";}blockquote,q {	quotes: "" "";}a:link,a:visited {	text-decoration: none; border: 0px solid;}a:hover,a:active {	text-decoration: underline;}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
    font-family: 'PantonRegular';
    src: url('../fonts/PantonRegular.eot');
    src: url('../fonts/PantonRegular.eot') format('embedded-opentype'),
         url('../fonts/PantonRegular.woff2') format('woff2'),
         url('../fonts/PantonRegular.woff') format('woff'),
         url('../fonts/PantonRegular.ttf') format('truetype'),
         url('../fonts/PantonRegular.svg#PantonRegular') format('svg');
}

@font-face {
    font-family: 'PantonBlack';
    src: url('../fonts/PantonBlack.eot');
    src: url('../fonts/PantonBlack.eot') format('embedded-opentype'),
         url('../fonts/PantonBlack.woff2') format('woff2'),
         url('../fonts/PantonBlack.woff') format('woff'),
         url('../fonts/PantonBlack.ttf') format('truetype'),
         url('../fonts/PantonBlack.svg#PantonBlack') format('svg');
}



html, body {
	font-family: 'Open Sans', sans-serif !important;
	width: 100%;
	padding: 0;
	background: rgba(27,51,78,1);
	background: -moz-linear-gradient(top, rgba(27,51,78,1) 0%, rgba(14,99,125,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(27,51,78,1)), color-stop(100%, rgba(14,99,125,1)));
	background: -webkit-linear-gradient(top, rgba(27,51,78,1) 0%, rgba(14,99,125,1) 100%);
	background: -o-linear-gradient(top, rgba(27,51,78,1) 0%, rgba(14,99,125,1) 100%);
	background: -ms-linear-gradient(top, rgba(27,51,78,1) 0%, rgba(14,99,125,1) 100%);
	background: linear-gradient(to bottom, rgba(27,51,78,1) 0%, rgba(14,99,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b334e', endColorstr='#0e637d', GradientType=0 );
	margin: 0;
	font-size: 14px;
	position: relative;
	z-index: -101;
	height: 100vh;
}


.container-fluid.principal, .principal .row {
    height: 100vh;
}

.principal {
    background: no-repeat center center url(../images/fondo.jpg);
    background-size: cover;
}

.logo {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 20px;
    left: 20px;
    background: no-repeat center center url(../images/logo.png);
    background-size: contain;
}

.MensajeStor {
    font-family: 'PantonBlack';
    font-size: 25px;
    color: #FFF;
    text-align: center;
}

.boxStores {
    position: absolute;
    right: 30px;
    top: 50px;
    width: 340px;
}


.btnApstore {
    width: 145px;
    height: 50px;
    display: inline-block;
    margin: 10px 5px;
    background: no-repeat center center url(../images/btnIos.png);
    background-size: contain;
}

.btnGooglePlay {
    width: 145px;
    height: 50px;
    display: inline-block;
    margin: 10px 5px;
    background: no-repeat center center url(../images/btnGoogle.png);
    background-size: contain;
}


.btnApstore.ening {
    background: no-repeat center center url(../images/appstore.png);
    background-size: contain;
}

.btnGooglePlay.ening {
    background: no-repeat center center url(../images/google-play.png);
    background-size: contain;
}


.boxPrin {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 380px;
    height: auto;
    background: rgba(0,0,0,0.1);
    padding: 15px;
    text-align: center;
    border-radius: 8px;
    margin-left: -190px;
    color: #FFF;
}

.tituloP {
    font-family: 'PantonBlack';
    font-size: 42px;
    margin-bottom: 15px;
}

.bajadaP {
    font-family: 'PantonBlack';
    font-size: 18px;
    margin-bottom: 15px;
}

.instrucP {
    font-family: 'PantonRegular';
    font-size: 14px;
    margin-bottom: 15px;
}

.inputpal {
    background: #29afdc;
    border: 0;
    padding: 6px;
    color: #FFF;
    border-radius: 7px;
    width: 160px;
    margin: 0 4px;
}

.inputpal.conerror  {
	background: #fb0c1b;
}

.inputpal::placeholder  {
    color: #FFF;
}


.btnEnviar {
    font-family: 'PantonBlack';
    font-size: 22px;
    margin: 15px auto;
    background: #FFF;
    width: 180px;
    color: #29afdc;
    padding: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 7px 5px 0px rgba(26,54,81,1);
    -moz-box-shadow: 0px 7px 5px 0px rgba(26,54,81,1);
    box-shadow: 0px 7px 5px 0px rgba(26,54,81,1);
    cursor: pointer;
}


.btnEnviar:hover, 
.btnEnviar:focus, 
.btnEnviar:active {
    color: #FFF;
    background: #29afdc;
}


.bepi {
    position: absolute;
    width: 360px;
    height: 42vh;
    bottom: 0px;
    left: 50%;
    margin-left: -180px;
    background: no-repeat center bottom url(../images/vagoneta.png);
    background-size: contain;
}

.bepi.gracias {
    background: no-repeat center bottom url(../images/bepigracias.png);
    background-size: contain;
}