*{
	margin:0;
	padding:0;
} 
html, body{
  height:97%;
  }
html{
  width:100%;
  background-color:#F0F2FF;
  }
body{
  width:auto;
  overflow:scroll;
  }
#outer{
  min-height:100%;
  margin-bottom:-1.5em;
  height:auto;
  }
* html #outer{
  height:auto;}

#logo_header{
	background-repeat:no-repeat;
	background-position:center;
	height:100px;
	padding-top:0px;
	margin-left:5px;
	margin-right:5px;}

#logo{
	width:9.3em;
	color:#000099;
	padding-top:1px;
	padding-bottom:1px;
	font-family:Georgia,Times;
	font-size:30pt;
	line-height:1em;
	background:transparent url(img/barra_azul.gif) repeat-x center center;
	top:10px;
	border:solid 0px;
}

#nosotros {
	position: absolute; 
	top:80px;
	left:80%;
	margin-right:5px;
	margin-top:10px;
	color:#000099;
	padding-top:1px;
	padding-bottom:1px;
	font-family: arial, verdana, sans-serif;
	font-size:10pt;
	font-weight:bold;
	line-height:1em;
	border:solid 0px;
	overflow:visible;
	z-index:1;
}

#nosotros a {
	color:#000099;
	text-decoration:none;
}

#nosotros a:hover {
	color:#000099;
	cursor:pointer;}

#busqueda {
	position: absolute; 
	top: 10px;
	left:77%;
	color:#000099;
	margin-top:10px;
	padding-top:1px;
	padding-bottom:1px;
	font-family: arial, verdana, sans-serif;
	font-size:10pt;
	font-weight:bold;
	line-height:1em;
	border:solid 0px;
	overflow:visible;
}

#fono_mail {
	position: absolute; 
	top: 10px;
	left:50%;
	color:#000099;
	margin-top:10px;
	padding-top:1px;
	padding-bottom:1px;
	font-family: arial, verdana, sans-serif;
	font-size:15pt;
	font-weight:bold;
	line-height:1em;
	border:solid 0px;
	overflow:visible;

}

#menu ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; font-family: arial, verdana, sans-serif; font-size:9pt;}
#menu li {display:inline; margin:0; padding:0;}
#menu a {float:left; color:#000; background: #ccc url(top_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 0 2px; text-decoration:none;
	letter-spacing:1px;}
#menu a b {float:left; display:block; background:transparent url(top_right.gif) no-repeat right top; padding:5px 16px 5px 12px;}
#menu a:hover {background: #3a73ba url(top_left.gif) no-repeat left top; color:#fff; cursor:pointer;} 
#menu .current a {background: #3a73ba url(top_left.gif) no-repeat left top; color:#fff; cursor:default;} 
#menu {
	position:relative;
	padding:0px 0 10px 0; 
	background:transparent url(img/shade_bottom.gif) repeat-x left bottom; 
	margin-left:5px;
	margin-right:5px;
	margin-top:0px;
	border:solid 0px;
	} /* margin for this demo only */

#cuerpo2{
	background-color:transparent;
	position:relative;
	margin-left:5px;
	margin-right:5px;
	overflow:auto;
	font-family: arial, verdana, sans-serif;
	font-size:11pt;
	border:solid 0px;
	padding:1.5em 0.5em 0.5em 0.5em;
	column-count: 2;
	column-width: 100px;
	column-gap: 10px
	column-rule: none;

}

p { margin: 0px; }
/* here come's the heavy lifting */
.column-wrap { position: relative; background-color: transparent; }
.column-1 { margin-right: 500px; background-color: transparent; }
.column-2 { position: absolute; right: 150px; top: 0px; width: 300px; background-color: transparent; text-align:left;border:solid 0px; }
.column-3 { position: absolute; right: 0px; top: 0px; width: 100px; background-color: transparent; margin-right:5px; }

#cuerpo {
	background-color:transparent;
	position:relative;
	margin-left:5px;
	margin-right:5px;
	overflow:auto;
	font-family: arial, verdana, sans-serif;
	font-size:11pt;
	border:solid 0px;
	padding:1.5em 0.5em 0.5em 0.5em;
}

ul.index {
	margin-left:0;
	margin-top:1.5em;
	padding:0;
	list-style:none;
	display:table;
	font-family: arial, verdana, sans-serif; 
	font-size:11pt;
	border:solid 0px;
}

li.index {
	display:block;
	margin:0;
	padding-right:1em;
	padding-bottom:0.2em;
	background:url(img/action_check.gif) no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-left:1em;
	text-align:left;
}

ul.novedades {
	margin-left:0;
	margin-top:1.5em;
	padding:0;
	list-style:none;
	display:table;
	font-family: arial, verdana, sans-serif; 
	font-size:11pt;
	border:solid 0px;
}

li.novedades {
	display:block;
	padding-right:1em;
	padding-bottom:0.2em;
	background:url(img/star.gif) no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-left:1em;
	text-align:left;
}

ul.nosotros{
	margin:0 auto;
	padding:0;
	list-style:none;
	display:block;
	white-space:nowrap;
	font-family: arial, verdana, sans-serif;
	font-size:9pt;
}

li.nosotros{
	display:block; 
	margin:0; 
	padding-bottom:0.2em;
	background:transparent url(img/info.gif) no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-right:1em;
	text-align:justify;
}

#cuerpo .marcas{
	float:right;
	width:10%;
	text-align:right;
}

#cuerpo .nosotros{
	white-space: normal;
}

#cuerpo .nosotros ul {
	float:left;
	width:50%;
	margin-left:0;
	margin-top:1.5em;
	padding:0;
	list-style:none;
	display:table;
	white-space:normal;
	font-family: arial, verdana, sans-serif; 
	font-size:11pt;
	border:solid 0px;
}
#cuerpo .nosotros li {
	display:block;
	margin:0;
	padding-right:1em;
	padding-bottom:0.2em;
	background:url(img/star_blue.gif) no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-left:1em;
	text-align:left;
}

#cuerpo_2{
	width:700px;
	float:top;
	margin-left:250px;
	padding-left:0px;
	margin-right:5px;
	border:solid 0px;
}

#galeria{
	width:auto;
	float:left; 
	padding-left:0px;
	margin-right:1em;
	margin-bottom:2em;
	border:solid 0px;
	text-align:justify;
}
#galeria .img{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	border:solid 0px;
}

#galeria .img a{
	cursor:pointer;
	text-decoration:none;
	border:solid 0px;
}

#galeria .texto{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	border:solid 0px;
}
#galeria .texto a{
	cursor:pointer;
	text-decoration:none;
	border:solid 0px;
}

#marcas{
	float:top;
	width:100px;
	margin-right:5px;
	margin-left:1135px;
	left:95%;
}

/*status bar style to act as the bottom border of the div*/
#statusbar{
cursor: s-resize;
position:absolute;
display:block;
background-color: #c0c0c0;
top:100%;
margin-top:-2px;
height:2px;
padding:0;
width: 250px;
}

#bottomdiv {
	position:relative;
	margin-left:5px;
	margin-right:5px;
	margin-top:50px;
	top:3em;
	font-family: arial, verdana, sans-serif;
	font-size:9pt;
	padding:1.5em 0 0px 0; 
	background:transparent url(img/shade_bottom.gif) repeat-x left top; 
	border:solid 0px;
	text-align: center; 
}

#bottomdiv a{
	cursor:pointer;
	text-decoration:none;
	color:black;
}

#bottomdiv a:hover{
	color:red;
}

#producto{
	background:url(img/producto_fondo.gif) no-repeat;
	background-position:top left;
	height:583px;
}

#producto .nombreempresa
{
	position:absolute;
	left:300px;
	top:17px;
	font-family: arial, verdana, sans-serif;
	font-size:36pt;
	color:#000099;
}

#producto .nombre
{
	position:absolute;
	overflow:hidden;
	left:100px;
	top:105px;
	font-family: arial, verdana, sans-serif;
	font-size:32pt;
	color:#006666;

}

#producto .imagen
{
	position:absolute;
	overflow:hidden;
	width:250px;
	height:300;
	left:120px;
	top:210px;
	border:solid 0px;
}

#producto .descripcion
{
	position:absolute;
	overflow:hidden;
	width:247px;
	height:280;
	left:400px;
	top:200px;
	font-family: arial, verdana, sans-serif;
	font-size:10pt;
	color:#003366;
	border:solid 0px;
}

#producto .presentacion
{
	position:absolute;
	overflow:hidden;
	width:247px;
	height:20px;
	left:400px;
	top:480px;
	font-family: arial, verdana, sans-serif;
	font-size:10pt;
	color:#003366;
	border:solid 0px;
}

#producto .footer
{
	position:absolute;
	overflow:hidden;
	left:80px;
	top:550px;
	font-family: arial, verdana, sans-serif;
	font-size:10pt;
	color:#003366;

}