body, html{
		height: 100%;
		width: 100%;
	}

	.container-fluid{
		height: inherit;
	}
	.header {
		background-color: white;
		height: 100px;
		align-items: center;
		padding-top: 30px;
	}	
	.no-padding-left{
		padding-left: 0px;
	}
	.no-padding-right{
		padding-right: 0px;
	}
	hr.separadorMediosPago {
		border: 5px solid black;
	/*	margin-top: 10px;*/
	}	
	.warning{ border: 1px solid red; }
	
	.centro-vertical{
		display: flex;
		align-items: center;
	}
	
	.col-flecha {
		position: absolute;
		right: 0;
		height: 100%;
		display: block;
	}
	.img-play {
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
	}
/*
	.header{
			background-color: #009382;
			height: 10%;
			display: inline;
			align-items: center;
	}

	.cuerpo {
		height: 70%;
		display: flex;
		align-items: center;
		background-color: #eeeeee;
	}
*/
	.cuerpo {
		display: block;
		background-color: #eeeeee;
		min-height: 450px;
		padding-top: 50px;
	}
	
	.botoneraPasos {
		background-color: #eeeeee;
		padding-bottom: 30px;
		padding-top: 10px;
	}

	.btn-primary{
		background: #009382;
		color: white;
	}
	
/*==============================================
					TIPOGRAFÍAS
==============================================*/	
	p, h1, h2, h3, h4, h5, h6, span, a, input, button, nav, li {
		font-family: 'Lato';
	}
	h1, h2, h3, h4, h5, h6{
		font-weight:300;
	}
	#step15 span {
		font-size: 18px;
		font-weight: 700;
	}	
	#step15 .no-padding-left img {
		padding-top: 7px;
	}

/*==============================================
				EFECTOS CSS
==============================================*/
	.parpadea {
	  
	  animation-name: parpadeo;
	  animation-duration: 2s;
	  animation-timing-function: linear;
	  animation-iteration-count: infinite;

	  -webkit-animation-name:parpadeo;
	  -webkit-animation-duration: 2s;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-iteration-count: infinite;
	}

	@-moz-keyframes parpadeo{  
	  0% { opacity: 1.0; }
	  50% { opacity: 0.0; }
	  100% { opacity: 1.0; }
	}

	@-webkit-keyframes parpadeo {  
	  0% { opacity: 1.0; }
	  50% { opacity: 0.0; }
	   100% { opacity: 1.0; }
	}

	@keyframes parpadeo {  
	  0% { opacity: 1.0; }
	   50% { opacity: 0.0; }
	  100% { opacity: 1.0; }
	}
	
/*==============================================
					GENERAL
==============================================*/

	.separadorAzul {
		background-color: #009382;
		margin: 0 !important;
		height:30px;
		margin-bottom: 20px;
	}

/* Backgrounds */
	.bg-azul
	{
		background: #009382;
	}
	.slider {
		margin-top: 15px;
	}
/* 	Fix para quitar el color amarillo de fondo en Google Chrome */
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:active,
	input:-webkit-autofill:focus {
		background-color: #FFFFFF !important;
		color: #555 !important;
		-webkit-box-shadow: 0 0 0 1000px white inset !important;
		-webkit-text-fill-color: #555555 !important;
		}

	.superior {
		background-color: #009382;
		margin: 0 !important;
	}

	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button,
	input[type=date]::-webkit-outer-spin-button,
	input[type=date]::-webkit-inner-spin-button	{

		-webkit-appearance: none;
		margin: 0;

	}

	input[type=number], input[type=date] { -moz-appearance:textfield; }
	input[type="date"] { padding-left: 30px; }	

	.fullHeight{
		height: 100%;
		margin-top:10px;
	}
	
	.h90 {
		height: 80%;
		max-height: 90%;
		width: 100%;
		min-width: 100%;
		margin: 0;
	}

	.h10{
		height: 10%;
		max-height:10%;
	}
	
	.encuestaHipoteca .container-fluid{
		vertical-align: middle;
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;		
	}
	
	.encuestaHipoteca .container-fluid .row {
		width: 100%;
		margin-right: 0px !important;
		margin-left: 0 !important;
		padding: 0px !important;
	}	

	.seleccionado {
		color: black !important;
		background-color: rgba(255,255,255, 0.6) !important;
		border-color: #009382 !important;
	}	
	
	span.glyphicon.glyphicon-info-sign {
		font-size: 26px;
		margin-left: 10px;
	}	
	
	input[type="text"], input[type="password"], input[type="date"], input[type="email"] {
		height: 60px;
		font-size: 18px;
		font-weight: 700;
		color: #1e4767;
	}
	
	input#btnAcceder {
		height: 50px;
		font-size: 24px;
	}
	
	.subTituloEncuesta {
		color: #1e4767;
		font-size: 24px;
		font-weight: 700;
	}
	/*
	.btnAzul {
		background-color: #009382;
		border-radius: 10px;
		padding-left: 65px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 65px;
		color: white;
		font-size: 36px;
		font-weight: 700;
	}
	*/
	.btnAzul {
		background-color: #009382;
		border-radius: 10px;
		color: white;
		font-size: 36px;
		font-weight: 700;
		width: 100%;
		padding: 20px;
		max-width: 200px;
		max-height: 200px;
	}
	.table-container {
	  display: table;
	}

	.table-container .table-row {
	  height: 100%;
	  display: table-row;
	}

	.table-container .table-row .table-col {
	  display: table-cell;
	  float: none;
	  vertical-align: middle;
	}	

	.tituloAjuste {
		font-size: 38px;
		font-weight: 700;
		color: #1e4767;
		text-align: center;
	}	
	
/*=============================================
			TOMA DE DATOS - HIPOTECA
==============================================*/
	.resultadoOperacion {
		font-size: 24px;
		font-weight: 700;
	}

	.noViable {
		color: red;
	}

	.viable{
		color: green;
	}
	
	#txtCPVivienda {
		text-align: center;
	}
	
	.encuestaHipoteca input, .encuestaHipoteca textarea{
		border-radius: 5px;
		border: 3px solid #1e4360;
	}
	
	.resultadoHipoteca .container {
		background: white;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
		font-size: 26px;
	}
	
	.separadorBullets{
		margin-top: 20px;
		margin-bottom: 20px;
		border: 0;
		border-top: 1px dotted black;
	}
	
	.tituloEncuesta{
		font-size: 38px;
		font-weight: 700;
		color: black;
	}
	
	.row.fullHeight.encuestaHipoteca {
		width: 100%;
	}	
	
	.pager li>a, .pager li>span {
		background-color: transparent;
		border: 0;
	}
	
/* 	Slider de precios 		*/
	.slider.slider-horizontal .slider-track {
		height: 20px !important;
		border: 1px solid #1c4561;
		border-radius: 10px;
	}
		
	.slider-handle {
		width: 35px !important;
		height: 35px !important;	
		top: -3px !important;
	}
		
	.slider-selection{
		background: #1e4767 !important;
	}
	
	.resultadoHipoteca {
		color: #0069a3;
	}
	h2.tituloResumenOperacion {
		text-align: left;
		font-weight: 700;
		font-size: 3em;
	}	
	.tituloAjuste.text-right {
		text-align: right;
	}
/*============================================	
				Medios de pago 
==============================================*/
	#step15 p.subTituloEncuesta {
		padding-top: 15px;
	}	
/*==============================================
					LOGIN 
==============================================*/
	#txtUsuario, #txtPassword {
		min-height: 60px;
	}
	.btnSignIn {
		background-image: url(../images/pic-login-acceder.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 80%;
	}
	
	a#btnRecuperarPassword {
		font-size: 18px;
	}
/*	
	.cajaLogin{
		display: inline-block;
		background-color: white;
		width: 50%;
		max-width:400px;
		text-align: center;
		border-radius: 15px;
		position: absolute;
		top:0;
		left:0;
	}
*/
	.cajaLogin {
		display: inline-block;
		background-color: white;
		width: 50%;
		max-width: 400px;
		text-align: center;
		border-radius: 15px;
		position: absolute;
		transform: translateX(-50%);
		z-index: 1;
	}
	.cabeceraLogin {
		top: 0;
		width: 100%;
		background-color: #009382;
		margin: 0;
		padding: 0;
		height: 50px;
		border-radius: 10px 10px 0px 0px;
		margin-bottom: 40px;
	}
	
	.fa-2 {
		font-size: 1.5em !important;
	}
	.form-control-feedback {
		top: 6px;
		right: 18px;	
	}
	.transparent {
		background-color: transparent !important;
		box-shadow: inset 0px 1px 0 rgba(0,0,0,.075);
	 }
	 .right-border-none {
		border-right:none !important;
		box-shadow: inset 0px 1px 0 rgba(0,0,0,.075);
	 }	
	 
	.imgLogOut {
		max-height:28px;
		width: auto;
	}
	

/*======================
		RESUMEN
=======================*/	

	.tabla-resumen tr:nth-child(1) {
		background-color: #009382;
		color: white;
		text-align: center;
	}

	.tabla-resumen {
		background-color: white;
	}

	.tabla-resumen>tbody>tr>td, .tabla-resumen>tbody>tr>th, .tabla-resumen>tfoot>tr>td, .tabla-resumen>tfoot>tr>th, .tabla-resumen>thead>tr>td, .tabla-resumen>thead>tr>th
	{
		border: 1px solid BLACK;
		vertical-align: middle !important;
	}
	
	.tabla-resumen p{
		margin: 0;
	}

	.grabarOperacion input[type="text"], input[type="email"]
	{
		height: auto;
		margin: 0px 0px 10px 0px;
	}
	
	.grabarOperacion p {
		padding-top: 5px;
		font-weight: 700;
	}

	.span-resumen{
		font-size:18px;
		font-weight: 700;
	}
	
	.separador-dotted { border-top: 6px dotted; }	
	.separador-total { border-top: 6px solid black; }

	.tablaRegistroOperaciones tr td {
		vertical-align: middle !important;
	}
	.btnAccederResumen {
		border: 3px solid #0069a3;
		font-weight: 700;
	}
/*=============================
	LISTADOS DE OPERACIONES
=============================*/

	.filtroResultados {
		padding: 10px;
	}
	
	.textoFiltrado {
		padding-top: 10px;
		line-height: 31px;
		font-size: 16px;
		color: white;
	}	
	
	.cabeceraListado th {
		background: #6d6e70;
		color: white;
		font-weight: 700;
		font-size: 16px;
	}

	.table .header{
		height: auto;
	}
	
/*============================
			FOOTER
==============================*/

	.footer{
		background-color: #009382;
		height: 20%;
		text-align: center;
		display: flex;
		color: white;
	}

	.footer h2{
		font-size: 36px;
	}
	
	
	
#step16 .subTituloEncuesta {
    font-size: 18px;
}	
/*================================
			RESPONSIVE
==================================*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	.tituloEncuesta, .tituloAjuste{
		font-size: 28px;
	}
	.resultadoHipoteca .container {
		width: auto;
		font-size: initial;
	}	
	
}
@media all and (max-width:1290px){
	#resumenOperacionGastos .span-resumen {
		font-size: 14px;
	}
	.resumen-imagen .subTituloEncuesta {
		font-size: 18px !important;
	}
	
}

@media all and (max-width:992px){
	.datos-resumen-admin .text-right {
		text-align: left;
	}
	#resumenOperacionGastos {
		margin-left: 15px;
		margin-right: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.resumen-imagen img {
    	margin: 0 auto;
	}
	.resumen-imagen p {
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
	}

	#step15 .resumen img {
		margin: 0 auto;
		display: block;
		position: relative;
	}

	#step15 p.subTituloEncuesta {
		padding-top: 15px;
		width: 100%;
		display: block;
		text-align: center;
	}

	#step16 .resumen-imagen img {
		margin: 0 auto !important;
		text-align: initial !important;
		display: block;
	}
}

@media all and (max-width: 1024px)
{
	.tituloEncuesta{ font-size: 28px; }
	.tituloAjuste{ font-size: 20px; }
	
	.resultadoHipoteca .container {
		width: auto;
		font-size: initial;
	}	
	
	.subTituloEncuesta{ font-size: 18px; }
	#step9 .subTituloEncuesta {
		text-align: center;
	}
	#step9 .text-left {
		text-align: center !important;
	}
	/* CAMPOS DE ENTRADA */
		input[type="text"], input[type="password"], input[type="date"], input[type="email"]{ 
			    height: initial !important;
				max-width: 100%;
				display: inline-block;
				position: relative;
				margin-top: 30px;
		 }
		
	/* Slider */
		.slider{ margin-top: 0px; }
		
	/* 	ICONO DE INFORMACION */
		span.glyphicon.glyphicon-info-sign { font-size: 18px; }	

	/*	Cuerpo de la aplicación */
		.cuerpo{
		/*	min-height: 300px;*/
		}
	
}
			
@media all and (max-width:768px)
{

/*	Datos de la vivienda */
	#step14 .text-right {
		text-align: left;
	}
	
/*	Resumen en medios de pago */
	#step15 span {
		font-size: 12px;
		font-weight: 700;
	}	
	
	#step15 p.subTituloEncuesta {
		padding-top: 25px;
		font-size: 14px;
	}	
	
	.resultadoHipoteca .container {
		width: auto;
		font-size: initial;
	}	
	
	#resumenOperacionGastos {
		margin-left: 5px;
		margin-right: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}	
	
	a#btnAvalistaViviendaPropiedadSi, a#btnAvalistaViviendaPropiedadNo {
		/*width: 49%;*/
	}	
	.btnAzul {
	/*	width: 90%;*/
		font-size: 16px;
		padding: 30px;
	}

	#botonesMenuCentral .btnAzul {
		width: 100%;
		padding: 10px;
	}
	
	.tituloEncuesta, .tituloAjuste {
		font-size: 18px;
	}
	a.previous {
	/*	margin-left: -30px;*/
	}	
	.footer h2{
		font-size: 20px;
	}
	/*
	.footer {
		display: block;
		width: auto;
		margin-right: 0;
	}
	*/
	.footer {
		display: block;
		height: auto;
	}	
	.container-fluid{
		height: 100%;
	}
	
	.cajaLogin{
		width: 100%;
	}
	
	.superior {
		display: block;
	/*	height:5%;*/
	}
	
	.encuestaHipoteca .container-fluid {
		display: block;
	}
	
	.slider {
			margin-bottom: 30px;
	}
	
	.resultadoHipoteca .container .row {
		font-size: 16px;
	}
	
	#menuInicial .cuerpo {
		display: inline-block;
	}	
	
	.subTituloEncuesta {
		font-size: 18px;
		text-align: center;
		padding: 10px;
	}	
	
	input[type="text"], input[type="password"], input[type="date"], input[type="email"] {
		height: auto;
		font-size: 16px;
	}	
	
	.btn h3 {
		font-size: 14px;
	}
	/*
	.cuerpo{
		height: auto;
		display: inline-block;
		overflow: initial;
	}*/
	.cuerpo {
		height: auto;
		display: block;
		padding-top: 20px;
		padding-bottom: 40px;
	}	
/*	
	.botoneraPasos {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}*/
	.botoneraPasos {
		/*padding-left: 10px;
		padding-right: 10px;*/
	}	
	#botonesMenuCentral .col-xs-6, #botonesMenuCentral .col-xs-12 {
		margin-top: 10px;
	}
	.grabarOperacion p{
		text-align: left;
	}
	.grabarOperacion input{
		width: 100%;
	}
}