@charset "UTF-8";
/* CSS Document */
body { 	margin-top: 0; 	margin-left: 0px;	font-family: 'Open Sans', sans-serif;  	background: #f2f2f2;	}
.preguntas { 	display: none;	padding: 20px 0;	width: 956px;  	} 
#preguntaCapital { display: block; }
ol { padding: 0; list-style: none; margin: 0; } 
ol li { display: inline-block; vertical-align: top;cursor:pointer; }
#contenedorGral { background: #FFF;width: 1024px; margin: 0 auto 0 auto; text-align: center;min-height: 500px; }
.tituloPregunta {font-size: 23px;font-weight: bold;margin-bottom: 50px;color: #333;vertical-align: top;text-align: left;display: block;width: 1024px;margin-left: 60px;}
.subTitulo { margin-top: 40px; font-size: 20px; color: rgb(7, 102, 189); }
#listadoModelos li {  color: #666; font-size: 8px; font-weight: normal; width: 190px; margin-left: 10px; cursor: pointer; }
	#listadoModelos li { border-bottom: 1px solid #e9e9e9;padding: 30px; color: #666; font-size: 8px; font-weight: normal; width: 950px;  cursor: pointer;  background: #FFF; margin-left: 7px;}
	#listadoModelos li:hover {background: #f1f1f1; }
.botonesPropuesta li { margin-left: 30px; background-color: #3498db; cursor: pointer; float:left}
	.botonesPropuesta li.buscar {margin-left: 420px;background-color: #3498DB;cursor: pointer;padding: 20px;color: #FFF;text-shadow: 1px 2px #2980B9;border-bottom: 5px solid #2980B9;margin-top: 20px;}
	.botonesPropuesta li:hover {background-color: #2980b9; cursor: pointer;}
h1 { color: #DF110D; text-transform: uppercase; font-size: 38px; }
#backNegro { display: inline-block; width: 100%; height: 100%; background: #000; position: fixed; z-index: 9999; top: 0; left: 0; display:none;}
#camposComparacion { background: #f1f1f1; top: 30px; display: inline-block; left: 40%; position: fixed; padding: 10px; border: 1px solid #e5e5e5; }
	#camposComparacion p { text-align: center; margin-bottom: 15px; color: #333; font-size: 16px; }
	#camposComparacion form label { font-size: 13px; font-weight: bold; }
	#camposComparacion form label input { display: block; font-size: 15px; margin-bottom: 14px; width: 260px; padding: 3px 4px; margin-top: 5px; height: 32px; }
#responsableDB { font-size: 13px; margin-top: 13px; color: #666; } 
	#responsableDB * { display: inline-block; vertical-align: middle; }
#camposFlotanteSinCompromiso form label { font-size: 13px; font-weight: bold; } 
	#camposFlotanteSinCompromiso form label input ,#camposFlotanteSinCompromiso form label textarea { display: block; font-size: 15px; margin-bottom: 10px; width: 260px; padding: 3px 4px; margin-top: 1px; height: 25px;border: 1px solid #CCC; }
 	#camposFlotanteSinCompromiso { background: #f1f1f1; top: 60px; display: inline-block; left: 40%; position: fixed; padding: 10px; border: 1px solid #e5e5e5; }
 #botonEnviar { margin-left: 30px; }
 #botonEnviar { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin: 10px 3px 0px 8px; }
 .submitForm { background-color: #0055a9; background-image: url("../img/bg-btn-form.jpg"); background-repeat: repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: none; width: 215px; padding: 7px; font-size: 13px; text-shadow: 0 1px 1px #194B7E; -webkit-box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 1); box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 1);color: #FFF;cursor: pointer; } 
 #botonEnviar { margin-left: 21px; }
#camposFlotanteSinCompromiso p { text-align: center; margin-bottom: 15px; color: #333; font-size: 15px; margin: 5px 0 8px 0; }
.subTitulo { font-size: 20px; color: #FFF; text-transform: uppercase; margin-top: 40px; margin-left: 16px;}
.subTitulo span{ font-size: 34px; font-weight: bold;}
#hea { border-bottom: 2px solid rgb(233, 233, 233); width: 960px; margin-left: 10px; height: 110px; margin-top: 0; }
#hea a { text-align: left; float: left; margin-top: 20px; }
#hea * { display: inline-block; vertical-align: top; }
h1 { color: #f61620; text-transform: uppercase; font-size: 28px; float: right; text-align: right; margin-top: 42px; }
#logoMarcaModelos { margin: -6px 0 0 10px; }
.responsableDB { font-size: 13px; margin-top: 13px; color: #666; }
.responsableDB * { display: inline-block; vertical-align: middle; }
#tenemostupropuesta { color: rgb(43, 147, 196); text-transform: uppercase; text-align: center; margin: 20px 0 0 0; font-size: 21px; font-weight: bold; }
.loader span{font-weight:bold;}


	
.linkAlSitio:active {			position:relative;	top:1px;}
#descargo{						font-size:11px;color:#AAA;margin-top:20px;background: #2b3d51; border-bottom: 3px solid #161f26;padding-top: 10px; padding: 30px;text-align: justify;}
.fondoRojo { 					display: inline-block; margin-top: 30px;background: #d42e2f url('../img/fondoRojo.png') no-repeat; border-bottom: 3px solid #b20f17; width: 1024px; height: 250px; text-align: left}
.botonesPropuesta {				width: 1024px;}
.marcas-plandeahorro {			width: 1024px;overflow: hidden;background-color: #F9f9f9;padding: 30px 0;border: 1px solid #D9D9D9;}
.mascasLi {						margin: 0px 20px;}
#listadoModelos li img {		float: left;}
.btnfooter {					padding: 15px 20px;overflow: hidden;background-color: #2980B9; border-bottom: 5px solid #126593; width: 140px;color: #FFF;font-size: 11px;float: right;}
.infomedio {					width: 320px;float: left; margin-left: 30px;}
.infomedio h2 {					font-size: 20px;text-align: left;}
.infomedio p {					font-size: 15px;text-align: left;}
.infoder {						width: 370px;float: right;}
.cuotasDesdePrecio {			font-size: 40px;text-align: right;margin-bottom: 10px;margin-top: 0px;font-weight: 600;}
.cuotasDesdeListado { 			font-size: 15px; text-align: right; margin-bottom: 10px; }
#botonesMarcas li.marcaOn, #botonesMarcas li.marcaOff { width: 70px;padding: 10px 30px;float:left; font-size: 12px;margin-left: 6px; overflow: hidden;}
#botonesMarcas li.marcaOn {		background: #1ABC9C url('../img/cruz.gif');background-repeat: no-repeat;background-position: 95px 2px;}
#botonesMarcas li.marcaOff {	background: #FFF url('../img/mas.gif') no-repeat 98% 50%;}
#botonesMarcas li.marcaOn { 	background-color: #1ABC9C;border-bottom: 3px solid #16A085;overflow: hidden;color: #FFF;}
#botonesMarcas li.marcaOff {	border-bottom: 3px solid #7F8C8D;}
#botonesMarcas {				width: 990px;overflow: hidden;padding: 10px;margin-left: 10px;border-bottom: 1px solid #E9E9E9;}
#listadoCuotatas {				width: 1024px;}
#listadoCuotatas label {		position: relative;z-index: 3; top:20px;}
#listadoCuotatas .buscar{		background-color: #3498DB;cursor: pointer;padding: 15px 40px;color: #FFF;text-shadow: 1px 2px #2980B9;border-bottom: 5px solid #2980B9;margin-top: 20px;font-size: 10px;}
.infoder .buscar {				background-color: #3498DB;cursor: pointer;padding: 15px 35px;color: #FFF;text-shadow: 1px 2px #2980B9;border-bottom: 5px solid #2980B9;margin-top: 20px;font-size: 10px;float: right;margin-left: 8px;}
.infoder .buscar:hover {		background-color: #2980B9;}
#listadoCuotatas .buscar {		float: left;clear: both;margin-left: 450px;font-size: 15px; margin-top: 40px;}
input[type="checkbox"] {		padding: 5px;-webkit-appearance: button;background: #E74C3C url('../img/cruz.gif');color: #FFF;white-space: nowrap;overflow: hidden;width: 30px;height: 30px;border-radius: 50px;background-size: 20px;background-repeat: no-repeat;background-position: 5px 6px;}
input[type="checkbox"]:checked {background: #16A085 url('../img/check-ok.png');background-repeat: no-repeat;background-size: 18px;background-repeat: no-repeat;background-position: 5px 6px;border:none;}
input[type="radio"]:focus, input[type="checkbox"]:focus {outline: none;}
input[type="radio"] {			padding: 10px;-webkit-appearance: button;border: solid 5px #3498DB;background-color: #BDC3C7;color: #FFF;white-space: nowrap;overflow: hidden;width: 12px;height: 12px;border-radius: 50px;margin-left: 20px;position: relative;top: -15px;left: 37px;}

input[type="radio"]:checked {	background-color: #2C3E50;}
.line {							background-color: #3498DB;padding: 5px;position: relative;top: -20px;width: 1014px;}
#listadoModelos {				margin-bottom: 30px; width: 1024px;}
#mostrarMasModelitos {			padding: 10px;float: left;background-color: #1ABC9C;border-bottom: 5px solid #16A085;overflow: hidden;color: #FFF;margin: 15px 32%;width: 350px;list-style: none;cursor: 	pointer;}
#reiniciarProceso {				padding: 5px 10px;text-decoration: none;background-color: #E9E9E9;float: right;border-bottom: 3px solid;color: #323232;font-size: 12px;font-weight: 600;border-bottom-color: #C9C9C9;margin: 10px;}
p#fraseDebajoConsultar {		font-size: 10px;overflow: hidden;text-align: center;clear: both;}
#volverAmarcasBtn {				padding: 5px 10px;text-decoration: none;background-color: #E9E9E9;border-bottom: 3px solid;color: #323232;font-size: 12px;font-weight: 600;border-bottom-color: #C9C9C9;margin: 10px 10px 10px -433px;position: absolute;}
.infomedio p.concenchu { 		font-size: 9px; margin-top: 0; color: #AAA; }
.linkAlSitio {					background-color: #E74C3C;padding: 10px 15px 10px 15px;color: #F9F9F9;text-decoration: none;border-bottom: 5px solid;border-bottom-color: #C0392B;text-shadow: 1px 2px 1px #C0392B;}
.linkAlSitio:hover {			background-color:#C0392B;}
#gplusDo {						float: left;margin-left: 50px;}
.opcion {						width: 300px;display: inline-block;vertical-align: top;margin: 10px;border: 1px solid #CCC;}
#ahorra { color: #F9F9F9; margin: 0; padding: 6px; background-color: #27AE60; border-bottom: 5px solid #16A085; width: 265px; margin-left: 10px; margin-bottom: 10px; }
#aclaracionAhorra {				display: block;font-size: 9px;color: #F9F9F9;}
#preRegular {					width: 100%;float: left;font-size: 12px;text-decoration: line-through;}
span.pCuotas {					float: right;font-size: 14px;}
#precioRegular, #precioRegular .pCuotas  {font-size: 12px;text-decoration: line-through;color: #7F8C8D;}
span#preOnline {				width: 100%;float: left;font-size: 11px;}
.nombreFinan {					background-color: #ECF0F1; border-bottom: 2px solid #DCE1E2;overflow: hidden;padding: 10px; margin: 0px;}
.morocha {						font-weight: bold;}
p.dCuotas {						border-top: 1px solid; border-top-color: #BDC3C7;clear: both; text-align: left;padding: 5px 5px; margin: 10px 10px;}
span.pCuotas {					float: right;font-size: 14px;}

.infoder .contactarAsesor {background: #E74C3C;overflow: hidden;border-bottom: 5px solid #C0392B;text-shadow: 1px 2px 2px #C0392B;}


.contactarAsesorVista { background: #E74C3C; overflow: hidden; border-bottom: 5px solid #C0392B; text-shadow: 1px 2px 2px #C0392B; cursor: pointer; padding: 15px 35px; color: #F9F9F9; margin: 1%; clear: both; }


#entregaVistaPrevia {
padding: 10px 3px;
overflow: hidden;
float: left;
text-align: center;
font-weight: bold;
font-size: 12px;
}

#cerrarVista {
padding: 5px;
background-image: url('http://autosencuotas.com.ar/2014/img/close.png');
width: 30px;
height: 30px;
float: right;
background-repeat: no-repeat;
cursor: pointer;
margin: 10px;
}

.buscar.contactarAsesor:hover {
background-color: #C0392B;
}

@media (min-width: 768px) and (max-width: 979px) {

#hea {							border-bottom: 2px solid #E9E9E9;width: 760px;margin-left: 10px;height: 110px;margin-top: 0;}
h1 {							font-size: 20px;margin-right: 20px;}
#contenedorGral {				background: #FFF;width: 760px;margin: 0 auto 0 auto;text-align: center;min-height: 500px; overflow: hidden;}
.botonesPropuesta {				width: 760px;}
.botonesPropuesta li {			width: 250px;background-color: #3498DB;cursor: pointer;float: left;margin-bottom: 15px;margin-left: 2px;}
.botonesPropuesta li img {		width: 100%;height: 100%;cursor: pointer;float: left;margin-bottom: 15px;}
.botonesPropuesta li.buscar {	margin-left: 250px;}
.fondoRojo {					display: inline-block;margin-top: 30px;background: #D42E2F url('../img/fondoRojo-768.png') no-repeat;border-bottom: 3px solid #B20F17;width: 760px;height: 250px;text-align: left;float: left;}
#descargo {						font-size: 11px;color: #AAA;margin-top: 20px;background: #2B3D51;border-bottom: 3px solid #161F26;padding-top: 10px;padding: 30px;text-align: justify;float: left;width: 760px;}
.subTitulo span {				font-size: 25px;font-weight: bold;}
.subTitulo {					font-size: 16px;color: #FFF;text-transform: uppercase;margin-top: 30px;margin-left: 16px;width: 500px;}
.preguntas {					width: 760px;float: left;}
#descargo {						font-size: 11px;color: #AAA;margin-top: 20px;background: #2B3D51;border-bottom: 3px solid #161F26;padding-top: 10px;padding: 30px;text-align: justify;float: left;width: 700px;	}
p.tituloPregunta {				font-size: 23px;font-weight: bold;margin-bottom: 50px;color: #333;vertical-align: top;text-align: left;float: left;display: block;width: 760px;margin-left: 12px;}
.marcas-plandeahorro {			width: 760px;overflow: hidden;background-color: #F9F9F9;padding: 30px 0;border: 1px solid #D9D9D9;}
infoder .buscar {   			background-color: #3498DB;cursor: pointer;padding: 15px 40px;color: #FFF;text-shadow: 1px 2px #2980B9;border-bottom: 5px solid #2980B9;margin-top: 20px;font-size: 10px;}
.infoder .buscar {	 			width: 130px;}
.infoder {						width: 180px;float: left;}
.mascasLi {						margin: 0px 1px 0 1px;}
.infomedio {					width: 250px;float: left;margin-left: 30px;}
#botonesMarcas {				width: 767px;margin-left: 0px;overflow: hidden;}
#botonesMarcas li.marcaOn, #botonesMarcas li.marcaOff {padding: 10px 25px;font-size: 10px; width: 50px; }
.line {							background-color: #3498DB;padding: 5px;position: relative;}
#listadoCuotatas {				width: 760px;}
input[type="radio"] {			margin-left: 10px;position: relative;top: -15px;left: 35px;}
#listadoCuotatas label {		position: relative;z-index: 3;top: 20px;}
#mostrarMasModelitos {			padding: 10px;float: left;background-color: #1ABC9C;border-bottom: 3px solid #16A085;overflow: hidden;color: #FFF;margin: 15px 25%;width: 350px;list-style: none;cursor: 	pointer;}
#listadoCuotatas .buscar {		margin-left: 300px;}	
#botonesMarcas li.marcaOn {		background: #1ABC9C url('../img/cruz.gif');background-repeat: no-repeat;background-position: 75px 8px;background-size: 20px;}
#botonesMarcas li.marcaOff {	background: #FFF url('../img/mas.gif') no-repeat 98% 50%; background-size: 25px;}
.infoder .contactarAsesor {		background: #E74C3C;overflow: hidden;border-bottom: 5px solid #C0392B;text-shadow: 1px 2px 2px #C0392B;}
}


@media (min-width: 1100px){}



/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

#hea {							border-bottom: 2px solid #E9E9E9;width: 760px;margin-left: 10px;height: 110px;margin-top: 0;}
h1 {							font-size: 20px;margin-right: 20px;}
#contenedorGral {				background: #FFF;width: 760px;margin: 0 auto 0 auto;text-align: center;min-height: 500px; overflow: hidden;}
.botonesPropuesta {				width: 760px;}
.botonesPropuesta li {			width: 250px;background-color: #3498DB;cursor: pointer;float: left;margin-bottom: 15px;margin-left: 2px;}
.botonesPropuesta li img {		width: 100%;height: 100%; background-color: #3498DB;cursor: pointer;float: left;margin-bottom: 15px;}
.fondoRojo {					width: 760px;display: inline-block;margin-top: 30px;background: #D42E2F url('../img/fondoRojo-768.png') no-repeat;border-bottom: 3px solid #B20F17;height: 250px;text-align: left;float: left;}
#descargo {						font-size: 11px;color: #AAA;margin-top: 20px;background: #2B3D51;border-bottom: 3px solid #161F26;padding-top: 10px;padding: 30px;text-align: justify;float: left;width: 760px;}
.subTitulo span {				font-size: 25px;font-weight: bold;}
.subTitulo {					font-size: 16px;color: #FFF;text-transform: uppercase;margin-top: 30px;margin-left: 16px;width: 500px;}
.preguntas {					width: 760px;min-height: 380px;float: left;}
#descargo {						font-size: 11px;color: #AAA;margin-top: 20px;background: #2B3D51;border-bottom: 3px solid #161F26;padding-top: 10px;padding: 30px;text-align: justify;float: left;width: 700px;	}
#listadoCuotatas {				width: 760px;}
p.tituloPregunta {				font-size: 23px;	font-weight: bold;	margin-bottom: 50px;	color: #333;	vertical-align: top;	text-align: left;	float: left;	display: block;	width: 760px;	margin-left: 12px;	}
.marcas-plandeahorro {			width: 760px;	overflow: hidden;	background-color: #F9F9F9;	padding: 30px 0;	border: 1px solid #D9D9D9;	}
.mascasLi {						margin: 0px 1px 0 1px;	}
.infomedio {					width: 250px;	float: left;	margin-left: 30px;	}
.infoder {						width: 180px;	float: left;	}
.infoder .buscar {				width: 130px;	}
#botonesMarcas {				width: 767px;	margin-left: 0px;	overflow: hidden;	}
#botonesMarcas li.marcaOn, #botonesMarcas li.marcaOff {	padding: 10px 25px;	font-size: 10px;	}
#listadoModelos li {			border-bottom: 1px solid #E9E9E9;	padding: 30px;color: #666;	font-size: 8px;	font-weight: normal;	width: 760px;	cursor: pointer;	background: #FFF;	}
#mostrarMasModelitos {			padding: 10px;float: left;background-color: #1ABC9C;border-bottom: 3px solid #16A085;overflow: hidden;color: #FFF;	margin: 15px 25%;	width: 350px;	list-style: none;	cursor: pointer;	}
.line {							background-color: #3498DB;padding: 5px;position: relative;}
#listadoCuotatas {				width: 760px;}
input[type="radio"] {			margin-left: 10px;position: relative;top: -15px;left: 35px;}
#listadoCuotatas label {		position: relative;z-index: 3;top: 20px;}
.infoder .contactarAsesor {		background: #E74C3C;overflow: hidden;border-bottom: 5px solid #C0392B;text-shadow: 1px 2px 2px #C0392B;}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {


}


@media (max-width: 480px) {

#contenedorGral { width: 100%; background-color: #fff;}




#hea { width:312px; float:left;  }

#hea h1 {  height: 30px;  font-size: 12px;  float: left; clear: both;  margin-bottom: 5px; background-color: transparent; overflow: hidden;  margin-left: 0px; width: 100%;
text-align: center;}

#reiniciarProceso{ float: left; margin-top: 10px; clear: both; }

#contenedorGral #reiniciarProceso {margin-top: 50px;float: left;margin-bottom: 30px;margin-left: 0px;width: 100%;padding: 10px 0;}

#hea { width:100%; }

.botonesPropuesta {width: 100%;overflow: hidden;}

.botonesPropuesta li {width: 100%;height: 	258px;background-color: #3498DB;cursor: pointer;float: left;margin-bottom: 15px;margin-left: 2px;}

.botonesPropuesta li.buscar {width: 98%;height: 15px;margin: 0px;text-align: center;}

.preguntas { width: 100%;}

p.tituloPregunta {font-size: 12px;width: 100%;}

#listadoCuotatas label {position: relative;z-index: 3;margin: 10px 0px;float: left;}


#descargo {width: 95%;padding: 12px;float: left;font-size: 10px;}

.marcas-plandeahorro {width: 100%;}

#listadoCuotatas .buscar {
margin-left: 0px;
width: 85%;
text-align: center;
}

#listadoCuotatas {width: 320px;}

.line{ width: 312px;}


#listadoModelos {margin-bottom: 30px;width: 480px;float: left;}

#botonesMarcas {width: 100%;margin-left: 0px;overflow: hidden;}

#botonesMarcas li.marcaOn, #botonesMarcas li.marcaOff {width: 30%; padding: 10px 25px;font-size: 10px;}

.infomedio {clear: left;width: 250px;float: left;margin-left: -10px;}

.infoder {clear: left;width: 270px;margin-left: -10px;margin-top: -70px;float: left;}

.infoder .buscar {width: 200px;}


.infoder .contactarAsesor {background: #E74C3C;overflow: hidden;border-bottom: 5px solid #C0392B;text-shadow: 1px 2px 2px #C0392B;}

#volverAmarcasBtn {padding: 10px;margin: 0px;float: left;width: 100%;text-decoration: none;background-color: #E9E9E9;border-bottom: 3px solid;color: #323232;font-size: 12px;font-weight: 600;border-bottom-color: #C9C9C9; position: relative;}

}


@media (-webkit-min-device-pixel-ratio: 2) {

}

@media (max-width: 979px) {

}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
#infoCuotas {
width: 994px;
min-height: 200px;
position: fixed;
background: #FFF;
border: 2px solid #ECF0F1;
margin-left: 10px;
top: 75px;display: none;z-index: 9999;}
#infoCuotas p.dCuotas { margin: 0; } #infoCuotas { font-size: 11px; } #infoCuotas span.pCuotas { font-size: 11px; }
#parteDerechaVista { border: none; }
#muestraCodigo { color: crimson; text-align: center; display: inline-block; width: 870px; }#muestraCodigo span { font-size: 48px; display: block; border: 3px solid #000; width: 240px; padding: 10px; border-radius: 18px; color: #000; margin: 10px 0 0 300px; }#descargoCodigo { color: #CCC; }