form { padding: 0px; margin: 0px;}
body { background-color:#FFFFFF; margin: 12px 0px 0px 0px; text-align: center; font-size: 11px; font-family: Arial; color:#505050; }
img { padding:0px; margin: 0px; border:0px; }

div#content { position: inherit; margin-top:0px; margin-right: auto; margin-bottom: 2px; margin-left: auto; text-align: left; width:990px; overflow:hidden; }
#content a.blanc:link { color: #FFFFFF; text-decoration: undeline; }
#content a.blanc:visited { color: #FFFFFF; text-decoration: undeline; }
#content a.blanc:hover { color: #0F6CB6; }

h1 { padding: 0px; margin: 0px; }
h2 { padding: 0px; margin: 0px; font-size:22px; color: #505050; border-bottom: 6px solid #CCCCCC; letter-spacing: -1px; }
h3 { padding: 0px; margin: 0px; }
p { padding: 0px; margin: 0px; }

#header { overflow:hidden; padding: 0px 0px 22px 0px; }
#header #logo { float:left; padding: 30px 0px 0px 0px; }

#header #derechalogo { float:left; width: 675px; }
#header #derechalogo .opcion { display: inline-block; zoom: 1; *display:inline; } /*Chapuza para IE*/
#header a:link { color:#0F6CB6; text-decoration:underline; font-weight:bold; }
#header a:visited { color:#0F6CB6; text-decoration:underline; font-weight:bold; }
#header a:hover { color:#505050; text-decoration: underline; }
#header .boton { background-color: #0F6CB6; color: #FFFFFF; padding: 10px 5px 10px 5px; font-family:Arial; border: 0px; font-weight:bold; font-size: 12px; cursor:pointer; }
#header a.blanc:link { color: #FFFFFF; text-decoration: none; }
#header a.blanc:visited { color: #FFFFFF; text-decoration: none; }
#header a.blanc:hover { color: #cccccc; }

#header .tbxBuscar { width: 300px; background-color: #eeeeee; border: 1px solid #cccccc; padding: 10px 5px 10px 25px; background-image:url('images/lupa.gif'); background-repeat: no-repeat; background-position: 5px center; }



#menu { margin: 0px 30px 50px 0px; border-left: 1px solid #d8d8d8; }

#menu1 { background-color: #0F6CB6; padding: 10px 10px 0px 10px; }
#menu1 .categoriaOn { display:inline-block; background-color: #ececec; color: #505050; padding: 10px 20px 10px 20px; margin-right: 10px; font-size: 18px; letter-spacing: -1px; zoom: 1; *display:inline;}
#menu1 .categoriaOff { display:inline-block; background-color: #0F6CB6; color: #ececec; padding: 10px 20px 10px 20px; margin-right: 10px; font-size: 18px; letter-spacing: -1px; zoom: 1; *display:inline;}
#menu1 .categoriaOn a:link { color: #505050; text-decoration: none; }
#menu1 .categoriaOn a:visited { color: #505050; text-decoration: none; }
#menu1 .categoriaOn a:hover { color: #0F6CB6; text-decoration: underline; }
#menu1 .categoriaOff a:link { color: #ececec; text-decoration: none; }
#menu1 .categoriaOff a:visited { color: #ececec; text-decoration: none; }
#menu1 .categoriaOff a:hover { color: #404040; text-decoration: underline; }

#menu2 { background-color: #ececec; padding: 18px 10px 18px 10px; overflow:hidden; }
#menu2 ul { margin: 0px; padding: 0px; list-style-type:none; }
#menu2 ul li { color: #666666; font-weight: bold; border-bottom: 1px solid #d8d8d8; padding: 10px 0px 10px 20px; margin-left: 0px; background-image: url('images/icolist.gif'); background-repeat:no-repeat; background-position: 7px 12px;  }
#menu2 ul li.active { color: #e38000; font-weight: bold; border-bottom: 1px solid #d8d8d8; padding: 10px 0px 10px 20px; margin-left: 0px; background-image: url('images/icolistactive.gif'); background-repeat:no-repeat; background-position: 7px 12px;  }
#menu2 ul li.familia { color: #e38000; font-weight: bold; border-bottom: 1px solid #d8d8d8; padding: 0px 0px 0px 20px; margin-left: 0px; background-image:none; }

#menu2 a:link { color: #505050; text-decoration: none; font-weight:bold; }
#menu2 a:visited { color: #505050; text-decoration: none; font-weight:bold; }
#menu2 a:hover { color: #0F6CB6; text-decoration: underline; }

#ctl00_pnlmenu3 { background-color: #f5f5f5; padding: 5px 10px 5px 10px; overflow:hidden; border-top: 1px dotted #bbbbbb; border-bottom: 1px dotted #bbbbbb; }
#ctl00_pnlmenu3 ul { list-style-type: none; padding:0px; margin: 0px; }
#ctl00_pnlmenu3 ul li { float: left; padding: 5px 5px 5px 5px; }
#ctl00_pnlmenu3 a:link { color: #505050; text-decoration: none; font-weight:bold; }
#ctl00_pnlmenu3 a:visited { color: #505050; text-decoration: none; font-weight:bold; }
#ctl00_pnlmenu3 a:hover { color: #0F6CB6; text-decoration: underline; }

#mainplace { float:left; width: 759px; }

#miga { padding: 10px 0px 20px 220px; }
#miga a:link { color: #6e6e6e; text-decoration: underline; }
#miga a:visited { color: #6e6e6e; text-decoration: underline; }
#miga a:hover { color: #0F6CB6; text-decoration: underline; }


.productos { padding: 0px 0px 10px 0px; overflow:hidden; }
.productos div { display:inline-block; margin: 0px 0px 0px 0px; width: 120px; vertical-align: top; zoom: 1; *display:inline; }
.productos img { margin: 0px 0px 5px 0px; }
.productos p { height: 30px; overflow:hidden; }
.productos .separator { border-right: 1px dotted #CCCCCC; width:auto; height: 205px; margin: 0px 17px 0px 16px; *margin: 0px 20px 0px 15px; }
.productos .preu { height:20px; color:#0F6CB6; font-size:12px; font-weight:bold; padding:0px 0px 5px 0px; }
.productos .oferta { color:#0F6CB6; font-size:16px; font-weight:bold; padding:5px 0px 5px 5px; height:auto; }
.productos .boton { background-color: #0F6CB6; color:#FFFFFF; font-family:Arial; font-size:11px; border: 0px; font-weight:bold; width:122px; background-image:url('images/plus.gif'); background-repeat: no-repeat; background-position: 5px center; cursor:pointer; }
.productos .botongris { background-color: #999999; color:#FFFFFF; font-family:Arial; font-size:11px; border: 0px; font-weight:bold; width:122px; background-image:url('images/plus.gif'); background-repeat: no-repeat; background-position: 5px center; cursor:pointer; }
.productos .botonrojo { background-color: #990000; color:#FFFFFF; font-family:Arial; font-size:11px; border: 0px; font-weight:bold; width:122px; background-image:url('images/plus.gif'); background-repeat: no-repeat; background-position: 5px center; cursor:pointer; }

.productos a:link { color: #333333; text-decoration: none; }
.productos a:visited { color: #333333; text-decoration: none; }
.productos a:hover { color: #0F6CB6; text-decoration: underline; }

#infoproducto { float:left; width: 370px; font-size: 12px; padding-top: 10px; padding-right:20px; }

#infoproducto h1 { color: #0F6CB6; font-size: 18px; }
#infoproducto p { padding: 0px; margin: 10px 10px 10px 0px; line-height:20px; }
#infoproducto ul { line-height:20px; }
#infoproducto .precio { font-weight:bold; color: #0F6CB6; font-size:14px; width: 80px; display: inline-block; }
#infoproducto .preprecio { font-size: 11px; width: 120px; display: inline-block; }
#infoproducto .pnlprecio { border-bottom: 1px solid #dddddd; padding: 3px; text-align:right; }
#infoproducto .boton { background-color: #0F6CB6; color: #FFFFFF; padding: 10px 5px 10px 5px; border: 0px; font-family:Arial; font-weight:bold; font-size: 12px; cursor: pointer; }
#infoproducto .botongris { background-color: #999999; color: #FFFFFF; padding: 10px 5px 10px 5px; border: 0px; font-family:Arial; font-weight:bold; font-size: 12px; cursor: pointer; }
#infoproducto .botonrojo { background-color: #990000; color: #FFFFFF; padding: 10px 5px 10px 5px; border: 0px; font-family:Arial; font-weight:bold; font-size: 12px; cursor: pointer; }
#infoproducto .textbox { padding: 5px 5px 5px 5px; width:40px; border: 1px solid #cccccc; background-color:#eeeeee; text-align:center; }
#infoproducto a:link { color: #0F6CB6; text-decoration: underline; }
#infoproducto a:visited { color: #0F6CB6; text-decoration: underline; }
#infoproducto a:hover { color: #505050; text-decoration: underline; }


#imgproducto a:link { color: #6e6e6e; text-decoration: underline; }
#imgproducto a:visited { color: #6e6e6e; text-decoration: underline; }
#imgproducto a:hover { color: #0F6CB6; text-decoration: underline; }
#imgproducto h1 { color: #6e6e6e; font-size: 18px; }
#imgproducto h2 { color: #6e6e6e; font-size: 18px; border: 0px; letter-spacing:0px; }
#imgproducto .separator { float:left; border-right: 1px dotted #CCCCCC; width:auto; height: 90px; margin: 0px 7px 0px 7px; }

#registro { font-size: 12px; padding-top: 0px; padding-right:0px; }
#registro h1 { color: #0F6CB6; font-size: 24px; }
#registro h2 { padding: 0px; margin: 0px; font-size:22px; color: #505050; border-bottom: 6px solid #CCCCCC; letter-spacing: -1px; }
#registro h3 { color: #0F6CB6; font-size: 14px; padding: 10px 0px 10px 0px; }
#registro h4 { color: #6e6e6e; font-size: 14px; padding: 10px 0px 0px 0px; }

#registro p { padding: 0px; margin: 10px 10px 10px 10px; line-height:20px; }

#registro ul { line-height:20px; }
#registro .precio { font-weight:bold; color: #0F6CB6; font-size:14px; width: 80px; display: inline-block; }
#registro .preprecio { font-size: 11px; width: 120px; display: inline-block; }
#registro .pnlprecio { border-bottom: 1px solid #dddddd; padding: 3px; text-align:right; }
#registro .boton { background-color: #0F6CB6; color: #FFFFFF; padding: 10px 5px 10px 5px; border: 0px; font-family:Arial; font-weight:bold; font-size: 12px; cursor:pointer; }
#registro input[type=text] { padding: 5px 5px 5px 5px; border: 1px solid #cccccc; background-color:#eeeeee; }
#registro input[type=password] { padding: 5px 5px 5px 5px; border: 1px solid #cccccc; background-color:#eeeeee; }
#registro select { padding: 5px 5px 5px 5px; border: 1px solid #cccccc; background-color:#eeeeee; }
#registro textarea { padding: 5px 5px 5px 5px; border: 1px solid #cccccc; background-color:#eeeeee; font-family:Arial; font-size:12px; }

#registro a:link { color: #0F6CB6; text-decoration: underline; }
#registro a:visited { color: #0F6CB6; text-decoration: underline; }
#registro a:hover { color: #505050; text-decoration: underline; }

#bannerspeu { text-align:center; clear:both; }

#peu { margin: 20px 0px 30px 0px; overflow:hidden; clear:both; }
#peu ul { list-style-type: none; padding:0px; margin: 0px; }
#peu ul li { float: left; padding-right: 5px; }
#peu a:link, #peu a:visited { color: #0F6CB6; text-decoration: none; }
#peu a:hover { color: #505050; text-decoration: underline; }

.input { font-size: 11px; font-family: Arial; color:#505050; }
.aviso { font-size: 11px; font-family: Arial; color:#888888; }

.aviso a:link { color: #888888; text-decoration: underline; }
.aviso a:visited { color: #888888; text-decoration: underline; }
.aviso a:hover { color: #0F6CB6; text-decoration: underline; }

#sotapeu { background-color:#0F6CB6; padding:20px; color: #FFFFFF; font-size:12px; }
#sotapeu .content { position: inherit; margin-top:0px; margin-right: auto; margin-bottom: 2px; margin-left: auto; text-align: left; width:990px; overflow:hidden; line-height: 18px; }
#sotapeu .content a:link { color:#FFFFFF; }
#sotapeu .content a:visited { color:#FFFFFF; }
#sotapeu .content a:hover { color:#505050; }


a.azul:link { color: #0F6CB6; text-decoration: underline; }
a.azul:visited { color: #0F6CB6; text-decoration: underline; }
a.azul:hover { color: #000000; text-decoration: underline; }

/*Cookie message*/
.msgcookie {
    display: block;
    position: fixed;
    text-align: center;
    margin-left: 0px;
    bottom: 0;
    height: 30px;
    width: 100%;
    background: rgba(200, 200, 200, 0.9);
    font-family: arial;
    color: #303030;
    font-size: 14px;
    z-index: 90;
    padding: 8px 0px 12px 0px;
}

    .msgcookie p {
        margin: 0 auto;
        padding: 4px 0 0 10px;
    }

        .msgcookie p span {
            padding: 6px 0 0 0px;
            display: inline-block;
        }

        .msgcookie p a:link, .msgcookie p a:active, .msgcookie p a:visited {
            color: #303030;
        }

    .msgcookie a:hover {
        color: #000000 !important;
    }

    .msgcookie a.close {
        display: inline-block;
        overflow: hidden;
        opacity: 0.7;
        padding-top: 4px;
        vertical-align: top;
        width: 50px;
    }

a.close:hover {
    opacity: 1;
    color: #303030 !important;
}

/*
h1 { padding: 0px; margin: 0px; }


#header #saludo { text-align: right; padding: 4px 15px 0px 0px; }
#header #saludo img { vertical-align:middle; }
#header #logo { text-align: left; padding: 23px 0px 5px 15px; }

#accesos { width:1008px; background-image:url(images/BGaccesos.gif); background-repeat:repeat-x; color:#dff3fc; font-size: 14px; overflow:hidden; height:39px; }
#accesos img { vertical-align: middle; }
#accesos a:link, #accesos a:visited { color:#FFFFFF; text-decoration:none; }
#accesos a:hover { color:#000000; text-decoration: underline; }

#left { float:left; }
#right { float:left; width: 250px; background-image: url(images/CRblauR.gif); background-repeat:no-repeat; background-position: right top; }

#menu { float:left; width: 250px; background-image: url(images/CRblauL.gif); background-repeat:no-repeat; background-position: left top; }
#menu .menu { padding: 0px 15px 7px 15px; border-top: 2px dashed #ececec; font-size: 12px; color: #666666;}
#menu .menu:hover { background-color: #ccffff;}

#menu .submenu { padding: 7px 40px 7px 15px; border-bottom: 1px dashed #d5d5d5; }
#menu .submenu:hover { background-color:#66ccff; }

#menu a:link, #menu a:visited { color:#666666; text-decoration:none; }
#menu a:hover { color:#000000; text-decoration: underline; }

#main { float:left; width: 487px; margin: 13px 13px 0px 0px; }
#producto { font-size: 12px; }
#producto h1 { font-size: 18px; font-family: Arial; color:#006699; }
#producto h2 { font-size: 14px; font-family: Arial; color:#006699; }
#producto .volumen { font-size: 14px; font-family: Arial; color:#666666; }
#producto .precio { font-size: 16px; font-family: Arial; color:#cc3300; }
#producto em { font-size: 12px; }
#producto a:link, #producto a:visited { color:#006699; text-decoration: none; }
#producto a:hover { color:#000000; text-decoration: underline; }

a.link:link, a.link:visited { text-decoration: underline !important; }
a.link:hover { text-decoration: underline; }

div#mapa div { background-color:#CCFFFF; padding: 2px 5px 2px 10px; font-weight:bold; margin: 0px 0px 6px 0px; }
div#mapa div.mapa2 { background-color:#CCCCCC; padding: 2px 5px 2px 10px; font-weight:bold; margin: 0px 30px 6px 30px; }
div#mapa div.mapa3 { background-color:#DDDDDD; padding: 2px 5px 2px 10px; font-weight:bold; margin: 0px 60px 6px 60px; }
div#mapa div.mapa4 { background-color:#EEEEEE; padding: 2px 5px 2px 10px; font-weight:bold; margin: 0px 90px 6px 90px; }

#extras { width:750px; overflow:hidden; }
#extras .titol { height:25px; background-color: #ff9900; background-image:url(images/BGextras.gif); background-repeat:repeat-y; background-position:right; margin: 0px 13px 0px 0px; color:#FFFFFF; font-size:16px; padding: 7px 0px 0px 27px;}
#extras .titol3 { height:25px; background-color: #51509f; background-image:url(images/BGextras3.gif); background-repeat:repeat-y; background-position:right; margin: 0px 13px 0px 0px; color:#FFFFFF; font-size:16px; padding: 7px 0px 0px 27px;}
#extras a:link, #extras a:visited { text-decoration:none; }
#extras a:hover { text-decoration: underline; }

#peu { width:974px; margin: 0px 13px 0px 13px; overflow:hidden; padding:12px; color: #666666;}
#peu a:link, #peu a:visited { color:#666666; text-decoration:underline; }
#peu a:hover { color:#038196; text-decoration:underline; }

#miga { color: #999999; font-style:italic; font-size: 12px; }
#miga a:link, #miga a:visited { color:#999999; text-decoration:none; }
#miga a:hover { color:#000000; text-decoration: underline; }

#carrito { font-size:12px; }
#carrito a:link { text-decoration:none; }
#carrito a:visited { text-decoration:none; }
#carrito a:hover { text-decoration: underline; }

.input_text { color: #333333; 
              font-family:Arial;
              font-size: 14px; 
              border-top: 1px solid #999999; 
              border-left: 1px solid #999999; 
              border-bottom: 1px solid #cdcdcd; 
              border-right: 1px solid #cdcdcd; 
              text-align: left; 
              padding: 4px 5px 4px 5px;
              }
.input_text2 { color: #333333; 
              font-family:Arial;
              font-size: 12px; 
              border-top: 1px solid #999999; 
              border-left: 1px solid #999999; 
              border-bottom: 1px solid #cdcdcd; 
              border-right: 1px solid #cdcdcd; 
              text-align: left; 
              padding: 4px 5px 4px 5px;
              }
.sin_bordes { color: #006699; 
              font-size: 14px; 
              border: 0px;
              text-align: left; 
              }

.nombre { font-size: 12px; font-family: Arial; color:#006699; text-align:left; }
.descripcion { font-size: 12px; font-family: Arial; color:#006699; text-align:left; }
.volumen { font-size: 12px; font-family: Arial; color:#666666; }
.precio { font-size: 14px; font-family: Arial; color:#cc3300; }

.blau { color:#006699; }
.gris { color:#666666; }
*/