/**
 *	Estilos generales
 */
body, th, td, div, select, input, textarea { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
body { margin:0 0 10px; background:#08A url(../imagenes/fondo-pagina.jpg) top left repeat-x; }
td, th { vertical-align:top; }
th { font-size:13px; }
a { text-decoration:none; color:#000; font-weight:bold; }
a:hover { text-decoration:underline; }
img { vertical-align:middle; }
a img { border:none; }
li { margin-bottom:10px; }
.clear:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.clear { clear:both; font-size:0; line-height:0; height:0; visibility:hidden; overflow:hidden; }
.texto-centrado { text-align:center; }
.texto-derecha { text-align:right; }
.mensaje { margin:10px 0; text-align:center; font-weight:bold; }
.enlace { margin:10px 0; text-align:center; }
.enlace a { display:block; }
/**
 *	Estilos para la estructura
 */
.principal { width:975px; margin:0 auto; }
.encabezado { height:223px; }
.encabezado h1#logotipo { margin:0; }
.menu { height:28px; }
.cuerpo { background:#FFF url(../imagenes/fondo-contenido.jpg) top left repeat-y; min-height:425px; }
.pie { background:#FFF; padding-bottom:35px; }
.pie .datos-empresa { height:35px; background:#011578; text-align:center; line-height:35px; color:#FFF; font-size:14px; }
.pie .datos-empresa a { color:#FFF; font-weight:normal; }
/**
 *	Menú principal
 */
.menu  { background:#FFF url(../imagenes/fondo-menu.jpg) top right repeat-x; padding:5px 0 10px; text-align:center; }
.menu .izquierda { float:left; width:240px; height:28px; }
.menu .central { float:left; width:495px; }
.menu .central a { border-right:1px solid #FFF; padding:0 10px; color:#FFF; line-height:28px; font-size:14px; }
.menu .central a.ultima { border-right:none; }
.menu .derecha { float:left; width:240px; height:28px; }
.menu .derecha a { padding:6px 10px 6px 40px; color:#FFF; line-height:28px; text-transform:uppercase; font-size:14px; }
.menu .derecha a.espaniol { background:url(../imagenes/espaniol.jpg) left 3px no-repeat; }
.menu .derecha a.ingles { background:url(../imagenes/english.jpg) left 3px no-repeat; }
/**
 *	Menú lateral
 */
.menu-lateral .opciones { margin:0; background:#FABABB; padding:0; list-style:none; }
.menu-lateral .opciones li { margin:0; padding:5px 5px 5px 30px; background:url(../imagenes/fondo-menu.jpg) top left repeat-x; font-size:15px; font-weight:bold; text-transform:uppercase; }
.menu-lateral .opciones li a, .menu-lateral .opciones li a:hover { display:block; color:#FFF; line-height:28px; }
.menu-lateral .opciones li .opciones { margin:5px 0 0; padding:5px 0 5px 5px; }
.menu-lateral .opciones li .opciones li { background:none; padding:0 0 0 5px; font-size:12px; font-weight:normal; text-transform:none; }
.menu-lateral .opciones li .opciones li a, .menu-lateral .opciones li .opciones li a:hover { display:block; color:#4B127D; font-weight:normal; line-height:16px; }
.menu-lateral .opciones li .opciones li .opciones { margin:0; }
/**
 *	Menú lateral desplegable
 */
.menu-lateral-colapsable {}
.menu-lateral-colapsable .opciones {}
.menu-lateral-colapsable .opciones li { position:relative; }
.menu-lateral-colapsable .opciones li a {}
.menu-lateral-colapsable .opciones li a:hover {}
.menu-lateral-colapsable .opciones li .opciones { position:absolute; top:0; left:-10000px; width:100%; margin:0; padding:0; }
.menu-lateral-colapsable .opciones li.sobre .opciones { left:100%; }
.menu-lateral-colapsable .opciones li .opciones li { background:#FABABB; padding:5px 5px 5px 30px; }
.menu-lateral-colapsable .opciones li .opciones li a { line-height:28px; }
.menu-lateral-colapsable .opciones li .opciones li a:hover { line-height:28px; }
.menu-lateral-colapsable .opciones li.sobre .opciones li .opciones { left:-10000px; }
.menu-lateral-colapsable .opciones li.sobre .opciones li.sobre { border:1px solid #F01F24; padding:4px 4px 4px 29px; }
.menu-lateral-colapsable .opciones li.sobre .opciones li.sobre .opciones { left:100%; }
/**
 *	Páginas Internas
 */
.cuerpo .columna {}
.cuerpo .izquierda { float:left; width:205px; padding:0 0 10px; }
.cuerpo .central { float:left; width:730px; padding:0 10px 0 30px; }
.cuerpo h1 { margin:0 0 10px; padding:0; font-size:16px; }
/**
 *	Encabezado categoría
 */
.encabezado-categoria { margin-bottom:10px; border-bottom:1px dashed #22404A; padding:0 0 10px; }
.encabezado-categoria li, .encabezado-categoria li h1 { display:inline; }
.encabezado-categoria .camino-de-migas { float:left; width:600px; }
.encabezado-categoria ul { margin:0; padding:0; font-size:16px; font-weight:bold; list-style:none; }
.encabezado-categoria .camino-de-migas li, .encabezado-categoria .camino-de-migas a, .encabezado-categoria .camino-de-migas a:hover { color:#F01F24; }
.encabezado-categoria .paginacion { float:right; width:130px; }
.encabezado-categoria .paginacion ul { font-size:12px; line-height:16px; }
.encabezado-categoria .paginacion li { padding:0 3px; }
.encabezado-categoria .paginacion li, .cuerpo .encabezado-categoria .paginacion a, .cuerpo .encabezado-categoria .paginacion a:hover { color:#22404A; }
/**
 *	Novedades
 */
.novedad { float:left; margin-bottom:10px; width:243px; }
.novedad .imagen { padding:10px; text-align:center; }
.novedad .imagen img { max-width:235px; }
.novedad h2 { margin:0 0 10px; text-align:center; font-size:14px; font-weight:normal; }
/**
 *	Subcategorías
 */
.subcategoria { float:left; margin-bottom:10px; width:243px; }
.subcategoria .imagen { text-align:center; }
.subcategoria .imagen img { max-width:235px; }
.subcategoria h2 { margin:0; text-align:center; font-size:14px; font-weight:normal; }
.subcategoria h2 a { color:#22404A; }
/**
 *	Productos
 */
.productos { margin-top:15px; }
.productos .producto { float:left; width:243px; margin-bottom:30px; }
.productos .producto a { color:#22404A; }
.productos .producto h2 { margin:0 0 10px; padding-right:10px; font-size:14px; }
.productos .producto .imagen { padding:10px; text-align:center; }
.productos .producto .imagen img { max-width:223px; }
.productos .producto .descripcion { padding:10px; font-size:12px; }
.productos .producto .detalles { display:block; width:100px; background:url(../imagenes/ver-detalles.jpg) top left no-repeat; padding:0 0 0 30px; text-align:center; text-decoration:underline; line-height:30px; }
/**
 *	Encabezado producto
 */
.encabezado-producto { margin-bottom:10px; border-bottom:1px dashed #22404A; padding:0 0 10px; }
.encabezado-producto li, .encabezado-producto li h1 { display:inline; }
.encabezado-producto .camino-de-migas { margin:0; padding:0; font-size:16px; font-weight:bold; list-style:none; }
.encabezado-producto .camino-de-migas li, .encabezado-producto .camino-de-migas a, .encabezado-producto .camino-de-migas a:hover { color:#F01F24; }
/**
 *	Producto
 */
.detalles-producto {}
.detalles-producto .imagenes { float:left; width:243px; }
.detalles-producto .imagenes .imagen { padding:10px; text-align:center; }
.detalles-producto .imagenes .imagen img { max-width:223px; }
.detalles-producto .descripciones { float:left; width:487px; }
.detalles-producto .descripciones .descripcion-corta { margin-bottom:10px; }
/**
 *	Formulario de contacto
 */
.formulario { width:100%; margin:0 auto; }
.formulario .nombre { width:40%; }
.formulario .campo { width:60%; }
.formulario .obligatorio { font-weight:bold; }
.formulario input, .formulario textarea, .formulario select { width:90% }
.formulario .radio, .formulario .checkbox, .formulario .boton { width:auto; }

