//LOGIN -> TULIO ESTRELLA

					i{
						margin-right: 7px;
					}

					.movimiento {
						-webkit-transition-property: all;'
					    -webkit-transition-duration: 0.3s;
					    -moz-transition-property: all;'
					    -moz-transition-duration: 0.3s;
					    -o-transition-property: all;
					    -o-transition-duration: 0.3s;
					    transition-property: all;
					    transition-duration: 0.3s;
					}

					.login_nuevo {
						margin-top: 10%;
						width: 330px;
						min-width: 330px;
						color: #dedede;//070dc3;
					}

					#bg {
							-moz-animation: bg 15s linear infinite;
							-webkit-animation: bg 15s linear infinite;
							-o-animation: bg 15s linear infinite;
							-ms-animation: bg 15s linear infinite;
							animation: bg 15s linear infinite;
							
							-moz-backface-visibility: hidden;
							-webkit-backface-visibility: hidden;
							-o-backface-visibility: hidden;
							-ms-backface-visibility: hidden;
							backface-visibility: hidden;
							-moz-transform: translate3d(0,0,0);
							-webkit-transform: translate3d(0,0,0);
							-o-transform: translate3d(0,0,0);
							-ms-transform: translate3d(0,0,0);
							transform: translate3d(0,0,0);
							/*background: #348cb2 url("/pdemo/login/img/bg.jpg");// bottom left;*/
							background: #348cb2 url("/plataformas/pvictoriamanzur/login/img/1.jpg");// bottom left;
							background-repeat: repeat-x;
							height: 100%;
							left: 0;
							opacity: 1;
							position: fixed;
							top: 0;
						}
						@-moz-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
						@-webkit-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
						@-o-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
						@-ms-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }
						@keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }

						#bg {
							background-size: 2250px auto;
							width: 6750px;
						}
						

						@-moz-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
						@-webkit-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
						@-o-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
						@-ms-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
						@keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }

					#overlay {
							-moz-animation: overlay 1.5s 1.5s forwards;
							-webkit-animation: overlay 1.5s 1.5s forwards;
							-o-animation: overlay 1.5s 1.5s forwards;
							-ms-animation: overlay 1.5s 1.5s forwards;
							animation: overlay 1.5s 1.5s forwards;
							background-attachment: fixed, fixed;
							background-image: url("/pdemo/login/img/overlay-pattern.png"), url("/pdemo/login/img/overlay.svg");
							background-position: top left, center center;
							background-repeat: repeat, no-repeat;
							background-size: auto, cover;
							height: 100%;
							left: 0;
							opacity: 0;
							position: fixed;
							top: 0;
							width: 100%;
						}


						
                        #layout{
                            min-width: 800px;
                            max-width: 100%;
                            display: block;
                        }
                        
                        #cont_izquierda {
                            position: fixed;
                            top: 0;
                            left: 0;
                            width: 550px;
                            height: 100%;
                            background-color: rgba(0, 0, 0, .7);
                            color: #fff;
                            box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.6);
                            text-align: right;
                            vertical-align: baseline;
                            padding-top: 20px;
                            overflow-x: hidden;
                            overflow-y: auto;
                            z-index: 5000;

                            -webkit-transition-property: all;
                            -webkit-transition-duration: 0.3s;
                            -moz-transition-property: all;
                            -moz-transition-duration: 0.3s;
                            -o-transition-property: all;
                            -o-transition-duration: 0.3s;
                            transition-property: all;
                            transition-duration: 0.3s;
                        }
                        #top{
                            background-color: transparent;
                            color: #fff;
                            padding: 0px;
                        }

                        #cont_izquierda .top {
						    min-width: 320px;
						    float: right;	
						}

						#cont_izquierda input[type="text"], #cont_izquierda input[type="password"]{
							font-size:1em;
							color: #5e5e5e;
							padding: 7px 10px;
							border-radius: 3px;
						}

						#cont_izquierda button[type="submit"]{
							line-height: 1em;
							font-style: inherit;
							float: right;
							border-radius: 3px;
							color: #fff;
							background: #00a859;
							border: 0px solid #00a859 !important;
							margin-bottom: 30px !important;
							margin-right: 10px !important;
						}

						#cont_izquierda #mensajebienvenida{
							font-size: 23px;
							line-height: 1.2em;
							padding:10px; 
							text-align: center;
						}

						#cont_izquierda span{
							font-size: 17px;
							color: #fff;
							margin-left: 7px;
						}

						#cont_izquierda table{
							margin: 70px 0px;
							color: #fff;
						}

						.texto{
							font-size: 18px;
							color: #fff;
						}

                        
                        #cont_derecha {
                            margin-left: 450px;
                            min-width: 600px;

                            -webkit-transition-property: all;
                            -webkit-transition-duration: 0.3s;
                            -moz-transition-property: all;
                            -moz-transition-duration: 0.3s;
                            -o-transition-property: all;
                            -o-transition-duration: 0.3s;
                            transition-property: all;
                            transition-duration: 0.3s;
                        }

                        .resplandor{
                            -webkit-transition-property: all;
                            -webkit-transition-duration: 0.2s;
                            -moz-transition-property: all;
                            -moz-transition-duration: 0.2s;
                            -o-transition-property: all;
                            -o-transition-duration: 0.2s;
                            transition-property: all;
                            transition-duration: 0.2s;   
                        }

                        .resplandor:hover{
                            font-weight: bold;
                            color: #dedede;
                            text-shadow: 0px 0px 20px #dedede;
                            box-shadow: 0px 0px 20px #dedede;
                        }

                        .resplandor:focus{
                            font-weight: bold;
                            color: #00a859;
                            text-shadow: 0px 0px 25px #ffffff;
                        }

                        #footer_bar{
                            position: relative;
                            bottom: 0px;
                            background-color: rgba(255, 255, 255, .6);
                        }

                        #container{
				height: 50px !important;
                        }
                        #logo{
                            max-width: 220px;
                        }

                        .error_sesion{
                        	margin-top: -10px;
                        	color: #fff;
                        	font-size: 17px;
                        	text-shadow: 0px 0px 10px red;
                        	//margin-top: -50px;

                        }

                        .tam_error{
                        	font-size: 25px;
                        	color: #fff;
                        	margin-bottom: 7px;
                        }

                        /*#container{
                            min-height: 490px;
                            margin: 25px;
                            height: 100%;
                            vertical-align: middle;
                        }*/

                        @media handheld, only screen and (max-width: 1080px) {
							#cont_izquierda{
								margin-left: 30%; 
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 1080px) {
							#cont_izquierda{
								margin-left: 30%; 
							}
							#cont_derecha{
								display: none;
							}

						}

						@media handheld, only screen and (max-width: 1000px) {
							#cont_izquierda{
								margin-left: 27%; 
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 1000px) {
							#cont_izquierda{
								margin-left: 27%; 
							}
							#cont_derecha{
								display: none;
							}

						}

						@media handheld, only screen and (max-width: 880px) {
							#cont_izquierda{
								margin-left: 24%; 
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 880px) {
							#cont_izquierda{
								margin-left: 24%; 
							}
							#cont_derecha{
								display: none;
							}

						}

						@media handheld, only screen and (max-width: 770px) {
							#cont_izquierda{
								margin-left: 20%; 
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 770px) {
							#cont_izquierda{
								margin-left: 20%; 
							}
							#cont_derecha{
								display: none;
							}

						}

						@media handheld, only screen and (max-width: 670px) {
							#cont_izquierda{
								margin-left: 15%; 
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 670px) {
							#cont_izquierda{
								margin-left: 15%; 
							}
							#cont_derecha{
								display: none;
							}

						}

						@media handheld, only screen and (max-width: 620px) {
							#cont_izquierda{
								margin-left: 12%; 
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 620px) {
							#cont_izquierda{
								margin-left: 12%; 
							}
							#cont_derecha{
								display: none;
							}

						}

						@media handheld, only screen and (max-width: 570px) {
							#cont_izquierda{
								margin-left: 10%; 
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 570px) {
							#cont_izquierda{
								margin-left: 10%; 
							}
							#cont_derecha{
								display: none;
							}

						}

						@media handheld, only screen and (max-width: 520px) {
							#cont_izquierda{
								margin-left: 0;
								width: 100%;  
							}
							#cont_derecha{
								display: none;
							}
						}

						@media only screen and (max-width: 520px) {
							#cont_izquierda{
								margin-left: 0;
								width: 100%;  
							}
							#cont_derecha{
								display: none;
							}

						}

						.logo_col{
							//margin-top: 20%;
							max-width: 200px;
							min-width: 200px;
							width: 200px;
							max-height: 180px;
							min-height: 180px;
							height: 180px;
							overflow: hidden;
							border-radius: 100px;
							box-shadow: 0px 0px 40px #fff;
							padding-top: 20px;
							background: rgba(255, 255, 255, 0.85);
							text-align: center;
						}

						.text-8{
							font-size: 8px;
						}
						.text-10{
							font-size: 10px;
						}
						.text-12{
							font-size: 12px;
						}
						.text-14{
							font-size: 14px;
						}
						.text-16{
							font-size: 16px;
						}
						.text-18{
							font-size: 18px;
						}
						.text-20{
							font-size: 20px;
						}
						.text-22{
							font-size: 22px !important;
						}
						.text-24{
							font-size: 24px;
						}

						.dedede{
							color: #dedede;
						}

						.datasistemas{
							position: fixed;
							right: 20px;
							bottom: 20px;
							cursor: pointer;
							max-width: 300px;
							min-width: 300px;
							width: 300px;
							max-height: 56px;
							min-height: 56px;
							height: 56px;
							z-index: 4999;
						}

						.pointer{
							cursor: pointer;
						}



// TERMINA LOGIN -> TULIO ESTRELLA