/********************************************
Normalizar estilos XHTML de diferentes navegadores
--------------------------------------------*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,div,body,html,p,blockquote,fieldset,input { /*Evitar la asignaci�n inconsistente de m�rgenes y rellenos a diferentes elementos HTML*/
	margin:0;
	padding:0; 
	}
ul,ol {/* Eliminamos las vi�etas de las listas */
	list-style:none 
	}
h1,h2,h3,h4,h5,h6,pre,code {/* Evitar el tama�o inconsistente de los diferentes encabezados y tambi�n etiquetas <pre> y <code> */
	font-size:1em; 
	}
a img,:link img,:visited img {/* Evitar el borde azul en im�genes que son links */
	border:none 
	}

/********************************************
General
--------------------------------------------*/
body {
	margin:0;
	padding:0;
	font-size:1em;
	font-family: Verdana, Geneva, sans-serif;
	color:#fff;
	background: #000;
	}
	

/********************************************
Contenido
--------------------------------------------*/
#content {
	color:#000;
	width: 750px;
	height: 523px;
	padding-top: 77px;
	margin:0 auto;
	background: url(../img/BancoPopular-iPhone.jpg) no-repeat top left;
	}
	
	/* Modulo Video */
	.swf {
		margin-left:217px;
		}
		.swf object {
			border: 1px solid #000;
			}
				
	/* Imagen transparente Logo GRUPO BANCO POPULAR*/
	.img-logo {
		float: right;
		margin-right: 27px;
		}
		
	/* Enviar */
	form.form-send {
		float: left;
		width: 290px;
		margin: 75px 0 0 170px;
		}
		form.form-send fieldset {
			border: 0px;
			}
			form.form-send input {
				padding:3px;
				}
			form.form-send input.btn-enviar {
				background: url(../img/btn.gif) no-repeat top left;
				width: 68px;
				height: 41px;
				cursor: pointer;
				border: 0px;
				font-size:0.001em;
				padding:0;
				vertical-align: middle;
				margin: 0 0 0 28px;
				}
				form.form-send input.btn-enviar:hover {background: url(../img/btn-on.gif) no-repeat top left;}
				
	/* Enlaces */
	ul.links1 {
		float: left;
		width: 250px;
		border-left: 1px dotted #898989;
		font-size: 0.6em;
		padding: 6px 0px 6px 28px;
		margin-top: 70px;
		}
		ul.links1 li {
			margin:5px 0;
			}
		ul.links1 a {
			color: #9c8e6b;
			}
			ul.links1 a:hover {
				color: #deca98;
				}
								
				
	/* Enlace inferior */
	.link-bottom {
		width: 100%;
		margin: 20px 0 0 0px;
		text-align: center;
		}
		.link-bottom a {
			padding: 0 0 0 140px;
			}
		
/**/
.clr {clear:both;margin:0;padding:0;border:0;font-size:0.001em;line-height:0.01em;}




/********************************************
Ventana Modal
--------------------------------------------*/
/* Overlay */
#simplemodal-overlay {
	background-color:#000;
	cursor:wait;
	}
/* Container */
#simplemodal-container {
	height:290px;
	width:288px;
	border:1px solid #666;
	padding: 20px;
	background:url(../img/bullet-tit.gif) no-repeat 15px 20px #FFF;
	}
	.modalCloseX { /* cerrar */
		float:right;
		margin-right:2px;
		}
	#simplemodal-container #legales, 
	#simplemodal-container #comoFunciona,
	#simplemodal-container #process  { 
		color:#666;
		font-family:Verdana, Geneva, sans-serif;
		}
		#legales h1,
		#process h1,
		#comoFunciona h1 { 
			float:left;
			width:200px;
			color:#bf1c3a;
			margin:0 0 20px 50px;
			padding:0;
			font-size:20px;
			font-weight:normal;
			}
		#legales  ul,
		#comoFunciona ul { 
			margin:0 0 0 20px;
			padding:0;
			width:260px;
			font-size:11px;
			list-style:disc;
			}
		#legales ul li,
		#comoFunciona ul li { 
			margin-bottom:10px;
			}
			#legales ul a,
			#comoFunciona ul a { 
				color:#666;
				font-weight:700;
				}
		#legales p,
		#process p,
		#comoFunciona p {
			color:#666;
			font-size:12px;
			}

	
	10px;}
#legales ul a {  font-weight: 700;}
#legales p {font-size: 12px;  }
*/

/********************************************
Ventana Modal
--------------------------------------------*/
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}
/* Container */
#simplemodal-container {height:290px; width:288px; border:1px solid #666; padding: 20px; background:url(../img/bullet-tit.gif) no-repeat 15px 20px #FFF;}
/*#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}*/
#simplemodal-container #legales, 
#simplemodal-container #comoFunciona,
#simplemodal-container #process  
	{ color: #666; font-family: Verdana, Geneva, sans-serif;}
.modalCloseX { float: right; margin-right:2px;}
#legales h1,
#process h1,
#comoFunciona h1 { float: left; width:200px; color:#bf1c3a;font-family: Verdana, Geneva, sans-serif; margin:0 0 20px 50px; padding:0; font-size:18px; font-weight: normal;}
#legales  ul,
#comoFunciona ul { margin:0 0 0 20px; padding:0; width:260px; font-size: 11px; list-style:disc;}
#legales ul li,
#comoFunciona ul li { margin-bottom:10px;}
#legales ul a,
#comoFunciona ul a { color:#666; font-weight: 700;}
#legales p,
#process p,
#comoFunciona p {color:#666;font-size: 12px;  }


/**/
.clr {clear:both;margin:0;padding:0;border:0;font-size:0.001em;line-height:0.01em;}