body
{
    background: url(img/bg.jpg);
    text-align: center;
}

.wrapper
{
    width: 1280px;
    margin: auto;
}
.hrBlue
{
    background: #0047B9;
    width: 1280px;
    height: 43px;
    overflow: hidden;
}

.hrBlue p
{
    color: #FFF;
    margin-top: 15px;
}

.right
{
    float: right;
    margin-right: 10px;
}

.hrBlue a
{
    margin-top: 10px;
}

.colabora
{
    float: left;
    margin-left: 10px;
    width: 100px;
}


.disseny
{
    color: #FFF;
    float: right;
    margin-right: 20px;
    text-decoration: none;
}

.candado
{
    margin-right: 20px;
    float: right;
    width: 11px;
    height: 12px;
}
.hrYellow
{
    background: #FBC817;
    width: 100%;
    height: 23px;
}


.lineaV
{
    background: #000;
    width: 22px;
    height: 537px;
    margin-left: 23px;
    float: left;
}



#menu
{
    width: 1280px;
    height: 43px;
    margin-top: 10px;
    background: #000;
}
#menu li
{
    float: left;
}

.btn1
{
    background: url(botons/boto1a.jpg);
    width: 116px;
    height: 43px;
    display: block;
}

.btn1:hover
{
    background: url(botons/boto1b.jpg);
    width: 116px;
    height: 43px;
    display: block;
}


.btn1Selected
{
    background: url(botons/boto1c.jpg);
    width: 116px;
    height: 43px;
    display: block;
}


.btn2
{
    background: url(botons/boto2a.jpg);
    width: 149px;
    height: 43px;
    display: block;
}

.btn2:hover
{
    background: url(botons/boto2b.jpg);
    width: 149px;
    height: 43px;
    display: block;
}


.btn2Selected
{
    background: url(botons/boto2c.jpg);
    width: 149px;
    height: 43px;
    display: block;
}


.btn3
{
    background: url(botons/boto3a.jpg);
    width: 127px;
    height: 43px;
    display: block;
}

.btn3:hover
{
    background: url(botons/boto3b.jpg);
    width: 127px;
    height: 43px;
    display: block;
}


.btn3Selected
{
    background: url(botons/boto3c.jpg);
    width: 127px;
    height: 43px;
    display: block;
}


.btn4
{
    background: url(botons/boto4a.jpg);
    width: 173px;
    height: 43px;
    display: block;
}

.btn4:hover
{
    background: url(botons/boto4b.jpg);
    width: 173px;
    height: 43px;
    display: block;
}


.btn4Selected
{
    background: url(botons/boto4c.jpg);
    width: 173px;
    height: 43px;
    display: block;
}


.btn5
{
    background: url(botons/boto5a.jpg);
    width: 213px;
    height: 43px;
    display: block;
}

.btn5:hover
{
    background: url(botons/boto5b.jpg);
    width: 213px;
    height: 43px;
    display: block;
}


.btn5Selected
{
    background: url(botons/boto5c.jpg);
    width: 213px;
    height: 43px;
    display: block;
}


.btn6
{
    background: url(botons/boto6a.jpg);
    width: 220px;
    height: 43px;
    display: block;
}

.btn6:hover
{
    background: url(botons/boto6b.jpg);
    width: 220px;
    height: 43px;
    display: block;
}


.btn6Selected
{
    background: url(botons/boto6c.jpg);
    width: 220px;
    height: 43px;
    display: block;
}

.btn7
{
    background: url(botons/boto7a.jpg);
    width: 157px;
    height: 43px;
    display: block;
}

.btn7:hover
{
    background: url(botons/boto7b.jpg);
    width: 157px;
    height: 43px;
    display: block;
}


.btn7Selected
{
    background: url(botons/boto7c.jpg);
    width: 157px;
    height: 43px;
    display: block;
}


.btn8
{
    background: url(botons/despiecesA.jpg);
    width: 105px;
    height: 32px;
    display: block;
    margin-bottom: 20px;
    float: left;
    margin-right: 9px;
}

.btn8:hover
{
    background: url(botons/despiecesb.jpg);
    width: 105px;
    height: 32px;
    display: block;
    margin-bottom: 20px;
}


.btn8Selected
{
    background: url(botons/despiecesc.jpg);
    width: 105px;
    height: 32px;
    display: block;
    margin-bottom: 20px;
    float: left;
    margin-right: 9px;
}


.btn9
{
    background: url(botons/ManualesA.jpg);
    width: 105px;
    height: 32px;
    display: block;
    margin-bottom: 20px;
    float: left;
}

.btn9:hover
{
    background: url(botons/Manualesb.jpg);
    width: 105px;
    height: 32px;
    display: block;
    margin-bottom: 20px;
}


.btn9Selected
{
    background: url(botons/Manualesc.jpg);
    width: 105px;
    height: 32px;
    display: block;
    margin-bottom: 20px;
    float: left;
}

.btnTwitter
{
    margin-top: 8px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    webkit-transition: background-color 400ms ease-out 0.2s;
    -moz-transition: background-color 400ms ease-out 0.2s;
    -o-transition: background-color 400ms ease-out 0.2s;
    transition: background-color 400ms ease-out 0.2s;
    background: #2aa9e0;
}
.btnFacebook
{
    margin-top: 8px;
    margin-right: 10px;
    margin-left: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    webkit-transition: background-color 400ms ease-out 0.2s;
    -moz-transition: background-color 400ms ease-out 0.2s;
    -o-transition: background-color 400ms ease-out 0.2s;
    transition: background-color 400ms ease-out 0.2s;
    background: #204385;
}

.btnFacebook:hover, .btnTwitter:hover
{
    background: #31373a;
    cursor: pointer;
}

.btnFacebook a, .btnTwitter a
{
    font-size: 15pt;
    color: #fff;
}

.white
{
    color: #fff;
    margin-top: 6px;
}

#content
{
    width: 1280px;
    height: 537px;
    margin: 20px 0 20px 0px;
}

#video
{
    width: 837px;
    height: 537px;
    float: left;
    margin-left: 23px;
}

#productes
{
    width: 837px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: url(img/BG-PRODUCTES.PNG);
}

#productesOcasio
{
    width: 837px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: #fff;
}

#headerProductes
{
    width: 837px;
    height: 105px;
    background: url(img/headerProductes.jpg);
}
#scroller
{
    width: 837px;
    height: 432px;
    overflow: auto;
}
#scrollerOcasio
{
    width: 837px;
    height: 537px;
    overflow: auto;
}

.column
{
    width: 256px;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
}

.producte
{
    width: 256px;
    height: 256px;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}

.fotoProducte
{
    width: 256px;
    height: 216px;
    margin-top: 20px;
    float: left;
}

.producteOcasio
{
    width: 256px;
    height: 350px;
    float: left;
    text-align: left;
    margin-left: 80px;
    margin-top: 40px;
    color: #000;
}
.fotoProducteOcasio
{
    width: 256px;
    height: 216px;
}
.campsIdioma
{
    width: 256px;
    height: 134px;
}
.camp1
{
    color: #000;
    margin-top: 10px;
    font-weight: bold;
}
.camp2
{
    color: #000;
    margin-top: 10px;
}
.camp3
{
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.separador
{
    margin-bottom: 10px;
}


#fitxaMoto
{
    width: 587px;
    height: 537px;
    margin-left: 23px;
    float: left;
    background: #fff;
    text-align: center;
}
.cuadros2
{
    width: 587px;
    height: 72px;
    background: url(img/cuadros2.png);
    overflow: hidden;
    text-align: left;
}

table.especificacions
{
    margin: auto;
    width: 475px;
    text-align: left;
    margin-top: 5px;
}
table.especificacions tr:nth-child(odd)
{
    background: #E5EDF8;
    padding: 10px;
}
table.especificacions tr:nth-child(even)
{
    background: #fff;
}
table.especificacions tr td
{
    padding: 5px;
    color: #000;
}

#dretaMoto
{
    width: 557px;
    height: 537px;
    float: left;
    margin-left: 23px;
}

.categoria
{
    width: 557px;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.marcMoto
{
    width: 557px;
    height: 417px;
    margin-bottom: 10px;
}
.fotoMoto
{
    width: 557px;
    height: 357px;
    background: #fff;
}

.imatge
{
    margin: auto;
    width: 557px;
    margin-top: 10px;
}

.cuadros
{
    width: 557px;
    height: 60px;
    background: #fff;
    text-align: left;
    background: url(img/cuadros.png);
    overflow: hidden;
}

.nomMotoFoto
{
    font-size: 16pt;
    color: #000;
    margin: 15px 0px 0px 30px;
    font-family: Arial;
}
.nomMotoFitxa
{
    font-size: 20pt;
    font-weight: bolder;
    color: #000;
    margin: 30px 0px 0px 60px;
}
.contentEmpresa
{
    width: 577px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: #FFF;
}
.contentEmpresa p
{
    margin: 15px 35px 0 35px;
    line-height: 1.5;
    color: #000;
    font-size: 10pt;
    text-align: justify;
}


.timeline
{
    float: left;
    width: 220px;
    height: 437px;
    margin-top: 0px;
    margin-left: 23px;
}

.timeline a
{
    margin-bottom: 10px;
    display: block;
}
.fbroot
{
    background: #EBEBEB;
}

.bannerEmpresa
{
    background: url(banners/tmRacing_Empresa.jpg);
    width: 177px;
    height: 537px;
    float: left;
    margin-left: 23px;
}
.bannerMerchan
{
    background: url(banners/bannerMerchandising.jpg);
    width: 177px;
    height: 537px;
    float: left;
    margin-left: 23px;
}

.contentContacta
{
    width: 577px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: #FBC817;
}

.label
{
    margin: 15px 0px 0px 15px;
    text-align: left;
    color: #000;
    font-weight: bold;
}

.textbox
{
    margin: 10px 0px 0px 15px;
    text-align: left;
}
.cmd
{
    margin: 5px 0px 0px 20px;
    background: #0047B9;
    color: #FFF;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.cmd2
{
    margin: 5px 0px 0px 20px;
    padding: 10px;
    margin-left: 30px;
    margin-top: 20px;
    background: #0047B9;
    color: #FFF;
    border: none;
    cursor: pointer;
}

.cmdLeft
{
    margin: 5px 0px 0px 20px;
    background: #0047B9;
    color: #FFF;
    border: none;
    cursor: pointer;
    float: left;
    padding: 5px;
}
.checkBox
{
    color: #000;
    margin: 15px;
    float: left;
    text-align: left;
}



h2
{
    width: 100%;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 14pt;
    margin-top: 50px;
}

.magnifyarea
{
    /* CSS to add shadow to magnified image. Optional */
    box-shadow: 5px 5px 7px #818181;
    -webkit-box-shadow: 5px 5px 7px #818181;
    -moz-box-shadow: 5px 5px 7px #818181;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
    background: white;
}


#mapa
{
    width: 537px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: #FFF;
}

.llistaConcessionaris
{
    width: 237px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: #FFF;
    overflow: auto;
    text-align: left;
}
.llistaConcessionaris h1
{
    font-weight: bold;
    margin-left: 10px;
    color: #000;
    margin-top: 20px;
}

.llistaConcessionaris p
{
    color: #000;
    margin-left: 10px;
    margin-top: 10px;
}

.llistaConcessionaris a
{
    margin-left: 10px;
    margin-top: 10px;
    text-decoration: none;
    display: block;
}

.lineaConcessionari
{
    background: #0047B9;
    margin-left: 10px;
    height: 5px;
    margin-top: 5px;
}
.contentMerchandising
{
    width: 577px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: #FFF;
    text-align: center;
}



.fotoMerchandising
{
    margin: auto;
    float: left;
    width: 463px;
    height: 537px;
    overflow: hidden;
}
.infoMerchandising
{
    position: relative;
    top: 400px;
    left: 0px;
    background: url(img/infoMerchandising.png);
    width: 270px;
    height: 75px;
    z-index: 200;
    text-align: left;
    overflow: hidden;
}
.infoMerchandising p
{
    color: #000;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
}

.imgMerchandising
{
    position: relative;
    top: -75px;
    left: 0;
    z-index: 100;
}

.btnEsquerra
{
    float: left;
    width: 57px;
    margin: 150px 0 0 0;
}
.btnDreta
{
    float: left;
    width: 57px;
    margin: 150px 0 0 0;
}

.login
{
    margin: auto;
    margin-top: 100px;
    width: 400px;
    height: 300px;
    background: #F4F5F7;
    border: 1px solid #0047B9;
    border-top: 30px solid #0047B9;
}

.logintitle
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.logintitle p
{
    float: left;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 10px;
    color: #0047B9;
    font-size: 12pt;
}
.logintitle img
{
    float: left;
    margin-left: 50px;
}
.labelLogin
{
    float: left;
    margin-top: 20px;
    float: left;
    width: 100px;
    height: 20px;
    color: #000;
}
.inputLogin
{
    margin-top: 20px;
    margin-left: 20px;
    float: left;
}
.clear
{
    clear: both;
}

.referencias
{
    margin: auto;
    margin-top: 20px;
    width: 400px;
    height: 400px;
    background: #F4F5F7;
    border: 1px solid #0047B9;
    border-top: 30px solid #0047B9;
    float: left;
    margin-right: 10px;
    margin-left: 60px;
}

.carrito
{
    margin: auto;
    margin-top: 20px;
    width: 700px;
    height: 400px;
    background: #F4F5F7;
    border: 1px solid #0047B9;
    border-top: 30px solid #0047B9;
    float: left;
    margin-right: 10px;
    margin-left: 20px;
    overflow: auto;
}

.pedidos
{
    margin: auto;
    margin-top: 20px;
    width: 1130px;
    min-height: 400px;
    background: #F4F5F7;
    border: 1px solid #0047B9;
    border-top: 30px solid #0047B9;
    float: left;
    margin-right: 10px;
    margin-left: 60px;
    margin-bottom: 20px;
}

.detallpedidos
{
    margin: auto;
    margin-top: 20px;
    width: 100%;
    height: 500px;
    background: #F4F5F7;
    border: 1px solid #0047B9;
    border-top: 30px solid #0047B9;
    float: left;
    margin-bottom: 20px;
}


.lblResultat
{
    margin-top: 50px;
    color: red;
    width: 300px;
}

.lblResultatRef
{
    margin-top: 50px;
    text-align: left;
}

.lblResultatRef p
{
    color: #000;
    margin-left: 30px;
    margin-top: 5px;
}

.contentDespieces
{
    width: 577px;
    height: 537px;
    float: left;
    margin-left: 23px;
    background: #FFF;
    text-align: left;
    overflow: auto;
}



.contentDespieces h1
{
    color: #0047B9;
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 20px;
}

.contentDespieces h2
{
    color: #000;
    font-size: 12pt;
    text-align: left;
    margin: 10px;
    width: 400px;
    margin-left: 30px;
}
.contentDespieces ul
{
    margin-left: 30px;
}
.contentDespieces ul li
{
    float: left;
    width: 170px;
}
.contentDespieces a
{
    color: #000;
    font-size: 10pt;
    float: left;
    margin: 10px;
    text-decoration: none;
}
.contentDespieces img
{
    margin: 10px;
    margin-right: 0px;
    float: left;
}

.table1
{
    margin: auto;
    width: 80%;
    margin-bottom: 20px;
    margin-top: 40px;
}

.table1 th
{
    border: 2px solid #EFEFEF;
    padding: 10px;
    background: #000;
    color: #FFF;
}
.table1 td
{
    border: 2px solid #EFEFEF;
    padding: 10px;
    color: #000;
    text-align: center;
}
.table1 tr:nth-child(even)
{
    background: #E7E7CD;
}

.pedidoCap
{
    margin-top: 20px;
}

.pedidoLin
{
    margin: auto;
    margin-top: 20px;
    width: 820px;
    height: 270px;
    overflow: auto;
}

#slider3
{
    height: 110px;
}
.cataleg
{
    margin-top: 10px;
}
.infoTecnica
{
    margin-left: 20px;
}

.video
{
    margin-left: 30px;
}

.divBorrar
{
    width: 100%;
    float:none;
    margin: 40px 0px;
    }
 .divBorrar p
{
    color: #000;
    margin: 20px 0px;
    font-size: 16pt;
    }
.colab 
{
    width: 100%;
    height: 105px;
    background: #fff;
    }
.colab a
{
    display: block;
    float: left;
    text-align: left;
    
}

.colab img
{
    float: left;
    text-align: left;
    }