html {
	margin:0;
	padding:0;
	font-family: helvetica, verdana, arial, sans-serif;
	background-color:#53494A;
}
body {
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#53494A;
}
input {
   
}
input:hover {
   cursor:pointer;
}
.menusup {
	margin:0;
	padding:0.5em 0 0.5em 0;
	top:0;
	width:100%;
	text-align: center;
	font-size:0.75em;
	width:100%;
}
@media print {
 .menusup {
   display:none;
 }
}
.menusup1 a{
   padding: 0 1em 0 1em;
   background:#EEEEFF;
   border: 1px solid #000066; 
   color: #000066;
   text-decoration: none; 
}
.menusup1 a:hover {
   color: #FFFFFF;
	background:#0000FF;
   text-decoration:underline;
}
.menusup2 a{
   padding: 0 1em 0 1em;
   background:#EEFFFF;
   border: 1px solid #006666; 
   color: #006666;
   text-decoration: none; 
}
.menusup2 a:hover {
   color: #FFFFFF;
	background:#00FFFF;
   text-decoration:underline;
}
.menusup3 a{
   padding: 0 1em 0 1em;
   background:#EEFFEE;
   border: 1px solid #006600; 
   color: #006600;
   text-decoration: none; 
}
.menusup3 a:hover {
   color: #FFFFFF;
	background:#00FF00;
   text-decoration:underline;
}
.menusup4 a{
   padding: 0 1em 0 1em;
   background:#FFFFEE;
   border: 1px solid #666600; 
   color: #666600;
   text-decoration: none; 
}
.menusup4 a:hover {
   color: #FFFFFF;
	background:#FFFF00;
   text-decoration:underline;
}
.menusup5 a{
   padding: 0 1em 0 1em;
   background:#FFEEDD;
   border: 1px solid #663300; 
   color: #663300;
   text-decoration: none; 
}
.menusup5 a:hover {
   color: #FFFFFF;
	background:#FFCC00;
   text-decoration:underline;
}
.menusup6 a{
   padding: 0 1em 0 1em;
   background:#FFEEEE;
   border: 1px solid #660000; 
   color: #660000;
   text-decoration: none; 
}
.menusup6 a:hover {
   color: #FFFFFF;
	background:#FF0000;
   text-decoration:underline;
}
.cabecera {
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}
.logotipo {
   margin:0;
   padding:0;
   position:relative;
   left:5%;
   width:10%;
}
.logotipo img {
	
}
.titulo {
	margin:0;
	padding:0;
	left:0;
	width:80%;
	text-align: center;
	font-size:3em;
	color:#FFFFFF;
	font-family:Comic Sans, Comic Sans MS, cursive;
	font-style:italic;
}
.cabecera h4 {
   margin:0;
   padding:0;
   font-size:0.8em;
   position:relative;
	top:-3.5em;
	width:96%;
   text-align:right;
   color:#000080;
}
.mascota {
   position:absolute;
   top:2em;
   left:78%;
   width:18%;
}
.mascota img {
   position:relative;
   width:45%;
 }
.cabecera h5 {
   margin:0;
   padding:0;
   font-size:0.8em;
   position:relative;
   top:-3.5em;
   left:35%;
   color:#FF9999;
}
.cuerpo {
	margin: 0;
	padding:0;
	position:relative;
	top: 0%;
	width:100%;
}
.menuizq{
	text-align:left;
	font-family:Comic Sans MS, helvetica, verdana, arial, sans-serif;
	color:#006600;
	border:2px solid #006600;
}
@media print {
 .menuizq {
   display:none;
 }
}
.grupomenuizq {
   text-align:left;
  
}
.grupomenuizq h4{
	margin:0;
	padding:0;
	position:relative;
	left:0;
	width:100%;
	font-weight:normal;
	color:#006600;
	background:#FFFFFF;
	border-bottom:1px solid #006600;
   text-align:center;
}
td.menuizq a{
   text-decoration: none;
}
div.menuizq a:hover {
   color:#FFFFFF;
   cursor:pointer;
   background:#99CC66;
}
img {
   border:0;
 }
.opcionizq {
	margin:0;
	padding:0;
	position:relative;
}
div.opcionizq:hover {
   background-color:#a5de6d;
}
td.menuizq0 {
   background-color:#FFEEFF;
}
td.menuizq0 a{
   color:#FF00FF;
}
td.menuizq0 a:hover {
   color:#FFFFFF;
   background-color:#FF00FF;
}
div.opcionizq0:hover {
   color:#FFFFFF;
   background-color:#FF00FF;
}
td.menuizq1{
   color:#0000FF;
   background-color:#EEEEFF;
}
td.menuizq1 a{
   color:#0000FF;
}
td.menuizq1 a:hover {
   color:#FFFFFF;
   background-color:#0000FF;
}
div.opcionizq1:hover {
   color:#FFFFFF;
   background-color:#0000FF;
}
td.menuizq2 {
   background-color:#EEFFFF;
}
td.menuizq2 a{
   color:#00FFFF;
}
td.menuizq2 a:hover {
   color:#FFFFFF;
   background-color:#00FFFF;
}
div.opcionizq2:hover {
   color:#FFFFFF;
   background-color:#00FFFF;
}
td.menuizq3 {
   color:#00FF00;
   background-color:#EEFFEE;
}
td.menuizq3 a{
   color:#00FF00;
}
td.menuizq3 a:hover {
   color:#FFFFFF;
   background-color:#00FF00;
}
div.opcionizq3:hover {
   color:#FFFFFF;
   background-color:#00FF00;
}
td.menuizq4 {
   color:#FF6600;
   background-color:#FFEEDD;
}
td.menuizq4 a{
   color:#FF6600;
}
td.menuizq4 a:hover {
   color:#FFFFFF;
   background-color:#FF6600;
}
div.opcionizq4:hover {
   color:#FFFFFF;
   background-color:#FF6600;
}
td.menuizq5 {
   color:#FF0000;
   background-color:#FFEEEE;
}
td.menuizq5 a{
   color:#FF0000;
}
td.menuizq5 a:hover {
   color:#FFFFFF;
   background-color:#FF0000;
}
div.opcionizq5:hover {
   color:#FFFFFF;
   background-color:#FF0000;
}
.hoja {
   padding:0;
	text-align: left;
	background:#FFFFFF;
	width:100%;
}
@media print {
 .hoja {
   left:0;
   width:100%;
 }
}
.contenido {
	left:2%;
	width:100%;
	text-align: left;
	background:#FFFFFF;
}
.tituloindice {
   position:relative;
   width:100%;
	background:#EEFFDD;
	color:#006600;
}
.tituloindice h2 {
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}
.tituloindice h3 {
	margin:0;
	padding:0;
	position:relative;
	left:5%;
}
.tituloindice h4 {
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}
.filafamilias {
	margin:0;
	padding:0;
	position:relative;
	left:2%;
	width:98%;
}
.familia {
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}
.familia img {
   margin:0;
   padding:0;
	border:1px solid #3399CC;
;
}
.familia a {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}
.familia a:hover {
	background:#CCFFCC;
}
.filaart {
	margin:0;
	padding:0;
	position:relative;
	left:2%;
	width:98%;
}
.art {
	margin:0;
	padding:0;
	position:relative;
	width:20%;
	text-align:center;
}
.art img {
	border:1px solid #3399CC;
}
.art a{
	color:#000000;
	text-decoration:none;
	font-size:12px;
}
.art a:hover {
	background:#EEFFDD;
}
.art h4 {
   color:#006600;
   margin:0;
   padding:0;
}
.artdetalle {
	text-align:center;
}
.artdetalle th {
   background-color:#CCFFCC;
}
.artdetalle td {
   width:25%;
}
.campo {
   border:1px solid #99FF99;
}
.descripcionart {
	position:relative;
	left:3%;
	text-align:left;
}
.artpie {
	margin:1px;
	position:relative;
	text-align:center;
}
.precioartdetalle {
	padding:1px;
	position:relative;
	top:0;
	left:35%;
	width:25%;
	text-align:right;
}
.totalpedido {
	padding:1px;
	position:relative;
	width:100%;
	font-weight:bold;
	text-align:right;
}
.comprar a{
	margin:1px;
	padding:0 1em 0 1em;
	color:#000000;
	text-decoration:none;
	border:1px solid;
}
.comprar a:hover {
	background:#DDDDDD;
}
.datosusr {
	margin:2%;
	padding:2%;
	border:1px solid;
	text-align:center;
}
.seccion {
	margin:1em;
	padding:0 2em 0 2em;
	border:1px solid #ffffff;
	text-align:justify;
}
.seccion img { 
 
}
.colder {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:80%;
	width:19%;
	color:#006600;
}
@media print {
 .colder {
   display:none;
 }
}
.coldertxt {
   margin:0;
   padding:0;
   position:relative;
   left:5%;
   width:90%;
}
.pedido {
	margin:0;
	padding:1em 0 0 0;
	position:relative;
	width:100%;
}
.pedido h4 {
	margin:0;
	padding:0;
	text-align:center;
	font-weight:bold;
	width:100%;
	font-family:Comic Sans MS, helvetica, verdana, arial, sans-serif;
	color:#FFFFFF;
	background:#93dd4a;
}
.paquete {
	margin:0;
	padding:0;
	left:0;
	width:100%;
	border:1px solid #006600;
	text-align:right;
	font-size:0.8em;
}
.paquete img {
	width:100%;
}
.total {
	text-align:right;
}
.botones {
	margin:0;
	padding:0;
	position:relative;
	width:100%;
}
.boton {
	margin:1px;
	padding:0;
	width:50%;
	text-align:center;
}
.boton a {
	margin:0;
	padding:0 1em 0 1em;
	position:relative;
	width:50%;
   color: #000000;
   text-decoration: none;
	border:1px solid;
}
.boton a:hover {
	background:#DDDDDD;
	border:1px solid #999999;
}
.novedad {
	margin:1em 0 0 0;
	padding:0;
	width:100%;
	text-align:center;
	font-family:Comic Sans MS, helvetica, verdana, arial, sans-serif;
   border:2px solid #006600;
}
.novedad h4 {
	margin:0;
	font-weight:normal;
	color:#006600;
	background:#FFFFFF;
	border-bottom:1px solid #006600;
}
.descargacatalogo {
	margin:1em 0 0 0;
	padding:0;
	width:100%;
	text-align:center;
	font-family:Comic Sans MS, helvetica, verdana, arial, sans-serif;
}
.descargacatalogo a {
	color:#CC6600;
	text-decoration:none;
}
.descargacatalogo a:hover{
	text-decoration:underline;
}
.garantia {
	margin:1em 0 0 0;
	padding:0;
	width:100%;
	text-align:center;
	text-decoration:none;
	font-family:Comic Sans MS, helvetica, verdana, arial, sans-serif;
}
.garantia a {
	color:#CC0000;
	text-decoration:none;
}
.garantia a:hover{
	text-decoration:underline
}
.pie_hoja {
   position:relative;
   text-align:left;
   font-size:0.6em;
   color:#666666;
   width:100%;
   border-top:1px solid #666666;
}
.pie_postal {
   position:relative;
   top:0;
   left:0;
   width:49%;
   text-align:right;
}
.pie_contacto {
   position:absolute;
   top:0;
   left:51%;
   width:40%;
   text-align:left;
}

/* estilos nuevos V2*/
a{
color:#FF9900;
}
p{
font-size:12px;
font-family:verdana;
color:#000000;
}
h1{
font-size:16px;
font-family:verdana;
margin:25px;
color:#3399CC;
}
h2{
font-size:12px;
font-family:verdana;
color:#3399CC;
}
ul {
font-size:12px;
font-family:verdana;
color:#000000;
}

.link2{
color:#EE7900;
font-size:12px;
font-family:century gothic,arial;
font-weight:bold;
text-decoration:none;
}
.link2:hover{
text-decoration:underline;
}

.menuizq_2{
	font-family:Verdana;
	color:#006600;
	font-size:12px;
	border:1px solid #6699CC;
	background-color:#FFFFFF;
}

.infDetTit {
		font-family:verdana; 
		font-size:13px; 
		color:#FF9900; 
		cursor:pointer;
		/*background-color:#F9F3E3;*/
		background-image:url(/img/deco2.gif);
		padding-left:25px;
		padding-right:25px;
		height:29px;
		width:100%;
}


.infDet{ 
		padding:25px;
		font-family:verdana; 
		font-size:13px; 		
}

.position{
	margin-left:25px;
	margin-right:25px;
	border:1px #cccccc solid;
	overflow: auto;
	clear: none; 

}

.box_Subposition{
	background-color:#cccccc;

}
.box_opt
{
	overflow: auto;
	background-color:#F9F3E3;
	padding:10px;
	border-bottom:solid 1px #cccccc;
	clear: both;
	cursor:pointer;
}
.box_opt_des
{
	overflow: auto;
	background-color:#E8E8E8;
	padding:10px;
	border-bottom:solid 1px #cccccc;
	clear: both;
	cursor:pointer;
}

.optRec{
		background-color:#FF9900;
		font-family:verdana; 
		font-size:12px; 	
		font-weight:bold;	
		color:#FFFFCC;
		width:15px;
		height:15px;
		text-align:center;
}

.box_opt .optRec{
		background-color:#FF9900;
		font-family:verdana; 
		font-size:12px; 	
		font-weight:bold;	
		color:#FFFFCC;
		width:15px;
		height:15px;
		float:left;
		text-align:center;
		margin-right:10px;
}

.box_opt_des .optRec{
		background-color:#cccccc;
		font-family:verdana; 
		font-size:12px; 	
		font-weight:bold;	
		color:#FFFFCC;
		width:15px;
		height:15px;
		float:left;
		text-align:center;
		margin-right:10px;
}
.box_opt .optNor{
		font-family:verdana; 
		font-size:12px; 	
		font-weight:bold;
		color:#FF9900;
		height:15px;
}

.box_opt_des .optNor{
		font-family:verdana; 
		font-size:12px; 	
		font-weight:bold;
		color:#cccccc;
		height:15px;
}

.box_column{
	background-color:#D9E5EE;
}

.box_content{
	overflow: auto;
	clear: none;
}


.optTit{
		font-family:verdana; 
		font-size:12px; 
		padding:5px;
		text-align:center;
		background-image:url(/img/deco3.gif);
}

.cell1{
		font-family:verdana; 
		font-size:12px; 
		background-color:#FFFFFF;
		padding:5px;
		text-align:center;
}

.btn1{
 background:transparent url(/img/btn1.gif);
 border:0px; color:#FFFFFF; font-weight:bold;
 font-size:12px;
 font-family:verdana;
 margin-bottom:25px;
 margin-top:25px;
 text-decoration:none;
 cursor:pointer;
}

.btn2{
 background:#F9F3E3;
 border:1px #cccccc solid; font-weight:bold;
 font-size:12px;
 font-family:verdana;
 margin-bottom:25px;
 text-decoration:none;
 cursor:pointer;
 color:#FF9900;
}

.etapa1{
background-color:#FBFAF6;
padding-bottom:25px;
padding-top:25px;
display:block;
}


.etapa2{
background-color:#FBFAF6;
padding:25px;
display:none;
overflow:auto;
}

.etapa2 td{
padding-right:20px;
}

.etapa2 label{
font-family:verdana;
color:#999999;
font-size:11px; font-weight:bold;
}
.etapa2 input{
font-family:verdana;
font-size:11px;
}
.etapa2 select{
font-family:verdana;
font-size:11px;
}
.etapa2 span{
font-family:verdana;
font-size:11px;
color:#000000;
}
.errorBox{
background-color:#FBFAF6; text-align:left;
position:absolute;
width:500px;
font-family:verdana; font-size:12px;
padding:25px;
border:#CC3300 1px solid;
top:-15px;
}

.layerTrans{
background-color:#ffffff; text-align:center;
vertical-align:middle;
position:absolute;
top:0px;
}

.errorInput{
border:solid #CC3300 1px;
}