/**
 *	Estilos generales
 */
body, th, td, div, select, input, textarea { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
body { margin:10px auto; }
td, th { vertical-align:top; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
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:771px; margin:0 auto; }
.encabezado { height:97px; background:url(../imagenes/fondo-encabezado.jpg) top left no-repeat; }
.encabezado .logotipo { float:left; width:527px; }
.encabezado .logotipo h1 { margin:0; }
.encabezado .datos { float:right; width:195px; padding:10px 25px 0 0; text-align:right; }
.encabezado .datos a { display:block; color:#FFF; font-weight:bold; }
.menu { height:44px; padding-top:5px; }
.cuerpo { padding:10px 0; min-height:400px; }
.pie { background:#999; text-align:center; font-size:12px; font-weight:bold; }
.pie a { margin-top:10px; display:block; padding:2px; color:#FFF; }
/**
 *	Menú principal
 */
.menu .lateral-izquierdo { background:url(../imagenes/menu-principal-izquierda.jpg) top left no-repeat; padding-left:15px; }
.menu .lateral-izquierdo .lateral-derecho { background:url(../imagenes/menu-principal-derecha.jpg) top right no-repeat; padding-right:12px; }
.menu .lateral-izquierdo .lateral-derecho .menu { margin:0; background:url(../imagenes/menu-principal-fondo.jpg) top left repeat-x; padding:0; list-style:none; }
.menu .lateral-izquierdo .lateral-derecho .menu li { float:left; position:relative; margin:0; padding:0; font-weight:bold; }
.menu .lateral-izquierdo .lateral-derecho .menu li a { float:left; height:44px; line-height:44px; background:url(../imagenes/menu-principal-separador.jpg) top right no-repeat; padding-right:3px; }
/**
 *	Menú lateral
 */
.menu-lateral .menu { height:auto; margin:0; padding:0; list-style:none; }
.menu-lateral .menu li { margin:0; font-weight:bold; }
.menu-lateral .menu li a { display:block; }
.menu-lateral .menu li .menu { padding-left:5px; }
.menu-lateral .menu li .menu li { background:url(../imagenes/menu-lateral-vinieta.gif) left 2px no-repeat; padding-left:7px; font-weight:normal; }
/**
 *	Página principal
 */
.cuerpo .banner-principal { text-align:center; }
.cuerpo .destacados { margin:10px auto 0; }
.cuerpo .destacados .destacado { width:170px; padding:10px; }
.cuerpo .destacados .destacado .imagen {}
.cuerpo .destacados .destacado .detalles { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.cuerpo .destacados .destacado .detalles h2 { margin-bottom:0; text-transform:uppercase; font-size:12px; font-weight:normal; }
.cuerpo .destacados .destacado .detalles h2 a { color:#39F; }
.cuerpo .destacados .destacado .detalles p { margin:0; }
/**
 *	Páginas Internas
 */
.cuerpo .columna {}
.cuerpo .izquierda { float:left; width:140px; padding:20px 0 0 10px; }
.cuerpo .central { float:left; width:475px; padding:0 10px; }
.dos-columnas .central { width:595px; }
.cuerpo .derecha { float:right; width:120px; }
/**
 *	Camino de migas
 */
.cuerpo .camino-de-migas { margin:0; padding:0; font-size:16px; font-weight:bold; list-style:none; }
.cuerpo .camino-de-migas li { float:left; }
.cuerpo h1 { margin:0 0 10px; padding:0; font-size:16px; }
/**
 *	Novedades
 */
.novedad { float:left; margin-bottom:10px; width:235px; }
.novedad .imagen { text-align:center; }
.novedad .imagen img { max-width:235px; }
.novedad h2 { margin:0; text-align:center; font-size:14px; font-weight:normal; }
/**
 *	Subcategorías
 */
.subcategoria { float:left; margin-bottom:10px; width:235px; }
.subcategoria .imagen { text-align:center; }
.subcategoria .imagen img { max-width:235px; }
.subcategoria h2 { margin:0; text-align:center; font-size:14px; font-weight:normal; }
/**
 *	Productos
 */
.producto { margin-top:30px; }
.producto h2 { margin:0 0 10px; font-size:14px; }
.producto .imagen { float:left; width:235px; text-align:center; }
.producto .imagen img { max-width:235px; }
.producto .descripcion { float:left; width:215px; height:215px; overflow:auto; border:0px solid #CECECE; padding:10px; font-size:12px; }
/**
 *	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; }
