body{background: #E6EAF1}

h1{margin-top: 20px; margin-left: 10px; text-align: left; font: bold 16px arial,tahoma; color:#628ebc; text-transform: capitalize;}
h2{margin-top: 15px; text-align:center; font: bold 12px arial,tahoma; color:#BCBEC1}
#cabecera{height:72px; width:730px;}
#cuerpo{ font:normal 11px arial, tahoma; color: #8697AC;width: 950px;}
#pie{background: url(/imagenes/partedcha.gif) repeat-y; background-position:right; background-color:#F3F4F6;}
.mensaje{background-color:#ffffff; padding:5px 10px; margin:10px 30px 5px; border: 1px solid #B1C4DF;}
a {text-decoration:none; color:#628EBC; font-weight:bold;}
a:hover {color:#B1C4DF;}
span.alt{display:none}

#central{background: #F3F4F6 url(imagenes/central.gif) no-repeat; background-position: left top; width:570px; font: normal 12px arial,tahoma; color:#8697AC}
#cuadroazul{background: #f3f4f6; width: 160px;}
#centraltienda{background:url(/imagenes/repeticion.gif) repeat-y; width: 177px}

#cabecera .menu2{height: 15px;font:normal 6px arial; }
#cabecera .menu2 a{margin-right: 15px;display: block; background-position: left top; background-repeat: no-repeat; height: 15px; text-decoration: none; }
#cabecera .menu2 a:hover{display: block; background-position: 0px -15px; background-repeat: no-repeat; height: 15px; text-decoration: none; }
#cabecera .menu2 a.Activo{display: block; background-position: 0 -15px; background-repeat: no-repeat; height: 15px; text-decoration: none; }
#cabecera .menu2 a#home{width: 48px;background-image: url(/imagenes/botones/home.gif)}
#cabecera .menu2 a#styleanddog{width: 92px;background-image: url(/imagenes/botones/style.gif)}
#cabecera .menu2 a#equipamiento{width: 164px;background-image: url(/imagenes/botones/equipamiento.gif)}
#cabecera .menu2 a#instalaciones{width: 90px;background-image: url(/imagenes/botones/instalaciones.gif)}
#cabecera .menu2 a#servicios{width: 67px;background-image: url(/imagenes/botones/servicios.gif)}
#cabecera .menu2 a#contacto{width: 64px;background-image: url(/imagenes/botones/contacto.gif)}

.form{font: normal 11px arial, tahoma;}
.form input,textarea,select{border:1px solid #B1C4DF; width: 200px;}
input,textarea,select{font: normal 11px arial;}
/* estilos css derivados de la tienda */
h1.comercia {margin:0px;margin-bottom: 5px;height: 20px; background: #628ebc;text-align: center;padding-top: 3px; border: 1px solid #b1c5e0; font: bold 12px arial; color: #ffffff; text-transform: uppercase}
h1.comercia a{text-decoration: none; color: #ffffff}

.categoria{padding: 0px 15px; padding-top: 10px;}
.categoria a{text-decoration: none; font: bold 12px arial, tahoma, verdana; color: #628ebc}
.categoria a:hover{color: #ffffff}
.categoria a.Act{text-decoration: none; font: bold 12px arial, tahoma, verdana; color: #ffffff}

.subcategorias a{margin-bottom: 5px;width: 200px; background-color: #ffffff;  font: normal 11px arial, tahoma, verdana; color: #628ebc; text-align: left;text-decoration: none;display:block}
.subcategorias a:hover{background-color: #b1c5e0; color: #ffffff}
.Subcateg{padding-left: 5px;text-align: left !important; border: 1px solid #628ebc; cursor: pointer; width: 200px;}

#legal {font: normal 11px tahoma, verdana, arial; color: #737479}
#legal div{font-size: 11px;text-align: justify; padding: 5px 10px;}
#legal div.titulo{ font:bold 12px arial, tahoma, verdana}
#legal div.subtitulo{font-weight: bold;}

.centralcat{background: url(/imagenes/caterep.gif) repeat-y;width: 160px;}
#carro{background:url(/imagenes/carro.gif) no-repeat; width:160px; height: 70px }

.ruta{font: normal 11px arial, tahoma, verdana;color: #b1c5e0}
.ruta a{color: #628ebc; text-decoration: none;}
.ruta a:hover{color: #666666}
.ruta a.Act{color: #666666;text-decoration: none;}


.aviso{font:normal 11px arial, tahoma; color: #8697AC; background-color:#ffffff; padding:5px 10px; margin:5px 0; border: 1px solid #B1C4DF;}
.aviso a {text-decoration:none; color:#628EBC; font-weight:bold;}
.aviso a:hover {color:#B1C4DF;}

.despliegueproducto{float:left;width:150px; margin: 10px 5px;}
.imagendelproducto{width: 146px; height: 146px;border: 3px solid #E6EAF1;cursor: hand;}
.cajaProd{width: 150px; background: #ffffff; border: 1px solid #628ebc}
.tituloProd{text-align: center;font: bold 11px arial, tahoma, verdana; color: #b1c5e0;text-transform: lowercase;}
.tituloProd a{text-decoration: none; color: #b1c5e0}
.precio{padding-top: 5px;text-align: center; font: bold 16px arial, tahoma, verdana; color: #628ebc}
.compra{text-align: center;}
.compra input{font:normal 11px arial, tahoma, verdana;width: 20px;height: 15px;border: none; background: #b1c5e0; text-align: right; color: #ffffff}

.cajaProducto{border:1px solid #628ebc;background: #ffffff; padding:15px 10px;min-height: 180px; height: auto !important; height: 180px;}
.imgProd{float:right; width:165px; height: 240px;}
.descprod{padding-top: 20px;font: normal 11px arial, tahoma; color: #628EBC;}
.precio2{padding-top: 5px;text-align: center; font: bold 20px arial, tahoma, verdana; color: #628ebc}

.mensError{padding-top: 20px;font: normal 12px arial, tahoma; text-align: justify; color: #b1c5e0; width: 370px;}

.mensCarro{background: #b1c5e0;text-align: center;margin-bottom: 5px;padding: 10px;}
.mensCarro a{font: bold 12px arial, tahoma, verdana; color: #628ebc;}
.mensCarro a:hover{font: bold 12px arial, tahoma, verdana; color: #628ebc;}

.vercarro{font:normal 11px arial, tahoma, verdana; color: #628ebc;}
.vercarro a{text-decoration: none; color: #628ebc}
.vercarroTitulos{background: #b1c5e0;color: #628ebc; border: 1px solid #ffffff;font: bold 12px arial, tahoma, verdana; text-align: center}
.vercarroEnvio{background: #b1c5e0;color: #628ebc; border: 1px solid #ffffff;font: bold 12px arial, tahoma, verdana; text-align: right;padding-right: 5px}
.totales{background: #628ebc;text-align: right; padding-right: 10px; color: #ffffff;text-transform: uppercase; font: bold 12px arial, tahoma, verdana}
.totales2{background: #666666;color: #ffffff; font: bold 12px arial, tahoma, verdana;text-align: right;padding-right: 10px;}
.avisospedido{text-align:left; color:#ACADAE; padding-top:10px; padding-left:20px;}
/**/
.cuadrodatos{background-color:#EFF7FF; padding:10px; margin-bottom:10px; border: 1px solid #A7C3DF}
.cuadrodatos a{text-decoration: none;font: bold 11px arial; color: #628EBC;}
.cuadrodatos a:hover{text-decoration:underline}
.label{float:left; width:130px; text-align:right; padding-right:5px;font-weight: bold}
.label-pob{float:left; width:55px; padding-top:5px; text-align:right; padding-right:5px;}
.lineadatos{padding-bottom:5px; text-align:justify;}
.lineadatos input, textarea, select{font: normal 11px arial; color: #628EBC; background-color:#fff; border:1px solid #A7C3DF;}

.variante{float: left;width: 180px; padding: 5px;text-align: center; font: normal 12px arial, tahoma, verdana;}
.variante img{border: 3px solid #B1C4DF}