/* :::::::::::::::::::::::::::: NAIPSBCN S.L. 21/02/2013 ::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@font-face {
font-family: 'segoeui_regular';
src: url('/css/segoeui-webfont.eot');
src: url('/css/segoeui-webfont.eot?#iefix') format('embedded-opentype'),
     url('/css/segoeui-webfont.woff') format('woff'),
     url('/css/segoeui-webfont.ttf') format('truetype'),
     url('/css/segoeui-webfont.svg#segoeui_regular') format('svg');
font-weight: normal;
font-style: normal;
}


.clear {clear:both;}
img.center {display:block; margin:0 auto 0 auto;}
.justify {text-align:justify;}
hr {display:block; border:1px solid #000;}
.alert {color:#c40907;}

body {
background: #fff;
margin: 0;
font: 14px/16px "segoeui_regular";
color: #000; }


#top {
position: relative;
top: 0;
width: 935px;
margin: 0 auto 0 auto;
height: 105px; }


    #logo a {
    position: absolute;
    left: 0;
    width: 342px;
    height: 100px;
    background:url(/img/logo.png); }


    #cistella, #cistella a {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 85px;
    background: url(/img/cistella.png);
    color:#fff;
    font:16px/19px "segoeui_regular";
    text-decoration: none; }
    #cistella a:hover {text-decoration:none;}


        #compra {
        position:relative;
        top: 18px;
        width:93px;
        text-align:right;
        margin:0 85px 0 0; }


    #topmenu {
    position: absolute;
    top: 18px;
    left: 420px;
    width: 355px;
    height: 35px; }
    #topmenu a {font:16px/18px "segoeui_regular"; color:#000; padding:0 10px 0 0; text-decoration:none;}
    #topmenu a:hover {color: #c40907; text-decoration:none;}
    #topmenu a.login {color:#fff; background-color:#c40907; padding:7px;}
    #topmenu a:hover.login {color:#fff; background-color:#000; padding:7px;}
    #topmenu a.logout {color:#fff; background-color:#c40907; padding:7px 14px 7px 14px;}
    #topmenu a:hover.logout {color:#fff; background-color:#000; padding:7px 14px 7px 14px;}
    /*#topmenu .login {color:#fff; background-color:#c40907; padding:7px; text-transform:uppercase;}*/

    #cerca {
    position: absolute;
    top: 56px;
    left: 422px;
    width: 280px;
    height: 30px; }
    #social img {padding:0 0 0 5px;}


    #social {
    position: absolute;
    top: 56px;
    left: 659px;
    width: 120px;
    height: 30px; }
    #social img {padding:0 0 0 5px;}


#slide_zone {
position: relative;
width: 100%;
background-color: #000; }


    .slide {
    position: relative;
    top: 10px;
    width: 933px;
    margin: 0 auto 0 auto;
    height: 350px;
    border: 1px solid #fff; }
        .slide img {width:933px; height:350px;}


    .cabezera {
    position: relative;
    top: 0;
    width: 933px;
    margin: 0 auto 0 auto;
    height: 180px; }
        .cabezera .img {float:left; width:460px; height:180px;}
        .cabezera .tit {float:left; display:table; width:473px; height:180px;}
        .cabezera .tit  h1 {display:table-cell; vertical-align:middle; padding:0; margin:0; text-align:right; font:36px/36px "segoeui_regular"; color:#fff;}


#content_zone {
position: relative;
width: 100%; }


    #content {
    position: relative;
    top: 10px;
    width: 933px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    padding-bottom: 60px; }


        .familia {
        position: relative;
        float: left;
        width: 222px;
        height: 130px;
        margin: 0 14px 20px 0 }
        .familia a {text-decoration:none; border:1px solid #000; display:block; width:222px; height:129px;}
        .familia a:hover {text-decoration:none; border:1px solid #c40907;}
        .familia.new a {border:1px solid #c40907;}
        .familia.new a:hover {border:1px solid #000;}
        .familia a .bgnom {position:absolute; width:222px; height:45px; background:#000; bottom:0;}
        .familia a:hover .bgnom {background:#c40907;}
        .familia a .bgnom.new {background:#c40907;}
        .familia a:hover .bgnom.new {background:#000;}
        .familia .bgnom h1 {margin:15px 0 0 0; font:17px/17px "segoeui_regular"; color:#fff; text-align:center;}


        .ruta {
        position: relative;
        float: left;
        top: 10px;
        width: 933px;
        height: 40px; }
        .ruta a {color:#000; text-decoration:none;}
        .ruta a:hover {text-decoration:underline;}


        .frame_esq {
        position: relative;
        float: left;
        top: 10px;
        width: 222px;
        min-height: 500px;
        background-color: #f0f0f0;
        padding-bottom: 22222px;
        margin-bottom: -22222px; }


            #menu {
            position: relative;
            float: left;
            width: 222px;
            top: 10px; }
                #menu ul {
                list-style:none;
                margin:0;
                padding:0; }
                #menu ul li {
                position: relative;
                top: 0;
                left: 0;
                font-size: 15px;
                color: #000;
                text-align: left;
                margin: 0;
                text-indent: 22px;
                line-height: 25px;  }
                #menu ul li a {
                display: block;
                text-decoration: none;
                width: 222px;
                height: 25px;
                color: #000; }
                #menu ul li a:hover {
                position: relative;
                top: 0;
                left: 0;
                color: #fff;
                text-decoration: underline;
                /*background: url(/img/menu2.png);*/
                background: #000; }
                #menu ul li.on {
                position: relative;
                top: 0;
                left: 0;
                color: #fff;
                /*background: url(/img/menu2.png);*/
                background: #000;}
                #menu ul li.on a {color: #fff;}


                .subgrups {
                clear: both;
                position: relative;
                width: 222px;
                top: 0;
                padding: 0 0 10px 30px; }
                .subgrups a {text-decoration:none; color:#000;}
                .subgrups a:hover {text-decoration:underline; color:#ba1715;}
                .subgrups a.on {text-decoration:underline; color:#ba1715;}

        .frame_dret {
        position: relative;
        float: left;
        top: 10px;
        width: 692px;
        padding: 0 0 0 17px;
        padding-bottom: 22222px;
        margin-bottom: -22222px; }


            .producte {
            position: relative;
            float: left;
            width: 222px;
            height: 315px;
            margin: 0 13px 13px 0;}
            .producte a {text-decoration:none; border:1px solid #000; display:block; width:222px; height:314px;}
            .producte a:hover {text-decoration:none; border:1px solid #c40907;}
            .producte .foto {display:table; text-align:center;}
            .producte .foto .cont-foto {width:220px; height:128px; vertical-align:middle; display:table-cell;}
            .producte .foto img {border:0;}
            .producte a .bgnom {position:absolute; width:222px; height:45px; background:#000; top:128px;}
            .producte a:hover .bgnom {background:#c40907;}
            .producte .bgnom h2 {margin:6px 0 0 0; font:17px/17px "segoeui_regular"; color:#fff; text-align:center;}
            .producte .info {position:absolute; top:173px; width:222px; color:#000;}
            .producte .info .dat1 {float:left; width:70px; text-align:left; margin:20px 0 0 15px;}
            .producte .info .dat2 {float:left; width:122px; text-align:right; margin:20px 15px 0 0;}
                .preu {color:#c40907; font-weight:bold;}

            .numresultats {
            clear: both;
            float: left;
            width: 285px;
            padding: 10px 10px 10px 0; }


            .pagresultats {
            float: left;
            width: 397px;
            height: 20px;
            text-align: right;
            padding: 10px 0 10px 0;}

            .pagresultats a {
            background-color: #000;
            border: 1px solid #000;
            color: #fff;
            margin: 2px;
            padding: 2px 6px 2px 6px;
            text-decoration: none; }

            .pagresultats a:hover, .pagresultats a:active {
            background-color: #c40907;
            border: 1px solid #000;
            color: #fff;
            margin: 2px;
            padding: 2px 6px 2px 6px; }

            .pagresultats .current {
            background-color: #c40907;
            border: 1px solid #000;
            color: #fff;
            margin: 2px;
            padding: 2px 6px 2px 6px; }

            .pagresultats .disabled {
            border: 1px solid #ccc;
            color: #ccc;
            margin: 2px;
            padding: 2px 6px 2px 6px; }

            #detall {position:relative; width:100%;}
            #detall h2 {float:left; margin:15px 0 15px 0; font:30px/30px "segoeui_regular"; color:#000; text-align:left;}
            #detall .preu {float:right; margin:15px 0 15px 15px; font:30px/30px "segoeui_regular"; color:#c40907; text-align:right;}
            #detall td.td1 {width:579px; height:30px; text-align:left; padding:0 0 0 15px; font:18px/18px "segoeui_regular";}
            #detall td.td2 {width:130px; height:30px; text-align:right; padding:0 15px 0 0; font:18px/18px "segoeui_regular";}
            #detall td.td3 {width:649px; text-align:justify; padding:0 15px 0 15px; font:18px/18px "segoeui_regular";}
            #detall td.dark {background:#f4f4f4;}

            .enrere {float:left; margin:15px 0 40px 15px; text-align:left; width:164px;}
            .enrere a {font:18px/18px "segoeui_regular"; color:#000;}
            
            .social {float:left; margin:15px 0 15px 0; text-align:right; width:500px;}
            .social .addthis_native_toolbox {float:right; width:320px;}


        .frame_meitat {
        position: relative;
        float: left;
        top: 10px;
        padding: 0;
        margin: 0 0 15px 0; }
        .frame_meitat a {color:#000; text-decoration:underline;}


#bottom_zone {
clear: both;
position: relative;
top: 15px;
width: 100%;
background-color: #000;
border-top: 20px solid #fff; }


    #bottom {
    position: relative;
    top: 10px;
    width: 933px;
    margin: 0 auto 0 auto;
    padding: 0 0 40px 0; }
    #bottom a {color:#fff; text-decoration:none;}
    #bottom a:hover {color:#c40907; text-decoration:none;}
    #bottom a.on {color:#c40907; text-decoration:none;}


        #bot-fam, #bot-nos, #bot-aton, #bot-social {
        position: relative;
        float: left;
        top: 35px;
        padding: 0; }
        #bot-fam {width:264px;}
        #bot-nos {width:239px;}
        #bot-aton {width:290px;}
        #bot-social {width:140px;}
        #bot-fam p, #bot-nos p, #bot-aton p, #bot-social p {list-style:none; margin:0; padding:0 0 35px 0; font-size:18px; color:#fff;}


        ul.peu {
        list-style: none;
        margin: 0;
        padding: 0; }
        ul.peu li {
        position: relative;
        width: 255px;
        height: 21px;
        color: #fff;
        text-align: left; }
        ul.peu li a {
        text-decoration: none;
        color: #fff;
        font-size: 16px; }
        ul.peu li a:hover {
        position: relative;
        color: #fff; }


        #marca {
        clear: both;
        position: absolute;
        top: 250px;
        left: 310px;
        width: 456px;
        height: 112px;
        background: url(/img/marques.png); }


        #copy {
        clear: both;
        position: relative;
        top: 70px;
        height: 60px;
        text-align: center;
        color: #fff;
        padding: 0 0 60px 0; }


.grid {text-align:left; float:left;}
.grid.right  {padding:0 0 0 15px;}
label {display:block;}

input, select, textarea {
    position: relative;
    background-color: #fff;
    height: 26px;
    margin: 0 0 13px 0;
    border: 1px solid #000;
    padding-left: 5px; }

    input[type="image"] {border:0;}
    .label1 {position:relative; float:left;}
    .label2 {position:relative; float:left; top:1px; left:-35px;}
    .label2 button {padding:0; margin:0; background:none; border:0; cursor:pointer;}

.checkbox {border:1 none transparent; width:50px; vertical-align:top;}

.comprar {position:absolute; top:270px; left:54px; width:123px; height:35px; background:url(/img/comprar1.png); border:0; cursor:pointer;}
.comprar:hover {background: url(/img/comprar1.png) 0 -35px; border:0;}

.comprar2 {display:block; margin:40px auto 40px auto; width:205px; height:56px; background:url(/img/comprar2.png); border:0; cursor:pointer;}
.comprar2:hover {background: url(/img/comprar2.png) 0 -57px;}

.boto {display:block; float:left; top:50px; padding:15px; color:#fff; text-decoration:none; border:0;}
.boto:hover {text-decoration:none;}
.boto.black {background:#000;}
.boto.red {background:#c40907;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */