/*************/
/* Generales */
/*************/

 /* Normalizamos margenes y rellenos inconsistentes en todos los elementos */
* {padding:0; margin:0;}

select{ background-color:#fff; font-family:Georgia, Arial, Verdana; font-size:75%;}
fieldset{ border:none; }

ul {list-style: none;}

a {text-decoration:none; color:#000; border:none;}
a:link, a:active, a:hover, a:visited {border:none; outline:0}

img {border:none;}

body {background: #fff url("../img/fondo.jpg") repeat-x;  font-family:Georgia, Arial, Verdana; font-size:75%; }/* Resets 1em to 12px */

#contenedor_general {width: 100%; margin: auto; }

h1 { color: #242867; font-size: 32pt; width: 378px; height: 100px; background: url("../img/cabecera.jpg") no-repeat;}


#header {height: 100px; width:924px; margin: auto; }
#header #contacte {float: right; margin: -103px 30px 0 0; }

#menuNav  {height:46px; font-variant: small-caps; width:924px; margin: auto;}
#menuNav li { list-style: none; float: left; }
#menuNav li.last {margin:0 0 0 361px;}

#banner {height: 185px; background: #fff url("../img/fondo_banner.jpg") center;}
#banner #texto {height: 80px;  padding: 20px 0 0 11px; width:924px; margin: auto; }
#banner #texto h2 {color: #242967; font-size: 25px; width: 380px;}
#banner #texto p {color: #6a6a6a; font-size: 14px; font-weight:bold; font-variant: small-caps; width: 380px;}

#banner FORM {height: 28px; width: 310px; margin: 15px 0 0 0px; clear:both;} /* 185 - 33 - 16 = */
#banner FORM INPUT {background:transparent url("../img/buscador_input.jpg"); width: 179px; height: 23px; border:none; padding:5px 0 0 30px;}
#banner FORM BUTTON {background:transparent url("../img/buscador_button.jpg") no-repeat scroll center top; border:medium none; height:34px; width:75px; margin-left:14px; cursor: pointer; }

#contenido {width:924px; margin: 17px auto 31px;}

#contenido #categorias {width: 163px; float: left; background-color: #eee; margin-left: 11px; margin-bottom:31px;}
#contenido #categorias H3 {text-align: center; text-transform: uppercase; color: #222662; margin: 12px 0 10px;}
#contenido #categorias UL {border-top: 1px solid #222662; margin: 0px 5px; padding: 12px 10px 20px;}
#contenido #categorias UL LI {margin: 4px 0; color:#222662; }
#contenido #categorias UL LI .marked {font-weight:bold; color:#222662;}


#contenido #categorias A {color:#222662;}

#contenido #categorias UL LI UL {border-top: 1px solid #88c; border-bottom: 1px solid #88c; margin:5px 0px 8px; padding:4px 0 4px 10px;}
#contenido #categorias UL LI UL LI {list-style: circle;}
#contenido #categorias UL LI UL LI A{color:#88c; }


#contenido #catalogo {width: 733px; float: right; background-color: #eee; margin-bottom:31px;}
#contenido #catalogo H3 {color: #232662; font-size: 22px; font-weight:normal; margin: 10px; }
#contenido #catalogo UL.listado {width: 91%; margin: auto; color:#222662}
#contenido #catalogo UL.listado LI {float:left; background-color:#fff; border:1px solid #acaec1; height: 240px; width:160px; margin:29px;}
#contenido #catalogo UL.listado LI:hover {border: 10px solid #acaec1; margin: 20px; cursor: pointer;}

#contenido #catalogo UL.listado LI .image {width:160px ;height:160px; text-align: center; line-height:158px;}
#contenido #catalogo UL.listado LI IMG {vertical-align:middle;}
#contenido #catalogo UL.listado LI P {text-align: center; line-height: 20px;}
#contenido #catalogo UL.listado LI .precio {font-weight:bold ;}

#contenido #description {width: 718px; float: right; background-color: #fff; margin-bottom:31px;}
#description {color: #222662; padding-left: 15px;}
#description H2 {font-size: 25px; padding: 30px 0;}
#description IMG.central {float: left;}
#description UL {float: left; width: 240px; padding-right: 45px;}
#description UL LI {background-color:#eee; padding:5px;}
#description UL LI.odd {background-color:#fff;}
#description UL LI.price {font-size: 18px; padding: 8px 8px 20px;}
#description UL LI.price strong {font-size: 32px;}
#description UL LI.add {text-align: right;}
#description UL LI.add A {color: #222662; font-size: 15px; font-weight: bold;}


#secciones H2 {color: #232662; font-size: 22px; font-weight:normal; margin: 40px 0 35px; }
#secciones H2.sinCompra {color: #232662; font-size: 15px; font-weight:normal; margin: 40px 20px 35px; }

#secciones H3 {color: #222662; font-size: 16px; font-weight:normal; margin: 0 0 12px; }


#secciones HR {color: #ddd; font-size: 22px; font-weight:normal; margin: 0 0 15px; }

#secciones IMG {float: right; margin: 0 0 10px 65px; clear:both; border: 5px double #ddd;}
#secciones IMG.logo {display:inline; float:none; margin: 30px 0 10px 20px; clear:none; width: 20%;}
#secciones P {font-size: 14px; line-height: 20px; text-align: justify;}

#secciones P.izq {float:left; width: 48%; margin:10px 0;}
#secciones P.der {float:right; text-align:right; width: 48%; margin:10px 0; }
#secciones P.der A {text-decoration: underline; font-size:14px; color: #222662; }

#secciones FORM#contacta { font-size: 14px; line-height: 20px; text-align: justify; color:#222662}
#secciones FORM#contacta LABEL {display:none;}
#secciones FORM#contacta INPUT {color:#222662; width: 322px; border: 1px double #ddd; margin-bottom:20px;}
#secciones FORM#contacta TEXTAREA {color:#222662; width: 413px; height:135px; border: 1px double #ddd; margin-bottom:20px;}
#secciones FORM#contacta INPUT#enviar {color:#fff; background-color:#222662; width:75px; height:30px; margin-left: 340px}

#secciones TABLE {width: 790px; font-size: 15px; text-align: center; color:#222662; border-bottom: 2px double #bbd; margin-bottom: 25px;}
#secciones TABLE TH{text-align: center; color: #bbb; height: 40px;}
#secciones TABLE TR.odd{background-color: #ececf3;}


#secciones TABLE TD{height: 75px; border-top: 1px double #bbd;}

#secciones TABLE TD.cantidad{border-left: 1px double #bbd; border-right: 1px double #bbd; width: 70px;}
#secciones TABLE TD IMG {float: left; margin: 0; clear:both; border: none;}
#secciones TABLE TD.cantidad IMG {float: none; }

#secciones TABLE TD.total{font-size: 23px; color: #62658f; font-weight: bold; background-color: #ececf3; width: 218px; height: 80px;}
#secciones TABLE TD.total STRONG{font-size: 26px; color: #222662;}
#secciones TABLE TD.eliminar {border:none; width: 64px; background-color: #fff; font-size: 12px;}
#secciones TABLE TD.eliminar A {color:#bbb; text-decoration: underline;}


#secciones FORM H3 { font-size: 17px; }
#secciones FORM#pedido { font-size: 15px; line-height: 20px; text-align: justify; color:#222662}
#secciones FORM#pedido LABEL {width: 108px; float:left;}
#secciones FORM#pedido INPUT {width: 242px; float:left; color:#222662; background-color:#ececf3; margin:0 20px 4px; border:none;}
#secciones FORM#pedido INPUT#enviar {color:#fff; background:transparent url("../img/solicitarpedido.gif") no-repeat scroll center top; width:144px; height:56px; float:left; cursor: pointer; }

#secciones FORM#pedido HR {width: 790px; color:#222662; border: 1px solid  #bbd; margin:30px 0 25px; clear:both;}
#secciones FORM#pedido P {width: 626px; float:left; margin-bottom: 100px;}
#secciones FORM#pedido P A {color:#222662; text-decoration: underline;}

#footer {padding:4px; clear:both;  text-align:center; color:#eee; font-size: 11px; background-color: #242967;}
#footer LI { list-style: none; display: inline; margin:0 9px 0 0; }
#footer A { color: #eee;}
#footer li.separator {background: url("../img/separador.gif") no-repeat left; padding: 0 0 0 25px;}



#error, #advertencia, #noticia {margin: 10px;}
#error p, #advertencia p, #noticia p {color:#d00; font-size:12px;}
#error p.big, #advertencia p.big, #noticia .big {font-weight: bold; font-size:12px;}