@charset "UTF-8";
/*****Reset - Remove margin and padding from elements*****/
h1 {
	color: #3E8527;
	text-align: center;
}
/* Eliminar bordes azules en imagenes */
img {
	border: none;
}
.validacion {
	color: red;
	display: none;
	font-size: 7.5pt; 
} 
#wrap {
	float:left;
	color: #333;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	position: relative;
	width: 1100px;
	-moz-border-radius:10px;
	background:#FFF;
	/* [disabled]-moz-box-shadow:#000 0 0 5px; */
	background:url(../../../tomato_forhealth.jpg) no-repeat bottom right #FFF;
	overflow:visible;
} 
#meta_wrap {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1300px;
} 
body[bgcolor] {
	vertical-align: top;
	//background-image: url(../../../site-background-pattern.gif);
	background-repeat: repeat;
} 
body {
	font: 10.5pt Helvetica;
} 
p, ul {
	color: #333;
	text-align: justify;
	white-space: normal; 
} 
li {
	line-height: 0.9em;
	margin: 8px 10px 0; 
} 
a {
	color: #3E8527;
	font-weight: bolder;
	text-decoration: none; 
	outline: none;
} 
a:hover {
	color: #3E8527;
	font-weight: bolder;
	text-decoration: underline; 
} 
#texto_pagos {
	padding: 0 20px;
} 
#texto_condiciones {
	padding: 20px; 
} 
#banner_quees { 
	text-align: center; 
} 
#contactos {
	border: thin none #333;
	height: 180px;
	margin: 170px 35px 0 0;
	width: 210px; 
} 
#contactos p {
	margin-top: 0;
	text-align: center;
	vertical-align: middle; 
} 
#Tabla_registro {
	background: #FFF url(../imagenes/promocional/registro_08.jpg) bottom no-repeat;
	padding: 20px 200px 40px 20px; 
} 
#Tabla_quees {
	background: #FFF url(../imagenes/promocional/quees_08.jpg) bottom no-repeat;
	padding: 20px 20px 40px 400px; 
} 
.pie {
	text-align: center;
	font-size: 8pt;
	border-top:#CCC 1px solid;
	padding-top:3px;
	background:#FFF;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	height:30px;
}
#logo {
	background-image: url(../imagenes/promocional/logo.png);
	background-repeat: no-repeat;
	height:143px;
	left:100px;
	position:absolute;
	top:2px;
	width:230px;
	z-index:5;
}	
object {
	outline: none; 
}
/***Login***/
.login {
	width: 300px;
	margin: 0 auto;
	padding:20px 0 0 43px;
	background:url(../imagenes/login/user.png) no-repeat left center;
	text-align:right;
}
.loading {
	text-align: center;
	width: 238px;
	margin: 0 auto;
	padding:40px 0;
	background: url(../imagenes/login/ajax-loader.gif) no-repeat center 60px;
}
.error{
	margin: 0 auto;
	padding:20px 0 20px 55px;
	width:212px;
	background: url(../imagenes/login/dialog-error.png) no-repeat left center;
}



#centro_sistema {
	background-color: #FFF;
	background-image: url(../imagenes/sistema/index_12.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding: 0; }
#wrap_sistema {
	color: #333;
	height: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 908px; }
.tabla {
	height:40px;
	vertical-align:top;
}
fieldset {
	border-color:#FFF;
	width:500px;
	margin: 0 auto; 
	padding: 0;
}
legend {
	font-weight: 700;
	font-style:oblique;
	font-size:12pt;
}
@media print {
body {
	background-color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:7.5pt;
}
.noprint {
	display:none;
}
fieldset {
	border-color:#000;
}
input[type="button"] {
	display:none;
}

input[type="submit"] {
	display:none;
}
legend {
	font-style: italic;
	font-weight: 700;
}
}



/***Menu***/
ul#menu-horizontal li {
	color: #71A511;
	display: inline;
	float: left;
	position: relative;
	font-size:9pt}
 
#menu-horizontal {
	height: 19px;
	margin-bottom: 0;
	margin-top: 0;
	width:800px; }
 
	#menu-horizontal a:active, #menu-horizontal a:focus {
		height:0;
		outline:0; /* Para los navegadores que lo entienden */
		width:0; /* Reducimos el tama�o del enlace a cero cuando el enlace est� activo.
   �Esto quita literalmente el borde punteado
   que SOLAMENTE se aplica al enlace a s� mismo y no
   a ninguno de los elementos que contiene
   CUANDO ESOS ELEMENTOS TIENEN UNA POSICI�N ABSOLUTA! */ }
 
	#menu-horizontal li {
		height: 19px;
		list-style:none;
		margin: 0 1px;
		padding-top: 7px;
		text-align:center;
		width:105px; }
 
		/* y otro poquito por aqu�.. */
#menu-horizontal li:hover { background-image: url(../imagenes/sistema/tab_verde.png); }
 
.seleccionado {
	background-image: url(../imagenes/sistema/tab_verde.png);
	color:#FFF;
	text-decoration:none; }
 
#menu-horizontal li a {
	color:#D5A332;
	text-decoration:none; }
 
	#menu-horizontal li a:active {
		color:#009;
		text-decoration:none; }
 
	#menu-horizontal li a:hover {
		color:#FFF;
		text-decoration:none; }
 
#menu-horizontal li ul li {
	float:none;
	width:98px; }
 
#menu {
	height: 19px; }

