@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

.colorprimary{
	color: #A52131;
}

.bgprimary{
	background-color: #A52131 !important;
}

.colorsecondary{
	color: #FEFF63;
}

.bgsecondary{
	background-color: #FEFF63 !important;
}

#header .header-nav-main nav > ul > li > a.active{
	color: #a52131 !important;
    border: 2px solid #a52131;
}

.nav-pills{
    border-bottom: 2px solid #a52131 !important;
}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a{
	background: #eff130 !important;
}

#header .header-nav-main nav > ul > li:hover > a.active, #header .header-nav-main nav > ul > li.open > a.active{
	background: #eff130 !important;
	color: #A52131 !important;
}

.nav-pills > li.active > a, .nav-pills .nav-link.active{
    background-color: transparent;
    border-bottom: 2px solid #feff53;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus{
	background-color: #941c2a;
}

.nav-pills > li.active > a:hover, .nav-pills .nav-link.active:hover, .nav-pills > li.active > a:focus, .nav-pills .nav-link.active:focus{
	background-color: #941c2a;
}

.nav > li > a:hover, .nav > li > a:focus{
	color: white;
}

.mainNavFooter{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    list-style: none;
}

@media (max-width: 768px) {
	#header{
		min-height: 70px !important;
	}
}

.breadcrumbs > a{
	color: white !important;
}

.tab-content{
	border:0px;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.04);
}

.tabs-vertical{
	border:0px;
}

.tabs-left .nav-tabs > li .nav-link{
	border-right: 0px solid #EEE;
}

.tabs-left .nav-tabs > li:first-child .nav-link{
	border-radius: 0px;
}

.tabs-left .nav-tabs > li:last-child .nav-link{
	border-radius: 0px;
	border-bottom: 0px solid #eee;
}

.nav-tabs li .nav-link, .nav-tabs li .nav-link{
	background-color: transparent;
}

html body .tabs .nav-tabs li .nav-link, html.dark body .tabs .nav-tabs li .nav-link{
	color: black;
}

html body .tabs .nav-tabs li.active .nav-link, html.dark body .tabs .nav-tabs li.active .nav-link{
	text-transform: uppercase;
	color: black;
}

.imgtab{
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
}

@media (max-width: 991px){
	#header .header-nav-main nav > ul > li > a.active {
	    background: transparent !important;
	}
}

/*Botones whatsapp y telefono*/
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la direccion */
	top: 400px; /* Bajamos la barra 300px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	background:#00000094;
	border-radius: 10px 0px 0px 10px;
	text-align: right;
}
.social ul {
	list-style: none;
	text-align: right;
	padding:5px 5px 5px 5px;
	margin:0;
	align-items: center;
}
.social ul li a {
	display: inline-block;
	color:#fff;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	border-radius: 10px;
}
.social ul li .icon-background-ws {background:#1FC045 !important;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-background-ws:hover {background:#16e046 !important;} 
.social ul li .icon-background-phone {background:#4a4a4a !important;}
.social ul li .icon-background-phone:hover {background:#7b7a7a !important;}
.social ul li a:hover {
	background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
	/*padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}
@media(min-width: 600px){
	.social{
		top:200px;
	}
}
@media(max-width:720px){
	.verboton{
		display:none !important;
		align-content: center!important;
	}
}
@media(min-width:720px){
	.verboton-cel{
		display:none !important;
	}
}
@media(min-width: 992px){
	.social{
		top:200px;
	}
}
.socialcel {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	bottom: -25px; /* Establecemos la barra en la direccion */
	right:10px; /* Bajamos la barra 300px de arriba a abajo */
	z-index: 1; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
	background:#00000094;
	border-radius: 10px 10px 0px 0px;
	align-items: center;
	margin-bottom: 15px;
	text-align:center;
}
.socialcel ul {
	list-style: none;
	padding:5px 5px;
}
.socialcel ul li a {
	display: inline-block;
	color:#fff;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	border-radius: 10px;
}
.socialcel ul li .icon-background-ws-cel {background:#1FC045 !important;} /* Establecemos los colores de cada red social, aprovechando su class */
.socialcel ul li .icon-background-ws-cel:hover {background:#16e046 !important;} 
.socialcel ul li .icon-background-phone-cel {background:#4a4a4a !important;}
.socialcel ul li .icon-background-phone-cel:hover {background:#545454 !important;}
.socialcel ul li a:hover {
	background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
}