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

* {
	margin: 0;
	padding: 0;
}

a {
	color: #204377;
}

img, div, a, li { behavior: url(iepngfix.htc) }

body {
	background-image: url(imagenes/fondo.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-color: #032651;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

#contenedor {
	width: 826px;
	height: 850px;
	margin: 0 auto;
	background: url(imagenes/placa.png) center no-repeat;
}

#contenedor_terminos {
	width: 826px;
	height: 1850px;
	margin: 0 auto 0 auto;
	background: url(imagenes/placa_terminos.png);
}

#contenedor_registroproducto {
	width: 826px;
	height: 1000px;
	margin: 0 auto 0 auto;
	background: url(imagenes/placa_registroproductos.png);
}

	#encabezado {
		width: 100%;
		margin: 0 auto;
	}
	
		#flash_top {
			width: 795px;
			margin-left: 15px;
		}
	
		#menu {
			width: 760px;
			height: 21px;
			margin: 0 auto;
		}
		
			#menu_horizontal {
				width: 333px;
				background: url(imagenes/botones/menu_separadores.png);
			}
		
			#menu ul {
				list-style: none;
			}
			
				#menu ul li, #menu ul li a {
					float: left;
				}
				
				#menu ul li span {
					display: none;
				}
				
					#menu .inicio_btn a{
						width: 38px;
						height: 15px;
						margin-left: 10px;
						background: url(imagenes/botones/inicio_btn.png);
					}
					
					#menu .inicio_btn a:hover{
						background-position: 0 -13px;					
					}
					
					#menu .inicio_btn_activo{
						width: 38px;
						height: 15px;
						margin-left: 10px;
						background: url(imagenes/botones/inicio_btn_over.png);
					}
				
					#menu .nosotros_btn a{
						width: 63px;
						height: 15px;
						margin-left: 19px;
						background: url(imagenes/botones/nosotros_btn.png);
					}
					
					#menu .nosotros_btn a:hover{
						background-position: 0 -14px;
					}
					
					#menu .nosotros_btn_activo {
						width: 63px;
						height: 15px;
						margin-left: 19px;
						background: url(imagenes/botones/nosotros_btn_over.png);
					}
					
					#menu .productos_btn a{
						width: 70px;
						height: 15px;
						margin-left: 28px;
						background: url(imagenes/botones/productos_btn.png);
					}
					
					#menu .productos_btn a:hover{
						background-position: 0 -14px;
					}
					
					#menu .productos_btn_activo {
						width: 70px;
						height: 15px;
						margin-left: 28px;
						background: url(imagenes/botones/productos_btn_over.png);
					}
					
					#menu .contacto_btn a{
						width: 64px;
						height: 15px;
						margin-left: 25px;
						background: url(imagenes/botones/contacto_btn.png);
					}
					
					#menu .contacto_btn a:hover{
						background-position: 0 -13px;
					}
					
					#menu .contacto_btn_activo {
						width: 64px;
						height: 15px;
						margin-left: 23px;
						background: url(imagenes/botones/contacto_btn_over.png);
					}
					
			#inp_buscar {
				float: right;
			}
			
	#principal {
		width: 780px;
		height: 600px;
		margin: 10px auto 0 auto;
		background: url(imagenes/principal_bg.jpg) no-repeat;
		text-align: justify;
	}
	
	#principal_terminos {
		width: 780px;
		height: 1610px;
		margin: 10px auto 0 auto;
		background: url(imagenes/terminos_bg.jpg) no-repeat;
		text-align: justify;
	}
	
	#principal_registroproducto {
		width: 780px;
		height: 750px;
		margin: 10px auto 0 auto;
		background: url(imagenes/registroproducto_bg.jpg) no-repeat;
		text-align: justify;
	}
	
		#contenido_izquierda {
			width: 350px;
			float: left;
			margin-top: 20px;
			margin-left: 18px;
		}
		
		#contenido_derecha {
			width: 330px;
			float: right;
			margin-top: 20px;
			margin-right: 23px;
		}
		
		#contacto_izquierda {
			width: 550px;
			float: left;
		}
		
		#contacto_derecha {
			width: 200px;
			float: right;
		}
		
		#registro_izquierda {
			width: 550px;
			float: left;
			color: #000000;
		}
		
			.preguntas_registro {
				width: 530px;
				margin-top: 5px;
				margin-left: 20px;
				overflow: hidden;
			}
			
				#preguntas_registro_izquierda {
					width: 275px;
					float: left;
				}
				
				#preguntas_registro_derecha {
					width: 245px;
					float: right;
				}
				
		#registro_derecha {
			width: 184px;
			height: 344px;
			margin-top: 55px;
			margin-right: 20px;
			float: right;
			background: url(imagenes/registro_col_derecha.jpg);
		}
		
			#registrate {
				width: 400px;
				margin: 40px auto 150px auto;
			}
		
			.registro_flash {
				width: 179px;
				margin-top: 8px;
				margin-left: 5px;
			}
		
	#terminos_texto {
		width: 720px;
		margin: 0 auto;
		font-size: 11px;
	}
	
	#pie {
		width: 300px;
		margin: 0 auto;
	}
	
			#pie ul {
				list-style: none;
				margin-top: 22px;
			}
			
				#pie ul li, #pie ul li a {
					float: left;
				}
				
				#pie ul li span {
					display: none;
				}
				
					#pie #aviso_btn a{
						width: 62px;
						height: 10px;
						margin-left: 40px;
						background: url(imagenes/botones/aviso_btn.jpg);
					}
					
					#pie #aviso_btn a:hover{
						background: url(imagenes/botones/aviso_btn_over.jpg);
					}
					
					#pie #terminos_btn a{
						width: 125px;
						height: 10px;
						margin-left: 40px;
						background: url(imagenes/botones/terminos_btn.jpg);
					}
					
					#pie #terminos_btn a:hover{
						background: url(imagenes/botones/terminos_btn_over.jpg);
					}

/*###### Formularios ######*/

#forma_contacto {
	margin-top: 10px;
	margin-left: 20px;
	line-height: 2;
}

#forma_contacto #nombres {
	width: 200px;
	font-size: 10px;
}

#forma_contacto #paterno {
	width: 200px;
	font-size: 10px;
}

#forma_contacto #materno {
	width: 200px;
	font-size: 10px;
}

#forma_contacto #correo {
	width: 200px;
	font-size: 10px;
}

#forma_contacto #telefono {
	width: 200px;
	font-size: 10px;
}


#forma_contacto textarea {
	width: 250px;
	height: 100px;
}

#enviar {
	width: 63px;
	height: 21px;
	margin-top: 5px;
	margin-left: 100px;
}

#registro_form_paso_1 {
	margin-left: 20px;
}

.txtabla {
	padding-bottom: 4px;
}

.inpt_tabla {
	padding-bottom: 4px;
}

#btoAgregaProd {
	background: url(imagenes/btn_form.jpg);
	width: 130px;
	height: 25;
	margin-top: 10px;
	margin-left: 240px;
	border: none;
}

#Btovolver {
	background: url(imagenes/btn_form.jpg);
	width: 80px;
	height: 25;
	border: none;
}

#BtoEnviar {
	background: url(imagenes/btn_form.jpg);
	width: 130px;
	height: 25;
	border: none;
}

#btoTerminar {
	background: url(imagenes/btn_form.jpg);
	width: 90px;
	height: 25;
	border: none;
}

/*### Imagenes ###*/

.imagen_centrada {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
}

.img_titulos {
	margin-top: 20px;
	margin-left: 10px;
}

.registro_titulos {
	margin-top: 15px;
	margin-left: 10px;
}

.pregunta_registro {
	margin-top: 3px;
}

#imagen_registrado_exitosamente {
	display: block;
	margin: 0 auto 190px auto;
}

/*### Parrafos ###*/

.distribuidores {
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 15px;
}

.contacto {
	margin-top: 30px;
	margin-left: 20px;
	font-weight: bold;
}

.contacto2 {
	margin-left: 20px;
}

.azul {
	font-weight: bold;
	color: #204377;
}

.titulos {
	font-size:14px;
	font-weight: bold;
	color: #204377;
	margin-bottom: 10px;
}

.pasos {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}


/*### Botonera ###*/

#botonera_nosotros {
	width: 759px;
	margin: 0 auto;
	padding-top: 140px;
	clear: both;
}

#botonera_terminos {
	width: 759px;
	margin: 0 auto;
	padding-top: 40px;
	clear: both;
}

#botonera_distribuidores {
	width: 759px;
	margin: 0 auto;
	padding-top: 10px;
	clear: both;
}

#botonera_contacto {
	width: 759px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
}

#botonera_registro_paso2 {
	width: 759px;
	margin: 0 auto;
	padding-top: 160px;
	clear: both;}

#botonera_contacto_registro {
	width: 759px;
	margin: 0 auto;
	padding-top: 10px;
	clear: both;
}