/* Botón propio
-------------------------------------------------- */

.btn-ttc,
.btn-ttc:hover,
.btn-ttc:active {
	color: white;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FF4F00;
	background: linear-gradient(#FF9900, #FF4F00);
}



.box_marcas       	{ background: #FAFAFA; background: linear-gradient(#FFFFFF,#FAFAFA); border-radius: 10px; border: solid 1px #CCCCCC;  }
.box_marcas:hover 	{ background: #EEEEEE; background: linear-gradient(#FFFFFF,#DDDDDD);  }
.box_marcas span.marcas { color: #333333; font-weight: bold; }


.box_detalle_titulo 	{ background: #333333; background: linear-gradient(#333333,#656565); border-radius: 12px; }

.box_detalle       			{ background: #FDFDFD; background: linear-gradient(#FFFFFF,#EEEEEE); border-radius: 9px;
		border-top: solid 1px #FFFF00;
	border-left: solid 1px #FFFF00;
	border-right: solid 2px #999999;
	border-bottom: solid 2px #999999; }
.box_detalle:hover 			{ background: #EEEEEE; background: linear-gradient(#FFFFFF,#EEEEEE);  }
.box_detalle .modelo        { color: #333333; font-weight: bold; }
.box_detalle a         		{ color: #FF4400; }










/* CONTACTO */

.contacto-row {
	background: #FAFAFA;
	background: linear-gradient(#EEEEEE,#FFFFFF);
}
.contacto-datos				{ padding: 0px 20px; font-size: 16px; font-weight: 700; opacity: 1; color: #113355; text-shadow: 2px 2px 0px #FFFFFF; z-index: 1; }
.contacto-datos .fa,
	.contacto-datos .fab	{ width: 35px; text-align: center; padding: 7px 5px; font-size: 15px; }





/* BARRA */

.navbar {
	background-color: #FFFFFF;
	font-family: 'Fira Sans', Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FF4F00 !important;
}
.bg-top {
	XXXbackground: rgba(50,50,50,1)!important;
	background: url('/assets/images/fondos/fondo-negro-01.jpg') no-repeat center center;
	background-size: cover;
	border-bottom: 1px solid #FFFF00;
}

.navbar .fa, .navbar .fas, .navbar .far 	{ width: 28px; text-align: center; }

li.nav-item					{ padding: 5px 8px; }
a.nav-link					{ color: #FFFFFF!important; text-shadow: 0px 0px 5px #000000; }

li.dropdown .dropdown-menu		{ background: #333333; color: #FFFFFF; font-size: 14px; text-transform: none; border: 1px #000000 solid; }
li.dropdown .dropdown-menu a	{ color: #FFFFFF; font-size: 14px; padding: 5px 8px; }
li.dropdown .dropdown-menu a:hover	{ background: #000000; }
li.dropdown .dropdown-menu i	{ width: 15px; text-align: center; }

.navbar-brand				{ margin: 0px; padding: 0px;  }
.navbar-brand img			{ margin: 0px 20px; transition: all 0.5s; height: 85px; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.5)); }

@media (max-width: 668px) {
	.navbar { background: linear-gradient(#000000,#111111); }
	.navbar-brand img			{ height: 60px; }
}

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-toggler { border-color: rgb(255,255,255)!important; }









/*
*** FOOTER
*/

#footer {
	position: relative;
	background: #555555;
	background: linear-gradient(#555555,#222222);
	background: url('/assets/images/fondos/fondo-negro-01.jpg') no-repeat center center;
	background-size: cover;
	overflow: hidden;
	z-index: 0;
}
#footer, #footer h3		{ color: #FFFFFF; font-size: 15px; font-weight: 500; z-index: 0; }
#footer h3				{ font-size: 20px; font-weight: 700; padding-bottom: 10px; z-index: 0; }

#footer .logobottom		{ max-height: 120px; }

#footer ul		{ padding: 0px; margin: 0px; z-index: 0; }
#footer li		{ display: block; padding: 2px 0px; margin: 0px; z-index: 0; }
#footer a		{ color: #FFFFFF; }
#footer i 		{ color: #CCCCCC; width: 40px; text-align: center; z-index: 0; }

.gloval			{ font-size: 14px; }

@media (max-width: 668px) {
	#footer .logobottom		{ max-height: 100px; }
	#footer h1 	{ font-size: 24px; }
	#footer h4	{ font-size: 15px; }
}