@charset "utf-8";
/*>>>>> Ventanas Modales <<<<<*/
html, body {
	height:100%;
}
#modal-overlay {
	width:100%;
	height:100%;
	display:block;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	position:absolute;
	top:0;
	left:0;
}
#modal {
	width:500px;
	height:350px;
	margin:-175px 0 0 -250px;
	padding:10px;
	display:block;
	background:#aa0707;
	text-align:left;
	position:absolute;
	top:50%;
	left:50%;
}
.modal-inner {
	background:#f1f1e2;
	height:100%;
}
	#close-modal {
		font-size:83.3%;
		position:absolute;
		right:30px;
		top:30px;
	}
		#close-modal .x {
			margin-bottom:-2px;
		}
	#modal h1, #modal h2 , #modal p {
		margin:0 20px;
	}
	#modal h1, #modal h2 {
		color:#aa0707;
		margin-top:0;
	}
	#modal h1 {
		padding-top:30px;
		margin-bottom:18px;
	}
	#modal h2 {
		text-align:center;
		margin-top:81px;
	}
	#modal p {
		color:#555;
		margin-bottom:10px;
	}
	#usuario-registrado {
		width:426px;
		position:absolute;
		bottom:60px;
		left:50%;
		margin-left:-213px;
	}
		#usuario-registrado li {
			float:left;
			margin-right:10px;
			display:block;
		}
			#usuario-registrado a.paso-1, #usuario-registrado a.paso-2, #usuario-registrado a.paso-3 {
				display:block;
				height:27px;
				padding:10px 10px 10px 48px;
				width:74px;
				font-weight:bold;
				line-height:1;
				font-size:91.6%;
			}
			#usuario-registrado a.paso-1:link, #usuario-registrado a.paso-1:visited {
				background:url(../images/paso-1.jpg) no-repeat left bottom;
				color:#333;
			}
			#usuario-registrado a.paso-1:hover, #usuario-registrado a.paso-1:active {
				background:url(../images/paso-1.jpg) no-repeat right bottom;
				color:#fff;
			}
			#usuario-registrado a.paso-2:link, #usuario-registrado a.paso-2:visited {
				background:url(../images/paso-2.jpg) no-repeat left bottom;
				color:#333;
			}
			#usuario-registrado a.paso-2:hover, #usuario-registrado a.paso-2:active {
				background:url(../images/paso-2.jpg) no-repeat right bottom;
				color:#fff;
			}
			#usuario-registrado a.paso-3:link, #usuario-registrado a.paso-3:visited {
				background:url(../images/paso-3.jpg) no-repeat left bottom;
				color:#333;
			}
			#usuario-registrado a.paso-3:hover, #usuario-registrado a.paso-3:active {
				background:url(../images/paso-3.jpg) no-repeat right bottom;
				color:#fff;
			}
	fieldset#modal-contacto{
		font-weight:bold;
		text-align:right;
	}
		fieldset#modal-contacto p{
			display:block;
			margin:7px auto;
		}	
			fieldset#modal-contacto label{
				float:left;
				font-weight:bold;
				margin-bottom:0.5em;
				text-align:right;
				width:84px;
			}
				fieldset#modal-contacto span{
					color:red;
				}
				fieldset#modal-contacto input, fieldset#modal-contacto textarea{
					margin-left:10px;
					width:75%;
				}
				fieldset#modal-contacto input.submit {
					width:auto;
				}
			fieldset#modal-contacto textarea{
				height:102px;
			}
	#modal #modal-registro{
		height:100%;
		width:300px;
		float:left;
		background-color:#fff;
		overflow:hidden;
	}
		#modal-registro p{
			line-height:1.5;
			margin:7px 12px 9px;
			text-align:justify;
			width:272px;;
		}
		#modal #modal-registro h1{
			margin-bottom:18px;
			padding-top:20px;
		}
		#modal-registro input{
			margin:2px 58px 19px;
			padding:8px 29px;
		}
			#modal-registro ul.item{
				margin:2px 0px;
				padding:7px 14px;
			}
				#modal-registro li{
					font-size:95%;
					list-style-type:disc;
					list-style-position:inside;
					color:#CF2C1B;
				}
.modal-inner-cerrar{
		background:#F1F1E2 none repeat scroll 0%;
		height:100%
	}		
	#modal-ingresar{
		height:100%;
		float:left;
		width:200px;
		background-color:#CF2C1B;
		background-image: url(../images/bg_ingresar.jpg);
		background-repeat:no-repeat;
		background-position: bottom right;
		overflow:hidden;
	}
		#modal #modal-ingresar fieldset{
			margin:20px 10px;
			padding:12px 8px;
		}
		#modal-ingresar label{
			color:#fff;
			font-size:95%;
			line-height:2;
		}
			#modal-ingresar input{
				display:block;
				width:153px;
			}
				#modal-ingresar input.checkbox{
					float:left;
					margin:5px 6px 0pt -1px;
					width:auto;
				}
				#modal-ingresar input.submit{
					display:block;
					float:right;
					margin:19px 17px;
					width:auto;
				}
					.error{
					clear:both;
					color:#fff;
					margin-top:2px;
					margin-bottom:10px;
					font-weight:bold;			
					}
		#modal-ingresar p {
			width:100%;
			height:36px;
			margin:10px 0px 25px;
			float:left;
		}
		#modal-ingresar  a{
			margin-top:10px;
		}
		#modal-ingresar a:link, #modal-ingresar a:visited,
		.modal-inner-cerrar a#close-modal:link, .modal-inner-cerrar a#close-modal:visited ,
		.modal-inner-cerrar a#close-modal:hover, .modal-inner-cerrar a#close-modal:active {
			color:#fff;
			font-size:95%;
		}