.bg-xiler 	{ background: #CE1417!important;; color: #FFFFFF; }
.bg-xiler-azul 	{ background: #2C3E50!important; color: #FFFFFF; }
.bg-xiler-gris     { background: #DDDDDD; background: url('/assets/images/fondos/bg-gris.jpg') no-repeat center center; background-size: cover; }
.bg-xiler-celeste     { background: #CCDDEE; background: url('/assets/images/fondos/bg-celeste.png') no-repeat center center; background-size: cover; }
.bg-xiler-rojo-c     { background: #CCDDEE; background: url('/assets/images/fondos/bg-rojo-claro.png') no-repeat center center; background-size: cover; }

.bg-productos-titulo 	{ background: #DDDDDD!important; color: #FFFFFF; }
.bg-productos-gris 		{ background: #DDDDDD!important; color: #222222; }

.btn-xiler 	{ background: #CE1417!important;; color: #FFFFFF; }

.text-xiler { color: #CE1417!important; }
.text-xiler-azul { color: #3f5e7e!important; }

.hr-xiler			{ height: 2px; width: 35%; background-color: #CE1417 !important;  margin: 35px auto; border: none; }
.hr-xiler-rojo		{ height: 5px; width: 30%; background: #CE1417!important; color: #CE1417!important; margin: 15px 35%; }
.hr-xiler-rojo-2	{ height: 2px; width: 30%; background: #CE1417!important; color: #CE1417!important; margin: 15px 35%; }
.hr-xiler-azul		{ height: 5px; width: 30%; background: #2C3E50!important; color: #2C3E50!important; margin: 15px 35%; }

.separa-xiler-rojo	{ height: 3px; width: 150px; background: #CE1417!important; color: #CE1417!important; margin-right: auto; margin: 10px 0px 20px 0px; }



.social-media a { border: 1px solid #e6e6e6;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 4px;
	background: #FFFFFF; }
.social-media a i { color: #4d4d4d; }
.social-media a:hover { background: #CE1417; border-color: #CE1417; }
.social-media a:hover i { color: #FFFFFF; }
.social-media a:hover span { color: #fff; }



/* BARRA */

.head-top { background: #DDDDDD;
	background: url('/assets/images/fondos/head.jpg') no-repeat center center;
	background-size: cover;
}

.top-bg-llamanos { background: url('/assets/images/paginas/top-bg-llamanos.png') no-repeat left center; background-size: cover; }
.top-bg-llamanos a { font-weight: 500; font-size: 15px; color: #002244; }

.navbar {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700;
	color: #FFFFFF!important;
	background: #222222;
	background: linear-gradient(#555555, #001122)!important;
	transition: all 0.5s;
}
.navbar li.nav-item					{ padding: 0px 12px; }
.navbar a.nav-link					{ color: #FFFFFF!important; padding: 5px; border-bottom: 2px solid transparent; border-top: 2px solid transparent;  transition: all 0.3s; }
.navbar a.nav-link:hover			{ border-bottom: 2px #CE1417 solid; }
.navbar i							{ font-size: 20px; }
.navbar i.famob						{ display: none; }

.navbar .dropdown-menu				{ background: #EEEEEE; text-transform: none; }
.navbar .dropdown-item				{ color: #000000; font-size: 14px; border-bottom: 1px dotted #888888; }

.navbar-brand					{ margin: 0px; padding: 0px;  }
.navbar-brand img				{ margin: 5px 0px; transition: all 0.5s; height: 80px; }

@media (max-width: 668px) {
	.navbar 							{ font-size: 17px; }
	.navbar ul.navbar-nav				{ background: rgba(0,0,0,0.2); }
	.navbar li.nav-item					{ padding: 0px; padding-left: 20px; border-bottom: 1px dotted #DDDDDD; }
	.navbar li.nav-item:first-child		{ margin-top: 10px; }
	.navbar li.nav-item:last-child		{ border-bottom: none; }
	.navbar a.nav-link					{ padding: 5px; border-bottom: none; transition: all 0.3s; }
	.navbar a.nav-link:hover			{ border-bottom: none; }
	.navbar i.famob						{ display: inline-block; width: 40px!important; text-align: center; }

	.navbar-brand img					{ margin: 10px 0px; height: 70px; }
}

.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,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.navbar-toggler { border-color: #FFFFFF!important; }









/*
*** FOOTER
*/

#footer { border-top: 2px solid #CCCCCC;
    background: #DDDDDD;
    background: url('/assets/images/fondos/footer.jpg') no-repeat center center;
    background-size: cover;
}
#footer, #footer h3		{ color: #333333; font-size: 15px; font-weight: 400; }
#footer h3				{ font-size: 24px; font-weight: 700; padding-bottom: 10px; z-index: 0; }

#footer a		{ color: #333333; }
#footer i 		{ color: #CE1417; width: 36px; text-align: center; }

@media (max-width: 668px) {
	#footer h3	{ font-size: 20px; }
}