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

a {
	color: inherit;
}
a:hover {
	color: inherit;
}


/** fonts **/
h1,h2,h3,h4{font-family:arial; font-weight:bold; color:#001844;}

h4,h5{
font-weight: bold;
	font-style: normal; color:#001844;}

p,a {font-family:arial; font-weight:normal;}

h3,h4,h5{ color:#001844}


/**Backgrounds**/

.bg-rojo {
	background-color: #E21510;
}
.bg-rojo-oscuro {
	background-color:#001844;
}
.bg-primario {
	background-color: #001844;
	
	
}
.bg-verde-claro {
	background-color: #b5c000;
}
.bg-secundario {
/*	background-color: #027eab;*/
	background-color: #027eab;
}
.bg-form {
	background-color: #fff;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	box-shadow:  3px 3px 20px 0px #000;
	border-radius:10px;
	    padding-top: 20px;;
}
.bg-regalos {
	background-image: url(../images/trama-dia.png);
	background-repeat: repeat;
}

.bg-gris {background-color:#e5e5e5}

.logo-prelogin{ margin-top:10px;}

.bg-prelogin {background-color: #001844; background: url(../images/bg-prelogin.jpg) no-repeat; }

.input-group-addon {

    color: #001844;
   
	background-color: #8CD2F0;}



.parallax1{ 
    /* The image used */
    background-image: url("../images/bg-prelogin.jpg");

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/**Textos Colores**/

.puntos {
	font-size: 2em;
}
.txt-blanco {
	color: #fff;
}
.txt-primario {
	color: #001844;
}

.txt-secundario {color:#000000;}

a.txt-link { color:#027EAB;}
a.txt-link:hover { text-decoration:underline;}

.header-pts {font-family:arial; font-weight:bold; font-size: 1.2em; color:#001844;text-transform: uppercase;}

.header-nombre {font-family:arial; font-weight:bold; font-size: 1.2em; color:#001844; text-transform: uppercase;}

/**Menu**/

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 0;
	border: 1px solid transparent;
	font-family: arial,;
	font-weight: normal;
	font-style: normal;
	font-size: 1.0em;
	text-transform: uppercase;


}
.navbar-default {
	background-color: #027eab;
!important  border-color: #e7e7e7;
	color: #fff;
}




.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color:#001844;
}

.navbar-nav > li { transition: all 1s ;  border-radius: 8px 25px 25px 25px; }

.navbar-nav > li:hover {

	    background-color: #001844;
    border-radius: 8px 25px 25px 25px;

}

.logo-ln{position:relative; top:-50px;}

.logo-ln img{height:110px;}

.bordes-ln {border-top:5px solid #fff; /*border-bottom:3px #001844 solid;  */   box-shadow: 0px 2px 1px #001844; }

/** Margenes **/

.principal {
	min-height:600px; 
}

.top-100 {
	margin-top: 100px;
}

.top-10 {
	margin-top: 10px;
}
.top-25 {
	margin-top: 25px
}

.bottom-25 {
	margin-bottom: 25px;
}

.top-50 {
	margin-top: 50px
}
.padding-footer {
	padding-top: 20px;
	padding-bottom: 20px;
}
.top-5{margin-top:5px;}

.padding-top-25 { padding-top:25px;}
.padding-bottom-25 {padding-bottom:25px;}

.padding-top-10 {padding-top:10px}
.padding-bottom-10{padding-bottom:10px}




/** Formularios **/
.form-header {
	padding-top: 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
	color: #999;
	padding-bottom: 10px;
}
.form-footer {
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
	margin-top: 15px;
	color: #999;
}


/**Botones**/

.btn-md {
}

.btn-secundario {
	background-color: #027eab;
	color: #fff;
	transition: .5s all;
	
}
.btn-secundario:hover {

	background-color: #8cd2f0;
}
.btn:hover {
	color: #fff;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
	background-color: white;
}
.btn-celeste {background-color:#8CD2F0; border:2px solid #8CD2F0;color:#fff;  transition: all .8s;}
.btn-celeste:hover {border:2px solid #8CD2F0; color: #027eab; background-color: #fff; }


/** Imagenes**/

.img-cabecera {
	width: 100%;
}

.spinner {
	visibility: hidden;
}

.botones-sesion {margin-left:15px;}

/** Contenedores**/

.bienvenida-sesion {
	color: #333;
	padding-top: 14px;
	text-align: right;
	font-size: 1em;
	font-family: arial,sans-serif;
	text-transform: uppercase;
}
.bienvenida-sesion a {
	color: #fff;
}

.slider{z-index:-1;}

.principal {min-height: 600px;}

/*** footer***/
.footer { height:50px;}

.footertexto {padding-top:10px; font-family: arial; }

.btn-sesion {display: inline-block}

.btn-menu {  }
.container-menu {padding-top:10px; padding-bottom:10px;}

.navbar-nav > li.btn-mp { visibility:hidden; display: none;}

/*************/

.data-img {}

/*************/

.icon-home { width: 110px;}
.icon-camera {width:200px;}

.btn-micuenta {height: 100px; padding-top:20px; width: 49%;}
.btn-micuenta-font {font-size:18px}
.btn-camera {  width: 99%;}


/** Adaptables **/

@media (max-width: 420px) {
	
	.btn-sesion { display: none;}
	
	.icon-camera {width:110px;}
	
.bienvenida-sesion {
	color: #333;
	padding-bottom: 10px;
	text-align: center;

}
	
	.txt-sesion {}
	.divlogo{
	text-align: center;
}
	.img-home {text-align: center}

	.btn {width: 100%;
    margin-top: 5PX;}
	.logo-ln { top:-25px;}
.logo-ln img{height: 75px;}
	
	.principal {
	min-height: auto;
}
	
	.botones-sesion {margin-left:0;}

	.banner-acceso {margin-top:5px; margin-bottom:5px;}

.subitufactura {display:inline}
	
	
	a.txt-link { width: 100% ;    display: inline-block;
    margin: 2px; }
	
	
	.container-menu {padding-top:0px; padding-bottom:0px;}
	
	.bienvenida-sesion { font-size:1em; }
	.header-nombre {
    font-family: arial;
    font-weight: bold;
    font-size: 1.0em;
    color: #001844;
    text-transform: uppercase;
}
	
		.header-pts {
    font-family: arial;
    font-weight: bold;
    font-size: 1.0em;
    color: #001844;
    text-transform: uppercase;
}
	
	.navbar-nav > li.btn-mp {  visibility: visible; display: block}

}

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media screen and (max-device-width: 720px) {
    .parallax1 {
        background-attachment: scroll;
		  height:400px; 
    }
}





@media screen and (min-width: 960px) {

}
