body {
	background-color: #F7F7F7;
	font: 75%/1.3333 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}


#page {
	background-color: #FFFFFF;
    border-bottom: 2px solid #D9D9D9;
	border-right: 2px solid #D9D9D9;
	border-left: 2px solid #D9D9D9;
    border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	margin: auto;
    padding: 0 15px 5px;
    position: relative;
	width: 983px;
	height:auto;
}



#cabeza{
	width: 953px;
	height:24px;
	border-bottom:1px solid #D9D9D9;
	color:#999;
	font-size:10px;
	padding-top:5px;
}
#ca1{
	width:90px;
	height:16px;
	line-height:16px;
	border-right:1px solid #D9D9D9;
	position:relative;
	float:left
}
#busca{
	width:50px;
	height:16px;
	line-height:16px;
	position:relative;
	float:left;
	padding-left:10px
}
#cuadro{
	width:140px;
	height:14px;
	border:1px solid #D9D9D9;
	position:relative;
	float:left;
}
#go{
	width:50px;
	height:16px;
	line-height:16px;
	position:relative;
	float:left;
	padding-left:10px;
	background-image:url(../imagenes/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	margin-left:8px
}
#worldwide{
	width:80px;
	height:21px;
	line-height:21px;
	position:relative;
	float:right;
	background-color:#eee;
	text-align:center;
	margin-top:-5px;

}
#logos{
	width: 953px;
	height:80px;
	border-bottom:2px solid #999
}

#logo_mexico{
	width: 290px;
	height:80px;
	background-image:url(../imagenes/heraeus.jpg);
	float:left
}
#logo{
	width: 222px;
	height:45px;
	background-image:url(../imagenes/logo.jpg);
	float:right;
	margin-top:15px;
	margin-right:190px
}

#contenido{
	width: 953px;
	padding-top:20px;
	padding-bottom:50px

}

#menu{
	width: 250px;
	height:auto;
	position:relative;
	float:left;
	margin-left:-15px
}

#productos{
	width: 650px;
	height:auto;
	margin-left:10px;
	position:relative;
	float:left;
	margin-top:-10px;
	padding-left:50px;
}

.por{
	width: 165px;
	height:25px;
	line-height:25px;
	padding-left:25px;
	background-position:9px 7px;
	background-repeat:no-repeat;
	background-image:url(../imagenes/lupa.png);
	background-position:4px 4px;
	background-repeat:no-repeat;
	cursor:pointer
}
.por:hover{
	background-color:#EEE
}

.botones{
	width: 220px;
	height:25px;
	border-bottom:1px solid #D9D9D9;
	line-height:25px;
	padding-left:25px;
	background-image:url(../imagenes/flecha.png);
	background-position:9px 7px;
	background-repeat:no-repeat;
	cursor:pointer
}
.botones:hover{
	color:#99b833;
}
.botones2{
	width: 220px;
	height:25px;
	border-bottom:1px solid #D9D9D9;
	line-height:25px;
	padding-left:25px;
	background-image:url(../imagenes/flecha2.png);
	background-position:5px 10px;
	background-repeat:no-repeat;
	color:#39ba00;
	background-color:#F0F0F0;
	position:absolute;
	left:0px
}
.verde{
	width: 5px;
	height:27px;
	position:absolute;
	background-color:#99b833;
	left:-6px;
	margin-top:-1px
}

.bt_texto{position:absolute;}

.subbotones{
	width: 210px;
	height:19px;
	line-height:19px;
	padding-left:25px;
	margin-left:10px;
	cursor:pointer;
	color:#666;
	font-size:11px
}
.subbotones:hover{
	color:#99b833;
}


.subbotones2{
	width: 155px;
	height:25px;
	line-height:25px;
	padding-left:25px;
	color:#fff;
	margin-left:10px;
	background-color:#99b833;
	position:absolute;
	left:0px
}

#pie{
	width: 953px;
	height:20px;
	border-top:1px solid #D9D9D9
}

.producto{
	width: 240px;
	height:240px;
	position:relative;
	float:left;
	margin:8px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}

.cats{
	width: 180px;
	height:180px;
	position:relative;
	float:left;
	margin:15px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	cursor:pointer
}
.imagen{
	width: 240px;
	height:194px;
	position:absolute;
	overflow:hidden
}

.texto{
	width: 174px;
	height:40px;
	position:absolute;
	margin-top:150px;
	padding-top:6px;
	padding-left:6px;
}
.texto2{
	width: 234px;
	height:40px;
	position:absolute;
	margin-top:194px;
	padding-top:6px;
	padding-left:6px;
	left: 44px;
	top: 54px;
}
.carrito{
	width: 20px;
	height:20px;
	position:absolute;
	background-image:url(../imagenes/carrito.png);
	left: 211px;
	top: 13px;
	cursor:pointer
}

#carro{
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url(../imagenes/carro.png);
	left: 878px;
	top: 59px;
}
#como{
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url(../imagenes/como.png);
	left: 917px;
	top: 59px;
}
#numero{
	width: 30px;
	position: absolute;
	font-size: 12px;
	color: #CCC;
	left: 784px;
	top: 76px;
	text-align: right
}
#numero2{
	position: absolute;
	font-size: 12px;
	color: #CCC;
	left: 823px;
	top: 76px;
	text-align: right
}
.texto_tipos{
	position:relative; float:left; width:409px;
}
.texto_precios{
	position:relative; float:left; width:100px; margin-left:20px
}
.carrito2{
	width: 20px;
	height:20px;
	position:relative;
	float:left;
	margin-left:20px;
	background-image:url(../imagenes/carrito.png);
	cursor:pointer
}
.mas{
	width: 20px;
	height:20px;
	position:absolute;
	background-image:url(../imagenes/mas.png);
	left: 150px;
	top: 4px;
	cursor:pointer
}
.edd{
	width: 24px;
	height: 24px;
	position: absolute;
	background-image: url(../imagenes/editar.png);
	left: 150px;
	top: 2px;
	cursor: pointer
}
.editar{
	width: 24px;
	height:24px;
	position:absolute;
	background-image:url(../imagenes/editar.png);
	left: 175px;
	top: 11px;
	cursor:pointer
}
.borrar{
	width: 19px;
	height:25px;
	position:absolute;
	background-image:url(../imagenes/borrar.png);
	left: 205px;
	top: 11px;
	cursor:pointer
}


.descripcion{
    width: auto; 
    height: auto;
    background:#fff;
    position: absolute;
    top: 20px;
    left: 0px;
    padding: 6px;
    max-width: 180px;
    color: #353535;
    font-size: 12px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	background-color:#FBFBFB
}

#pie1, #pie2, #pie3, #pie4{
	height:16px;
	line-height:16px;
	position:relative;
	float:left;
	color:#999;
	font-size:10px;
	margin-top:4px
}
#pie_impimir{
	width:290px;
	height:15px;
	position:relative;
	float:right;
	background-image:url(../imagenes/telephone.png);
	background-repeat:no-repeat;
	padding-left:22px;
	margin-top:5px;
	text-align:left
}
.cerrar{
	width:15px;
	height:15px;
	position:absolute;
	background-image:url(../imagenes/cerrar.png);
	cursor:pointer;
	top: 12px;
	left: 602px;
}
.agr{
	width:20px;
	height:20px;
	position:absolute;
	background-image:url(../imagenes/arr.png);
	cursor:pointer;
	top: 12px;
	left: 602px;
}
#carrito{
	position:absolute;
	width:316px;
	height:auto;
	background-color:#FFF;
	left: 662px;
	top: 99px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}
#funciona{
	position:absolute;
	width:316px;
	height:auto;
	background-color:#FFF;
	left: 662px;
	top: 99px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}
#agregado{
	position:absolute;
	width:260px;
	height:auto;
	background-color:#FFF;
	left: 662px;
	top: 99px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}
#dis_t{
	position:absolute;
	width:716px;
	height:auto;
	background-color:#FFF;
	left: 162px;
	top: 99px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}
#avi_t{
	position:absolute;
	width:716px;
	height:auto;
	background-color:#FFF;
	left: 162px;
	top: 99px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}
#edi_t{
	position:absolute;
	width:380px;
	height:auto;
	background-color:#FFF;
	left: 362px;
	top: 149px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}
#negro{
	background-color:#000; width:100%; height:100%; position:fixed; top:0%; left:0%; opacity:0.5
	}
#negro2{
	background-color:#000; width:100%; height:100%; position:fixed; top:0%; left:0%; opacity:0.5
	}
	#negro3{
	background-color:#000; width:100%; height:100%; position:fixed; top:0%; left:0%; opacity:0.5
	}
#blanco{
	position:fixed; background-color:#FFF; width:630px; height:430px; left:50%; margin-left:-300px; top:50%; margin-top:-210px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	}
	
#blanco2{
	position:absolute; background-color:#FFF; width:630px; height:430px;
	}
	
	#blancoBorrar{
	position:fixed; background-color:#FFF; width:300px; height:430px; left:50%; margin-left:-160px; top:50%; margin-top:-210px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	}
	#blancoEditar{
	position:fixed; background-color:#FFF; width:1020px; height:630px; left:50%; margin-left:-510px; top:50%; margin-top:-315px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	}
	
#blanco2Borrar{
	position:absolute; background-color:#FFF; width:300px; height:430px;
	}
#blanco2Editar{
	position:absolute; background-color:#FFF; width:1020px; height:430px;
	}
	
#blanco3{
	position:fixed; background-color:#FFF; width:300px; height:120px; left:50%; margin-left:-150px; top:50%; margin-top:-75px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
	text-align:center;
	padding-top:30px;
	}
#sobre{
	width:30px;
	height:25px;
	position:absolute;
	background-image:url(../imagenes/sobre.png);
	}
	
.tex1{
	position:relative;
	float:left;
	width:230px; height:15px; overflow:hidden

}	
	
.clearing{
      clear:both;
   }
   .portada{
	position:relative; float:left; width:265px; height:400px;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
	color:#99b833;
	font-size:13px;
	cursor:pointer
}

#ag_categoria{
	background-color:#3FC135; width:120px; height:25px; color:#FFFFFF; line-height:25px; padding-left:15px; margin-left:35px; cursor:pointer
}
#ag_categoria2{
	background-color:#3FC135; width:120px; height:25px; color:#FFFFFF; line-height:25px; padding-left:15px; margin-left:35px; cursor:pointer
}
.ag_subcategoria{
	background-color:#909090; width:125px; height:20px; color:#FFFFFF; line-height:20px; padding-left:15px; margin-left:35px; font-size:11px; margin-bottom:5px; cursor:pointer
}
.ag_subsubcategoria{
	background-color:#5B5B5B; width:105px; height:18px; color:#FFFFFF; line-height:18px; padding-left:15px; margin-left:35px; font-size:9px; margin-bottom:5px; cursor:pointer
}
.ag_subsubsubcategoria{
	background-color:#3B3B3B; width:105px; height:18px; color:#FFFFFF; line-height:18px; padding-left:15px; margin-left:35px; font-size:9px; margin-bottom:5px; cursor:pointer
}