body {
	background-color:#ffffff;
	margin:0;
	padding:0;
	
	background: rgba(212,209,208,1);
	background: -moz-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(212,209,208,1)), color-stop(51%, rgba(250,250,250,1)), color-stop(100%, rgba(212,209,208,1)));
	background: -webkit-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: -o-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: -ms-linear-gradient(left, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	background: linear-gradient(to right, rgba(212,209,208,1) 0%, rgba(250,250,250,1) 51%, rgba(212,209,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d1d0', endColorstr='#d4d1d0', GradientType=1 );
 }

A:link, A:visited, A:active {
  font-family: sans-serif, Calibri, Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #ff0000;  
}
A:hover {
  font-family: sans-serif, Calibri, Verdana, Arial;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #ff0000;  
}


#divLogo {
	/*position:fixed;*/
	text-align:center;
	/*background-color:#019C9E;*/	
	/*border: 0px solid #ff0000;*/
	width:100%;
	height:100px;
	top:0;
}

#divLogo img {
	width:200px;
	height:auto;
	margin-top:15px;
}

#divTitulo1 {	
	/*position:fixed;*/
	width: 100%;   
	text-align:center;
	/*border: 0px solid #ff0000;*/
	top:100px;
	height:65px;
	margin: 5px 0 0 0;
	/*background-color:#ffffff;*/
}

.divTitulo1Odon {
	height:120px!important;
}

#divTitulo {	
	text-align:center;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 20px;
	padding:10px 10px 10px 10px;	
    border-top: 1px solid #c20707;
    color: #c20707;
    margin: 0 auto; 
    width: 90%;   
    font-weight:bold;
}

.divTitulo {
	text-align:center;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 17px;
	padding:5px 0px 10px 0px;
    color: #c20707;
    margin: 0 auto; 
    width: 90%;   
    font-weight:normal;	
}

#divTitulo span{
	font-size:16px;
	font-weight:normal;
}

#divPantalla {
	text-align:center;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #666;
	padding: 10px 10px 10px 10px;
	margin: 5px 0 0px 0;

}

#divPantalla span {
	font-weight:normal;
	color:#c20707;
	background-color:#fff;
	border-radius:5px;
	padding:5px;
	font-size:15px;
}

.cajaFondo {
	background-color:#fff;
	border-radius:10px;
	float:inherit;
	margin:5px auto;
	padding:15px;
	width:70%;
	position:relative;
	min-height:150px;
	overflow:auto;
	box-sizing:border-box;
}
.cajaInfo {
	background-color:#d4d3d3;
	border-radius:10px;
	float:inherit;
	margin:5px auto;
	padding:15px;
	width:70%;
	position:relative;
	overflow:auto;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 14px;
	text-align:left;
	color:#666;	
}

.cajaDesc {
	background:rgba(255, 255, 255, 0.3);
	border-radius:10px;
	float:inherit;
	margin:5px auto;
	padding:0px 15px;
	width:70%;
	position:relative;
	overflow:auto;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 17px;
	text-align:center;
	color:#c20707;
	border:1px solid #c20707;
	box-sizing:border-box;	
}

#divPantallaPeu {
	text-align:center;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #366931;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 20px 0;
}

#divMensajes {
	/*position:absolute;*/
	position:fixed;
	top:50%;
	translate:transformY(-50%);
	-ms-translate:transformY(-50%);
    -webkit-translate:transformY(-50%);
	width:70%;
	margin: auto;
	border:2px solid #ff0000;
	background-color:#f6f6f6;
	display:none;
	padding:20px 10px 5px 10px;
	box-sizing: border-box;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 14px;
	text-align:center;
	border-radius:10px;
	left:0;
	right:0;
	box-shadow: 0px 0px 20px #666;
	z-index:7!important;
}

#divDato {
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 14px;
	text-align:center;
	background-color:#f0f0f0;
	color:#666;
}

#divValor {
	margin:5px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 12px;
	text-align:center;
	color:#000000;
	background-color:#ffffff;
}

#divAyuda {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 12px;
	text-align:center;
	/* color:#0080ff; */
	color: #444;
	background: rgba(254,247,220, 1);
	font-style: italic;
}
.ayuda {
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 12px;
	color:#535353;
	font-style: italic;
	font-weight: normal;
}
.ayudaB {
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 12px;
	color:#535353;
	font-style: italic;
	font-weight: bold;
}

.inputValor{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 14px;
	color: #c20707;
	border: 1px solid #d6d6d6;
    background-color: #f9f9f9;
	margin-right:5px;
	padding:3px;
	border-radius:3px;
	text-align:center;
}

.inputCurt {
	width:90px;
}

.inputMig {
	width:250px;
}

.input100 {
	width:100%;	
}

.inputText {
	width:90%;
	height:100px;
	margin-top:5px;
	text-align:left;
}

.inputText:disabled {
	border:none;
	background:#f0f0f0;
}

.recuadroContratar{  
    margin: 5px 0; 
    width: 100%;
    float:inherit;
    box-sizing:border-box;
    position:relative;
    float:left;
    padding:0 20px
    
}

.recuadroContratar>div {
	border:1px solid #c20707;
	float:left;
	width:80%;
	box-sizing: border-box;
}

TABLE.recuadroGaranties{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 13px;
	color: #000000;
	border: 0px solid #ffcc00;    
    margin: 0 auto; 
    width: 90%;
    height: 30px;
}

TABLE.recuadroGaranties TD{
	padding:2px;
}

.literalContratar{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 15px;
	color: #000000;
	padding: 5px 10px 5px 10px;
	width:60%;
	font-weight:bold;
	float:left;
	text-align:left;
	box-sizing:border-box;
}

.literalContratarSucesivos{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 15px;
	color: #009d9d;
	padding: 5px 10px 5px 10px;
	width:75%;	
	border-color: #fb8282;
	border-top-style:dashed; 
	border-top-width:1px; 
	font-weight:bold;
	float:left;
	text-align:left;
	box-sizing:border-box;
}

.importeContratar{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #fff;	
	background-color:#c20707;
	padding:5px 10px 5px 10px;
	text-align: center;
	width: 25%;
	float:right;
	box-sizing:border-box;
}

.importeContratarSucesivos{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #fff;	
	padding:5px 10px 5px 10px;
	text-align: center;
	width: 25%;
	float:right;
	box-sizing:border-box;
	background-color:#fb8888;
}

.aceptarContratar, a.aceptarContratar:link, a.aceptarContratar:active, a.aceptarContratar:visited{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 16px;
	color: #00a600;	
	padding: 5px 10px 5px 10px;
	text-align: center;
	width: 130px;
	float:right;
	background-color:#f6f6f6;
	border:1px solid #e6e6e6;
	border-radius:5px;
	box-sizing: border-box;
	position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
	
}

a.aceptarContratar:hover{
	background-color:#e6e6e6;
}

.aceptarContratar i {
	color:#00a600;
}

.aceptarContratar div {
	padding: 10px 5px;
    background-color: #f6f6f6;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    color: #000;
    font-weight: bolder;
}

.aceptarContratar div:hover {
    background-color: #e6e6e6;
}

#divEnlaces {
	/*position:fixed;*/
	bottom:0px;
	height:20px;
	width:100%;
	margin:0px auto;
	padding:10px 10px 10px 10px;
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 12px;
	text-align:center;
	color:#000000;
	/*background-color:#fff69b;*/
	box-sizing:border-box;
}

/*#divEnlaces A:link, #divEnlaces A:visited, #divEnlaces A:active {
  font-family: sans-serif, Calibri, Verdana, Arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #ff0000;  
  margin:0px 20px 0px 20px;
}

#divEnlaces A:hover {
  font-family: sans-serif, Calibri, Verdana, Arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  color: #ff0000;  
  margin:0px 20px 0px 20px;
}*/


.divactivo{
	border:1px solid #00ff00;
	background-color:#c5ff8a;
	padding:10px 10px 10px 10px;
	cursor:pointer;
	margin: 2px 2px 2px 2px;
	border-radius:5px;
}
.divapagado{
	border:1px solid #a0a0a0;
	background-color:#f0f0f0;
	padding:10px 10px 10px 10px;
	cursor:pointer;
	margin: 2px 2px 2px 2px;
	border-radius:5px;
}

.divFinal {
	font-size:16px!important;
	line-height:25px;
}

.divFinal strong{
	font-size:18px!important;
	color:#c20707;
}

.divFinal a {
	font-size: 15px;
    margin-top: 32px;
    font-weight: normal;
    padding: 2px 15px;
}

table.teclat{
	/*border:1px solid #000000;*/
	/*padding=0;*/
	border-collapse: collapse;
	margin-left:auto;
    margin-right:auto;    

}
.teclatapagado{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 16px;
	border:1px solid #a0a0a0;
	background-color:#d0d0d0;
	width:50px;
	height:50px;	
	display: table-cell;
	text-align:center;	
	vertical-align: middle;
	cursor:pointer;
	margin: 2px 2px 2px 2px;
	border-radius:5px;
}
.teclatactivo{
	font-family: sans-serif, Calibri, Verdana, Arial;
	font-size: 16px;
	border:1px solid #00ff00;
	background-color:#c5ff8a;
	width:50px;
	height:50px;	
	display: table-cell;
	text-align:center;	
	vertical-align: middle;
	cursor:pointer;
	margin: 2px 2px 2px 2px;
	border-radius:5px;
}

hr.separador{
	border:1px dashed #ff0000;	
}

FONT.obligatorio{
	color:#ff0000; 
	font-weight:bold;
}

DIV.divTapa{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	border:0px solid #ff0000;
	background-color:#ffffff;
	opacity: .6; 	
	display:none;	
}
DIV.divReloj{	
	width:128px;
	height:128px;
	border:0px solid #ff0000;
	margin:250px auto 0 auto;	 	
}

a.botonCompra:link, a.botonCompra:hover, a.botonCompra:active, a.botonCompra:visited  {
	float:left;
	width:33.3%;
	text-align:center;
}

a.botonCompra:link img, a.botonCompra:hover img, a.botonCompra:active img, a.botonCompra:visited img {
	width:90%;
	margin-bottom:25px;
	height:auto;
}

/*barra pasos*/
.barraPasos {
	float:inherit;
	width:70%;
	height:10px;
	margin:15px auto;
	background:#fff;
	border:1px solid #d6d6d6;	
}

.barraPasos>table {
	width:100%;
	height:100%;
}
td.pasosAct {
	border-right:1px solid #d6d6d6;
	background:#fc9696;
	padding:0;
}

td.pasosDes {
	border-right:1px solid #d6d6d6;
	background:#f6f6f6;
	padding:0;	
}

/* .bankBox {
	float: left;
    width: calc(16.6% - 20px);
    margin: 10px;
}

.bankBox input {
	width:100%;
} */

.bankBox {
	margin:0 auto;
	width:420px;
}

.bankBox input {
	width:65px;
	float:left;
	margin-right:5px;
}

@media (max-width: 930px){
	
	.recuadroContratar>div {
		width:100%;
	}
	
	.aceptarContratar, a.aceptarContratar:link, a.aceptarContratar:active, a.aceptarContratar:visited {
		position:relative;
		float:right;
		margin: 10px auto;
		transform:translateY(0%);
		
	}

	a.botonCompra:link, a.botonCompra:hover, a.botonCompra:active, a.botonCompra:visited  {
		width:50%;
	}

/****movil****/	
	#divTitulo {font-size: 33px;}
	#divTitulo1 {height: 85px;}
	.divTitulo1Odon {height: 140px!important;}
	#divPantalla span, .literalContratar, .importeContratar {font-size: 19px;}
	#divDato, #divValor {font-size: 17px!important;}
	.inputValor,.divapagado, .divactivo, a.botones:link, a.botones:visited, a.botones:active, a.botones:focus {
		font-size: 18px!important;
	}
	.cajaDesc {
		font-size: 22px;
    	line-height: 21px;	
	}
	.cajaFondo, .cajaDesc,.barraPasos {
		width:95%!important;
		border-radius: 0px;
		box-sizing:border-box;
	}
	
	.teclatactivo, .teclatapagado {
    	font-size: 20px;
    	width: 55px;
    	height: 55px;
	}
	
	a.botones:link, a.botones:visited, a.botones:active, a.botones:focus {
		padding: 8px 10px 7px 10px!important;
	}
	
	#divAyuda, TABLE.recuadroGaranties, TABLE.recuadroGaranties select {font-size:16px!important;}
	
	#divValor {padding:0px 10px;}
	
	.recuadroGaranties td, td.ayuda{border-bottom:1px solid #e6e6e6; padding:10px 0!important}
	
	TABLE.recuadroGaranties {width:100%}
	
	.recuadroContratar, .cajaFondo #divValor {padding:0px;}
	
	.cajaFondo {overflow:hidden}
	
	.aceptarContratar, a.aceptarContratar:link, a.aceptarContratar:active, a.aceptarContratar:visited {
	    font-size: 21px;
	    padding: 10px 10px 10px 10px;
	    width: 145px;
	}
	
	.inputMig {width:100%}
	
	.inputValor {padding:10px;}
	
	.ayudaB,.ayuda {font-size: 16px;}
	
	.inputValor {max-width:100%!important} 
}

@media (max-width: 500px){
	.cajaDesc {
		width:85%;
	}
	
	.cajaFondo {
		width:85%;
	}
	
	.recuadroContratar{
		padding: 0 0;
	}
	
	#divValor{
		padding: 10 0 10 0;
	}

	a.botonCompra:link, a.botonCompra:hover, a.botonCompra:active, a.botonCompra:visited  {
		width:100%;
	}
	
	a.botonCompra:link img, a.botonCompra:hover img, a.botonCompra:active img, a.botonCompra:visited img {
		width:70%;
		margin-bottom:25px;
		height:auto;
	}	

	.bankBox {
	    width:100%;
	}
	
	.bankBox input {
	width: calc(16.6% - 2px);
    float: left;
    margin-right: 2px;
    padding: 5px;
}
}