﻿.negrita{
    font-weight:bold;
}

.btn-club{
    color:#386191;
    padding:10px;
    margin:50px;
} 



#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}


#banner-kumho-fino {
    position: relative;
    text-align: center;
    color: white;
}


.tabtt { width: 100%; background-color: #fff;  border-collapse:collapse; text-align:right; font-size:14px; }
.tabtt td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; width:60px; }
.tabtt .last td {background-color: #FDBC28;}
.tabtt .total, .desglose{text-align:left;}

.fichaDesglose { width: 100%; background-color: #fff;  border-collapse:collapse; text-align:right; font-size:16px; }
.fichaDesglose td { padding: 2px; color: #717171;  }
.fichaDesglose .last td {background-color: #FFBF08;}
.fichaDesglose .total, .desglose{text-align:left;}



.tablaTallas { width: 300px; background-color: #fff;  border-collapse:collapse; text-align:right; font-size:15px; }
.tablaTallas td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; text-align:center;  }
.tablaTallas th { padding: 10px; border: solid 1px #c1c1c1; background-color:#000; color: #fff; text-align:center; }

#contenedor input, #contenedor textarea{
    font-family: 'source_sans_proregular';
  font-size: 16px;
  font-size: 1.6rem;
}

 .pequeño{
    width:40px !important;
}
.medio{
    width: 100px !important;
}

.medio2{
    width: 200px !important;
}

.mediano{
    width:300px !important;
}

.grande{
    width:300px !important;
}


.grande2{
    width:500px !important;
}

.gigante{
    width:750px !important;
}


textarea.gigante{
    width:500px !important;
}


.accelera{
    background: url(../imagenes/logosMarcas/marcaacceleramini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.aplus{
    background: url(../imagenes/logosMarcas/marcaaplusmini.png) center center no-repeat;  
    text-indent:-9999px;
}
.bridgestone{
    background: url(../imagenes/logosMarcas/marcabridgestonemini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.continental{
    background: url(../imagenes/logosMarcas/marcacontinentalmini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.cooper{
    background: url(../imagenes/logosMarcas/marcacoopermini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.dunlop{
    background: url(../imagenes/logosMarcas/marcadunlopmini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.firestone{
    background: url(../imagenes/logosMarcas/marcafirestonemini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.goodyear{
    background: url(../imagenes/logosMarcas/marcagoodyearmini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.gtradial{
    background: url(../imagenes/logosMarcas/marcagtradialmini.gif) center center no-repeat;  
    text-indent:-9999px;
}

.linglong {
    background: url(../imagenes/logosMarcas/linglong.png) center center no-repeat;
    text-indent: -9999px;
}


.michelin {
    background: url(../imagenes/logosMarcas/marcamichelinmini.gif) center center no-repeat;
    text-indent: -9999px;
}


.mrl {
    background: url(../imagenes/logosMarcas/mrl.png) center center no-repeat;
    text-indent: -9999px;
}

.gtk {
    background: url(../imagenes/logosMarcas/gtk.png) center center no-repeat;
    text-indent: -9999px;
}

.pirelli{
    background: url(../imagenes/logosMarcas/marcapirellimini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.ovation{
    background: url(../imagenes/logosMarcas/marcaovationmini.gif) center center no-repeat;  
    text-indent:-9999px;
}
.sunfull{
    background: url(../imagenes/logosMarcas/marcasunfullmini.png) center center no-repeat;  
    text-indent:-9999px;
}
.threea{
    background: url(../imagenes/logosMarcas/marcathreeamini.png) center center no-repeat;  
    text-indent:-9999px;
}


.triangle {
    background: url(../imagenes/logosMarcas/triangle.png) center center no-repeat;
    text-indent: -9999px;
}

.kelly{
    background: url(../imagenes/logosMarcas/marcakellymini.jpg) center center no-repeat;  
    text-indent:-9999px;
}

.austone{
    background: url(../imagenes/logosMarcas/marcaaustonemini.png) center center no-repeat;  
    text-indent:-9999px;
}

.bfgoodrich{
    background: url(../imagenes/logosMarcas/marcabfgoodrichmini.png) center center no-repeat;  
    text-indent:-9999px;
}

.tracmax{
    background: url(../imagenes/logosMarcas/marcatracmaxmini.gif) center center no-repeat;  
    text-indent:-9999px;
}

.kumho{
    background: url(../imagenes/logosMarcas/marcakumhomini.jpg) center center no-repeat;  
    text-indent:-9999px;
}

.sava {
    background: url(../imagenes/logosMarcas/savamini.png) center center no-repeat;
    text-indent: -9999px;
}


.petlas {
    background: url(../imagenes/logosMarcas/petlas.png) center center no-repeat;
    text-indent: -9999px;
}

.speedways {
    background: url(../imagenes/logosMarcas/speedways.png) center center no-repeat;
    text-indent: -9999px;
}


.interstate {
    background: url(../imagenes/logosMarcas/interstate.png) center center no-repeat;
    text-indent: -9999px;
}

.debica {
    background: url(../imagenes/logosMarcas/debica.png) center center no-repeat;
    text-indent: -9999px;
}

.goldline {
    background: url(../imagenes/logosMarcas/goldline.png) center center no-repeat;
    text-indent: -9999px;
}


.uniroyal {
    background: url(../imagenes/logosMarcas/uniroyal.png) center center no-repeat;
    text-indent: -9999px;
}


.cachland {
    background: url(../imagenes/logosMarcas/marcacachland.png) center center no-repeat;
    text-indent: -9999px;
}


.metzeler {
    background: url(../imagenes/logosMarcas/marcametzeler.png) center center no-repeat;
    text-indent: -9999px;
}

.mitas {
    background: url(../imagenes/logosMarcas/mitas.jpg) center center no-repeat;
    text-indent: -9999px;
}


.royalblack {
    background: url(../imagenes/logosMarcas/royalblack.png) center center no-repeat;
    text-indent: -9999px;
}


.alertaNotificacion{
    font-size:20px;
    color:red;
}

#panelError, .panelError{
    font-size:20px;
    color:#fff;
    border-radius:5px;
    padding:5px;
    margin:5px 10px;
    background-color: salmon;
}


#panelOK, .panelOK {
    font-size: 20px;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 10px;
    background-color: lightgreen;
}

#desgloseTotalPedido {
    float: right;
    margin: 5px;
    width: 205px;
}

#desgloseTotalPedido span{    
    font-size:22px;
}



/* ficha bolsa */
/* ---------------------- */

#fichaPopupContainerArticuloBolsa
{
    position:absolute;    
    display:none;
    z-index: 200;
    background-color:#fff;   
    border:none;
    width: 285px;
    left:100px;
    top:150px;
    /*height: 395px;*/    
    background: #333333;
  border-top: 10px solid #ffbf08;
  padding-left: 10px;
}


.cerrarPopUp {
    position:absolute;
    top:50px;
    right:80px;
    font-size:15px;
    color:#fff;
}



#mainFichaArticuloBolsa{
    background: url(../imagenes/bolsa/fondoBolsa.png) left center no-repeat;
  padding: 6px 10px 6px 38px;
  height:644px;
  width:700px;
  position:relative;
}

.imagen_fichaBolsa{
    position:absolute;
    top:170px;
    left:20px;
}


#mainFichaArticuloBolsa 
{   
    font-size:15px;    
    font-family: 'source_sans_prolight';
}



#mainFichaArticuloBolsa h2
{
    color:#386191;
    position:absolute;
    top: 130px;
    left:60px;
    font-size:22px;    
    font-family: 'source_sans_prolight';
}

#mainFichaArticuloBolsa h2 span
{
    color:#000;    
    font-size:20px;    
    font-family: 'source_sans_prolight';
}

#bolsaMarca{
    width:90px;
    height:30px;
    display:inline-block;
    margin:auto 10px;
}

#bolsaCotizacion {
    position: absolute;
    top: 243px;
    left: 275px;
}

#bolsaCotizacion div, #bolsaCotizacion span{
    display:inline-block;
    font-size:25px;
    color:#386191;
}

#bolsaCotizacion .precio {
    color:#386191;
    width:110px;
    font-family:'source_sans_probold';
}

#bolsaCotizacion .tendencia{
    color:#386191;
    width:125px;
    font-family:'source_sans_prolight';    
}

#bolsaCotizacion .ultimaActualizacion{
    color:#386191;
    font-size:30px;
    margin:2px 10px;
    font-family:'source_sans_prolight';
}

#bolsaPedir{
    position:absolute;
    top:460px;
    left:150px;

}

#bolsaPedir table{
    margin:15px;
    padding:10px;
    background:#fff;
    width:300px;    
}

#bolsaPedir table tr {
    background:#ccc;
    margin:15px 0px;
    grid-cell:none;    
}
#bolsaPedir table td {
    background:#ccc;
    padding:5px;    
    grid-cell:none;    
}

#graficoTendencia{
    position:absolute;
    top:290px;
    left:220px;
    width:400px;
    height:180px;
}

#btnPedirArticuloBolsa{
    position:absolute;
    top:500px;
    left:500px;
    width:160px;
    cursor:pointer;
    padding:5px;
    border-radius:6px;
    color:#fff;
    background:#012A6E;
}

#grdTendencia{
    display:none;
}



/*PROMO CHALECOS*/
#promoChalecos_explicacion img{
    margin:0 auto;
    width:100%;

}