body{
            background-color: #000;
            margin: 0px;
            padding: 0px;
            font-family: Verdana, Arial;
            color: #FFF;
            text-align: center;
}
#content{
            background: #000 url('../images/background.jpg') no-repeat top center ;
            position: relative;
            margin: 0px auto;
            width: 809px;
            padding: 115px 100px 40px 100px;
            text-align:left;
}
#menu{
            position: relative;
            margin: 0px;
            width: 807px;
            height: 29px;
            border: 1px solid #555;
            background: #131313 url('../images/background_menu.jpg') repeat-x;
}
#menu div.item{
            position: relative;
            float: left;
            border-right: 1px solid #555;
            vertical-align: middle;
}
#menu a.active:link,
#menu a.active:visited,
#menu a.active:hover{
            background: url("../images/btn_red.jpg") repeat-x !important;
}
#menu a:link,
#menu a:visited{
            font-size: 12px;
            font-weight: bold;
            color: #FFF;
            text-transform: uppercase;
            display: block;
            height: 21px;
            padding: 4px 8px;
}
#menu a:hover{
            background: url("../images/btn_yellow.jpg") repeat-x;
            text-decoration: none !important;
}
div.capaFlotanteMenu{
            position: absolute;
            z-index: 9;
            display: none;
            text-align: left !important;
            width: 120px;
}
div.capaFlotanteMenu div.pincho{
            position: relative;
            clear: both;
            float: left;
            margin: 0px !important;
            padding-top: 0px !important;
            padding-left: 4px;
            height: 15px;
            border-bottom: 1px solid #fff;
            width: 118px;
}
div.capaFlotanteMenu div.pincho img{
            margin: 0px !important;
            border: none !important;
            padding: 0px !important;
}
div.capaFlotanteMenu div.text{
            position: relative;
            float:left;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            border-left: 1px solid #fff;
            background-color: #000;
            width: 120px;
            margin: 0;
}
div.capaFlotanteMenu div.text p{
            margin: 6px;
            font-size: 9px;
}
#menuMarcas{
            position: relative;
            margin: 6px 0px;
            width: 807px;
            height: 35px;
            border: 1px solid #555;
            background-color: #131313;
}
#menuMarcas div.itemMarca{
            position: relative;
            float: left;
            margin: 0px 3px;
            cursor: hand;
            cursor: pointer;
}
#menuMarcas div.itemMarca img {
            height: 30px;
}
#menuMarcas div.itemMarca img,
#initMarcas div.bannerMarca img{
            opacity: .50;
            -moz-opacity: .50;
            filter: alpha(opacity=50);
}

#menuMarcas div.itemMarca img.active{
            opacity: 1 !important;
            -moz-opacity: 1 !important;
            filter: alpha(opacity=100) !important;
}
#contentHome{
            position: relative;
            margin: 6px 0px;
            width: 807px;
            height: 289px;
            border: 1px solid #555;
            /*background: #131313 url('../images/home_image1.jpg') no-repeat left top;*/
            vertical-align: bottom;
}
#contentMarcas{
            position: relative;
            margin: 6px 0px 0px 0px;
            width: 807px;
            height: 289px;
            border: 1px solid #555;
            background: #131313 url('../images/background_red.jpg') no-repeat center bottom;
}
#contentTiendas{
            position: relative;
            margin: 6px 0px 0px 0px;
            width: 807px;
            height: 332px;
            border: 1px solid #555;
            background: #131313 url('../images/background_red.jpg') no-repeat center bottom;
}
#contentContacto{
            position: relative;
            margin: 6px 0px 0px 0px;
            width: 807px;
            height: 332px;
            border: 1px solid #555;
            background: #131313 url('../images/showRoom.jpg') no-repeat left top;
}
#map{
            position: relative;
            float: left;
            margin: 2px;
            width: 550px;
            height: 319px;
            background-color: #333;
}
#bannersContact{
            position: relative;
            float: left;
            margin: 6px 0px;
            width: 807px;
            height: 80px;
            border: 1px solid #555;
            background-color: #131313;
}
#contactInfoRumble{
            position: relative;
            float: left;
            margin: 0px;
            padding: 10px;
            font-size: 10px;
            width: 250px;
            height: 60px;
            border-right: 1px solid #555;
}
#contactInfoRumble h1{
            font-size: 12px;
            margin: 0px 0px 6px 0px;
}
#contactText{
            position: relative;
            float: left;
            margin: 0px;
            padding: 10px;
            font-size: 10px;
            width: 516px;
            vertical-align: middle;
}
#contactText p{
            margin: 15px;
}
#formTiendas{
            position: relative;
            float: left;
            margin: 2px 2px 2px 0px;
            width: 251px;
            height: 319px;
            font-size: 9px !important;
}
#formContacto{
            position: relative;
            float: right;
            margin: 2px 2px 2px 0px;
            width: 251px;
            height: 319px;
            font-size: 9px !important;
}
#formTiendas label,
#formContacto label{
            margin-left: 15px;
            font-size: 9px;
            color: #666;
}
#formContacto input,
#formContacto textarea{
            padding: 1px 1px 1px 4px;
            font-family: Verdana;
            font-size: 9px;
            color: #fff;
            background: #222;
            border: 1px solid #FFF;
}
#formContacto input:focus,
#formContacto textarea:focus{
            border-color: #F5E721 ;
}
#formTiendas h1,
#formContacto h1{
            margin: 15px;
            padding: 0px;
            font-size: 14px;
}
#formTiendas p,
#formContacto p{
            margin: 15px;
}
#formTiendas input[type=button],
#formContacto input[type=button]{
            background: url('../images/btn_red.jpg') repeat-x;
            height: 23px;
            border: 1px solid #FFF;
            color: #FFF;
            font-weight: bold;
            padding: 0px 9px 4px 9px;
}
#formTiendas input[type=button]:hover,
#formContacto input[type=button]:hover{
            background: url('../images/btn_yellow.jpg') repeat-x;
            cursor: pointer;
            cursor: hand;
}
#initMarcas{
            position: relative;
            margin: 0;
            width: 807px;
            height: 289px;
}
#contentCatalogo{
            position: relative;
            float:left;
            margin: 6px 0px;
            width: 809px;           
}
#menusCatalogo{
            position: relative;
            float: left;
            margin: 0px;
            width: 250px;       
}
#contentListCatalogo{
            position: relative;
            float: left;
            margin-left: 6px;
            width: 551px;
            border: 1px solid #555;
            background-color: #131313;
}
#tabsMenuCatalogo{
            position: relative;
            float: left;
            height: 29px !important;
            width:251px;
            overflow: visible;
            border-bottom: 1px solid #555;
}
#tabsMenuCatalogo div.tabActive{
            position: relative;
            float: left;
            height: 25px;
            width: 92px;
            background-color: #131313;
            padding: 4px 0px 0px 6px;
            margin-right: 3px;
            border-left: 1px solid #555;
            border-top: 1px solid #555;
            border-right: 1px solid #555;
            border-bottom: 1px solid #131313;
}
#tabsMenuCatalogo div.tabActive a:link,
#tabsMenuCatalogo div.tabActive a:visited{
            color: #fff;
            font-size: 13px;
            height:23px;
            font-weight: bold;
}
#tabsMenuCatalogo div.tabActive a:hover{
            text-decoration: none !important;
}
#tabsMenuCatalogo div.tab{
            position: relative;
            float: left;
            height: 25px;
            width: 92px;
            background-color: #000;
            margin: 3px 3px 0px 0px;
            border-left: 1px solid #555;
            border-top: 1px solid #555;
            border-right: 1px solid #555;
}
#tabsMenuCatalogo div.tab a:link,
#tabsMenuCatalogo div.tab a:visited{
            color: #fff;
            font-size: 11px;
            font-weight: normal;            
            height: 22px;
            width: 86px;
            padding: 3px 0px 0px 6px;
            display: block;
}
#tabsMenuCatalogo div.tab a:hover{
            text-decoration: none !important;
            background: #FFF !important;
            color: #000;
}
#menus{
            position: relative;
            float: left;
            width: 249px;
            border-right: 1px solid #555;
            border-bottom: 1px solid #555;
            border-left: 1px solid #555;
            background-color: #131313;
}
div.menuCatalogo{
            position: relative;
            float: left;
            width: 249px;         
}
div.menuCatalogo ul{
            margin: 10px;
            padding: 0px;
}
div.menuCatalogo ul li{
            list-style: none;
            margin-left: 10px !important;
            padding: 0px;
            margin: 0px;
            line-height: 1.4;
            font-size: 11px;
}
div.menuCatalogo ul li.catTitle{
            margin-left: 0px !important;
            margin-bottom: 6px;
            margin-top: 6px;
}
div.menuCatalogo ul li.catTitle span{
            font-size: 13px;
            color: #F5E721;
}
div.menuCatalogo ul li a:link,
div.menuCatalogo ul li a:visited{
            color: #FFF;
}
div.menuCatalogo ul li a:hover{
            background-color: #FFF;
            color: #131313;
            text-decoration: none !important;
}
#NoReference{
            position: relative;
            float: left;
            width: 100%;
            text-align: center;
            margin: 50px 0px;
            font-size: 10px;
}
#fichaProducto div.header{
            position: relative;
            float: left;
            height: 128px;
            width:100%;           
}
#fichaProducto div.header div.title{
            position: absolute;
            left: 20px;
            bottom: 20px;
            width:360px;
            vertical-align: bottom;
}
#fichaProducto div.header div.title h1{
            margin: 0px 0px 0px 4px;
            padding: 0px;
            font-size: 14px;
}
#fichaProducto div.header div.title span{
            margin: 0px 0px 0px 4px;
            padding: 0px;
            font-size: 10px;
}
#fichaProducto div.header div.info div.stars{
            float: left;
            margin-top: 20px;
            text-align: right;
            width: 100%;
}
#fichaProducto div.header div.info div.novedad{
            position: relative;
            float: left;
            width: 100%;
            height: 35px;
            text-align: right;
            margin-top: 15px;
}
#fichaProducto div.header div.info div.pvpr{
            float: left;
            margin-top: 4px;
            text-align: right;
            width: 100%;
            font-size: 19px;
            font-weight: bold;
            color: #FFF;
}
#fichaProducto div.header div.info div.pvpr span.title{
            font-size: 10px;
            font-weight: normal;
}
#fichaProducto div.header div.info{
            position: absolute;
            right: 20px;
            bottom: 20px;
            width:150px;
            text-align: right;
}
#fichaProducto div.content div.images{
            position: relative;
            float: left;
            margin: 20px;
            width: 180px;
            height: 220px;
}
#fichaProducto div.content div.images img{
            float: left;
            margin: 6px 6px 0px 0px !important;
            width: 24px !important;
            border: none;
}
#fichaProducto div.content div.images img.destacada{
            float: left;
            margin: 0px !important;
            width: 180px !important;
}
#fichaProducto div.content div.description{
            position: relative;
            float: left;
            margin: 7px 0px 35px 0px;
            width: 305px;
            font-size: 10px;
            color: #BBB;
}
#fichaProducto div.content div.description p{
            font-size: 10px;
}
#fichaProducto div.content div.description b{
            color: #FFF !important;
}
#fichaProducto div.content div.description ul{
            list-style: none !important;
            margin: 6px 0px;
            padding-left: 25px;
}
#fichaProducto div.content div.description ol{
            list-style: decimal inside;
            margin: 6px 0px;
            padding-left: 25px;
}
#fichaProducto div.tableModels{
            position: relative;
            float: left;
            clear: both;
            margin: 20px;
            width: 510px;
}
#fichaProducto div.tableModels table{
            width: 510px;
            font-size: 10px;
}
#fichaProducto div.tableModels table tr.header{
            background: #555;
}
#fichaProducto div.tableModels table th{
            text-align: left;
            font-size: 10px;
            padding: 4px 2px;
}
#fichaProducto div.tableModels table td{
            padding: 4px 2px;
            border-bottom: 1px solid #555;
}
#fichaProducto div.tableModels table td.left{
            border-left: 1px solid #555 !important;
}
#fichaProducto div.tableModels table td.right{
            border-right: 1px solid #555 !important;
}
#fichaProducto div.tableModels table tr.oferta{
            background-color: #330 !important;
}
#search{
            position: relative;
            float: left;
            width: 545px;
            border-bottom: 1px solid #555;
            height: 20px;
            text-align: right;
            padding: 5px 6px 4px 0px;
            display: none;
}
#search span{
            font-size: 9px;
}
#search input{
            height: 12px !important;
}
div.pagination{
            position: relative;
            float: left;
            width: 545px;
            height: 15px;
            text-align: center;
            padding: 5px 6px 4px 0px;
            font-size: 10px;
}
.superior{
            border-bottom: 1px solid #555 !important;
}
.inferior{
            border-bottom: none !important;
}
#sectionCatalogue{
            position: relative;
            float: left;
            width: 100%;
            border-bottom: 1px solid #555;
}
#sectionCatalogue div.title{
            position: relative;
            float: left;
            width: 68%;
}
#sectionCatalogue div.title h1{
            margin: 6px 0px 6px 12px;
            padding: 0px;
            font-size: 12px;
            font-weight: bold;
}
#sectionCatalogue div.title h1 span{
            font-size: 9px !important;
            font-weight: normal !important;
}
#sectionCatalogue div.orderBy{
            position: relative;
            float: left;
            margin-top: 6px;
            width: 32%;
            text-align: right;
}
#sectionCatalogue div.orderBy span{
            font-size: 9px;
            margin-right: 10px;
}
div.itemCatalogo{
            position: relative;
            float: left;
            width: 100%;
            border-bottom: 1px solid #555;
}
.last{
            border: none !important;
}
div.itemCatalogo div.info{
            position: relative;
            float: left;
            width: 266px;
            padding: 0px;
}
div.itemCatalogo div.info h1{
            margin-left: 14px;
            margin-bottom: 10px;
            margin-top: 0px;
            padding: 0px;
            color: #FFF;
            font-size: 13px;
            font-weight: bold;
}
div.itemCatalogo div.info span.ref{
            color: #666;
            font-size: 10px;
            font-weight: normal;
}
div.itemCatalogo h1 a.title:link,
div.itemCatalogo h1 a.title:visited{
            color: #FFF !important;
}
div.itemCatalogo p.index{
            margin: 10px 14px 0px 14px !important;
            font-size: 9px;
}
div.itemCatalogo p.index a.first:link,
div.itemCatalogo p.index a.first:visited{
            color: #F5E721 !important;
}
div.itemCatalogo p.index a.second:link,
div.itemCatalogo p.index a.second:visited{
            color: #B5AC19 !important;
}
div.itemCatalogo p.index a.third:link,
div.itemCatalogo p.index a.third:visited{
            color: #756F10 !important;
}
div.itemCatalogo div.info p{
            font-size: 9px;
            margin: 10px 14px;
}
div.itemCatalogo div.infoRight{
            position: relative;
            float: right;
            margin: 0px;
            width: 280px;
            height: 128px;
}
div.itemCatalogo div.infoRight div.novedad{
            position: absolute;
            float: right;
            right: 170px;
            width: 100px;
            height: 35px;
            text-align: right;
            margin-top: 15px;
}
div.itemCatalogo div.stars{
            position: absolute;
            float: right;
            right: 170px;
            width: 100px;
            text-align: right;
            bottom: 46px;
}
div.itemCatalogo div.pvpr{
            position: absolute;
            float: right;
            right: 170px;
            width: 100px;
            height: 35px;
            text-align: right;
            bottom: 10px;
}
div.itemCatalogo div.pvpr span.title{
            font-size: 9px;
            font-weight: normal;
}
div.itemCatalogo div.imageProd{
            position: absolute;
            float: right;
            right: 10px;
            bottom: 10px;
}
div.itemCatalogo div.imageProd img{
            width: 100px;
            height: 100px;
            border: none !important;
            margin-right: 15px !important;
}
div.itemCatalogo div.imageProd a{
            font-size: 10px !important;
}
div.contentMarca{
            position: relative;
            margin: 0;
            width: 807px;
            height: 289px;
            display: none;
}
div.contentMarca div.logoImagen{
            position: relative;
            float: left;
            margin: 6px;
            width: 160px;
            height: 234px;
}
div.contentMarca div.banderaPais{
            position:relative;
            float: left;
            margin-top: 37px;
            width: 37px;
            height: 37px;
}
div.contentMarca div.dades{
            position:relative;
            float:left;
            height: 33px;
            float: left;
            margin-top: 37px;
            padding: 2px;
            width: 300px;
}
div.contentMarca div.name{
            font-size: 14px;
            font-weight: bold;
}
div.contentMarca div.url{
            font-size: 10px;
}
div.contentMarca div.info{
            position: relative;
            float: left;
            margin: 13px 0px 0px 30px;
            width: 603px;
            background: url('../images/37px_grey.jpg') 0px 37px repeat-x;
}
div.contentMarca div.text{
            position: relative;
            float: left;
            margin: 0px 0px 0px 40px;
            width: 320px;
            font-size: 10px;
}
div.contentMarca div.pdfCatalogo{
            position:relative;
            float:right;
            width: 205px;
            height: 167px;
}
#initMarcas div.text{
            position:relative;
            margin: 6px;
}
#initMarcas p{
            font-size: 11px;
            margin: 0;
}
#initMarcas div.bannerMarca{
            position:relative;
            margin-top: 10px;
            width: 805px;
            height: 234px;
            text-align:center;
}
#initMarcas div.bannerMarca a{
            cursor: hand;
            cursor: pointer;
}
#textIntro{
            position: relative;
            float: right;
            width: 260px;
}
#textIntro2{
            position: relative;
            float: right;
            width: 350px;
            text-align: right;
}
#marcas{
            position: relative;
            float: right;
            width: 282px;
            text-align: right;
}
#marcas div.marca{
            position: relative;
            float: right;
}
#marcas div.marca img{
            width: 165px;
}

#contentHome p{
            font-size: 11px;
            margin: 12px 0px;
}
#contentHome b{
            font-size: 13px;
}
#bannersMarcas{
            position: relative;
            float: left;
            margin: 6px 0px;
            width: 807px;
            height: 80px;
            border: 1px solid #555;
            background-color: #131313;
}
#bannersMarcas div.esquerra{
            font-family: Verdana, Arial;
            position: relative;
            float: left;           
            width: 170px;
            height: 80px;
            border-right: 1px solid #555;
            padding: 0 0 0 10px;
            font-size: 12px !important;
            font-weight: normal !important;
            
}
#bannersMarcas div.dreta{
            position: relative;
            float: left;
            width: 400px;
            padding: 10px 0 0 20px;
            font-size: 9px !important;
            font-weight: normal !important;
}
#bannersMarcas div.dreta ul{
            list-style: none;
}


#bannersHome{
            position: relative;
            margin: 6px 0px;
            width: 807px;
            height: 123px;
            border: 1px solid #555;
            background-color: #131313;
}
#bannersHome div.banner{
            position: relative;
            float: left;
            background: url("../images/background_banner.jpg") no-repeat;
            margin: 2px 0px 2px 2px !important;
            padding: 9px 0px 0px 0px;
            height: 110px;
}
#bannersHome div.left{
            padding-right:2px;
            border-right: 1px solid #555;
}
#footer{
            position: relative;
            margin: 6px 0px;
            clear: both;
            width: 809px;
            height: 50px;
            vertical-align: top;
            font-size: 9px;
}
#footer div.left{
            position: absolute;
            float: left;
            left: 0px;
            width: 200px;  
            top: 0px;
}
#footer div.right{
            position: absolute;
            float: right;
            right: 0px;
            top: 0px;
            width: 520px;
            text-align: right;
}
#footer b{
            font-size: 10px;
}
#bubble{
            font-size: 10px;
            color: #000;
}
#bubble h1{
            margin: 0px !important;
            padding: 0px !important;
            margin-bottom: 8px !important;
            font-size: 12px;
}
#bubble a:link,
#bubble a:visited{
            color: #C1272D !important;
}
#contentBlog{
            position: relative;
            float:left;
            margin: 6px 0px;
            width: 809px;           
}
#blogPostsList{
            position: relative;
            float: left;
            width: 551px;
            border: 1px solid #555;
            background-color: #131313;
}
#blogPostsList div.post{
            position: relative;
            float: left;
            margin-top: 10px;
            width: 551px;
            border-top: 1px solid #555;
}
#blogPostsList div.post.first{
            border-top: none !important;            
}
#blogPostsList div.post h1{
            font-size: 18px;
            color: #FFF;
            padding-left: 25px;
            background: url('../images/point_post.jpg') no-repeat 0px 2px;
            margin-left: 12px;
            margin-right: 25px;
}
#blogPostsList div.post p,
#blogPostsList div.post div{
            font-size: 11px;
            margin: 10px 37px;
}
#blogPostsList div.post b{
            font-size: 11px;
            color: #FFF;
}
#blogPostsList div.post span.notes{
            font-size: 10px;
            margin: 0px 37px 20px 37px;
}
#blogPostsList div.post span.notes a:link,
#blogPostsList div.post span.notes a:visited{
            text-decoration: none !important;
}
#blogPostsList div.post span.notes a:hover{
            background-color: #FFF;
            color: #000 !important;
}
#blogPostsList div.post img{
            margin: 15px 0px;
            border: 2px solid #FFF !important;
}
#blogPostsList div.post div.comments,
#blogPostsList div.post div.comments p{
            margin: 0px;
            font-size: 10px;
            font-style: italic !important;
}
#blogPostsList a{
            cursor: hand;
            cursor: pointer;
}
#blogPostsList div.formComments label{
            font-size: 9px;
}
#blogPostsList div.formComments{
            position: relative;
            margin: 0px auto;
            width: 470px;
}
#blogPostsList div.formComments input,
#blogPostsList div.formComments textarea{
            padding: 1px 1px 1px 4px;
            font-family: Verdana;
            font-size: 9px;
            color: #fff;
            background: #222;
            border: 1px solid #FFF;
            margin-top: 6px;
            margin-bottom: 6px;
            padding: 6px;
}
#blogPostsList div.formComments input:focus,
#blogPostsList div.formComments textarea:focus{
            border-color: #F5E721 ;
}
#blogPostsList div.formComments input[type=button]{
            background: url('../images/btn_red.jpg') repeat-x;
            height: 23px;
            border: 1px solid #FFF;
            color: #FFF;
            font-weight: bold;
            padding: 0px 9px 4px 9px;
}
#blogPostsList div.formComments input[type=button]:hover{
            background: url('../images/btn_yellow.jpg') repeat-x;
            cursor: pointer;
            cursor: hand;
}
#menusBlog{
            position: relative;
            float: left;
            margin-left: 6px;
            width: 250px;       
}
#logoBlog{
            position: relative;
            float: left;
            margin: 0px;
            width: 248px;       
            height: 132px;
            border: 1px solid #555;
            background-color: #131313;
}
#logoBlog div.logo{
            position: absolute;
            float: right;
            right: 2px;
            bottom: 2px;
}
#menusBlog div.menu{
            position: relative;
            float: left;
            margin-top: 6px !important;
            width: 248px;
            border: 1px solid #555;
            background-color: #131313;   
}
#menusBlog div.blank{
            position: relative;
            float: left;
            margin-top: 6px !important;
            width: 248px;
            height: 10px;
            border: 1px solid #555;
            background-color: #131313;
}
#menusBlog div.menu ul{
            margin: 10px;
            padding: 0px;
}
#menusBlog div.menu ul li{
            list-style: none;
            margin-left: 10px !important;
            padding: 0px;
            margin: 0px;
            line-height: 1.4;
            font-size: 11px;
}
#menusBlog div.menu ul li.catTitle{
            margin-left: 0px !important;
            margin-bottom: 6px;
            margin-top: 6px;
}
#menusBlog div.menu ul li.catTitle span{
            font-size: 13px;
            color: #F5E721;
}
#menusBlog div.menu ul li a:link,
#menusBlog div.menu ul li a:visited{
            color: #FFF;
}
#menusBlog div.menu ul li a:hover{
            background-color: #FFF;
            color: #131313;
            text-decoration: none !important;
}
a:link,
a:visited{
            color: #F5E721;
            text-decoration: none;
}
a:hover{
            text-decoration: underline;
}
.grey{
            color: #555 !important;
}
.greyLight{
            color: #BBB !important;
}
.red{
            color: #C1272D;
}
.yellow{
            color: #F5E721;
}
.center{
            text-align: center;
}
.right{
            text-align: right;
}
label.error{
            color: #C1272D !important;
}
