@charset "UTF-8";

@media (min-width: 700px) {
	body {
		background-color:#fff !important;
		background-image: url("/javax.faces.resource/main/images/bancoagrario/fondoResponsive.jpg.xhtml");
		background-position: top left;
	    	background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size:100% auto;
		background-size: 100% auto;
		font-family: sans-serif, Futura, 'Trebuchet MS', Arial;
	}
	
	.divTitulo {
		margin-left: 4vw;
		width: 50% !important;
		background-image: url("/javax.faces.resource/main/images/bancoagrario/RecuadroAULA.png.xhtml");
		background-position: top left !important;
	    	background-repeat: no-repeat !important;
		-webkit-background-size: 100% auto !important;
		-moz-background-size: 100% auto !important;
		-o-background-size:100% auto !important;
		background-size: 100% auto !important;
		padding: 1.3vw 2vw  !important;
		text-align: center   !important;
		color: #5C4738;
		font-size: 1.6vw !important;
		font-weight: bold;
	}
	
	.footerBottom {
		width: 90%;
	    position: absolute;
	    bottom: 0;
	    padding-bottom: 0.5vw;
	    text-align: center; 
	    font-weight: bold;
	    font-size: 0.8vw;
	    color: #000;
	}
	.footerBottom a {
	    text-decoration: none;
	    color: #000;
	}
	.footerBottom a:visited {
	    text-decoration: none;
	    color: #000;
	}			
	
	.caja100 {
		width: 100% !important;
		margin: 0 0;
	}
	
	.marginTopLogin {
		margin-top: 1vw !important;
	}
	
	.cajaDos {
		float: right;
		width: 36% !important;
		margin: 0 0;
	}
	
	.iniciarSesion {
		font-size: 2.5vw !important;
		font-weight: bold;
		color: #418FDE  !important;
	}
	
	.plataformaGestion {
		font-size: 1.5vw !important;
		font-weight: bold;
		color: #5C4738 !important;
	}
	
	.imagenEstadistica {
		width: 3vw !important;	
	}

	.imagenIcono {
		width: 2vw;
	}

	.inputText {
		font-size: 1vw !important;
		width: 98%  !important;
		margin-top: 0 !important;
		border: 3px solid transparent !important;
	    border-radius: 1vw !important;
	    background-image: none !important;
	    box-shadow:  none !important;
	}
	
	.panelOjo {
		cursor:pointer; 
		width: 1.5vw;	
	}
	
	.botonSubmit {
		font-size: 1.5vw !important;
		padding: 0.1vw 2.5vw !important;
		background-color: #5C4738 !important;
		color: #fff !important;
		font-weight: bold !important;
		border: 3px solid transparent;
	    border-radius: 1vw;	
	    background-image: none !important;
	    box-shadow:  none !important;
	}
	
	.linkOlvido {
		color: #5C4738 !important;
		font-size: 1vw !important;
		text-decoration: underline !important;
	}
	
	.panelIconos {
		width: 5vw; 
		display:inline-block;
	}
	
	.pnlEstViewYesShow {
	    background-color: #E6F9FC;
	    border: 0px !important;
	    padding: 0px !important;	
	    position: absolute;
  			z-index: 1;		
  			font-size: 0.5vw !important;
  			color: #5C4738;
  		}
  		.pnlEstViewYesShow p {
  			margin: 0.3vw 0.4vw 0.2vw 0.7vw;
  			font-size: 0.5vw !important; 
  		}
	
}

@media (max-width: 699px) {
	body {
		background-color:#fff !important;
		background-image: url("/javax.faces.resource/main/images/bancoagrario/fondoMobil.jpg.xhtml") ;
		background-position: top left;
	    	background-repeat: no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size:100% auto;
		background-size: 100% auto;
		font-family: sans-serif, Futura, 'Trebuchet MS', Arial;
	}
	
	.divTitulo {
		display: none;
	}
	
	.footerBottom {
		width: 100%;
	    position: absolute;
	    bottom: 0;
	    padding-bottom: 0.5vw;
	    text-align: center; 
	    font-weight: bold;
	    font-size: 1.3vw;
	    color: #000;
	}
	.footerBottom a {
	    text-decoration: none;
	    color: #000;
	}
	.footerBottom a:visited {
	    text-decoration: none;
	    color: #000;
	}			
	
	.caja100 {
		width: 100% !important;
	}
	
	.marginTopLogin {
		margin-top: 3vw !important;
	}

	.cajaDos {
		float: left;
		width: 90% !important;
		margin: 40vw 0 0 10vw;
	}	
	
	.iniciarSesion {
		font-size: 6vw !important;
		font-weight: bold;
		color: #418FDE  !important;
	}
	
	.plataformaGestion {
		font-size: 3.5vw !important;
		font-weight: bold;
		color: #5C4738 !important;
	}

	.imagenEstadistica {
		width: 7vw !important;	
	}

	.imagenIcono {
		width: 6vw;
	}
	
	.inputText {
		font-size: 3vw !important;
		margin-top: 0 !important;
		border: 3px solid transparent;
	    border-radius: 10vw !important;	
	    width: 98% !important;
	}
	
	.panelOjo {
		cursor:pointer; 
		width: 6vw;	
	}

	.botonSubmit {
		font-size: 3vw;
		padding: 0.1vw 2.5vw;
		background-color: #5C4738 !important;
		color: #fff;	
		font-weight: bold;
		border: 3px solid transparent;
	    border-radius: 1vw;	
	    width: 60% !important;
	}
	
	.linkOlvido {
		color: #5C4738 !important;
		font-size: 3vw !important;
		text-decoration: underline !important;
	}
	
	.panelIconos {
		width: 20vw; 
		display:inline-block;
	}
	
	.pnlEstViewYesShow {
	    background-color: #E6F9FC;
	    border: 0px !important;
	    padding: 0px !important;	
	    position: absolute;
		z-index: 1;		
		font-size: 1.5vw !important;
		color: #5C4738;
	}
	.pnlEstViewYesShow p {
		margin: 0.3vw 0.4vw 0.2vw 0.7vw;
		font-size: 1.5vw !important; 
	}
	
}

.pnlEstViewNotShow {
	display: none;
}


.containerLogin {
	width: 100% !important;	
}

.mainLogin {
	width: 90% !important;
	margin: 4vw auto !important; 
}