/*************************************
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;
	}
	
	#formulario .contenedor_form {
		width: 350px;
		float: left;
		padding-right: 7px;
	}
	
	#formulario .contenedor_form_donacion {
	width: 350px;
	margin: 0 auto;
	}
		
		#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 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 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 .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;
		}
		
/*************************************
#contenedor_coronas
 *************************************/	
	#contenedor_coronas {
		background-color: #EBEBE3;
	}
	
		#contenedor_coronas h3, #contenedor_coronas h4, #contenedor_coronas h5 {
			text-align: left;
			padding-left: 8px;
		}
		
		#contenedor_coronas form {}
		
			#contenedor_coronas label {
				text-align: left;
				padding-left: 8px;
			}
			#diseno_esp , #diseno_nac, #diseno_nac2, #det_misa {
				overflow: hidden;
			}
				#diseno_esp li, #diseno_nac li, #diseno_nac2 li {
					float: left;
					padding: 10px;
				}
			#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;
		}
	#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;
	}
	
	#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;
		}
		#det_aporte label.lab_aporte {
			float: left;
			font-weight: bold;
		}
		#det_aporte p {
			/*clear: both;*/
			padding: 0px 0px 3px 10px;
			width: 250px;
			float: left;
			color: #007057;
			font-size: 0.9em;
			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;
}