@charset "UTF-8";

body, html {
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
  margin: 0px;
}

.logo {
  max-height: 60px;
}
a {
	text-decoration: none;
	color: black;
}


p {
	margin-bottom: 10px;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}
.text-uppercase { text-transform: uppercase; }

#todo {
	width: 100%;
	margin: 0 auto;
}

#header {
	    background: rgba(37, 39, 40, 0.98);
color: #fff;
	width: 100%;
	border: none;
}

#menu {
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	max-width: 1100px;
	text-align: center;
}

#menu li {
	list-style-type: none;
	display: inline-block;
	vertical-align: middle;
}

#menu li.ultimo {
	background: none;
}

#menu li a {
	color: #fff;
	display: inline-block;
	padding: 0 20px;
	background: top left no-repeat;
	font-family: 'Titillium Web', sans-serif;
}

#menu li a:hover, #menu li a.on {
	border-bottom: 2px solid #4f9edd;
}


#menu li a {
  padding: 10px 25px;
}


#menu #logo-opel {
	height: 65px;
  width: 180px;
	background-image: url('/assets/img/bydlogo.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.slider {
	width: 100%;
	background-image: url('/imgs/banner_autos_en.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 500px;
}

#cards .vehiculo img {
    width: 150px;
}
#cards .vehiculo {
    display: inline-block;
    margin-bottom: 20px;
}

#cards .vehiculo.active {
    border-bottom: 3px solid #F3F82E;
}

#footer {
	width: 100%;
	color: #fff;
	background-color: #000;
	display: block;
	margin-top: 60px;
	text-align: center;
}

#footer > div {
	display: inline-block;
  padding: 40px 10%;
	font-weight: normal;
}
#footer > div:first-child {
	border-right: 1px solid #FFF;
}

#contenido {
	position: relative;
  max-width: 800px;
  margin: 0 auto;
}

#contenido_inside {
	max-width: 1100px;
	margin: 0 auto;
}

#titulo {
	width: 70%;
	color: #000;
	padding: 30px 15px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

#titulo p {
	font-size: 26px;
	font-weight: bold;
}

#titulo .titulo-2 {
	font-weight: 400;
	font-size: 18px!important;
}

#mantenimientos_form {
	text-align: center;
}

.form-row {
	padding: 0px 50px;
}

.form-row .titulo {
	font-size: 22px;
}

.form-row .titulo:before {
	content: "";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 27px;
	width: 27px;
}

select {
	width: 100%;
  max-width: 400px;
  padding: 5px 10px;
  background-color: #ccc;
  border: none;
  color: #fff;
  border-radius: 0px;
  display: block;
  margin: 10px auto;
  font-size: 18px;
    font-weight: bold;
}
.text-center {
  text-align: center;
}

.boton, .boton-ver-neumaticos {
	min-width: 150px;
	background-color: #CCCCCC;
	color: white;
	line-height: 20px;
	padding: 10px 30px;
	display: block;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
	border: none;
	margin: 30px auto;
	font-weight: bold;
}

.menu_bar{
	width:100%;
	height: 63px;
	background-color: transparent;
	display: none;
}

.titulo-2{
	font-size: 1em !important;
	padding: 5px 12px !important;
}


/* ---------------------------------------- */
/*        INICIO BOTÓN RESPONSIVE           */
/* ---------------------------------------- */
.c-hamburger {
	border-radius: 5px;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 35px;
	margin-right: 15px;
	font-size: 0;
	text-indent: -9999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.c-hamburger:focus {
	outline: none;
}
.c-hamburger span {
	display: block;
	position: absolute;
	top: 17px;
	left: 9px;
	right: 9px;
	height: 2px;
	background: white;
}
.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	content: "";
}
.c-hamburger span::before {
	top: -7px;
}
.c-hamburger span::after {
	bottom: -7px;
}
.c-hamburger--htx {
	background-color: #ccc;
}
.c-hamburger--htx span {
	-webkit-transition: background 0s 0.3s;
	transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	-webkit-transition-duration: 0.3s, 0.3s;
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-delay: 0.3s, 0s;
	transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
}
.c-hamburger--htx span::after {
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	background-color: #ccc;
}
.c-hamburger--htx.is-active span {
	background: none;
}
.c-hamburger--htx.is-active span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	-webkit-transition-delay: 0s, 0.3s;
	transition-delay: 0s, 0.3s;
}

.line {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 5px;
}
/* ---------------------------------------- */
/*        FIN BOTÓN RESPONSIVE              */
/* ---------------------------------------- */

#label_abajo_responsive{
	display: none;
}

.vigencia_responsive{
	display: none;
}

@media (max-width: 992px) {



	body.menu-open{
		overflow: hidden;
	}

	#header{
    	height: 65px;
        width: 100%;
    	background-image: url('/assets/img/logo_opel.png');
    	background-repeat: no-repeat;
    	background-size: contain;
    	background-position: center;

		background-size: contain;
		position: fixed;
		left:0;
		top:0;
		z-index:100;
	}

	#header.menu-open #menu{
		transform: translateX(0);
	}

	.menu_bar {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	#todo{
		width: 100%;
	}

	#menu {
		width: 100%;
		transition:all .4s;
		left: 0;
		transform: translateX(-100%);
		background-color: #fff;
		margin: 0;
		overflow-y: auto;
		height: calc(100vh - 63px);
		z-index: 50;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	#menu li {
		float: none;
		display: flex;
		justify-content: center;
		flex-direction: column;
		background: none;
		min-height: 50px;
	}
	#menu #logo-opel { display: none; }
	#menu li a{
		font-size: 17px;
		font-weight: bold;
		text-transform: uppercase;
		width: 100%;
		margin: 0 auto !important;
		padding: 0 !important;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		height: 60px !important;
		align-items: center;
		text-align: center;
	}
	#menu li a:hover, #menu li a.on {
		background: none #545254;
	}

	#cuerpo {
		width: 100% !important;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	#contenido {
		width: 100%;
		position: relative;
		height: auto;
	}

	#contenido_inside {
		width: 100%;
		margin: 0 auto;
	}

	#titulo {
		width: 100%;
		margin-top: 63px;
		color: #000;
		padding: 10px 5px;
		font-size: 0.8em;
		font-weight: 500;
		text-align: center;
		box-sizing: border-box;
	}

	.titulo {
		text-align: center;
		width: 100%;
	}

}

#auto {
	width: 309px;
	height: 172px;
	position: absolute;
	top: 360px;
	left: 110px;
}

/* overlays */

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black;
	opacity: .75;
	-moz-opacity: .75;
	-webkit-opacity: .75;
	display: none;
}

#overlay_kilometraje {
	display: none;
	position: absolute;
	top: 120px;
	left: 390px;
	width: 200px;
	height: 260px;
	background: white;
	overflow: auto;
}

#overlay_kilometraje ul li {
	list-style-type: none;
	display: block;
	text-align: center;
}

#overlay_kilometraje ul li a {
	display: block;
	padding: 5px;
	cursor: pointer;
}

#overlay_kilometraje ul li a:hover {
	background: #3295C0;
	color: white;
}

#overlay_concesionario {
	display: none;
	position: absolute;
	top: 150px;
	left: 320px;
	width: 300px;
	height: 145px;
	background: white;
	padding: 15px;
}

#overlay_concesionario select {
	padding: 5px;
	width: 300px;
	margin-bottom: 10px;
}

/* cuerpo */

#cuerpo {
	width: 100%;
	margin: 0 auto;
}

.titulo {
	font-weight: bold;
	margin: 20px 0 10px 0;
}

/* carousel modelos */

#carousel_modelos_wrapper {
	width: 538px;
	height: 35px;
	position: relative;
	margin: 0 auto 15px auto;
	background: white;
	overflow: hidden;
}

#carousel_modelos_prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 19px;
	padding: 8px 0;
	background: #A6C2D3;
	display: block;
	cursor: pointer;
	text-align: center;
}

#carousel_modelos_next {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 19px;
	padding: 8px 0;
	background: #A6C2D3;
	display: block;
	cursor: pointer;
	text-align: center;
}

#carousel_modelos {
	position: absolute;
	top: 0;
	left: 26px;
}

#carousel_modelos > div {
	padding: 10px;
	text-align: center;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}

#carousel_modelos > div:hover {
	background: #3295C0;
	color: white;
}

/* carousel vehiculos */

#carousel_vehiculos_wrapper {
	width: 538px;
	height: 118px;
	position: relative;
	margin: 0 auto 15px auto;
	background: white;
	overflow: hidden;
}

#carousel_vehiculos_wrapper .caroufredsel_wrapper{
	left: 28px !important;
	width: 482px !important;
}

#carousel_vehiculos_prev {
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 19px;
	padding: 49px 0 50px 0;
	background: #A6C2D3;
	display: block;
	cursor: pointer;
	text-align: center;
}

#carousel_vehiculos_next {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 19px;
	padding: 49px 0 50px 0;
	background: #A6C2D3;
	display: block;
	cursor: pointer;
	text-align: center;
}

#carousel_vehiculos {
	position: absolute;
	top: 0;
	left: 26px;
}

#carousel_vehiculos > div {
	height: 98px;
	width: 141px !important;
	padding: 5px;
	margin: 5px;
	text-align: center;
	float: left;
	cursor: pointer;
}

#carousel_vehiculos > div:hover {
	border: 2px solid #A6C2D3;
	padding: 3px;
}

#carousel_vehiculos > div.on {
	border: 2px solid #3292BC;
	padding: 3px;
}

/* form */

#kilometraje_link, #concesionario_link {
	height: 36px;
	line-height: 36px;
	padding: 0 43px 0 10px;
	display: block;
	cursor: pointer;
	font-size: 0.9em;
	text-align: center;
}

.separador {
	height: 1px;
	line-height: 1px;
	background: #1A1A1A;
	border-bottom: 1px solid #CCE6ED;
}

/* label abajo */

#label_abajo {
	width: 488px;
	height: 45px;
	position: absolute;
	left: 241px;
	top: 519px;
}

#ver_service_link {
	float: right;
}

#status {
	clear: both;
	float: right;
	margin-top: 10px;
	color: #990000;
	text-align: center;
	margin-bottom: 20px;
}


@media (max-width: 992px) {

	html {
		position: relative;
		min-height: 100vh;
	}
	body {
		margin: 0 0 45px;
	}

	.unit, .container, .columns, .column, .clearfix {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
	}

	.proximo_service_title{
		width: 100% !important;
		align-items: center;
		text-align: center;
		justify-content: center;
		margin-bottom: 5px;
	}

	.proximo_service_image{
		display: none;
	}

	.servicio_oficial_title{
		width: 100% !important;
		align-items: center;
		text-align: center;
		justify-content: center;
		margin-bottom: 5px;
	}

	.servicio_oficial_image{
		display: none;
	}
	.servicio_oficial_select, .proximo_service_select{
		width: 380px;
	}

	.proximo_service, .servicio_oficial{
		margin-top: 10px;
	}

	.separador{
		display: none;
	}

	#auto {
		display: none;
	}

	#ver_service_link {
		align-self: center;
		float: none;
		margin-top: 0px;
		margin-bottom: 30px;
		text-align: center;
		padding-left: 0;
		padding-right: 10px;
	}

	#label_abajo{
		display: none;
	}

	#label_abajo_responsive {
		display: flex !important;
		top: inherit !important;
		left: inherit !important;
		height: 45px !important;
		width: 100% !important;
		background: none #8f8f8f !important;
		position: absolute;
		bottom: 0;
		overflow:hidden;
		margin-top: 45px;
	}

	.label_abajo_1, .label_abajo_2{
		display: block;
		color: white;
		width: 49.5%;
		float: left;
		text-align: center;
		padding-top: 8px;
	}

	.label_abajo_1 p, .label_abajo_2 p{
		line-height: 15.5px;
		margin: 0;
		font-size: 12px;
	}
	.label_abajo_2{
		border-left: 1.2px solid #b1b1b1;
	}

	#kilometraje_link, #concesionario_link {
		text-align: center;
		overflow: hidden;
	}

	#overlay_kilometraje {
		left: 50% !important;
		-webkit-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
	}

	#overlay_kilometraje ul li {
		text-align: center;
	}

	#overlay_concesionario {
		left: 50% !important;
		-webkit-transform: translateX(-50%) !important;
		transform: translateX(-50%) !important;
	}

	#overlay_concesionario ul li {
		text-align: center;
	}

	#carousel_vehiculos_prev, #carousel_vehiculos_next{
		background: #f5f6f7;
	}
	#carousel_modelos_prev, #carousel_modelos_next{
		background: #f5f6f7;
	}


}

@media (max-width: 580px){

	#carousel_modelos_wrapper, #carousel_vehiculos_wrapper{
		width: 380px !important;
	}

	#carousel_vehiculos_wrapper .caroufredsel_wrapper{
		left: 50px;
		width: 310px;
	}

	/*#carousel_vehiculos_next, #carousel_modelos_next {*/
		/*padding-left: 15px !important;*/
	/*}*/

	/*#carousel_vehiculos_prev, #carousel_modelos_prev{*/
		/*padding-right: 15px !important;*/
	/*}*/

	/*#carousel_vehiculos > div, #carousel_modelos > div{*/
		/*margin: 5px !important;*/
	/*}*/

}

@media (max-width: 400px){
	.proximo_service_select, .servicio_oficial_select {
		width: 220px;
	}

	#carousel_modelos_wrapper, #carousel_vehiculos_wrapper {
		width: 220px !important;
	}
}


/* VER */
#contenido{
	overflow: auto;
	margin: 0 auto;
}

#titulo {
	padding: 15px 0 15px 0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

#titulo h1 {
    font-weight: bold;
    font-size: 30px;
}

h3{
	padding: 6px;
	font-size: 22px!important;
	font-weight: bold !important;
	text-align: center;
}

.text-left {
    text-align: left;
}

#titulo p {
	font-weight: 100 !important;
	text-align: center;
	font-size: 18px;
}

.box {
	margin-bottom: 10px;
}


.box .box_titulo > span {
	display: block;
	color: black;
	margin-left: 15px;
}


.box .box_contenido {
	background: #000;
	padding: 8px 10px;
	font-size: 0.9em;
}

.box .box_contenido img {
	width: 215px;
}

.box.box_lubricante {
	position: relative;
	padding: 30px;
	background-color: #ccc;
	margin: 30px 80px;
}
.box.box_lubricante > div {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}

.box.box_lubricante {
  padding: 30px;
}

.vigencia {
	position: relative;
	font-size: 0.7em;
	width: 642px;
	color: #000;
	    text-align: justify;
    font-size: 16px;
    font-weight: 100;
    line-height: 24px;
    margin: 0 auto;
}

.servicios_titulo {
	background: #ACC9DA;
	padding: 10px;
	margin-bottom: 10px;
}

.servicios {
	font-size: 0.9em;
	overflow: auto;
  margin: 0;
    padding: 0;
}

.servicios li {
	list-style-type: none;
	color: #000;
	margin-bottom: 8px;
	font-size: 16px;
    font-weight: 100;
    margin: 10px 0;
}
.servicios li a {
    font-weight: bold;
}
.servicios li ul {
	display: none;
}

.servicios ul {
	margin-left: 24px;
}

.servicios ul.no_margin {
	margin: 5px 0 0 0;
}

.servicios_switcher {
	cursor: pointer;
	color: black;
}

.servicios_switcher.flecha {
    display: block;
    min-height: 25px;
    background-color: #ccc;
    padding: 5px 30px;
    vertical-align: middle;
    font-size: 18px;
    margin-top: 10px;
}

.servicios_switcher.flecha.on {
}

.box_lubricante_contenido_foto{
	display: none;
}

.box_foto_auto{
	display: block;
}

.box_foto_auto_responsive{
	display: none;
}


@media (max-width: 992px) {

	html {
		position: relative !important;
		min-height: 100vh !important;
	}

	.box .box_titulo{
		display: flex;
		justify-content: space-between;
	}

	.foto_lubricante{
		display: none;
	}

	.box_lubricante_contenido_foto{
		display: block;
	}

	.box .box_contenido{
		text-align: center;
	}
	.box.box_lubricante .box_contenido{
		padding-top: 5px;
		padding-bottom: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.box.box_lubricante .box_contenido img {
		width: 10%;
		padding-left: 15px;
	}

	#todo{
		margin-bottom: 0 !important;
	}
	.vigencia{
		display: none;
	}
	.vigencia_responsive {
		position: relative;
		display: block;
		text-align: justify;
		color: #555555;
		background-color: #a6c2d3;
		padding: 15px 15px 15px !important;
		font-size: 11px;
	}

	.titulo {
		display: flex;
		text-align: center;
		width: 100%;
		align-items: center;
		flex-direction: column-reverse;
		border-bottom: 1px solid #777;
	}

	.titulo span{
		order: -1;
		-ms-flex-order: -1;
	}

	.titulo #imprimir {
		display: block;
		width: 150px;
		height: 35px;
		line-height: 35px;
		color: #000;
		font-size: 0.8em;
		cursor: pointer;
		text-align: center;
		margin-right: 26px;
		margin-top: 10px;
		order: -2;
		-ms-flex-order: -2;
	}

	.contenido {
		display: flex;
		flex-direction: column;
		width: 80%;
		margin: 0 auto;
	}

	.div_inside {
		padding: 65px 50px 15px !important;
	}

	.detalle_mantenimiento{
		width: 100% !important;
		background-color: #fff;
	}

	.servicio_requerido{
		width: 100% !important;
	}

	.servicio_requerido div{
		padding-left: 0 !important;
	}

	.servicios_titulo{
		font-weight: 500;
	}

	.box_foto_auto{
		display: none;
	}

	.box_foto_auto_responsive{
		display: block;
		width: 50%;
		max-width: 245px;
		text-align: center;
		padding-bottom: 31.52% !important;
		margin: 0 auto !important;
	}

	.box_foto_auto img{
		display: none;
	}
}

@media (max-width: 600px){
	.contenido {
		width: 100%;
	}
}

@media (max-width: 420px){
	.div_inside {
		padding: 65px 25px 15px !important;
	}
}

@media (max-width: 375px){
	.div_inside {
		padding: 65px 15px 15px !important;
	}
}

.resultados-agenda table {
  width: 100%;
}
.resultados-agenda table tr:first-child td {
  border-top: 1px solid #555;

}
.resultados-agenda table td {
  border: none;
  border-bottom: 1px solid #555;
}

.text-normal {
font-weight: 400;
}

/* NEUMATICOS */
#cuerpo {
	width: 600px;
	margin: 20px auto;
	display: flex;
	flex-direction: column;
}

#titulo, h1 {
	margin: 20px 0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
#titulo h1 {
        font-weight: bold;
}

h3{
	padding: 6px;
	font-size: 22px!important;
	font-weight: bold !important;
	text-align: center;
}

.dimensiones{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex: 0 0 100%;
	margin-top: 30px;
}

.separador {
	height: 1px;
	line-height: 1px;
	background: #1A1A1A;
	border-bottom: 1px solid #CCE6ED;
	margin-top: 15px;
}

.contenedor-medida{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 0 0 25%;
}

.contenedor-medida div{
	width: 100%;
	text-align: center;
}

.contenedor-medida div select{
	width: 100%;
	text-align: center;
}

.dimensiones p{
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
}
.dimensiones select{

color: white;
line-height: 20px;
padding: 10px 30px;
display: block;
cursor: pointer;
font-size: 20px;
text-align: center;
border: none;
margin: 30px auto;
font-weight: bold;
}
.dimensiones select option{
	direction: rtl;
}

.imagen-neumatico{
	text-align: center;
	margin-top: 30px;
}
.imagen-neumatico img{
	width: 400px;
}

.barra-dimensiones, .r-dimensiones{
	margin-top: 13px;
}

.boton-ver-neumaticos {
    min-width: 150px;
    background-color: #CCCCCC;
    color: white;
    line-height: 20px;
    padding: 10px 30px;
    display: block;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    border: none;
    margin: 30px auto;
    font-weight: bold;
}

#status{
	text-align: center;
	color: red;
}

/* estilos personalizados para los select2 */
.select2-results__option {
	text-align: center;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #3394be !important;
}

.select2 {
    padding: 5px!important;
}

.select2-container .select2-selection--single {
    padding: 5px 10px;
    background-color: #ccc!important;
    border: none!important;
    color: #fff!important;
    border-radius: 0px!important;
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 5px!important;
    right: 5px!important;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px!important;
}

.btn-ligth {
    border: 1px solid #555;
    border-radius: 0px;
    margin: 5px;
}
.btn-whatsapp {
        width: 60px;
    height: 60px;
    position: fixed;
    right: 30px;
    bottom: 30px;
}
.btn-whatsapp img {
        width: 60px;
}
@media (max-width: 992px) {

	/* estilos personalizados para los select2 en responsive */
	.select2-container {
		width: 250px !important;
	}

	.contenedor-medida {
		width: 85%;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		flex: none;
		clear: both;
	}

	.dimensiones {
		flex-direction: column;
		justify-content: space-between;
		height: auto;
		flex: none;
	}

	.clearfix{
		clear:both;
	}
	.barra-dimensiones, .r-dimensiones {
		display: none;
	}

	.boton-ver-neumaticos {
	    min-width: 150px;
        background-color: #CCCCCC;
        color: white;
        line-height: 20px;
        padding: 10px 30px;
        display: block;
        cursor: pointer;
        font-size: 20px;
        text-align: center;
        border: none;
        margin: 30px auto;
        font-weight: bold;
	}

	.imagen-neumatico {
		text-align: center;
		margin: 0 auto;
		width: 65%;
		/*padding-bottom: 50.72%;*/
		padding-bottom: 32%;
	}

	.imagen-neumatico img{
		display: none;
	}
	#cuerpo{
		justify-content: space-between !important;
		flex-direction: column !important;
	}

	.separador {
		display: none;
	}

}

@media (max-width: 800px){
	.imagen-neumatico {
		width: 75%;
	}
}

@media (max-width: 600px){
	.imagen-neumatico {
		width: 80%;
		padding-bottom: 35%;
	}
}

@media (max-width: 400px){
	.imagen-neumatico {
		width: 100%;
		padding-bottom: 45%;
	}
}

/* NEUMATICOS VER */
.neumaticos_table table{
	width:100%;
	border-collapse:collapse;
  max-width: 800px;
  margin: 10px auto;
}
.neumaticos_table td,
.neumaticos_table th{
	    border-bottom: 1px solid #ccc;
    padding: 5px;
}
.neumaticos_table thead tr th{
	text-align: center;
	height: 25px;
	font-weight: 500;
}
.neumaticos_table tbody tr td{
	text-align: center;
	background-color: white;
	height: 22px;
	text-transform: capitalize;
}
.box_form {
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 600px;
}

.legales {
		width: 100%;
        color: #000;
        font-size: 16px;
        max-width: 600px;
        margin: 0 auto;

}

.titulo-tabla{
	height: 25px;
	line-height: 25px;
	font-weight: 500;
	color: white;
	display: none;
}
.encabezados-tabla th {
    background-color: #ccc;
    font-weight: bold;
    border: 15px solid #fff;
}
.encabezados-tabla{
	height: 20px;
	line-height: 20px;
	font-weight: 500;
}


@media (max-width: 992px) {


	#contenido_inside {
		width: 100%;
	}

	#todo {
		width: 100%;
	}

	#cuerpo{
		margin: 15px auto !important;
	}

	.table-responsive{
		width: 90%;
		margin: 0 auto;
	}


}