/* CSS Document */
body  {
	background-color: #666666;
	background-repeat: repeat;
}
#contenedor {
    background-color: #666666;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Helvetica", "Arial", "Sans-Serif";
	margin-top: 0px;
	margin-bottom: 0px;
}
#arriba {
	width: 900px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#arriba img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#barra {
	background-color: #666666;
	height: 25px;
	width: 900px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FA0064;
	border-bottom-width: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#barra img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#barra_i{
 	width: 780px;   
	height: 25px;
	padding: 5px;
	text-decoration: none;
	font-size: 12px;
	float: left;
}
#barra_i a{
	background-color: #666666;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	margin-left: 10px;
}
#barra_i a:hover{
	background-color: #666666;
	color: #FE0069;
	text-decoration: none;
	font-size: 12px;
	margin-left: 10px;
}
.barra_d{
	height: 18px;
	padding: 5px;
	text-decoration: none;
	background-color: #FE0069;
	color: #FFFFFF;
	font-size: 12px;
	width: 100px;
	float: left;
	text-align: center;
}
.barra_d a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.barra_d a:hover{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.barra_d a:visited{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
#barra_conexion{
	height: 20px;
	float: right;
	font-size: 10px;
	display: inline;
	padding-left: 720px;
	color: #FFFFFF;
	text-align: right;
	padding-top: -12px;
}
#barra_conexion a{
	color: #FFFFFF;
	text-decoration: none;
}
#barra_conexion a:hover{
	color:  #FE0069;
	text-decoration: none;
}
#barra_conexion h1{
	font-size: 18px;
	color: #FFFFFF;
	display: inline;
	padding-right: 500px;
}
#centro {
	background-color: #666666;
	height: 360px;
	width: 900px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #FFFFFF;
}
.p1 {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
}
.p2 {
	color: #FFFFFF;
	font-size: 25px;
	margin: 0px;
}
.s1 {
	color: #FE0069;
}
#about_i {
	width: 380px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#about_i p {
	color: #FFFFFF;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
}
.bodytext {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #006E82;
	font-size: 14px;
}
.marca {
	color: #FE0069;
	font-weight: bold;
}
.bodytext2 {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #006E82;
	font-size: 14px;
}
.pagename {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #FFFFFF;
	font-size: 24px;
}
#abajo {
	float: left;
}

.texto_der {
	color: #FFFFFF;
	float: left;
}
#izq {
	float: left;
	height: 380px;
	width: 125px;
	color: #FFFFFF;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 20px;
	font-weight: bolder;
	text-transform: uppercase;
}
#izq h2 {
	color: #FFFFFF;
	font-size: 12px;
}
#izq li {
	text-decoration: none;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

#izq ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#izq a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#izq a:hover {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FE0069;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#izq a:active{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FE0069;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#izq2 {
	float: left;
	height: 350px;
	width: 135px;
	padding-top: 40px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 18px;
}
#izq2 h2 {
	color: #FFFFFF;
	font-size: 12px;
}
#izq2 li {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FFFFFF;
}

#izq2 ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#izq2 a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#izq2 a:hover {
	color: #FE0069;
}
#cen {
	float: left;
	height: 350px;
	width: 450px;
	color: #FFFFFF;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#cen h2 {
   color: #FE0069;
	font-size: 18px;
}
#cen ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}
#cen li {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	display: inline;	
}

#cen a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#cen p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#cen table {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
	display: inline;
}
#cen td {
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#cen2 {
	float: left;
	height: 350px;
	width: 731px;  /*735 originalmente */
	color: #FFFFFF;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#cen2 h2 {
	color: #FE0069;
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#cen2 ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	display: inline;	
}
#cen2 li {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	display: inline;	
}

#cen2 a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#cen2 p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
/*aqui esta contenido productos de matias y el otro ke no tiene mi nombre es para el footer */
.producto_de_matias ul li table {
	margin: 0px ;
	padding: 0px ;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
	display: inline;
	width:auto;
	float:left;
}
#cen2 table { 
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
	display:inline;
	position:relative;
	
}
#cen2 td {
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#cen3 {
	float: left;
	padding: 10px;
	color: #FFFFFF;
}
#cen3 h2 {
	color: #FFFFFF;
	font-size: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#cen3 p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#cen3 table {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
	display: inline;
}
#cen3 td {
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#producto {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
	display: block;
}
#der {
	float: left;
	width: 265px;
	color: #FFFFFF;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#der ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	float: left;
	display: block;
}
#der li {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	display: block;
}
#der a {
	text-decoration: none;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
#der p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#der table {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#der2 {
	float: right;
	width: 580px;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#der2 ul {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	float: left;
}
#der2 li {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;	
}

#der2 a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#der2 p {
	margin: 6px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#der2 table {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-family: "Helvetica", "Arial", "Sans-Serif";
}
#der_ancho {
	float: left;
	width: 570px;
	padding: 10px;
	color: #FFFFFF;
}
#der_ancho a {
	color: #FFFFFF;
}
#der_ancho a:hover {
	color: #FFFFFF;
}
#der_ancho h1 {
	color: #FFFFFF;
	font-size: 18px;
}
#der_ancho h2 {
	color: #FE0069;
	font-size: 18px;
}
#der_ancho input {
	color: #000000;
	font-size: 14px;
}
#der_ancho td {
	color: #FFFFFF;
	font-size: 14px;
}
.foto {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.warning {
	color: #FE0069;
	font-size: 14px;
}
.der1 {
	float: left;
	background-color: #FFFFFF;
	color: #000000;
	width: 220px;
}
.normal{
	font-family:  "Helvetica", "Arial", "Sans-Serif";
	display: inline;
}
.normal a{
	display: inline;
	font-size: 10px;
}
.normal a button{
	font-size: 8px;
}

.descripcion {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #01414D;
	font-size: 16px;
	font-weight: bolder;
}
.observaciones {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #01414D;
	font-size: 12px;
}
.observaciones p {
	padding-right: 6px;
	border-right-width: 4px;
}
.precio {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #4396A8;
	font-size: 18px;
}
.chicas {
	color: #E0DFE3;
	font-size: 8px;
	font-style: italic;
}
.errores {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FF0000;
}
.notas {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	font-size: 12px;
	color: #FF9999;
}
h1 {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #000000;
	font-size: 16px;
}
h7 {
	font-family:  "Helvetica", "Arial", "Sans-Serif";
	font-size: 12px;
	font-weight: bold;
	color: #FF0066;
}
h2 {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #000000;
	font-size: 16px;
}
h20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.label {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}
.prop {
	height: 430px;
	float:right;
	width:1px;
}
.tp{
	font-size: 12px;
	text-decoration: none;
	color: #CCCCCC;
}
.tp a{
	font-size: 12px;
	text-decoration: underline;
	color: #FE0069;
}
.tp a:hover {
	font-size: 12px;
	text-decoration: underline;
	color: #FE0069;
}
.tp a:visited {
	font-size: 12px;
	text-decoration: underline;
	color: #FE0069;
}
.chica{
	font-size: 6px;
	text-decoration: none;
	color: #FE0069;
	float: right;
	font-style: oblique;
}
.chica a, .chica a:hover, .chica a:visited {
	font-size: 6px;
	text-decoration: underline;
	color: #FE0069;
}
#foot {
	float: left;
	background-color: #666666;
	height: 25px;
	width: 900px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#foot a {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	color: #E0DFE3;
	font-size: 12px;
	text-decoration: none;
}
#foot a:hover {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	font-size: 12px;
	text-decoration: none;
}
#foot a:visited {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	font-size: 12px;
	text-decoration: none;
}
#foot_tienda {
	background-color: #666666;
	height: 25px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FA0064;
	border-bottom-width: 0px;
	padding: 0px;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -145px;
	clear:both; /*este es un agregado */
}
#foot_tienda a {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
#foot_tienda a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
#foot_tienda a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
#foot_tienda2 {
	float: left;
	background-color: #666666;
	height: 25px;
	width: 900px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FA0064;
	border-bottom-width: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
#foot_tienda2 a {
	font-family: "Helvetica", "Arial", "Sans-Serif";
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

#derechos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 10px;
	text-align: right;
	width: 900px;
	float: left;
}
#derechos a{
	color: #FFFFFF;
	text-decoration: none;
}
#derechos a:hover{
   color: #FFFFFF;
}
#derechos a:visited{
   color: #FFFFFF;
}#tiendas {
	padding-top: 10px;
	height: 50px;
	float: left;
	width: 900px;
}
#maat {
	background-image: url(../images/maat.gif);
	float: left;
	height: 30px;
	width: 90px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#maat a {
	background-image: url(../images/maat.gif);
	float: left;
	height: 30px;
	width: 90px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#maat a:hover {
	background-image: url(../images/maat.gif);
	float: left;
	height: 30px;
	width: 90px;
	background-position: 0px -30px;
	background-repeat: no-repeat;
}
#comodo {
	background-image: url(../images/comodo.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 80px;
}
#comodo a {
	background-image: url(../images/comodo.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 80px;
}
#comodo a:hover {
	background-image: url(../images/comodo.gif);
	background-position: 0px -30px;
	float: left;
	height: 30px;
	width: 80px;
}
#huma {
	background-image: url(../images/huma.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 80px;
}
#huma a {
	background-image: url(../images/huma.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 80px;
}
#huma a:hover {
	background-image: url(../images/huma.gif);
	background-position: 0px -30px;
	float: left;
	height: 30px;
	width: 80px;
}
#lasanta {
	background-image: url(../images/lasanta.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 85px;
	background-repeat: no-repeat;
}
#lasanta a {
	background-image: url(../images/lasanta.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 85px;
	background-repeat: no-repeat;
}
#lasanta a:hover {
	background-image: url(../images/lasanta.gif);
	background-position: 0px -30px;
	float: left;
	height: 30px;
	width: 85px;
	background-repeat: no-repeat;
}
#mavi {
	background-image: url(../images/mavi.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 80px;
}
#mavi a {
	background-image: url(../images/mavi.gif);
	background-position: 0px 0px;
	float: left;
	height: 30px;
	width: 80px;
}
#mavi a:hover {
	background-image: url(../images/mavi.gif);
	background-position: 0px -30px;
	float: left;
	height: 30px;
	width: 80px;
}