/*************************************
Reseter
 *************************************/
* {margin: 0; padding: 0}

body { background: #D5D4BF url('../images/content_fondo.jpg') repeat scroll 0 0; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #000;}

.borderless {border: 0 !important;}

a img {border: 0;}
	
a:focus	{outline: 0;}

fieldset, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

/*************************************
#header
 *************************************/
#header {
	background: #fcfcfa url('../images/bkg_head.gif') left top no-repeat;
	width: 890px;
	height: 170px;
	margin: 0 auto;
	position: relative;	
}

	#header h1 a {
		background:transparent url('../images/logo_tienda.gif') right bottom no-repeat;
		display:block;
		height:112px;
		overflow:hidden;
		text-indent:-9999px;
		width:112px;
		padding: 20px 0px 0px 40px;
	}
	
	#header p {
		font-size: 2.5em;
		margin: 1em 0 0.3em;
		color: #e1a602;
		position: absolute;
		right: 110px;
		top: 30px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#header #menu {
		background: #fcfcfa url('../images/bkg_menu.gif') left top no-repeat;
		height: 39px;
		overflow: hidden;
		padding-left: 30px;
	}
			
	#menu a {
		text-decoration: underline;
		color: #fff;
		font-weight: bold;
	}
		#header #menu li {
			display: block;
			float: left;
			padding: 10px;
		}
		#header #menu li.btn_volver_menu {
			float: right;
			padding-right: 30px;
			_margin-left: 520px;
		}
			#header #menu li.btn_volver_menu a {
				text-decoration: none;
				background: url('../images/btn_volver_form_externo.gif') left top no-repeat;
				display: block;
				height: 17px;
				padding: 0 0 0 40px;
			}
			#header #menu li.btn_volver_menu a:hover {
				text-decoration: underline;
			}
	
	#content {
		width: 890px;
		margin: 0 auto;
		background: #fff;
		padding: 24px 0px;
	}
/*************************************
Page .post
 *************************************/

.banner_ancho {
	margin-bottom: 0.5em;
}

.post {
	background: #ebebe3 url('../images/content_post_fondo.gif') no-repeat;
	color: #3c392e;
	padding: 1.5em;
	font-size: 0.9em;
	width: 720px;
	/*margin: 0 auto;*/
	overflow: hidden;
	margin: 0 auto;
}

	.post h3,
	.post h4,
	.post h5 {
		font-weight: bold;
	}

	.post h2 {
		font-size: 1.8em;
		margin: 0.5em 1em 1em 2.6em;
	}

	.post h3 {
		font-size: 1.4em;
		margin: 2em 0 1em 0;
	}
		.post h3 small {
			font-size: 0.7em;
		}
	.post h4 {
		font-size: 1.2em;
		margin: 2em 0 1em 0;
	}
	
	.post h5 {
		font-size: 1.1em;
		margin: 2em 0 1em 0;
	}

	.post p {
		margin-bottom: 1em;
		line-height: 160%;
	}

	.post a {
		color: #007157;
	}

		.post a:hover {
			text-decoration: underline;
		}

	.post ul,
	.post ol {
		margin: 1em 3em;
	}

		.post ul {
			/*list-style: square;*/
		}

		.post ol {
			list-style: decimal;
		}

		.post li {
			line-height: 160%;
		}

	.post strong {
		font-weight: bold;
	}

	.post em {
		font-style: italic;
	}

	.post img {
		border: 1px solid #aba27e;
	}
	.post .alignleft {
		float: left;
		margin: 5px 10px 5px 0;
	}

	.post .alignright {
		float: right;
		margin: 5px 0 5px 10px;
	}

	.post blockquote {
		font-weight: bold;
		margin: 0 0 1em 4.8em;
	}

	.post table {
		border-top: 1px solid #00705c;
		border-right: 1px solid #00705c;
		margin: 1em;
	}
	
		.post td {
			border-left: 1px solid #00705c;
			border-bottom: 1px solid #00705c;
			padding: 0.5em;
			background: #eee;
		}
		
		.post th {
			color: #fff;
			background: url('../images/fondo_th.gif') center center repeat-x;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #fff;
			font-weight: bold;
			padding: 0.5em;
		}
	
		.post tfoot {
			font-style: italic;
		}
	
	.post .meta {
		border-bottom: 1px solid #ccc;
		font-style: italic;
		color: #666;
		margin-bottom: 1.5em;
		font-size: 0.9em;
	}
	
	.post .postmetadata {
		border-top: 1px solid #ccc;
		font-style: italic;
		color: #666;
		margin-top: 1em;
		padding: 1em;
		background: #ddd;
		font-size: 0.9em;
	}
	

	/* -- Formularios -- */
	
	#pasos {
		background: url('../images/img_fondo_pasos.gif') center top no-repeat;
		height: 31px;
		text-align: center;
		color: #fff;
		font-size: 2.1em;
		line-height: 1.3em;
	}
	
	#formulario {
		margin: 10px auto;
		padding: 10px 0;
	}
	#steps {
		overflow: hidden;
		background: url('../images/bkg_h4.jpg') left bottom repeat-x;
	}
		#steps h4 {
			text-transform: uppercase;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			background: url('../images/bkg_h4.jpg') left bottom repeat-x;
			font-size: 15px;
			margin: 0 0 15px 0;
			padding: 10px 0 5px 0;
			display: block;
			width: 99%;
			clear. both;
		}
	#formulario #steps .step {
		width: 720px;
		/*background: url('../images/flecha_pasos.jpg') right bottom no-repeat;*/
		overflow: hidden;
		float: left;
		padding: 0 0 30px 0;		
	}
		#formulario #steps .step .contenedor_pasos_corona {
			width: 720px;
			height: 78px;
			clear: both;
			overflow: hidden;
			/*padding: 50px 0 0 0;*/
			padding: 15px 0 0 0;
		}
			#formulario #steps .step .pasos_corona {
				/*background: url('../images/flecha_pasos.jpg') right bottom no-repeat;*/
				display: block;
				width: 65px;
				height: 78px;
				overflow: hidden;
				text-indent: -9999px;
				cursor: pointer;
				/*float: right;*/
			}
			#formulario #steps .step .der {
				background: url('../images/flecha_pasos_der.jpg') right bottom no-repeat;
				float: right;
			}
				#formulario #steps .step .der:hover {
					background: url('../images/flecha_pasos_der_hover.jpg') right bottom no-repeat;
				}
			#formulario #steps .step .izq {
				background: url('../images/flecha_pasos_izq_hover.jpg') left bottom no-repeat;
				float: left;
			}
				#formulario #steps .step .izq:hover {
					background: url('../images/flecha_pasos_izq.jpg') left bottom no-repeat;
				}
	#formulario #steps .bkg {
		padding: 0 0 78px 0;
	}
		#formulario #steps .contenedor_form {
			width:  340px;
			padding: 0 15px 0 5px;
			float: left;
		}
	#formulario #steps .sinbkg {
		background: none;
	}
	#formulario .contenedor_form {
		width: 350px;
		float: left;
/*		border: 1px solid green;*/
		padding-right: 7px;
	}
	
	#formulario .contenedor_form_donacion {
	width: 350px;
	margin: 0 auto;
	}
	
	/* --- corona_mensaje --- */
	
	#contenedor_formulario #navigation li {
		width: 143px;
		height: 82px;
		margin: 0 1px 0 0;
		float: left;
		background: url('../images/bkg_nav_coronas.jpg') left top no-repeat;
		text-align: center;
		padding: 0;
	}
	#contenedor_formulario #navigation li.selected {
		background: url('../images/bkg_nav_coronas_selected.jpg') left top no-repeat;
	}
	
	#contenedor_formulario #navigation li a {
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		font-size: 14px;
		padding: 5px 14px 0;
		display: block;
	}
	#contenedor_formulario #navigation li a.errores{
		color: #fff;
		background: url('../images/error.gif') 0 2px no-repeat;
	}
		#contenedor_formulario #navigation li a:hover {
			color: #b8b29a;
		}
	/* --- corona_mensaje --- */
	#formulario #corona_mensaje {
		clear: both;
		overflow: hidden;
		background: url('../images/bkg_mensaje.jpg') center 15px no-repeat;
		padding: 30px 0 0 0;
	}
		#formulario #corona_mensaje .int_mensaje {
			width: 350px;
			padding-right: 7px;
			float: left;
		}
			#formulario #corona_mensaje p {
				width: 300px;
				padding: 0 0 0 15px;
				color: #007057;
			}
			#formulario #corona_mensaje label {
				text-align: left;
				display: block;
				padding: 0;
				color: #78725c;
				font-weight: bold;
			}
			#formulario #corona_mensaje input {
				width: 20px;
			}
			#formulario #corona_mensaje textarea {
				height: 80px;
			}
			
		#formulario ul {
			list-style: none;
			margin: 0;
			overflow: hidden;
		}
		
		#formulario input, 
		#formulario textarea {
			border: 1px solid #C6C6BA;
			background: url('../images/content_fondo.jpg');
			padding: 2px 4px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color: #3A3829;
			width: 94%;
			margin-bottom: 10px;
			font-size: 12px;
		}
		#formulario input.radio{
			border:none;
			/*border: 1px solid #C6C6BA;
			background: url('../images/content_fondo.jpg');*/
			background:none;
			padding: 2px 4px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color: #3A3829;
			width: 13px;
			margin-bottom: 10px;
			*margin-top: 10px;
			font-size: 12px;
			line-height:center;
		}
		
			#formulario li.corto {
				width: 20%;
				float: left;
				margin-right: 5%;
			}
				#formulario li.corto input {
					width: 70%;
				}
			#formulario li.medio {
				width: 75%;
				float: left;
			}
			#formulario li.corte {
				clear: left;
			}
		
			#formulario input.radio_tarjeta {
				background: none;
				border: none;
				width: 15px;
			}
			#formulario .tabs input.radio_tarjeta {
				visibility: hidden;
			}
			
		
		#formulario legend {
			display: none;
		}
		
		#formulario select {
			border: 1px solid #C6C6BA;
			padding: 2px 4px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background: url('../images/content_fondo.jpg');
			color: #3A3829;
			width: 94%;
			margin-bottom: 10px;
			font-size: 12px;
		}

		#formulario label {
			display: block;
		}
		
		#formulario button {
			font-size: 12px;
			font-weight: bold;
			background: #b8b29a;
			border: 0;
			/*border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;*/
			padding: 6px 15px;
			float: right;
			margin-left: 10px;
			cursor: pointer;
		}
		
			#formulario #btn_enviar {
				background: #3D3A31;
				color: #fff;
			}
		
		#formulario ul.required {
			background: url('../images/form_icon_required.gif') right 14px no-repeat;
		}
		
		#formulario li.required {
			background: url('../images/form_icon_required.gif') right 14px no-repeat;
		}
		
		#formulario li.opcional {
			background: url('../images/form_icon_opcional.gif') right 14px no-repeat;
		}
		
		#formulario label.error {
			display: block;
			color: #c00;
			margin-bottom: 5px;
			text-align: right;
		}
			#formulario #steps  label.error {
				width: 320px;
			}
			
		#formulario .error {
			color: #c00;
		}
		
		#formulario li div {
			clear: both;
		}
		#btn_confirmar {
			font-size: 12px;
			font-weight: bold;
			background: #3D3A31;
			color: #fff;
			border: 0;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 6px 15px;
			float: right;
			margin-left: 10px;
			cursor: pointer;
			
		}
		
		#btn_volver {
			font-size: 12px;
			font-weight: bold;
			background: #3D3A31;
			color: #fff;
			border: 0;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 6px 15px;
			float: center;
			margin-left: 10px;
			cursor: pointer;
			text-decoration: none;
		}
		
		#btn_editar {
			font-size: 12px;
			font-weight: bold;
			background: #b8b29a;
			border: 0;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 6px 15px;
			float: right;
			margin-left: 10px;
			cursor: pointer;
		}
			
			#formulario #steps #btn_continuar {
				background: url('../images/btn_confirmar_coronas.jpg') left top no-repeat;
				width: 148px;
				height: 39px;
				color: #fff;
			}		
/*************************************
#contenedor_formulario
 *************************************/	
	#contenedor_formulario {
		background-color: #EBEBE3;
			width: 720px;
			overflow: hidden;
	}
	
		#contenedor_formulario h3, #contenedor_formulario h4, #contenedor_formulario h5 {
			text-align: left;
			padding-left: 8px;
		}
			#contenedor_formulario h4 span {
				font-size: 10px;
				padding-left: 10px;
			}
		
		#contenedor_formulario form {}
		
			#contenedor_formulario label {
				text-align: left;
				padding-left: 8px;

			}
			#contenedor_formulario #diseno_esp label {
				padding: 0;
			}
			#diseno_esp , #diseno_nac, #diseno_nac2, #det_misa {
				overflow: hidden;
			}
			#steps #diseno_esp {
				width: 630px;
				margin: 0 auto;				
				width /*\**/: 600px\9;/*hack para o ie 8 */
				*width: 630px!important;/*hack para o ie 7 */
			}
				#diseno_esp li, #diseno_nac li, #diseno_nac2 li {
					float: left;
					padding: 10px;
				}
				#steps #diseno_esp li {
					padding: 4px;
					height: 77px;
				}
				#steps #diseno_esp li#msj_error, #steps #diseno_esp li#msj_error label {
					width: 600px;
					text-align: center;
					line-height: 40px;
							display: none;
				}
				
			#diseno_nac li, #diseno_nac2 li {
			padding-right: 10px;
			}
			#det_misa {
				overflow: hidden;
			}
			#det_misa li {
				text-align: left;
				display: inline;
				float: left;
			}
				#det_misa li.txt_radio {
					width: 315px;
					padding: 0px 0px 10px 0px;
				}
			#det_misa li .radio_misa {
				width: 30px;
				border: none;
				background: none;
				margin-bottom: 0px;
			}
			
		#diseno_esp p {
			font-size: 10px;
		}
		.detalle_coronas {
			font-weight: bold;
			color: #ff0000;
			text-align: center;
			padding: 15px 0px;
		}
		.botonera_form {
			padding: 15px 0px;
			overflow: hidden;
		}
			
	/* --- #botonera_coronas --- */
	#formulario #steps #botonera_coronas {
		margin-top: 150px;
	}
		#formulario #steps #btn_enviar {
			background: transparent url('../images/btn_confirmar_coronas.jpg') left 10px no-repeat;
			*background: transparent url('../images/btn_confirmar_coronas.jpg') left top no-repeat;/* hack ie*/
			width: 148px;
			height: 39px;
			text-transform: uppercase;
		}
		#formulario #steps #btn_cancelar {
			margin: 4px 0 0 0;
			background: transparent url('../images/btn_limpiar_coronas.jpg') left 3px no-repeat;
			*background: transparent url('../images/btn_limpiar_coronas.jpg') left top no-repeat;/* hack ie*/
			display: block;
			width: 88px;
			height: 32px;
			overflow: hidden;
		}
	#det_aporte {
		padding: 10px 0;
	}
	#det_aporte li {
	display: block;
	width: 100%;
		overflow: hidden;
	}
	#det_aporte li.elige_aporte {
		border-bottom: 1px solid #C6C6BA;
		padding: 5px 0px;
		float: left;
	}
	#contenido_select_corona img{
		border: 0;
		margin: 10px 0 010px;
	}
	
	#det_aporte li.aporte_especial {
		padding-top: 10px;
		float: left;
	}
		#det_aporte li.esconder_texto {
			clear: both;
		}
		#det_aporte .radio_aporte {
			float: left;
			width: 30px;
			background: none;
			border: none;
		}
		#det_aporte label.lab_aporte {
			float: left;
			font-weight: bold;
		}
		#det_aporte p, #contenido_select_corona p {
			/*clear: both;*/
			padding: 0px 0px 3px 10px;
			width: 250px;
			float: left;
			color: #007057;
			font-size: 0.9em;
			font-weight: bold;
		}
			#det_aporte .detalle_donacion {
				  color: #FF0000;
				  font-weight: bold;
			}
			#contenido_select_corona .mensaje_domicilio, #contenido_select_corona .nota {
				  width: 330px;
			}
			#contenido_select_corona .datos_banco {
				  width: 330px;
				  margin: 0 0 5px 10px;
				  color: #007057;
				  font-size: 11px;
			}
			#contenido_select_corona strong{
				  font-weight: bold;
			}
	
/*************************************
#exito
 *************************************/	
.post h3.felicitaciones{
 	color:#FF0000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	margin:1em 0 0;
 }
 
 .post p.txt_felicitaciones{
 	color:#000;
	font-weight:bold;
	margin:0 0 5px;
 }
 
 .buttonRow{float:right;}
 .buttonRow img{border:none;}
 
 table#cartContentsDisplay, table#confirma_donacion {
 	margin:0 0 10px;
 }
 
 table#cartContentsDisplay tr.cartTableHeading th, table#confirma_donacion th {
 	color:#000;
	border-left:1px solid black;
	border-collapse:collapse;
	border-bottom:1px solid black;
 }

a.volver_tienda{margin:0 auto; display:block; width:90px; height:37px;}

/* ====== MIO ====== */
 	table#confirma_donacion {
		width: 400px;
		margin: 10px 0 10px 160px;
		border: 0px;
		border-spacing: 0;
		border-collapse: 0;
		border-top:1px solid #00705C;
		border-right:1px solid #00705C;
		font-size: 1.2em;
	}
 		table#confirma_donacion th {
			color: #fff;
			border-collapse: 0;
			text-transform: capitalize;
			width: 40%;
		}


#loading_gif button.confirma_transa {
	display: block;
	width: 90px;
	float: none;
	margin: 5px 0 5px 300px;
	height: 36px;
	text-indent: -9999px;
	background: url('../images/button_confirma_transaccion.gif') left top no-repeat !important;
	border: 0;
	cursor: pointer;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

#loading_gif {
	text-align: center;
	overflow: hidden;
	padding-bottom:20px;
}
	#loading_gif p {
		font-weight: bold;
	}
	#loading_gif h3{
		
	}

	#loading_gif img {
		margin: 0 !important;
	}

.cont_confirmar {
	width: 370px;
	margin: 0 auto;
}
/*************************************
#fail
 *************************************/	

.post h3.fail{ font-size:1.3em; color:#FF0000; text-transform:uppercase; margin:0 0 8px;}

strong.telefono{color:#FF0000;}

#botonera {
	overflow: hidden;
	width: 200px;
	margin: 0 auto;
	padding-top: 20px;
}

#botonera li {
	float: left;
	width: 90px;
	padding-right: 10px;
}
a.volver_comprar, a.imp_compra{margin:0 auto; display:block; width:90px; height:37px;}
a.volver_comprar img, a.imp_compra img{border:0;}
 
/*************************************
#footer
 *************************************/	
 #footer {
 	width: 890px;
	background: #5F5B4E url('../images/bkg_footer.jpg') left top repeat-x;
	height: 100px;
	margin: 0 auto;
 }
 	 #footer p {
	 	color: #fff;
		font-size: 0.9em;
		text-align: center;
		padding-top: 30px;
	 }

	 
/* == .titulo_saludo== */
	.titulo_saludo {
		display: block;
		padding-bottom: 10px;
width: 350px;
	}

	#valor_pack, #titulo_campo_8  {
		font-size:14px;
		font-weight:bold;
		margin-bottom:10px;
		/*height:20px;
		display:block;*/
	}
#valor_pack {
	border: 1px solid #C6C6BA;
	background: url('../images/content_fondo.jpg');
	padding: 2px 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #3A3829;
	width: 94%;
	margin-bottom: 10px;
	font-size: 12px;
}