@charset "utf-8";
/* CSS Document */
/* Hoja de estilos - wwww.ambigrama.com */

body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; line-height:1.5em;}
h1 {color:#e84f2f; font-size:60px; letter-spacing:-2px; font-weight:bold; margin: 20px 0;}
h2 {color:#e84f2f; font-size:36px; letter-spacing:-2px; font-weight:bold;margin: 10px 0;}
h3 {color:#e84f2f; font-size:14px; font-weight:normal; margin: 10px 0;}

a{ color:#e84f2f; text-decoration:none; }
a:hover{ color: #fff; text-decoration:underline;} 

img {border:0;}

/* MAQUETACION BASICA 
========================================== */
#contenedor {width:990px; margin: 0 auto; background:url(../img/fondo.png) repeat-y right top; }

#barra-lateral { width:340px; float:left; margin:0;}

#contenido { width:550px; float:right; padding:10px;}

#contenido-txt { clear:both; padding-left:5px; text-align:justify; font-size:13px;line-height:1.4em; margin:0; }

.clear { clear:both;}


/* MENU 
========================================= */

#menu { width:520px; margin:0; padding: 0 20px 60px 0; letter-spacing: 1px;}
#menu ul { list-style:none; margin:20px 0 30px -35px; text-align:left;}
#menu ul li { float:left; margin-right:10px; }

.linea-puntos {border-bottom:dotted #e84f2f 1px; }


#pie { width:520px; float:right; background:url(../img/logo-pie.png) no-repeat left top; padding:90px 0 30px 0; text-align:center; font-size:12px;line-height:1.4em; color: #e84f2f; margin:0; clear:both;}


/* CONTENIDO
========================================== */

#lenceria { width: 500px; padding: 10px 0 0 0;}
.caja-producto { width: 550px;}
.foto-producto { width: 140px; float:left; }
.foto-producto img { border:#999 1px solid;}
.texto-producto { width: 355px; float:left;}
.compralo { padding: 25px 0 40px 0;}

/* BANNERS LATERALES
========================================= */
.ban-lateral {padding: 20px 0 20px 90px;}


/* INTERCAMBIOS
======================================== */
#intercambios { margin: 40px 0 0 90px;}
#intercambios ul {color: #E84F2F; list-style:none; text-indent: -40px;}
#intercambios ula{ color:#e84f2f; text-decoration:none; }
#intercambios ul a:hover{ color: #e84f2f; text-decoration:underline;}