@CHARSET "UTF-8";
	
	.olvideContra{
		color: #801010;
		font-size: 13px;
		font-weight: 700; 
	}
		
	.form-control {
	   background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(201,201,201,1) 100%);
	    border: rgba(255,255,255,.15);
	    /*color: #fff;*/
	    font-size: 20px;
	    font-weight: 700;
	    height: 38px;
	    line-height: 1.42857;
	    padding: 6px 12px;
	}
	
	
	.contenedorFondo{
		/*background:  url("../imagenes/login.png") no-repeat scroll 17% 99% / 65% 85%;*/
	}
	
	.formulario-Fondo{
		color: red;
		margin-top: 22%;
		font-family: sans-serif;
		font-size: 22px;
		visibility: visible;
	}
	
	.formulario-Fondo-XS{
		color: red;
		margin-top: 0%;
		font-family: sans-serif;
		font-size: 18px;
		visibility: hidden;
	}
	
	.ocultar1{
		visibility: visible;
	}
	
	.alto{
		height: 0;
		padding: 0;
		margin-top: 0;
	}
	.ocultar2, .formulario-Fondo-XS{
		visibility: hidden;
	}
	
	@media (max-width: 1200px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 48% 100% / 50% 80%;
		}
	}
	
	@media (max-width: 992px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 44% 105% / 65% 88%;
		}
	}
		
	@media (max-width: 768px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 45% 100% / 70% 90%;
		}
		.formulario-Fondo{
			margin-top: 22%;
			font-size: 19px;
		}
	}
	
	@media (max-width: 615px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll  25% 100% / 85% 90%;
		}
		
		.ocultar1, .formulario-Fondo{
			visibility: hidden;
			height: 0;
		}
	
		.ocultar2 {
			visibility: visible;
		}
		
		.formulario-Fondo-XS{
			margin-top: 30%;
			visibility: visible;
		}
		.alto{
			height: auto;
			padding: auto;
			margin-top: auto;
		}
		
		.formxs{
			padding: 10% 15% 2% 11%
		}
		
		.contMarg{
			margin-left: 30%;
		}
	}
	
	@media (max-width: 560px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0 102% / 98% 86%;
		}
		
		.formxs{
			padding: 130px 15% 2% 11%;
			top: 35px;
		}
		
		.olvideContra{
			font-size: 12px;
		}
		
	}
	
	@media (max-width: 330px) { 
		.contenedorFondo{
			background:  rgba(0, 0, 0, 0) url("../imagenes/general/login.png") no-repeat scroll 0% 90% / 172% 82%;
		}
		
		.formxs{
			padding: 70% 15% 2% 11%
		}
		
		.olvideContra{
			font-size: 11px;
		}
		
		.contMarg{
			margin-left: 26%;
		}
		.errorMsg{
			font-size: 7px;
		}
	}
	
	@media (max-width: 280px) { 
		.formxs{
			padding: 100% 15% 2% 11%
		}
		
		.olvideContra{
			font-size: 9px;
		}
	}
	
	@media (max-width: 480px) {
	    .img-XS{
	    	top: 11%;
	    }
	}
	
	@media (min-width: 480px) {
	    .img-XS{
	    	top: 15%;
	    }
	}
	@media (min-width: 535px) {
	    .img-XS{
	    	top: 20%;
	    }
	}
	
	@media (min-width: 560px) {
	    .img-XS{
	    	top: 22%;
	    }
	}
	
	@media (min-width: 598px) {
	    .img-XS{
	    	top: 25%;
	    }
	}
	
	@media (min-width: 640px) {
	    .img-XS{
	    	top: 28%;
	    }
	}
	
	@media (min-width: 680px) {
	    .img-XS{
	    	top: 30%;
	    }
	}
	
	@media (min-width: 530px) {
	    p.ej{
	    	font-size: 20px;
	    }
	}
	
	@media (max-width: 530px) {
	    p.ej{
	    	font-size: 13px;
	    	line-height: 10px;
	    }
	    .ej2{
	    	margin-top: -20px;
	    }
	}
	
	@media (max-width: 450px) {
	    p.ej{
	    	font-size: 10px;
	    	line-height: 10px;
	    }
	    .ej2{
	    	margin-top: -20px;
	    }
	}
	
	@media (max-width: 388px) {
	    p.ej{
	    	font-size: 5px;
	    	line-height: 10px;
	    }
	    .ej2{
	    	margin-top: -20px;
	    }
	}
	
/* LABR */
	.footer-Text{
		font-size: 15px;
		top: 35px;
	}
	
	@media (max-width: 530px) {
	   	.footer-Text{
			font-size: 15px;
		}
	}
	@media (min-height: 882px) {
	   	.navbar {
			background: #801010;
		}
		.nav-header-alto{
			height: 140px !important;
		}
		.nav-img{
			height: 140px;
	    }*/
	}
	.navbar {
		height: 73px;
		background: #801010;
	}
	.navbar-nav{
		background:transparent;
		float: right;
	}
	.nav-header-alto{
		height: 73px;
	}
	.nav1{
		visibility: hidden;
	}
	.nav2{
		visibility: visible;
	}
	
	.margen{
		margin-top:  0px;
		margin-bottom: 50px;
		overflow: hidden;
	}
	
	.f1, .f2, .f3, .f4, .f5{
		width: 0px;
		top: -58px;
		left: 46%;
		position: relative;
		z-index: 10;
	}

	@media (max-width: 1150px) {
	
		.margen{
			margin-top:  50px;
		}
		
		.flecha{
			width: 75px; 
			height: 95px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			top: -48px;
		}
	
		.footer-Text{
			font-size: 13px;
			top: 27px;
		}
		.nav1{
			visibility: visible;
		}
		.nav2{
			visibility: hidden;
		}
	    .navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav>li {
	        float: none;
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .collapsing {
	        overflow: hidden!important;
	    }
	    .navbar {
			background-color: #880101;
			height: 50px;
		}
		.navbar-nav{
			background-color: #880101;
			float: right;
		}
	    .nav-img{
/* 	    	height: 90px; */
			height: 100% !important;
	    }
	    .nav-header-alto, .navbar-header{
			height: 50px;
		}
	}
	
	@media (max-width: 900px) {
		.footer-Text{
			font-size: 12px;
			top: 23px;
		}
	}
	
	@media (max-width: 820px) {
		.footer-Text{
			font-size: 11px;
			top: 23px;
		}
	}
	
	@media (max-width: 760px) {
		.footer-Text{
			font-size: 9px;
			top: 15px;
		}
	}

	@media (max-width: 770px) {
		.margen{
			margin-top:  35px;
			margin-bottom: 40px;
		}
		
		.flecha{
			width: 60px; 
			height: 80px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			top: -40px;
		}
	    .navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav>li {
	        float: none;
	        background: #801010;
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .collapsing {
	        overflow: hidden!important;
	    }
		.navbar-nav{
			float: right;
		}
	    .nav-img{
			height: 46px;
	    }
	    .nav-header-alto, .navbar-header{
			height: 50px;
		}
		.imgHeader{
			width: 10%; 
			padding: 5px 0; 
			margin-left: 15%;   
		}
	}
	
	@media (max-width: 640px) {
		.footer-Text{
			font-size: 8px;
			top: 12px;
		}
	}
	
	@media (max-width: 570px) {
		.margen{
			margin-top:  15px;
			margin-bottom: 40px;
		}
		
		.flecha{
			width: 55px; 
			height: 65px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			left: 43%;
			top: -33px;
		}
	    .footer-Text{
			font-size: 7px;
			top: 10px;
		}
		
		.navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	    	margin-bottom: 5px;
		    margin-top: 4px;
	    	padding: 5px 5px;
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	    }
	    .navbar-nav>li {
	        float: none;
/* 	        background: black; */
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .navbar-collapse.in{
/* 	    	overflow-y: visible; */
	    }
	    .collapsing {
	        overflow: hidden!important;
	    }
	    .navbar {
/* 			background-color: red; */
			height: 35px;
		}
		.navbar-nav{
			float: right;
		}
	    .nav-img{
			height: 25px;
	    }
	    .nav-header-alto, .navbar-header{
			height: 35px;
		}
	}
	
	@media (max-width: 490px) {
		.navbar-toggle {
	    	margin-bottom: 5px;
		    margin-top: 4px;
	    	padding: 5px 5px;
	        display: block;
	    }
		.margen{
			margin-top:  15px;
			margin-bottom: 40px;
		}
		
		.flecha{
			width: 55px; 
			height: 65px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			left: 43%;
			top: -33px;
		}
		.footer-Text{
			font-size: 6px;
			top: 8px;
		}
	}
		
	@media (max-width: 400px) {
		.margen{
			margin-bottom: 20px;
		}
		
		.flecha{
			width: 27px; 
			height: 37px;
		}
		
		.f1, .f2, .f3, .f4, .f5{
			top: -19px;
			left: 45%;
		}
		.footer-Text{
			font-size: 4.4px;
			top: 0px;
		}
	    .navbar-header {
	        float: none;
	    }
	    .navbar-toggle {
	    	margin-bottom: 0px;
		    margin-top: 4px;
	    	padding: 2px 2px;
/* 	    	background: green; */
	        display: block;
	    }
	    .navbar-collapse.collapse {
	        display: none!important;
	        height:100%;
	    }
	    .navbar-nav>li {
	        float: none;
/* 	        background: red; */
	    }
	    .navbar-text {
	        float: none;
	        margin: 15px 0;
	    }
	    /* since 3.1.0 */
	    .navbar-collapse.collapse.in { 
	        display: block!important;
	    }
/* 	    LABR */
	    .navbar-collapse.in{
/* 	    	overflow-y: visible; */
	    }
	    .collapsing {
	        overflow: hidden!important;
	    }
	    .navbar {
/* 			background-color: black; */
			height: 30px;
		}
		.navbar-nav{
			float: right;
		}
	    .nav-img{
			height: 20px;
	    }
	    .nav-header-alto, .navbar-header{
			height: 30px;
		}
	}
	
	@media (max-width: 490px) {
		.footer-Text{
			font-size: 2.9px;
			top: 0px;
		}
	}
	
	@media (min-width: 1030px) {
	    .nav.nav-center {
		    display: inline-block;
		    left: 0;
		    right: 0;
		    margin:0;
		    float:none;
		}
		
		.navbar-inner{
		    text-align:right;
		}
    }
	
	.nav > li > a > img{
	  display: block;
	  padding: 0px 0px;
	}
	
	.premios{
		float: left;
		width: 250px;
	}
	
	::-webkit-scrollbar {
	    width: 0em;
	}
	::-ie-scrollbar {
	    width: 0em;
	}