body{font-family: 'Titillium Web', sans-serif !important;background: #FFF; font-display: auto;}
*{box-sizing: border-box;}
nav{
	background-color: #EB3E4F;
	color: #FFF;
}
nav a , nav a:hover{
	color: inherit;
}
nav .nav-button {
	color: #FFF;
	font-size: 40px;
}
nav .nav-link {	
	font-size: 1.2rem;
}
img {max-width: 100%;}
.formulario-principal {
	color: white;
	background-color: #EBA43E;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	/* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */
}
@media (min-width: 992px) {
	  main {
		min-height: 500px;
	}
}

.btn {
	
	/*background-color: #EB3E4F;*/
	background-color: #c33341;
	color: white;
	font-weight: bolder;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	transform: translateY(0px);
	transition: all 0.2s;
	border-radius: 3px;
}
.form-control {
	border-radius: 3px;
}
.btn:hover {
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
	transform: translateY(1px);
	box-shadow: 0 0 0 0 white;
	color: white;
}
input {box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
footer {
	background-color:#313131;
	color: #FFF;
	padding: 15px;
}
footer a {
	color: #FFF;
	text-decoration: underline;
}
/* COLORES COORPORATIVOS */
.blanco{color: #FFF;}
.rojo {color: #EB3E4F;}
.rojo-bg {background-color: #EB3E4F;}
.blanco-borde{border-color: #FFF;}
.verde-bg { background-color: #EBA43E;}
.verde {color: #EBA43E;} 
.sombra{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
.card-proveedor {
	max-width: 100%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	padding: 15px;
	word-wrap:break-word;
	border-radius: 3px;
	/*background-color: rgba(0, 0, 0, 0.03);*/
}

.card-proveedor-small {
	max-width: 100%;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	padding: 15px;
	position: relative;
	padding-bottom: 0px;
	word-wrap:break-word;
	border-radius: 3px;
	/*background-color: rgba(0, 0, 0, 0.03);*/
	width: 100%;
}
.card-proveedor-small img, .card-proveedor img{
	-webkit-filter: grayscale(70%); /* Safari 6.0 - 9.0 */
    filter: grayscale(70%);
	border-radius: 3px;
}
.card-proveedor-small:hover img, .card-proveedor:hover img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.card-proveedor-small h5, .card-proveedor h5  { font-weight: bolder;}
.card-proveedor-small .btn {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 10;
}
.card-proveedor-small .btn-container{
	position: relative;
	bottom: 0;
	height: 50px;
}

.img-container-150 {
	overflow: hidden;
	height: 150px;	
	display: flex;
    align-items: center;
}
.img-container-150 img {
	width: 100%;
	vertical-align: middle;
}		
aside{
	margin-top: 70px;
}
aside a , aside a:hover{color: inherit; text-decoration: none;}
aside .card-aside {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	padding: 15px;
	border-radius: 3px;
}
aside .card-aside h2 {
	font-size: 1rem;
	color: white;
	background-color: #EBA43E;
	padding: 0px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	border-radius: 3px;
	cursor: pointer;
	transform: translateY(0px);
	transition: all 0.2s;
}
aside .card-aside a {
	display: block;
	padding: 5px;	
	text-align: center;
}

aside .card-aside h2:hover{
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transform: translateY(2px);*/
	transform: translateY(1px);
	box-shadow: 0 0 0 0 white;
	color: white;
}
.pagination .page-link{
	color: #EB3E4F;
	border-color: #EB3E4F;
}
.pagination .active a{
	background-color: #EB3E4F !important;
	color: white !important;
}
.ms-container {text-align: center; margin: 0 auto;}

.form-contacto{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
	width: 100%;
	background-color: #EB3E4F;
	padding: 15px;
	border-radius: 3px;
}

.form-contacto .btn {
	background-color: #EBA43E
}
.form-contacto label , .form-contacto p {color: white;}

.popup-logo {
	padding: 10px;
	background-color: #EB3E4F;
	z-index: 1000;
	border-radius: 3px;
	display: none;
}
.popup-logo .popup-container{
	position: relative;
}
.popup-logo img {
	height: 100px;
}
.popup-logo .popup-arrow-right {
	position: absolute;
	top: 40px;
	right: -20px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #EB3E4F;
}
.button-icon {
		border: none;
		background: none;
		cursor: pointer;
	}	
ul li {
	margin-bottom: 10px;
}
.popper-desciption{display: none;}
.popper-desciption { border-radius: 3px; padding: 5px 10px; margin-right: 10px; color: white; font-weight: bolder;}
.owl-carousel {display: flex !important;}
.owl-carousel .owl-item { width: auto !important;}
.owl-carousel .owl-stage-outer { max-height: 210px;}
.owl-carousel .owl-item img {
    width: auto !important; 
 	height: 200px !important;
	filter: grayscale(0%) !important;
}

.menu-area-privada button { margin-bottom: 15px;}
.menu-area-privada button:focus {
	border: none !important;
	outline: none !important;
	border-bottom: solid 1px #EB3E4F !important;
}
.menu-area-privada .navbar-nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
.menu-area-privada .navbar-toggler:active{

}
.menu-area-privada .navbar-toggler {
	display: block;
	width: 100%;
	text-align: left;
	border-radius: 3px;
	border-bottom: solid 1px #EB3E4F;
	border-radius: 0;
	color: #EB3E4F;
	font-weight: bolder;
}
.menu-area-privada ul li { width:  40%; margin: 5px 5px !important;}

.menu-area-privada { padding: 0;}
.menu-area-privada .nav-button {
	color: #EB3E4F;
	padding: 15px;
}
.menu-area-privada .nav-link {padding: 0;}
.menu-area-privada ul li a { 
	color: white;
	font-weight: bolder;
	width: 100%
}

.menu-area-privada .dropdown-menu a { color: #EB3E4F}
.menu-area-privada ul li { margin: 5px 5px;}
.table-overflow {width: 100%; overflow-x: auto;}
.menu-area-privada ul li a:hover {text-decoration: none;}
.menu-area-privada .btn-simple { margin: 10px;  }
.btn-simple {
	padding: 8px;
	border: none;
	border-bottom: solid 1px #EB3E4F;
	margin: 0 10px;
	color: #EB3E4F;
	font-weight: bolder;
	background-color: transparent;
	cursor: pointer;
}
.btn-simple:hover {
	color: #EB3E4F;
	text-decoration: none;
}

@media only screen and (max-width: 991px) {
	
	table  .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	table  * html .cf { zoom: 1; }
	table  *:first-child+html .cf { zoom: 1; }
	
	 table {  border-collapse: collapse; border-spacing: 0; max-width: 100%,}
 
	table th,
	table td { margin: 0; vertical-align: top; }
	table th { text-align: left; }
	
	table { display: block; position: relative; width: 100%; }
	table thead { display: block; float: left; }
	table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	table thead tr { display: block; }
	table th { display: block; text-align: right; }
	table tbody tr { display: inline-block; vertical-align: top; }
	table td { display: block; min-height: 1.25em; text-align: left; }
 
 
	/* sort out borders */
 
	table th { border-bottom: 0; border-left: 0; }
	table td { border-left: 0; border-right: 0; border-bottom: 0; }
	table tbody tr { border-left: 1px solid #babcbf; }
	table th:last-child,
	table td:last-child {  }
}