/* CSS Document */

html {
 height: 100%;
}

body {
 height: 100%;
 margin: 0px;
}

.encabezado {
 clear: both;
}

/* Definición de id's para página principal */

#flash {
  widht: 1024px;
  height: 86px;
  border: 0px;
  padding: 0px;
  background-color: #bce279;
}

#m_logo {
  width: 267px;
  height: 55px;
  border: 0px;
  padding: 0px;
  background: url(../images/m_logo.gif) no-repeat;
  background-color: #4e9700;
}

#top {
  width: 550px;
  height: 55px;
  border: 0px;
  padding: 0px;
  background: url(../images/idioma.gif) no-repeat;
  background-color: #def8c5;
}

#top_sin_vaso {
  width: 550px;
  height: 55px;
  border: 0px;
  padding: 0px;
  background-color: #def8c5;
}

#verde1 {
  width: 207px;
  height: 55px;
  border: 0px;
  padding: 0px;
  background-color: #4e9700;
}

#left {
  width: 267px;
  height: 359px;
  border: 0px;
  padding: 0px;
  background-color: #fdfacc;
}

#left_flash {
  width: 267px;
  height: 119px;
  border: 0px;
  padding: 0px;
  background-color: #4e9700;
}

#fotos {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/foto.gif) no-repeat;
}

#fotos_sin_vaso {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/foto_sin_vaso.gif) no-repeat;
}

#fotos_productos {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
}

#fotos_13 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/13.gif) no-repeat;
}

#fotos_18 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/18.gif) no-repeat;
}

#fotos_19 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/19.gif) no-repeat;
}

#fotos_26 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/26.gif) no-repeat;
}

#fotos_27 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/27.gif) no-repeat;
}

#fotos_29 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/29.gif) no-repeat;
}

#fotos_30 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/30.gif) no-repeat;
}

#fotos_31 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/31.gif) no-repeat;
}

#fotos_32 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/32.gif) no-repeat;
}

#fotos_34 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/34.gif) no-repeat;
}

#fotos_35 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/35.gif) no-repeat;
}

#fotos_36 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/36.gif) no-repeat;
}

#fotos_37 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/37.gif) no-repeat;
}

#fotos_38 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/38.gif) no-repeat;
}

#fotos_42 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/42.gif) no-repeat;
}

#fotos_43 {
  width: 550px;
  height: 184px;
  border: 1px;
  padding: 0px;
  background: url(../images/43.gif) no-repeat;
}

#principal {
  width: 550px;
  height: 362px;
  border: 0px;
  padding: 0px;
  background: url(../images/principal.gif) no-repeat;
}

#principal_con_news {
  width: 550px;
  height: 243px;
  border: 0px;
  padding: 0px;
  background: url(../images/principal_con_news.gif) no-repeat;
}

#principal_cuerpo {
  width: 550px;
  height: 362px; /** aqui cambie de 243 a 362 **/
  border: 0px;
  padding: 0px;
}


#newsletter {
  width: 550px;
  height: 119px;
  border: 0px;
  padding: 0px;
}

#titulo {
  width: 207px;
  height: 34px;
  border: 0px;
  padding: 0px;
  background-color: #fdfacc;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
}

#user1 {
  width: 207px;
  height: 128px;
  border: 0px;
  padding: 0px;
  background-color: #fdfacc;
/**  background: url(../images/classic.gif) no-repeat;  **/
}

#user2 {
  width: 207px;
  height: 128px;
  border: 0px;
  padding: 0px;
  background-color: #fdfacc;
/**  background: url(../images/kids.gif) no-repeat;  **/
}

#user3 {
  width: 207px;
  height: 128px;
  border: 0px;
  padding: 0px;
  background-color: #fdfacc;
/**  background: url(../images/diabetics.gif) no-repeat; **/
}

#user4 {
  width: 207px;
  height: 128px;
  border: 0px;
  padding: 0px;
  background-color: #fdfacc;
/**  background: url(../images/athletics-2.gif) no-repeat; **/
}

#user5 {
  width: 267px;
  height: 68px;
  border: 1px;
  padding: 0px;
  background-color: #fedf53;
}

#user6 {
  width: 267px;
  height: 119px;
  border: 0px;
  padding: 0px;
  background-color: #89c4d9;
}

#verde2 {
  width: 267px;
  height: 81px;
  border: 0px;
  padding: 0px;
  background-color: #4e9700;
}

#bottom {
  width: 550px;
  height: 81px;
  border: 0px;
  padding: 0px;
  background-color: #95c166;
  color: #ffffff;
  font-family: Verdana;
  text-align: center;
  font-size: 15px;
  font-variant: small-caps;
}

#verde3 {
  width: 207px;
  height: 81px;
  border: 0px;
  padding: 0px;
  background-color: #4e9700;
}

#verde4 {
  width: 1024px;
  height: 26px;
  border: 0px;
  padding: 0px;
  background-color: #4e9700;
}

/* Termina definición de id's para página principal */

/* Definición de columna en blanco (oculta) para página principal */

#blank_flash {
  widht: 1px;
  height: 86px;
  border: 0px;
  padding: 0px;
}

#blank_m_logo {
  width: 1px;
  height: 55px;
  border: 0px;
  padding: 0px;
}

#blank1 {
  width: 10px;
  height: 34px;
  border: 1px;
  padding: 0px;
}

#blank2 {
  width: 1px;
  height: 128px;
  border: 1px;
  padding: 0px;
}

#blank3 {
  width: 1px;
  height: 22px;
  border: 1px;
  padding: 0px;
}

#blank4 {
  width: 1px;
  height: 106px;
  border: 1px;
  padding: 0px;
}

#blank5 {
  width: 1px;
  height: 69px;
  border: 1px;
  padding: 0px;
}

#blank6 {
  width: 1px;
  height: 59px;
  border: 1px;
  padding: 0px;
}

#blank7 {
  width: 1px;
  height: 9px;
  border: 1px;
  padding: 0px;
}

#blank8 {
  width: 1px;
  height: 119px;
  border: 1px;
  padding: 0px;
}

#blank_bottom {
  width: 1px;
  height: 81px;
  border: 0px;
  padding: 0px;
}

#blank_verde4 {
  width: 1px;
  height: 26px;
  border: 0px;
  padding: 0px;
}

/* Termina definición de columna en blanco (oculta) para página principal */

/* Clases para configurar el scrollbar */
.scrollBox {
  width: 550px;
  height: 362px;
  overflow: auto;
  background-color: transparent;
}

.scrollBoxContent {
  width: 528px;
  height: 100%;
  margin: 0px;
  color: #000000;
  background-color: transparent;
}

/* Termina Clases para configurar el scrollbar */


/* Clases para configurar el buscador */
.searchword {
 text-align: right;
 padding-right: 4px;
}

.inputboxword {
 padding: 1px;
 border: 1px;
 background-color: #ffffff;
}

.buttonword {
  color: #000000;
  font-family: Verdana;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 0px;
  width: auto;
  background-color: #FFFFFF;
  padding: 0px 0px;
  line-height: 18px !important;
  line-height: 16px;
  height: 19px;
  margin-left: 5px;
}
/* Clases para configurar el buscador */

/* Clases y etiquetas para configurar el login */
#mod_loginformentrar {
  padding-top: 10px;
  padding-bottom: 10px;

}
#mod_login_greetingentrar  {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  border: 0px;
  color: #FFFFFF;
  padding: 50px;
  text-align: left;
}

#mod_login_usernametextentrar {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  border: 0px;
  color: #000000;
  padding-left: 5px;
  padding-right: 70px;
  text-align: left;
}

#mod_login_passwordtextentrar {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  border: 0px;
  color: #000000;
  padding-left: 5px;
  padding-right:17px;
  text-align: left;
}

.buttonentrar {
  color: #000000;
  font-family: Verdana;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 0px;
  width: 65px;
  background-color: #FFFFFF;
  line-height: 18px !important;
  line-height: 16px;
  height: 19px;
  margin-left: 5px;
  margin-top: 20px;
}

.inputboxentrar {
 padding: 2px;
 border: 1px;
 background-color: #ffffff;
}

.mod_loginentrar {
  font-size: 11px;
  font-weight: bold;
}


/* Clases y etiquetas para configurar el cambio de idioma */
div.jflanguageselection
{
  float: center;
  vertical-align: middle;
  padding: 3px 2px 2px 2px;
}
 
/* language lists with UL (names & images) */
ul.jflanguageselection
{
  float: center;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 13px;
  font-family: verdana;
  text-alignment: center;
}

ul.jflanguageselection li
{
  background-imge: none;
  padding-left: 0px;
  padding-right: 0px;
  float: center;
  margin: 1px 1px 1px 1px;
  white-space: nowrap;
  border: none;
}

ul.jflanguageselection li a
{
  display: inline;
  color: #4e9700;
  font-size: 13px;
  font-family: verdana;
  text-alignment: center;
}

ul.jflanguageselection img
{
  border: none;
}

/** Styles for the drop down list */

#jflanguageselection
{
  float: center;
  vertical-align: middle;
}

select.jflanguageselection
{
  border: 1px solid #cccccc;
  margin: 1px 1px 1px 1px;
  padding: 0px 0px 1px 0px;
  font-family: verdana;
  font-size: 13px;
  color: #4e9700;
}

label.jflanguageselection
{ position:absolute; center}

/* Clases y etiquetas para configurar el cambio de idioma */


/** Página Nueva Completa **/

.inputbox {
 padding: 2px;
 border:solid 1px #cccccc;
 background-color: #ffffff;
}

h1 {
  text-align: left;
  color: #366a1f;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
}

p {
  text-align: justify;
  color: #000000;
  font-family: Verdana;
  font-size: 13px;
}

a:link, a:visited {
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana;
  text-align: center;
  font-size: 13px;
  color: #4e9700;
  width: auto;
  vertical-align: middle;
  float: none;
}

a:hover {
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana;
  text-align: center;
  font-size: 13px;
  color: #4e9700;
  width: auto;
  vertical-align: middle;
  float: none;
}

a.mainlevel:link, a.mainlevel:visited {
  background: url(../images/cuadro.gif) no-repeat;
  background-color: transparent;
  background-position: left;
  display: block;
  vertical-align: middle;
  font-size: 13px;  
  font-family: Verdana;
  font-weight: normal;
  color: #000000;
  text-align: left;
  padding-left: 14px;
  width: 100%;
  text-decoration: none;
  margin-left: 5px;
  height: 30px;
  line-height: 30px;
}

a.mainlevel:hover {
  background: url(../images/cuadro.gif) no-repeat;
  background-color: transparent;
  background-position: left;
  display: block;
  vertical-align: middle;
  font-size: 13px;
  font-family: Verdana;
  font-weight: normal;
  color: #4e9700;
  text-align: left;
  padding-left: 17px;
  text-decoration: none;
  margin-left: 5px;
  height: 30px;
  line-height: 30px;
}

a.mainlevel#active_menu {
  color:#AEE238;
  font-weight: bold;
}

a.mainlevel#active_menu:hover {
  color: #AEE238;
}

a.sublevel:link, a.sublevel:visited {
  padding-left: 1px;
  vertical-align: middle;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
}

a.sublevel:hover {
  padding-left: 3px;
  color: #7CAF52;
  text-decoration: none;
}

a.sublevel#active_menu {
  color: #AEE238;
  text-decoration: bold;
}

a.productos:link, a.productos:visited {
  color: #366A1F;
  text-decoration: none;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  width: 207px;
  height: 128px;
}

a.productos:hover {
  color: #900;
  text-decoration: none;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  width: 207px;
  height: 128px;
}

img {
  padding: 0px;
  margin: 0px;
}

table.contentpaneopen {
  width: 100%;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 3px;
}

table.contentpaneopen td {
  padding-left: 3px;
  padding-right: 3px;
  margin: 3px;
}

table.contentpaneopen td.componentheading {
  padding-left: 3px;
}

.componentheading {
  padding-top: 4px;
  padding-left: 4px;
  height: 21px;
  font-weight: bold;
  font-size: 10px;
  text-transform: small-caps;
  text-align: left;
  color: #366a1f;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
}

table.contentpane {
  width: 100%;
  padding-left: 2px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0px;
}

table.contentpane td {
  margin: 0px;
  padding: 0px;
}

table.contentpane td.componentheading {
  padding-left: 4px;
}

table.contentpaneopen fieldset {
  border: 0px;
  border-bottom: 1px solid #eee;
}

.button {
  color: #366A1F;
  font-family: Verdana;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 0px;
  width: auto;
  background-color: #AEE238;
  padding: 0px 0px;
  line-height: 18px !important;
  line-height: 16px;
  height: 19px;
  margin-left: 5px;
}

.modifydate { 
  height: 15px;
  padding-top: 10px;
  color: #999999;
  font-size: 11px;
  font-family: Verdana;
}

ul
{
 margin: 0;
 padding: 0;
 list-style: none;
  font-family: Verdana;
  text-align: center;
  font-size: 13px;
  color: #4e9700;
  width: auto;
  vertical-align: middle;
  float: none;
}

li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

/** Termina Página Nueva Completa **/