#header{
            position: relative;
            margin: 0px;
            width: 100%;
            height: 172px;
            background: #000 url("../images/background-menu.jpg") repeat-x bottom;
            text-align: center;
}
#subheader{
            position: relative;
            margin: 1px 0px 0px 0px;
            width: 100%;
            height: 4px;
            background: #000 url("../images/background-degradat.jpg") repeat-x bottom;
}
div.content{
            position: relative;
            float: left;
            margin:  0px;
            width: 100%;
            text-align: left;
}


div.content_form{
            position: relative;
            float: left;
            margin: 1px 0px 0px 1px;
            width: 556px;
            height: 300px;
}
div.content_form p{
            margin: 20px 15px 0px;
}
div.content_form table{
            margin: 0px;
            width: 556px;
}
div.content_form td{
            width: 50%;
            vertical-align: text-top !important;
}
div.content_form label{
            font-size: 0.9em;
}
div.content_form input[type=text],
div.content_form textarea{
            font-size: 1em;
            background-color: #222;
            width: 99%;
            color: #FFF;
            border: 1px solid #666;
}

div.centerDiv{
            position: relative;
            margin:  0px auto;
            width: 995px;
            text-align: left;
}
div.width_573{
            width: 573px;
}
div.width_560{
            width: 560px;
}
#logo{
            position: relative;
            float: left;
            margin: 40px 0px 0px 0px;
            width: 382px;
            height: 88px;
}
#languages{
            position: relative;
            float: right;
            height: 30px;
            width: 150px;
            margin: 0px 0px 0px 0px;
}
#languages div.flag{
            position: relative;
            float: right;
            padding: 0px;
            margin: 2px 0px 0px 2px;
}
#slogan{
            position: relative;
            clear:right;
            float: right;
            margin: 10px 0px 0px 0px;
}
#mainMenu{
            position: relative;
            /*clear: left;*/
            float: left;
            margin: 16px 0px 0px 10px;
            height: 28px;
            width: 520px;
}
#mainMenu div.item{
            position: relative;
            float: left;
            padding: 4px 8px;
            margin: 2px 0px 0px 6px;
            font-size: 1.1em;
}
#mainMenu div.item a:link,
#mainMenu div.item a:visited{
            color: #000;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: normal;
}
#mainMenu div.item a:hover{
            color: #09F;
}
#mainMenu div.item.active{
            font-size: 1.2em;
}
#mainMenu div.item.active a:link,
#mainMenu div.item.active a:visited{
            font-weight: bold;
            color: #C33;
}
#content-home{
            position: relative;
            float: left;
            background: right top url("../images/background-content-home.jpg") no-repeat;
            width: 556px;
            height: 300px;
            margin: 1px 0px 0px 40px;
}

#menu-categoria{
            position: relative;
            float: left;
            margin: 5px 0px 0px 0px;
            width: 190px;
            font-size: 0.9em;
}
#menu-categoria ul{
            list-style:none;
            padding: 0px;
            margin: 4px 0px 0px 0px;
}
#menu-categoria ul ul{
            margin: 0px 0px 0px 80px !important;
            
}
#menu-categoria ul li.first{
            margin-top: 29px;
}
#menu-categoria ul li a:link,
#menu-categoria ul li a:visited{
            color: #FFF;
            text-decoration: none;
}
#menu-categoria ul li a:hover{
            color: #09F;
}
#menu-categoria ul li.active a:link,
#menu-categoria ul li.active a:visited{
            font-size: 1.2em !important;
            color: #09F;
}
#menu-categoria ul ul{
            font-size: 0.8em !important;
}
#menu-categoria #ofertes{
            margin: 20px 0px 0px 20px !important;
}

#menu-categoria #ofertes a:link,
#menu-categoria #ofertes a:visited{
            font-size: 1.2em;
            color: #F33 !important;
}

#llista-productes{
            position: relative;
            float: left;
            margin: 2px 0px 0px 0px;
            width: 571px;
            border-left : 1px solid #FFF !important;
            border-right : 1px solid #FFF !important;
}
#llista-productes div.item-producte{
            position:relative;
            float: left;
            margin: 2px 0px 0px 0px;
            height: 150px;
            width: 100%;
            border-bottom: 1px solid #FFF;
}

#llista-productes div.pagination-header,
#llista-productes div.pagination-footer{
            position: relative;
            float: left;
            width: 571px;
            height: 26px !important;
            text-align: center;
            padding-top: 10px;
}
#llista-productes div.pagination-header{
            border-bottom: 1px solid #FFF !important;
}
#llista-productes div.item-producte div.image{
            position: relative;
            float: left;
            margin: 18px 0px 0px 4px;
            width: 140px;
            height: 100px;
            overflow: hidden;
            z-index: 1;
}

#llista-productes div.text-marca{
            border: 1px solid #666;
            margin: 4px;
            background-color: #222;
            text-align: center;
}
#llista-productes div.text-marca p{
            font-size: 1.2em;
            font-weight: lighter;
            font-style: italic;
            color: #666;
}
#llista-productes div.item-producte div.image div.numfotos{
            position: absolute;
            bottom: 0px;
            left: 0px;
            padding: 2px 10px;
            background-color: #FFF;
            z-index: 2;
            
}
#llista-productes div.item-producte div.image div.numfotos label{
            color:#999 !important;
            font-size: 0.8em;
}

#llista-productes div.item-producte div.info{
            position: relative;
            float: left;
            margin: 4px 0px 0px 6px;
            width: 370px;
}

#llista-productes div.item-producte div.info div.headerllista{
            margin: 10px 5px;
           
}
#llista-productes div.item-producte div.info div.headerllista div.marca{
            float: left;
            width: 250px;
            
}
#llista-productes div.item-producte div.info div.headerllista div.marca a:hover label{
            float: left;
            width: 250px;
			color: #F33;
            
}
#llista-productes div.item-producte div.info div.headerllista div.preu{
            width: 100px;
            text-align: right;
            float: right !important;

}
#llista-productes div.item-producte div.info div.taula{
            float: left;
            width: 370px;
            margin: 5px 0px 0px 10px;
}

#llista-productes div.item-producte div.footerllista{
            position: relative;
            float: left;
            margin-left: 450px;
}

#llista-productes div.item-producte table{
            margin: 10px 20px;
}
#llista-productes div.item-producte table tr.caracteristicas td{
            font-size: 1em;
            color: #FFF;
}
#llista-productes div.item-producte label.red{
            font-size: 0.8em;
            color: #F00;
}
#banners-home{
            position: relative;
            float: left;
            width: 222px;
            margin: 5px 0px 0px 8px;
}
#banners-home p{
            margin: 5px 0px 0px 8px;
}
#banners-home ul{
            margin: 5px 0px 0px 8px;
            padding: 0px;
            list-style: none;
            font-size: 0.9em;
}
#banners-home ul li{
            margin: 10px 0px 0px 0px;
            padding: 0px;
            list-style: none;
}
#banners-home ul ul li{
            margin: 4px 0px 0px 0px;
            padding: 0px;
            list-style: none;
}
#banners-home label.linia{
            margin: 0px 0px 0px 2px;
            font-size: 1.1em;
            border: 1px solid #FC0;
            background-color: #CC0;
            line-height: 2.2em;
            padding: 3px 5px;
            color: #000;
            font-weight: bold;
}
#banners-home label.metro{
            margin: 0px 0px 0px 2px;
            background-color: #000;
            border: 1px solid #FFF;
            line-height: 2.2em;
            padding: 3px 5px;
            color: #FFF;
            font-size: 1.1em;
            font-weight: bold;
}
#banners-home label.metro.blue{
            background-color: #06A;
            border-color: #09F;
}
#banners-home label.metro.red{
            background-color: #C11;
            border-color: #F33;
}
#banners-small{
            position: relative;
            float: left;
            width: 170px;
            margin: 22px 0px 0px 0px;
}
#banners-small div.banner-individual a img{
            width: 160px !important;
}

#localizacion {
            margin: 20px 0px 0px 40px;
}
#localizacion div.mapa{
            float: left;
            width: 500px;
}
#localizacion div.info{
            float: left;
            width: 300px;
}
div.banner-individual{
            margin: 0px 0px 0px 2px;
}

label.title{
            font-size: 1.2em;
            font-weight: bold;
            color: #09F !important;
}
label.precio{
            font-size: 1.2em;
            font-weight: bold;
            color: #FFF !important;
}

#destacados{
            position: relative;
            clear: both;
            float: left;
            width: 100%;
}
#destacados .title{
            position:relative;
            margin: 0px;
            background-color: #000;
            color: #FFF;
            padding: 4px 10px;
            height: 16px;
}
#destacados div.title h1{
            margin: 0px !important;
            font-weight: normal;
            font-size: 1.1em;
            color: #FFF;
}
#destacados div.item{
            position: relative;
            float: left;
            
            background-image: -moz-linear-gradient(top, #000000, #222222); /* Firefox 3.6 */
            background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222222),color-stop(1, #000000)); /* Safari & Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#222222', endColorstr='#000000'); /* IE6 & IE7 */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#222222', endColorstr='#000000')"; /* IE8 */
            
            width: 284px;
            height: 110px;
            border: 1px solid #FFF;
            margin: 2px 0px 0px 3px !important;
}
#destacados div.item div.image{
            position: relative;
            float: left;
            width: 140px;
            height: 104px;
            background: #333;
            margin: 3px 0px 0px 3px;
            overflow: hidden;
}
#destacados div.item div.info{
            position: relative;
            width: 130px;
            height: 100px;
            float: right;
            text-align: right;
            right: 3px;
            margin-top: 3px;
            font-size: 0.9em;
            color: #000;
}
#destacados div.item div.info div.modelo{
            position: absolute;
            float: right;
            right: 0px;
            text-align: right;
            top: 0px;
}
#destacados div.item div.info div.modelo label{
            font-size: 1.2em;
            color: #06C;
}
#destacados div.item div.info div.precio{
            position: absolute;
            float: right;
            right: 0px;
            text-align: right;
            bottom: 0px;
}
#destacados div.item div.info div.precio label{
            font-size: 1.8em;
            color: #F33;
}
#footer{
            position: relative;
            top: 100px;
            clear:both;
            width: 100%;
            height: 36px;
            font-size: 0.8em;
            background: bottom url("../images/background-footer.jpg") repeat-x;
}
#footer a:link,
#footer a:visited{
            text-decoration: none;
            color: #FFF;
            font-weight: bold;
            font-size: 1.2em;
}
#footer b{
            font-size: 1.2em;
}
div.left{
            position: relative;
            float: left;
            text-align: left;
}
div.right{
            position: relative;
            float: right;
            text-align: right;
}
p{
            font-size: 0.9em;
            margin: 8px 10px;
}
p.first{
            margin-top: 20px;
}
img.banner-home{
            margin: 10px 0px 0px 0px;
            border: 2px solid #FFF;        
}
body{
            background: #000;
            font-family: Verdana;
            font-size: 12px;
            line-height: 15px;
            margin: 0px;
            padding: 0px;
            text-align: center;
            color: #FFF;
}
bold{
            font-size: 1.1em;
}
a img{
            text-decoration: none;
            border: none;
}
a:link,
a:visited{
            text-decoration: none;
            font-weight: bold;
            color: #09F;
}
a:hover{
            color: #F33;
}
.center{
            text-align: center !important;
}
div.note{
            position: relative;
            margin: 40px auto;
            width: 500px;
            border: 1px solid #FC0;
            background-color: #CC0;
            font-size: 0.9em;
            color: #000 !important;
}
div.error{
            position: relative;
            margin: 40px auto;
            width: 500px;
            background-color: #C11;
            border-color: #F33;
            font-size: 0.9em;
            color: #000 !important;
}
div.note h1,
div.error h1{
            font-size: 1em;
            margin: 10px 15px 0px 15px;
}
div.note p,
div.error p{
            margin: 0px 15px 10px 15px;
}
#ficha{
            position: relative;
            float: left;
            margin: 2px 0px 0px 0px;
            width: 571px;
            overflow: hidden;
            border-left : 1px solid #FFF !important;
            border-right : 1px solid #FFF !important;
}
#ficha div.basics{
            position: relative;
            float: left;            
            width: 100%;
            height: 125px;
            background-color: #000;
}
#ficha div.markImage{
            position: relative;
            float: left;
            margin: 4px 0px 0px 4px;
            border: 1px solid #AAA;
            width: 162px;
            height: 115px;
            background: #FFF;
}
#ficha div.markImage div.image{
            position: relative;
            float: left;
            margin: 3px 0px 0px 3px;
            width: 156px;
            height: 109px;
            overflow: hidden;
}
#ficha div.markImage div.image img{
            width: 156px;
}
#ficha div.basics div.datos{
            position: relative;
            float: left;
            font-size: 12px;
            color: #FFF;
            margin: 5px 0px 0px 40px;
            width: 200px;
            height: 120px;
}
#ficha label.precio{
            font-size: 1.6em;
            font-weight: bold;
            color: #FFF !important;
}
#ficha label{
            font-size: 1em;
            color: #FFF;
}
#ficha label.red{
            font-size: 0.8em;
            color: #F33;
}
#ficha label.note{
            font-size: 0.8em;
}
#ficha div.caracteristicas{
            position: relative;
            float: left;
            width: 100%;
            margin: 30px 0px 0px 0px;
}
#ficha div.caracteristicas table{
            width: 490px;
            margin: 0px 20px;
            padding: 0px;
}
#ficha div.caracteristicas table tr{
            vertical-align: top;
}
#ficha div.caracteristicas table tr td{
            padding: 3px 0px;
}
#ficha div.caracteristicas table tr td table tr td{
            padding: 0px !important;
}
#ficha div.caracteristicas table tr td label{
            margin-left: 10px;
}
#ficha div.caracteristicas table tr td label.carateristica{
            margin-left: 0px !important;
}
#ficha div.fotosnotes{
            position: relative;
            float: left;
            margin-top: 30px;
            font-size: 1em;
            width: 100%;
}
#ficha div.fotosnotes label{
            margin-left: 10px;
}
#ficha div.fotosnotes a:link,
#ficha div.fotosnotes a:visited{
            font-size: 0.8em;
            font-weight: normal !important;
}
#ficha div.fotos{
            position: relative;
            float: left;            
            width: 100%;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
            background-color: #222;
}
#ficha div.fotos div.markImage{
            width: 69px;
            height: 48px;            
}
#ficha div.markImage:hover,
#ficha div.markImage.hover{
            background-color: #09F;
            border-color: #09F;
            cursor: hand;
            cursor: pointer;
}
#ficha div.fotos div.markImage div.image{
            width: 63px;
            height: 42px;            
}
#ficha div.fotos div.markImage div.image img{
            width:63px;
}
#ficha p{
            text-align: justify;
}
div.no_results{
            position: relative;
            margin: 100px 0px;
            font-style: italic;
            font-weight: normal;
            font-size: 0.9em;
            text-align: center;
}

div.headerList{
            position: relative;
            float: left;
            width: 100%;
            text-align: left;
            margin: 10px 0px 0px 0px;
            color: #666;
            font-size: 12px;
}
div.headerList div.left{
            position: relative;
            float: left;
            width: 200px;
            text-align: left;
            margin: 4px 10px;
}
div.headerList div.right{
            position: relative;
            float: right;
            width: 300px;
            text-align: right;
            margin: 4px 10px;
}
div.headerList div.right label.grey{
            color: #777;
            font-size: 1.1em;
}
div.headerList div.right label.showOptionsOrderBy a{
            padding: 4px 8px;
            background-color: #000;
            color: #FFF;
            cursor: hand;
            cursor: pointer;
}
div.headerList div.right label.showOptionsOrderBy a:hover{
            color: #FCEE21 !important;
}
div.headerList div.atras{
            position: relative;
            float: right;
            color: #000;
            text-align: right;
            margin: 10px 6px;
            height: 30px;
}
div.headerList div.atras a:link,
div.headerList div.atras a:visited{
            padding: 4px 20px 4px 4px;
            background: url("../images/ico-atras.jpg") no-repeat right;
}
.red{
            color: #F33;
}
div.text-legal{
            border: 1px solid #FFF;
            margin: 4px 20px;
            background-color: #000;
            text-align: justify;
}
div.text-legal p{
            font-size: 0.8em;
            margin: 5px !important;
            font-weight: lighter;
            color: #AAA;
}