
body { 
    font: 12px/16px arial, helvetica; 
    color: #555753; 
    background: #fff url(/imagenes/trama.gif); 
    margin: 0px; 
    }
img {
    border: 0px;   
}
p { 
    font: 8pt/16pt arial, helvetica; 
    margin-top: 0px; 
    text-align: justify;
    }
h3 { 
    font: italic normal 12pt arial, helvetica; 
    letter-spacing: 1px; 
    margin-bottom: 0px; 
    color: #859EBD;
    }
a:link { 
    font-weight: bold; 
    text-decoration: none; 
    color: #859EBD;
    }
a:visited { 
    font-weight: bold; 
    text-decoration: none; 
    color: #859EBD;
    }
a:hover, a:active { 
    text-decoration: underline; 
    color: #9685BA;
   /*  filter: shadow(Color=#FCFD99, strength=5); */
    }
#containerbase {

text-align: center;
width: 100%;
}
div.container { 
   margin:0px auto 0px auto; 
    text-align: left;
    width: 760px;
    height: auto;

}

#base {
   /* background: #ffffff url(/imagenes/izquierda.jpg) repeat-y -30px -30px; */
   background: #fff url(/ficheros/col-izq.png) repeat-y -45px 0px;
    border-bottom: 1px solid #9a9999;
    border-left: 1px solid #9a9999;
    border-right: 1px solid #9a9999;
    clear: both; width: 760px; float: left;

}
html>body #base{ width:760px; }
#encabezado {
    margin:  5px 0px 0px 0px;
    padding: 0px;
    background: #D6E0EE url(/ficheros/encabezado.png) no-repeat  0% 0%;
    border: 1px solid #9a9999;
    border-left: 1px solid #9a9999;
    border-right: 1px solid #9a9999;
    height: 97px;
    width: 760px;
    clear: both;
    
}

#menu {
    margin: 0px;
    padding: 4px 0px;
    background: url(/imagenes/menu.jpg)   repeat-x 0% 100% ;
    text-align: right;
    width: 760px;
    clear: both;
    border-left: 1px solid #9a9999;
    border-right: 1px solid #9a9999;
    border-bottom: 1px solid #9a9999;

   

}
#derecha {
    padding: 5px;
}
#menubase {
    top: 135px;
    left: 18px;
    float: left;
    width: 150px;
    padding: 5px;
    vertical-align: top;
}

html>body div.menubase{ width: 140px; }
#textobase {
    padding-left: 165px;
    
}

div.contenido {
    margin-top: 5px;
    border:1px solid #c0c0c0;
    margin-bottom: 5px;
    width: 580px;
    float: left;
}
div.titulocontenido{
    
    font-size: 14px;
    background: #f2f2f2 url(/imagenes/caja.jpg) no-repeat 10px 50%;
    padding-left: 25px;
    border-bottom:1px solid #c0c0c0;
    font-weight: bolder;
}
div.textocontenido {
    padding: 5px;
    text-align: justify;
}

div.cajamenu {
    border:1px solid #c0c0c0;
    margin-bottom: 5px;
    background: white;
    width: 140px;
    
   
}

div.titulocajamenu {
    font-size: 14px;
    background: #f2f2f2 url(/imagenes/caja.jpg) no-repeat 10px 50%;
    padding-left: 25px;
    border-bottom:1px solid #c0c0c0;
    font-weight: bolder;
}

html>body div.cajamenu { width: 140px;}
html>body div.titulocajamenu { width: auto; }
div.textomenu {
    padding: 5px;
    width: 140px;
}
div.textomenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
div.textomenu li {
    margin: 0;
     border-bottom: 1px solid #ffffff;
}

div.textomenu li a {
        display: block;
        padding-left: 20px;
        text-decoration: none;
        background: url(/imagenes/punto.jpg) no-repeat 5px 50%;
        width: 100%;
        }

div.textomenu li a:hover {
        display: block;
        padding-left: 20px;
        text-decoration: none;
        background: url(/imagenes/punto-rojo.jpg) no-repeat 5px 50%;
        }

div.listaproductos {
 margin-top: 2px;
 margin-bottom: 2px;
 margin-left: 5px; 
 margin-right: 5px;
 border: 1px solid #f0f0f0;
 height: 110px;
clear: both;
}
div.imagenproducto {
   width: 110px; 
   float:left; 
/*   margin: 5px */
   padding: 5px;
}
div.textolistaproductos{
padding: 5px;
text-align: justify;
}

div.pipe ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

div.pipe ul li {
                padding-left: 5px;
	margin-left: 0;
	list-style: none;
	display: inline;
	}
		
div.pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

div.promocion {

width: 585px; 
height: 363px;
text-align: left;

}

div.promocion p{
   display: block;
   margin: 0px;
   padding: 0px;

}

div.promociontitulo {
height: 35px;  
font-size: 26px; 
text-align:center; 
padding-top: 12px; 
color: #317390; 
font-weight: bolder;
/* filter: shadow(Color=#808080, strength=2);  */
}

div.promociontexto {

margin-left: 150px; 
height: 272px; 
color: black; 
font-size: 13px; 
font-weight: bolder; 
overflow:auto; 
margin-right: 10px;

}

div.promocionprecio {
text-align: right;
font-size: 26px;
margin-right: 30px;
height: 45px;
font-weight: bolder;
color:#317390;
padding: 5px; 
/* filter: shadow(Color=#808080, strength=2);  */ 

}

div.promocionpie {
height: 10px; 
text-align: center; 
font-size: 10px;
}

table.listanovas {
  
  font-size: 12px;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
}

table.listanovas th {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
 background: #f2f2f2;
  padding: 5px;
  font-weight: bolder;
}
table.listanovas td {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  padding: 5px;
}

div#menubase h2 {
font-size: 14px;
margin: 4px 5px;
background: url(/ficheros/h2-col-izq.jpg) repeat-y;)
padding: 5px;
}

