/* CSS Document */

/* fuentes */


.bmw-cond-regular{ /*font-family: "Bmw-cond-regular";*/ font-family: 'Open Sans', sans-serif; font-weight: 400; }
.bmw-cond-bold{ /*font-family: 'Open Sans', sans-serif;*/ font-family: 'Open Sans', sans-serif; font-weight: bold; }
.bmw-regular{ /*font-family: "Bmw-regular";*/ font-family: 'Open Sans', sans-serif; }

h3{ font-weight: bold !important; }

/* TOOLTIP */

.custom-tooltip {
    --bs-tooltip-bg: #8a1a30;
    --bs-tooltip-color: white;
}

/***************************** paginado boostrap ******************************/
.pagination{
	--bs-pagination-padding-y: 0.225rem !important;
}

.active>.page-link, .page-link.active{
	background-color:#aeafaf !important;
	border:solid #aeafaf 1px !important;
}

.page-link:focus {
    box-shadow: none !important;
}



/* /////////////////////// */


body{
	margin:0; padding:0; border: 0; text-align:center; background-color:#ffffff; font-size:14px !important; height:100%; min-height: 100%; width:100%;
	overflow-x:hidden; color: #333; font-family: 'Open Sans', sans-serif !important; padding-top: 100px;
	
}

html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

h1{ color: #8a1a30 !important; font-size: 23px !important; }

.nopadding{ padding: 0 0 !important; }

img{
	border:none;
	display: block;
	margin: auto;
}

tbody, td, tfoot, th, thead, tr { border-width: 0.5px !important; }

*{ outline:none !important; }

.sindisplay{ display: none; }
.flota_iz{ float: left; }
.flota_der{ float: right; }

.flota_izmoneda{ float: left; }

main{ position:relative; }


.selectores{ font-size: 18px !important; background-color: #eff3fc; padding: 16px 10px 16px 5px; border: none; border-right: solid #eff3fc 5px; font-weight: bold; }
.selectores.selectoresMini{ padding: 3px 10px 3px 3px; margin:5px; }

@media screen and (max-width:1024px) {
	
	.selectores{ font-size: 16px !important; padding: 10px 10px 10px 5px; }
}

@media screen and (max-width:500px) {
	
	.selectores{ font-size: 14px !important; padding: 6px 10px 6px 5px; }
	.selectores.selectoresMini{ display:block; margin:10px 0px; }
}


/* Alineadores */

.tex_ali_center{ text-align: center; }
.tex_ali_left{ text-align: left; }
.tex_ali_right{ text-align: right; }

/*Fuentes*/

.mayus{ text-transform: uppercase; }
.justificado{ text-align: justify; }

.roboto { font-family: 'Roboto Condensed', sans-serif; }
.montse { font-family: 'Montserrat', sans-serif; }

.superfina{ font-weight: 100; }
.mediumfina{ font-weight: 200; }
.fina { font-weight: 300; }
.regular { font-weight: 400; }
.medium{ font-weight: 500; }
.semibold{ font-weight: 600;}
.bold{ font-weight: 700; }

.azul_osc{ color: #096caa  ; }
.azul{ color: #0099ce; }
.verde_logo{ color: ; }
.verde{ color:#909b31; }
.blanca{ color: white; }
.negra{ color: black !important; }
.gris{ color:#7b8790; }
.gris2{ color: #797979; }
.grishome{ color: #494949; }
.orange{color:#e58619;}
.roja{ color: red; }
.rojabmw{ color: #A50034; }
.grisbmw{ color:#232323; }
.verde_fos{ color:#16bd00; }


.oculto{ display: none; }
.invisible{ visibility: hidden; }

.marging_tit25{ margin: 25px 0; }

/* Links */

.linkinfo{ font-size: 20px; text-decoration: none; color: #000; background-color:#eff3fc; border-radius: 4px; padding: 4px 8px; display:inline-block; }


/* MENU */

.logoweb{ float: left; vertical-align: middle; width: 360px; margin-top: -8px;  }
.logoweb2{ float: left; vertical-align: middle; width: 128px; margin-top: -4px;  }
#logovertical{ display: none; }

.b_menu_movil{ position:fixed; top:10px; right:20px; z-index:1000; display:none }

header{ position: fixed; /*overflow: hidden;*/ height: 70px; width: 100%; margin: auto; font-size:16px; font-weight: 600; z-index: 100; background-color: white; top:0px; /*border: 1px solid blue;*/ }
.box_cabecera{ width: 1240px; margin: auto; /*overflow: hidden;*/ }

/*
#menu0{ float: left; margin-top: 10px; width: 403px;  }
#menu1{ float: left; margin-top: 10px; width: 503px; margin-left: 70px; }
#menu2{ float: right; margin-top: 10px;   }
*/

#menu0{ box-sizing: border-box; display: inline-block; margin-top: 10px; width: 413px; vertical-align: middle; }
/*#menu1{ box-sizing: border-box; display: inline-block; margin-top: -5px; width: 483px; margin-left: 50px; vertical-align: middle; }*/
#menu1{ box-sizing: border-box; display: inline-block; margin-top: -5px; /*width: 380px;*/ margin-left: 60px; vertical-align: middle; }
#menu2{ box-sizing: border-box; float: right; margin-top: 12px; vertical-align: middle; }

.hueco_carro{ margin: 3px 0 0 5px; }


header nav{
	
	
	padding:4px 0 0 0;
		
	/*font-size:0.7em;*/
	
	
}

header nav img{ width: 25px; }

#icohome { width: 18px; margin-top: 2px;  }
#icolupa { width: 18px; margin-top: 3px;  }
#icocart { width: 18px; margin-top: 2px;  }
#icoexclamation{ width: 14px; display: inline-block; vertical-align: baseline; padding-right:3px; opacity:0.7; }

#cuerpoUsuario{
	min-width:280px;
	height:auto;
	display:none;
	position:absolute;
	top:40px;
	left:-30px;
	background-color: #fff;
	z-index:1000;
	border-radius: .475rem;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.397);
	padding: 20px;
}

.nombreAtributo{
	
}

.inputAtributo{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 1px 0px;
	text-align: center;
}

.inputAtributo:disabled{
	background-color: #cfcfcf;
}
.botonAtributo{
	width: 100%; color:#ffffff; background-color: #494949; padding: 2px; transition: all 300ms ease-in-out; border: solid 1px #494949; border-radius: 3px; text-align: center; text-decoration: none;
}
.botonAtributo:hover, .botonAtributoDisabled {
    background-color: transparent;
    text-decoration: none;
    color: #494949;
   /* border: solid 2px #ffffff !important;*/
}

input[readonly] {
  background-color: #f0f0f0;  /* mismo gris que suele tener un disabled */
  color: #6c757d;             /* color de texto atenuado */
  border-color: #ccc;         /* borde gris */
  cursor: not-allowed;        /* cursor igual al disabled */
}

/* Estilo de "readonly" para select */
select.readonly {
  background-color: #f0f0f0;  /* gris como disabled */
  color: #6c757d;             /* texto atenuado */
  border-color: #ccc;
  pointer-events: none;       /* bloquea interacción */
  touch-action: none;         /* evita taps en móvil */
  cursor: not-allowed;
}


header nav ul{
	
	font-size:15px;
	letter-spacing: -0.5px;
	background-color:transparent;
	/*overflow:hidden;*/
	/*background-color:red;*/
	list-style:none;
	padding:0 0 0 0;
	width:100%;
	margin:auto;
	/*border:1px solid red;*/
	
	
}

header nav li ul{
	position:absolute;
	overflow:hidden;
	/*background-color:#474747;*/
	background-color:#0a75b8;
	margin:2px 0 0 0;
	z-index:2;
	/*border-top:2px solid #03639c;
	border-bottom:2px solid #03639c;*/
	border: 1px solid #03639c;
	
	
			
}

header nav li a{
	
	color:#494949 !important;
	text-decoration:none;
	display:block;
	cursor:pointer;
	/*padding-right: 15px;*/
	font-weight: 500;
}


header nav li ul li{
	padding:8px 10px 8px 10px;
	/*border-bottom:1px solid #474747;*/
	text-align:left;
		
}

.oscurecer {
  filter: brightness(0.3);
}

.overmenu{
	background-color:#909b31 !important;
}
.overmenu a{
	color:white !important;
	
}

.menu{
	float:left;	
	padding: 8px 0;
	font-weight: 500;
	position:relative; 

	/*border:1px solid red;*/
	/*height:18px;*/
}

.sobreMenu{
	position: absolute;
	width: 40px;
	top: 25px;
	left: -7.5px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #494949 !important;
	letter-spacing: +0.5px;
}


.menu a:hover{ color: #A50034 !important; }
.menu ul a:hover{ color: #A50034 !important; }

.sep_menu{
	
	float:left;
	width:18px;
	color: black; 
	font-size: 18px;
	text-align: center;
	margin-top: 5px;
	
}

.cart_count { background-color: #A50034; color: #fff; border-radius: 50%; width: 18px; height: 18px; font-size: 10px; line-height: 18px; text-align: center; position: absolute; top: -4px; right: 6px;  }

.menu select{ /*appearance: none; -webkit-appearance: none; -moz-appearance: none;*/ background-color: white; /*min-width: 25px !important;*/ padding: 0 0 !important; }

.user-idioma-moneda{ border: transparent !important; color:#494949 !important; text-decoration:none; display:block; cursor:pointer; font-weight: 500; display: inline;  }

.user-idioma-moneda select:focus {
    outline: none; 
}
.user-idioma-moneda select, option {
  color: #A50034; font-weight: 500; 
}
.user-idioma-moneda select, option:disabled {
  color:#cccccc; font-weight: regular; opacity:0.3;
}

.user-idioma-moneda select > option:checked { 
	background-color: #001f3f;
	color: white; 
}

#liMoneda { padding-left:5px; }
#userregion { letter-spacing:-0.5px; }
#texRegistrarse {}
#texRegistrarseCorto { display:none; }

@media screen and (max-width:1290px) {

	.box_cabecera{ width: 100%; box-sizing: border-box; padding: 0 15px; }
	

}

/*SIN QUITAR FILTRO DE REGIONES
@media screen and (max-width:1300px) {

	#menu1{ margin-left: 40px; }

}
@media screen and (max-width:1250px) {

	#menu1{ margin-left: 20px; }

}

@media screen and (max-width:1200px) { 
	#menu1{ display: none; }
}*/


@media screen and (max-width:1400px) {

	#menu1{ margin-left: 50px; }

}

@media screen and (max-width:1300px) {

	#menu1{ margin-left: 40px; }

}

@media screen and (max-width:1200px) {

	#menu1{ margin-left: 30px; }

}

@media screen and (max-width:1150px) {

	#menu1{ margin-left: 0px; }

}

@media screen and (max-width:1100px) {
	#menu1{ display:none; }
	
}



@media screen and (max-width:900px) {

	#logonormal{ display: none; }
	#logovertical{ display: block; }
	.box_cabecera{ padding: 0 12px; }
	#menu0{ float: left; margin-top: 10px; width: 215px; }

}

@media screen and (max-width:680px) {

	header nav img{ width: 22px; }
	.sobreMenu { font-size: 9px; top: 22px; left: -8px; }

	/*#logonormal{ display: none; }
	#logovertical{ display: block; }
	.box_cabecera{ padding: 0 10px; }
	#menu0{ float: left; margin-top: 10px; width: 195px; }*/
	/*.logoweb2{ width: 135px; margin-top: -8px;  }*/

}


@media screen and (max-width:680px) {

	.box_cabecera{ padding: 0 8px; }
	header nav ul{ font-size:11px; }
	.sep_menu { font-size:14px; width: 14px; }

	#menu0{ width: 150px; }
	#logovertical{ position: fixed; top: 22px;  }
	.logoweb2{ width: 120px; }

	.flota_izmoneda{ float: none; width: 100%; }
	.box_monedamenu{ /*margin-top: -15px; cuando se reponga el selector de región */ margin-top:-7px; }

	#userregion { width: 75px; }
	#liMoneda { padding-left:0px; }

	#texRegistrarse { display:none; }
	#texRegistrarseCorto { display:block; }

	#cuerpoUsuario{
		min-width:200px;
		padding: 12px;
		left: -60px;
	}
}


.box_menu1{ display: block; }
.box_menu3{ display: none; }
.box_menu4{ display: none; }
    

/* FIN MENU */

/* MENU LATERAL */

.boxmenu_lateral{ position: fixed; width: 265px; top:100px; left:-265px; z-index: 1055; background-color: white; border-right: 1px solid #674047; }
.boxmenu_lateral a{ text-decoration: none; color: #232323; }
.boxmenu_lateral a:hover{ text-decoration: none; color: #8f1f2f; }

.box_menuicos{ width: 59px; overflow: hidden; float: left;  }

.menuicos{ position: relative; width: 59px; height: 59px; display: block; border-bottom: 1px solid #674047; cursor: pointer;  }

.menuicos img{ position: absolute; top: 9px; left: 8px; width: 70%; }

.menulateral{ overflow-y: auto; height: calc(100vh - 82px); width: calc(100% - 59px); margin-left: 59px; box-sizing: border-box; padding-top: 20px; padding-left: 18px; padding-right: 18px; border-left: 1px solid #674047; border-left: 1px solid #674047;  }

.opcionlevel1{ font-size: 14px; line-height: 15px; font-weight: bold; color: #232323; display: block; margin-bottom: 15px; }

.opcionmenu{ display: block; margin-bottom: 13px; }
.opcionmenu2{ display: block; margin-bottom: 13px; margin-left: 15px; }

.ico_opcion{ color: #8f1f2f; display: inline-block; font-size: 16px; line-height: 15px; font-weight: bold; width: 15px; vertical-align: top; }
.ico_opcion a{ color: #8f1f2f; }

.tex_opcion{ display: inline-block; font-size: 14px; line-height: 15px; width: 130px; }
.tex_opcion2{ display: inline-block; font-size: 14px; line-height: 15px; width: 115px; }

.submenu3{ margin-top: 15px; display: none; }

.op_lateral{ }

.over_icos{ background-color: #8f1f2f; }

.tex_menuon{ color:#8f1f2f !important; }


/* migas */ 

.migas{ box-sizing: border-box; position: fixed; width:100vw; max-width: 100%; background-color: white; font-size: 14px; margin:auto; padding: 4px 0px 0 0; top: 70px; height: 30px; z-index: 99; border-top: 1px solid #674047; border-bottom: 1px solid #674047; overflow: hidden; }
.migas .row{ width: 1240px; margin: auto; --bs-gutter-x: 0rem; min-height: 27px; }
   

.migas ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.migas ul li { display: inline-block; color: #565a5c; font-weight: 400; }
.migas ul li a { color: #A50034; font-weight: 500; text-decoration: none; } 
.migas a { color: #A50034; font-weight: 500; text-decoration: none; }

@media screen and (max-width:1290px) {

	.migas .row{ width: 100%; box-sizing: border-box; padding: 0 15px; }
	
}

@media screen and (max-width:1023px) {

	.migas { font-size: 12px; line-height: 21px;  }
	
}

/* rayas de puntos */

.raya_puntos{ width: 100%; height: 3px; border-top: 3px silver dotted; }
.raya_puntos_vertical{ width: 3px; height: 100%; border-left: 3px silver dotted; }

.sep_triple_raya{ width: 100%; height: 4px; }

/* mini banner secciones */

#minibanner{ width: 100%; height: 120px;  }
#minibanner img { width: 100%; height: 120px; object-fit: cover; }

/* pop Carrito */

#nieblaCarrito{ position: fixed; background-color: black; opacity: 0.4; width: 100vw; height: 100vh; z-index: 1056; cursor: pointer; top: 0px; display: none; }

#divCarrito{ display:none; position:fixed;  top:0vh; right:0px; z-index:1057; height: 100vh;  justify-content: center; align-items: center; }

#divCarrito main{ width:830px; min-width:calc(50vw + 20px); max-width:90vw; max-height: 90vh;  background-color:white; overflow-y: auto; border:solid grey 1px; border-radius: 4px;  }

.tit_popcarrito{ font-size: 17px; font-weight: bold; margin-bottom: 20px; }

.btn_close_popcarrito{ position: absolute; top: -5px; right: 20px; font-size: 20px;  }
.btn_close_popcarrito a{ text-decoration: none; color: black; }

#popcarrito {  }

.curso_popcarrito{ font-size: 25px; color: #8a1a30; margin: 20px 0 0 0; }
.cod_popcarrito{ font-size: 13px; color: #232323; font-weight: 400; } 

.box_datos_popcarrito{ display: table; width: 100%; margin-top: 10px;  }
.fila_box_datos_popcarrito{ display: table-row; }
.celda_box_datos_popcarrito{ display: table-cell; }
.celda_box_detalle_popcarrito{ display: table-cell; }
.celda_box_minidatos_popcarrito{ display: table-cell; }

.table_popcarrito{ display: table; width: 100%; font-weight: bold; }
.table_popcarrito img{ float: left; margin-right: 10px; }

.box_recomen{ width: 100%; font-size: 0px; overflow: hidden; }

.box_tit_recomen{ width: calc(100% - 150px); display: inline-block; }
.box_btn_recomen{ width: 150px; display: inline-block; }

.separador_popcarrito{ height: 10px; }

.box_minidatos_popcarrito { display: inline-block; box-sizing: border-box; padding: 0 10px 10px 10px; font-size: 15px; font-weight: bold; }
.box_minidatos_popcarrito_iz{ display: inline-block;  width: calc(100% - 150px); }
.box_minidatos_popcarrito_de{ display: inline-block;  width: 150px; }

.box_minidatos_popcarrito img{ float: left; margin-right: 10px; }


.celda_popcarrito40{ width: 40%; }
.celda_popcarrito30{ width: 30%; }
.celda_popcarrito20{ width: 20%; }
.celda_popcarrito25{ width: 25%; }
.celda_popcarrito27{ width: 27%; }
.celda_popcarrito19{ width: 19%; }
.celda_popcarrito60{ width: 60%; }
.celda_popcarrito70{ width: 70%; }
.celda_popcarrito80{ width: 80%; }
.celda_popcarrito100{ width: 100%; }

.ali_vertical_popcarrito{ vertical-align: middle; }
.ali_vertical_popcarritoconfirmar{ vertical-align: top; }

.float_right_popcarrito{ float: right; }

.alto_falso_popcarrito{ height: 8px; }

.tit_avalaible_popcarrito{ font-size: 17px; font-weight: bold; color: #8a1a30; line-height: 18px; }

.box_cantidad_popcarrito{ border: 2px solid #232323; border-radius: 4px; text-align: center; width: 94px; margin: auto; } 
.box_cantidad_popcarrito a{ color: #232323; font-size: 13px; text-decoration: none; }


.tex_incluido{ color: #797979; font-size: 12px; line-height: 12px; }

.precio_recomen_popcarrito { position: relative; width:140px; height: 50px; font-size:17px; line-height: 50px; font-weight: bold; color:#000; background-color: #ebebeb; padding: 0px 0px; transition: all 300ms ease-in-out; border: solid 2px #ebebeb; border-radius: 3px; text-align: center; text-decoration: none; }

/* botones con flecha derecha */
.brecomen { position: relative; width:140px; height: 50px; font-size:11px; color:#ffffff; background-color: #494949; padding: 0px 0px; transition: all 300ms ease-in-out; border: solid 2px #494949; border-radius: 3px; text-align: center; text-decoration: none; }
.brecomen:hover {
    background-color: transparent;
    text-decoration: none;
    color: #494949;
   /* border: solid 2px #ffffff !important;*/
}

.box_tex_btn_popcarrito {
    display: flex;
    align-items: center;
    justify-content: left;
}

.tex_boton_right_popcarrito{ width: 85%; text-align: right; font-size: 13px; line-height: 16px; font-weight: 500; }
.flecha_popcarrito { position: absolute; top: 13px; right: 5px; font-size: 14px; font-weight: 600; }

/* /////////////  */

.bcontinue { position: relative; width:140px; height: 50px; font-size:11px; color:#ffffff; background-color: #c8c8c8; padding: 0px 0px; transition: all 300ms ease-in-out; border: solid 2px #c8c8c8; border-radius: 3px; text-align: center; text-decoration: none; }
.bcontinue:hover {
    background-color: transparent;
    text-decoration: none;
    color: #000;
   /* border: solid 2px #ffffff !important;*/
}

.tex_boton_center_popcarrito{ width: 100%; text-align: center; font-size: 13px; line-height: 16px; font-weight: 500; color: #000; }


.biracart { position: relative; width:140px; height: 50px; font-size:11px; color:#ffffff; background-color: #000; padding: 0px 0px; transition: all 300ms ease-in-out; border: solid 2px #000; border-radius: 3px; text-align: center; text-decoration: none; }
.biracart:hover {
    background-color: transparent;
    text-decoration: none;
    color: #000;
   /* border: solid 2px #ffffff !important;*/
}

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

#bplus_popcarrito{ float: right; margin-right: 5px; }
#bminus_popcarrito{ float: left; margin-left: 5px; } 

.input_cantidad{ width: 30px; border: none; text-align: center;  }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield; }

.celda_datos_popcarrito{ color: #797979; }

.margen_datos_popcarrito{ margin-bottom: 10px; }

.precio_popcarrito{ font-size: 20px; font-weight: bold; text-align: center; color:#8a1a30; }

.tex_recomen_popcarrito{ font-size: 20px; margin: 10px 0; }

.curso_recomen_popcarrito{ font-size: 20px; font-weight: bold; color:#8a1a30; }

.box_requisitos_popcarrito{ font-size: 16px;  color: #232323; }

@media screen and (max-width:1024px) {
	.curso_popcarrito{ font-size: 20px; color: #8a1a30; margin: 20px 0 0 0; }
	.tit_avalaible_popcarrito{ font-size: 15px; font-weight: bold; color: #8a1a30; line-height: 16px; }
	.curso_recomen_popcarrito{ font-size: 18px; font-weight: bold; color:#8a1a30; }
	.tex_recomen_popcarrito{ font-size: 16px; }
	.precio_popcarrito { font-size: 18px; }
}


@media screen and (max-width:800px) {

	.box_minidatos_popcarrito { display: block; box-sizing: border-box; padding: 0 0px 10px 0px; font-size: 12px; font-weight: bold; }
	.box_requisitos_popcarrito{ font-size: 14px; }

	/*.box_tit_recomen{ width: 100%; display: block; }
	.box_btn_recomen{ width: 140px; display: block; text-align: left; margin-top: 10px; }*/

	/*.celda_box_detalle_popcarrito{ display: block; }
	.float_right_popcarrito{ float: left; }
	.celda_popcarrito70{ width: 100%; }
	.celda_popcarrito27{ width: 34%; }
	.celda_popcarrito19{ width: 26%; }*/
		
}

@media screen and (max-width:600px) {

	.curso_popcarrito{ font-size: 18px; color: #8a1a30; margin: 20px 0 0 0; }
	.tit_avalaible_popcarrito{ font-size: 13px; font-weight: bold; color: #8a1a30; line-height: 14px; }
	.curso_recomen_popcarrito{ font-size: 16px; font-weight: bold; color:#8a1a30; }
	.tex_recomen_popcarrito{ font-size: 14px; }
	.celda_datos_popcarrito{ color: #797979; font-size: 12px; }
	.precio_popcarrito { font-size: 16px; }

	.box_requisitos_popcarrito{ font-size: 12px; }

	#divCarrito main{ max-width: 100vw; }
	
}


/*----------------------------- formularios en modal ------------------------*/

.modal-content { /*font-size:13px;*/ }
.modalTitular { font-weight: bold; font-size: 18px; color:#A50034; }
.bVerde {
	display:inline-block;
	min-width:120px;
	font-size:11px !important;
	color:#ffffff;
	background-color: #494949 !important;
	padding: 7px 10px 7px 10px !important;
	transition: all 300ms ease-in-out;
	border: solid 2px #494949 !important;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
}
.bVerde:hover {
    background-color: transparent !important;
    text-decoration: none !important;
    color: #494949 !important;
   /* border: solid 2px #ffffff !important;*/
}

.bBlanco { display:inline-block; width:120px; font-size:11px; color:#494949 !important; background-color: #dddddd; padding: 7px 0px 7px 0px; transition: all 300ms ease-in-out; border: solid 2px #494949; border-radius: 3px; margin:12px 0px; text-align: center; text-decoration: none; }
.bBlanco:hover {
    background-color: transparent;
    text-decoration: none;
    color: #494949;
    /*border: solid 2px #ffffff !important;*/
}

.bTexto { text-decoration: underline; float:right; text-decoration: none; font-size: 14px; color:#212529; font-weight: normal; }


.inputNormal { width: 100%; font-size:12px; border-radius: 5px; border:solid #ced4da 1px; margin:5px 0px; padding: 12px 5px 8px 15px; background: rgba(255,255,255,0.4); outline: none; }
.inputUsuario { width: 100%; font-size:12px; border-radius: 5px; border:solid #ced4da 1px; margin:12px 0px 7px 0px; padding: 12px 5px 8px 15px; outline: none; }
.inputClave { width: 100%; font-size:12px; border-radius: 5px; border:solid #ced4da 1px; margin:5px 0px; padding: 12px 5px 8px 15px; outline: none; }

/*CONTENIDO*/

h1 {
    font-family: 'Open Sans', sans-serif;
    line-height: 2.4rem;
    margin: 1.5rem 0 1.5rem 0;
    text-transform: uppercase;
	font-size: 36px;
	font-weight: 500;
}
h2 {
    font-family: 'Open Sans', sans-serif;
    margin: 25px 0;
    text-transform: uppercase;
	font-weight: 500;
}

.banner{ background-image: url(../img/banner.png); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 500px; text-align: left; }
.cm_search { padding: 95px 0 0 0; max-width: 700px; }
.cm_search .home_button { margin-top: 30px; }
.cm_search .home_button .formbutton { border: solid 2px #494949; }
.cm_search h1 { display: block; color: #fff; text-transform: none; font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: left; }


.formbutton {
    background-color: #494949;
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    border-radius: 3px;
    padding: 18px 54px;
    margin-bottom: 0px;
    text-transform: uppercase;
	text-decoration: none;
    transition: all 300ms ease-in-out;
    border: solid 1px #494949;
}
.formbutton:hover {
    background-color: transparent;
    text-decoration: none;
    color: #fff;
    border: solid 2px #ffffff !important;
}

.botonweb{
	background-color: #494949;
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    border-radius: 3px;
    padding: 18px 54px;
    margin-bottom: 0px;
    text-transform: uppercase;
	text-decoration: none;
    transition: all 300ms ease-in-out;
    border: solid 1px #494949;
}

.botonweb:hover{
	background-color: transparent;
    text-decoration: none;
    color: #494949;
}



.contenedor{ position: relative; width: 1175px; max-width: 100%; margin: 40px auto; padding: 0 20px; }
.contenedorcarrito{ position: relative; width: 1175px; max-width: 100%; margin: 20px auto; padding: 0 20px; }

.box_padding_secciones{ box-sizing: border-box; padding: 0 15px; }

/* FIN CONTENIDO */

/* PIE */

footer { padding: 20px 0 20px 0; border-top: solid 1px #A62635; margin-top: auto; }
footer p { font-size: 13px; margin-bottom: 0; }
footer p a { color: #494949; text-decoration: none; }
footer p a:hover { color: #A62635; text-decoration: none; }

footer .bmw_logo { width: 100%; }

footer .follow span { padding-right: 8px; }
footer .follow .fa-brands { font-size: 30px; vertical-align: text-top; margin-top: -5px; }

footer .center { text-align: center; }
footer .right { text-align: right; }

.fa-brands, .fab { font-weight: 400; }

.box_pie{ width: 1240px; margin: auto; }

.logopie{ float: left; width: 33.33%  }
.logopie img{ width: 360px; }
.legales{ float: left; width: 43.33% }
.redes{ float: right; width: 23.33%; box-sizing: border-box; padding-right: 10px; }

@media (max-width: 1239px) {
	.box_pie{ width: 95%; margin: auto; }
}

@media (max-width: 1024px) {
	.logopie{ width: 340px; }
	.logopie img{ width: 340px; }
	.legales{ width: calc(100% - 450px); }
	.redes{ width: 110px; }
}

@media (max-width: 780px) {

	.logopie{ float:none; width: 100%; text-align:center; }
	.logopie img{ width: 360px; max-width:95%; margin: auto; }
	.legales{ float:none; text-align:center; width: 100%; margin-top: 10px; }
	.redes{ float:none; text-align:center !important; width: 100%; margin-top: 20px; }
    
}


/* FIN PIE */


/* PAGINADO */


#cargaDiferidaMas {
	display: inline-block;
	height: 42px;
	font-size:13px;
	color:#ffffff;
	background-color: #8a1a30;
	padding: 10px 35px;
	text-transform: uppercase;
	transition: all 300ms ease-in-out;
	border: solid 2px #8a1a30;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;}

#cargaDiferidaMas:hover {
    background-color: transparent;
    text-decoration: none;
    color: #8a1a30;
   /* border: solid 2px #ffffff !important;*/
}
/* PAGINADO */


/* ToolTip de información */

.toolTip{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width: 100vw;
    height: 100vh;
	z-index: 3;
}

.toolTipTit{ font-size: 23px; text-align: left; color: #8a1a30; font-family: 'Open Sans', sans-serif; background-color: #eff3fc; padding: 15px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.toolTipBody{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width: 370px;
    max-width: 90%;
    min-height: 300px;
	border:solid #8a1a30 1px;
	border-radius: 10px;
    background-color: white;
	box-shadow: 0px 6px #888888;
	font-size: 20px;
	text-align: left;
}

.toolTiptexBody{ font-size: 20px; text-align: left; padding: 15px 15px; }

/* ToolTip de información */



/* Modal legales */
#modal_legales h2{ font-size: 22px !important; text-transform: none; font-weight: bold; margin-bottom: 20px; margin-top: 20px; }
#modal_legales h3{ font-size: 18px !important; text-transform: none; font-weight: bold; margin-bottom: 20px; margin-top: 20px; }
#modal_legales h4{ font-size: 15px !important; text-transform: none; font-weight: bold; margin-bottom: 20px; margin-top: 20px; }