BODY { background: #444 url(../images/multitud.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px }

.limpia {clear:both}
.pad10 { padding: 10px }
.pad5 { padding: 5px }
h1 { margin: 0px }

#canvas { width: 900px; margin: auto; background: white; display:block;}

#home { width: 900px }

#pie { color: white; margin-top: 10px; padding: 10px 0px 10px 100px; font-size: 8pt; background: #5c4598 url(../images/pie-fini.jpg) no-repeat top; }

#bienvenidos { width: 540px; background: white; float: left; }
#destacados { width: 360px; background: #ddd; float: left; }



#destacados .titulo { width: 360px; background: #ddd url(../images/fondotopproducts.jpg) no-repeat; height: 45px; }
#destacados .titulo h2 { margin: 0px; padding: 14px; }


#breadcrumbs { color: #999; padding-top: 7px; padding-bottom: 10px; border-bottom: 2px solid #ffa11b; margin-bottom: 10px; }
#breadcrumbs a { padding: 2px; color: #5c4598; text-decoration: none; }
#breadcrumbs a:hover { background: #e7e3f2; color: #5c4598; text-decoration: none }

/* #destacados .producto { border: 1px solid #aaa; width: 160px; background: #fff;float: left; height: 240px; margin: 5px;} */
#destacados .producto { border: 1px solid #aaa; width: 160px; background: #fff;float: left; height: auto; margin: 5px; margin-bottom:20px;}

#destacados .producto .info { float: left; border-top: 1px solid #ddd; width: 160px; height: 45px;  background: #f3f1f8; text-transform: uppercase; font-family: Verdana, sans-serif; font-size: 7pt;  font-weight: normal;}
#destacados .producto a { text-align: center; padding: 5px; display: block; color: #5c4598; text-decoration: none; background: #f3f1f8;} 
#destacados .producto p { font-size: 8pt; margin: 0px; padding: 5px;  } 


#detalleproducto { }
#detalleproducto #ficha-cont{width:250px; float:left; clear:none; display:block;}
#detalleproducto #ficha { width: 230px; float: left; padding:10px;  }
#detalleproducto #ficha h1 { margin: 0px; font-size: 14pt; color: #5c4598; }
#detalleproducto #ficha h2 { margin: 0px; font-size: 12pt; }
#detalleproducto #acciones { width: 230px; float: left; background: #eee; padding: 10px; clear:both; display:block; }
#detalleproducto #acciones img { border: none }
#detalleproducto #acciones a { text-decoration: none; color: #444 }
#detalleproducto #acciones p { margin: 0px; font-size: 8pt; color: #444; }
#detalleproducto #imagenes { width: auto; height: auto; float: left; clear:none; }
#detalleproducto #imagenes img { border: 0px; margin: 0px 10px 0px 0px; }

/*
#productos .producto { border: 1px solid #aaa; width: 160px; background: #fff;float: left; height: 175px; margin: 5px;}
*/
#productos #listado .producto { width: 160px; background: #fff;float: left; height: 165px; display:block; margin:5px; border: 1px solid #ccc; text-transform: uppercase; font-family: Verdana, sans-serif; font-size: 7pt;  font-weight: normal;}

#productos #listado { width: 525px; float: left; clear:none; display:block; }
#productos #listado .producto .info { float: left; width: 160px; height: 45px;  background: #f0ecfd;}
#productos #listado .producto .info a { text-align: center; padding: 10px 5px; display: block; color: #251b3c; text-decoration: none; } 
#productos #listado .producto p { font-size: 8pt; margin: 0px; padding: 5px;  } 

/* #paginador { font-size: 9pt;  margin: 10px; padding: 5px; background: #e9e5f3; color: black; border: 1px solid #b6a9d8; float: left; width: 660px; } */
/* #paginador { font-size: 9pt;  margin: 10px; padding: 5px; background: #e9e5f3; color: black; border: 1px solid #b6a9d8; float: left; width: 95%; } */
#paginador { font-size: 9pt;  margin: 10px 10px 10px 15px; padding: 5px; background: #e9e5f3; color: black; border: 1px solid #b6a9d8; float: left; width: 92%;  position: relative; bottom: 0px; }
#paginador a { font-size: 9pt; color: #5c4598; text-decoration: none; }
#paginador #izq { width: 30%; text-align: left; float: left }
#paginador #cen { width: 39%; text-align: center; float: left }
#paginador #der { width: 30%; text-align: right; float: left }

#buscador {padding: 5px; background: #eee url(../images/barracategorias.jpg); color: white; }
#buscador .titulo { font-size: 8pt; color: white; margin-bottom: 10px }
#buscador a { padding: 2px 3px; font-size: 8pt; color: #3d2d64; text-decoration: none; }
#buscador .catactual a { color: #ffa11b }
#buscador a:hover { font-size: 8pt; color: #251b3c; text-decoration: none; background: #ffa11b; }

#delegaciones { float: right;}
#delegaciones table { margin-bottom: 10px; background: #e9e5f3; padding: 10px;  }
#delegaciones .izquierda { font-size: 8pt; vertical-align: top; border-bottom: 1px dotted #b6a9d8 }
#delegaciones th { background: #5c4598; color: white; padding: 8px; width: 300px; text-align: left; font-size: 10pt;}
#delegaciones .dato { background: #f8f7fb; padding: 3px; margin: 3px; border-bottom: 1px solid #b6a9d8 }

#contacto #formulario { float: left; width: 520px; }
#contacto #formulario #campos {  }
#contacto #formulario .errores {  padding: 5px; background: #ffe2e2; font-size: 9pt; }
#contacto #formulario .confirmado {  padding: 5px; background: #e3ffe2; font-size: 9pt; }
#contacto #formulario #campos p { margin: 0px; padding: 5px; background: #dfdaee; }
#contacto #formulario #campos th { text-align: left; vertical-align: top; font-weight: normal; width: 100px;}
#contacto #formulario #campos input { padding: 4px; width: 300px; border: 1px solid #5c4598  }
#contacto #formulario #campos textarea {padding: 4px; width: 300px; height: 150px; border: 1px solid #5c4598; font-family: Arial, sans-serif; font-size: 10pt;  }
#contacto #formulario #campos button { background: none; border: none; margin:0px;padding: 0px; cursor: pointer;  }

#dosnoticias { padding: 10px; background: #eee }
#dosnoticias .noticia { border-top: 1px solid #a595cf; margin-top: 4px; }
#dosnoticias .titulo a { text-decoration: none; color: #3d2d64;  }
#dosnoticias .titulo a:hover { text-decoration: none; color: #a595cf;  }
#dosnoticias .fecha { font-size: 9pt; color: #888  }

#noticias { float: left; width: 540px; }
#noticias #listado { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd;  }
#noticias .noticia { border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#noticias .noticia .imagen { padding: 2px; margin: 2px 10px 10px 2px; border: 1px solid #a595cf }
#noticias .noticia a { font-size: 12pt; text-decoration: none; color: #3d2d64; font-weight: bold; }
#noticias .noticia a:hover  { font-size: 12pt; text-decoration: none; color: #a595cf; font-weight: bold; }
#noticias .noticia .fecha { margin: 0px; color: #444; font-size: 8pt; }
#noticias .noticia .fuente { margin: 0px; color: #888; font-size: 8pt; }

#noticia-detalle .imagen { padding: 2px; margin: 2px 10px 2px 2px; border: 1px solid #a595cf }
#noticia-detalle h1 { font-size: 13pt; margin: 0px; color: #5c4598 }
#noticia-detalle h2 { margin: 0px; font-size: 11pt; color: #444 }
#noticia-detalle #acciones { margin-top: 10px; background: #eee; padding: 10px; }
#noticia-detalle #acciones img { border: none }
#noticia-detalle #acciones a { text-decoration: none; color: #444 }
#noticia-detalle #acciones p { margin: 0px; font-size: 8pt; color: #444; }

#enlaces { float: left; width: 540px; }
#enlaces .enlace { border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#enlaces .enlace .imagen { padding: 2px; margin: 2px 10px 10px 2px; border: 1px solid #a595cf }
#enlaces .enlace a { font-size: 12pt; text-decoration: none; color: #3d2d64; font-weight: bold; }
#enlaces .enlace a:hover  { font-size: 12pt; text-decoration: none; color: #a595cf; font-weight: bold; }
#enlaces .enlace .fecha { margin: 0px; color: #444; font-size: 8pt; }
#enlaces .enlace .fuente { margin: 0px; color: #888; font-size: 8pt; }

.form-enviar{
	color: #362261;
	font-weight: normal;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.form-enviar button { background: none; border: none; margin:0px;padding: 0px; cursor: pointer;  }


#detalleproductoalmargen { }
#detalleproductoalmargen #ficha { width: 330px; float: left; }
#detalleproductoalmargen h1 { margin: 0px; font-size: 12pt; color: #5c4598; }
#detalleproductoalmargen h2 { margin: 0px; font-size: 10pt; }
#detalleproductoalmargen img { border: 0px; margin: 0px 10px 0px 0px; }
#detalleproductoalmargen #acciones { width: 230px; background: #eee; padding: 10px; }
#detalleproductoalmargen #acciones img { border: none }
#detalleproductoalmargen #acciones a { text-decoration: none; color: #444 }
#detalleproductoalmargen #acciones p { margin: 0px; font-size: 8pt; color: #444; }

#detallealmargen{width:330px; float:left; clear:none; display:block; padding:0 20px 0 0;}
#detallealmargen #categorias {padding-bottom: 8px; }
#detallealmargen #categorias a { width: 200px; display: block; margin: 0px; padding: 2px; color: #5c4598; text-decoration: none; }
#detallealmargen #categorias a:hover { background: #e7e3f2; color: #5c4598; text-decoration: none }
#detallealmargen .titulo  {margin-top: 6px; padding: 5px; background: #eee url(../images/barracategorias.jpg); color: white; font-size: 8pt; color: white; margin-bottom: 10px }