@charset "utf-8";
/* CSS Document */

html, body {height: 100%; margin:0;}

#wrapper {min-height: 100%;}

.sep{
	border: none;
	border-bottom: 1px solid #3399FF;
	color: #3399FF;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 98%;
	float: left;

}

.sep1{
	border: none;
	color: #3399FF;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 98%;
	float: left;

}
.wd47{
	padding: 5px;
	margin-bottom: 20px;
	width: 45%;
	float: right;
	margin-right: 10px;
}

.left{
	float: left;
	margin-left: 10px;
}

/* fondo login */	
.fondo_login{
	background-image:url(../img/multi_logo_vw_login.png) no-repeat fixed center;
	-webkit-background-size: cover;
   	-moz-background-size: cover;
   	-o-background-size: cover;
   	background-size: cover;	
}
/* CALCULADORA PRODUCTOS */
#calculadora{ 
   background-color:white;
   border:blue 2px solid;
   border-radius:25px; 
   display:block;
   
}
/* Recuadors de dentro de la calculadora */
.square{
}
.showdata{
	margin-top:2px;
	color:grey;
}
.calc_total{
	background-color: LightSeaGreen;
	border-radius:10px;
	color:white;
	padding-left:10px;
	padding-right:10px;
}
.calc_total_red{
	background-color: Crimson;
	border-radius:10px;
	color:white;
	padding-left:10px;
	padding-right:10px;	
}
.calcdata{
	float:right;
}
/* Modal */
.configuracion input[type="button"] {
	border-color:#F90;
  	background:#F90;
	background: -moz-linear-gradient(top, #F90 40%, #990000);
  	background: -webkit-linear-gradient(top, #F90 40%, #990000);
  	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#990000');
}
	.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		border-radius: 10px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { background: #00d9ff; }	
/*BOTON SOLICITAR TARJETA*/
	  .boton_p{
    text-decoration: none;
    padding: 6px;
    font-weight: 600;
    font-size: 1.3em;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 6px;
    border: 1px solid #0016b0;
  }
  .boton_p:hover{
	opacity: 0.6;
  }
/* Puntero imagenes */
.pointer {cursor: pointer;}	
/* recuadro firma  */
  #sig-canvas {
	  border: 2px dotted #CCCCCC;
	  border-radius: 5px;
	  cursor: crosshair;
  }