body {
	background: #F1f2f2;
	color: #000;
	max-width: 100%;
	margin: auto;

}

.input-field label {
	color: #000!important;
	font-weight: bold;
	font-size: 1rem;
	cursor: text;
	transition: transform .2s ease-out;
	transform-origin: 0% 100%;
	text-align: initial;
	transform: translateY(12px);
	pointer-events: none;
	padding-left: 1em;

}
.navbar-header li{
	display: inline-block;
	float:left;
}

.navbar-header{
	padding-left: 0;
	margin-bottom: 0;
}

.navbar{
	max-width: 70%;
	background-color: #FFFFFF;
	margin-top: 1%;
}

.navbar-brand{
	color: #443c3c;
	font-size: 100%;
	font-weight: bold;
	
}

.renavbar{
	border-right: solid;
	border-width: 1px;
	border-color: #443c3c;
}

.social_media{
	float: right;
}

#incluyes_logo{
	width: 43%;
}

h1{
	font-size: 80%;
}

h2{
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 3%;
}

.logo{
	margin-top: 11%;
	margin-bottom: 15%;
	padding-bottom: 10%;
}

.logo_low{
	width: 15%;
	margin-top: 3%;
}

.group_style{
	background: #fdb713;
	padding-top: 8%;
	padding-bottom: 8%;
	border-radius: 5px;
}

.label_style{
	padding-bottom: 2%;
	font-size: 140%;
	font-weight: bold;

}

.form-control 
{
}

.input-group{
	margin-bottom: 3%;
}

/*.btn{
	width: 20%;
	background: #380e3a;
	color: #fdb713;
	font-weight: bold;
	font-size: 16px;
	border-color: #fdb713;
	border-radius: 10px;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	}*/

	.cbtn{
		width: 20%;
		background: #380e3a;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 16px;
		border-color: #380e3a;
		border-radius: 10px;
		padding-top: 1.5%;
		padding-bottom: 1.5%;
	}

	.thumb{
		width: 15em;
		margin-bottom: 3%;
		border-radius: 12%; 
	}

	.left-25{
		left: 25%;
	}

	.letters{
		position: fixed;
		width: 5%;
		height: 22%;
		background: #380e3a;
		top: 46%;
		z-index: 10;
		left: 0;
		padding-left: 1%;
		border-top-right-radius: 25%;
		border-bottom-right-radius: 25%;
	}

	h2 b{
		text-decoration: none;
		color: #fdb713;

	}

	.float{
		float: left;
		display: inline-block;
	}

	.margin_view{
		margin-top: 3%;
		margin-bottom: 5%;
	}

	@keyframes fadeOut {
		0% {opacity: 0;}
		10% {opacity: 1;}
		90% {opacity: 1;}
		100% {opacity: 0;}
	}

	.errors{
		position: fixed;
		z-index: 10000;
		padding: 10px;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		pointer-events: none;
	}
	.alert {
		animation: fadeOut 2700ms ease-in 0s 1 forwards;
		-webkit-animation: fadeOut 2700ms ease-in 0s 1 forwards;
		-moz-animation: fadeOut 2700ms ease-in 0s 1 forwards;
		width: 250px;
		float: right;
		clear: both;
		margin-bottom: 5px;
		pointer-events: auto;
	}

	.mini-container{
		background: #F1f2f2;
		color: black;
		border-radius: 5px;
	}

	.selected:hover{
		background-color: #96989A;
		border-radius: 5px;
	}

	h2 {
		font-size: 16px;
	}

	#basicInfo {
		margin-left: 0px;
		margin-right: 0px;
	}

	.moradoIncluyes {
		background-color: #380e3a!important;
	}

	.amarilloIncluyes {
		background-color: #fdb713!important;
	}

	#li-nav, #notification {
		text-decoration: none;
		color: black;
	}

	#logout {
		text-decoration: none;
		color: black;
	}

	#form-login, #form-contact {
		margin-top: 5%;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#form-add-product, #form-add-service, #buttons-add-product, #buttons-add-service {
		padding-top: 10%;
		padding-bottom: 5%;
	}

	#search-section, #search2-section, #search3-section, #search4-section, #section-descripcion, #section-informacion {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#search-categoria-section {
		padding-top: 5%;
		padding-bottom: 5%;
		margin-top: 4%;
	}

	#categorias-menu {
		margin: 0px;
	}

	#search5-section {
		padding-top: 5%;
		padding-bottom: 0%;
	}

	#label-view {
		padding-bottom: 0px;
	}

	#section-producto, #section-servicio {
		padding-top: 0%;
		padding-bottom: 0%;
	}

	#section-titulo {
		padding-top: 4%;
		padding-bottom: 4%;
	}

	#row-producto {
		margin-bottom: 0;
	}

	#informacion {
		text-align: left;
	}

	/* label color */
	.input-field label, .input-field .prefix, #tittle-form-provider {
		color: black;
	}

	/* icon prefix focus color */
	.input-field .prefix.active {
		color: #380e3a;
	}

	/* label email focus color  */
	.input-field input[type=email]:focus + label.active, .input-field input[type=password]:focus + label.active,
	.input-field input[type=tel]:focus + label.active, .input-field input[type=text]:focus + label.active {
		color: #380e3a;
	}

	/* label email underline color */
	.input-field input[type=email], .input-field input[type=password], .input-field input[type=tel],
	.input-field input[type=text], .input-field input[type=number] {
		color: black;
		border-bottom: 1px solid black;
		margin-left: 0%;
	}

	/* label email underline focus color */
	.input-field input[type=email]:focus, .input-field input[type=password]:focus {
		color: #380e3a;
		border-bottom: 1px solid #380e3a;
		box-shadow: 0 1px 0 0 #380e3a;
	}

	.tabs .tab a {
		color: #380e3a!important;
	}

	.tabs .indicator {
		background-color: #380e3a!important;
	}

	#input-compra {
		padding-top: 2%;
		padding-bottom: 1%;
		padding-left: 3%;
		margin-right: 2%;
		width: 6%;
		background-color: white;
		border-bottom: none;
	}

	#input-field2 {
		padding: 2%;
	}

	textarea.materialize-textarea {
		padding: 0px!important;
		margin: 0px!important;
	}

	#input-large, .input-large, #etiq, #ImagenI_DESCRIPCION_IMAGEN{
		padding-bottom: 4%!important;
	}

	#card-4, #container-add-product, #container-add-service {
		margin-top: 2%;
	}

	#imageNotification {
		padding-left: 5%;
		padding-right: 5%;
	}

	.badge {
		text-decoration-color: red;
		color: black;
	}

	#image_provider, #image_services {
		font-size: 10%;
	}


	.imagen-item{
		max-width: auto;
	}

	.imagen-tienda, .imagen-item{
		max-height: 500px!important;
		padding-top: 2%;
		padding-bottom: 2%;
	}

	.carousel.carousel-slider {
		top: 0;
		left: 0;
		height: 400px!important;
		width: auto;
	}

	.fondo{
		background-color: #F1f2f2;
	}

	.fondo-blanco{
		background-color: #fff;
	}

	.mayusculas{
		text-transform: uppercase;
	}

	.minusculas{
		text-transform: lowercase;
	}

	.negrita{
		font-weight: bold;
	}

	.justificado{
		text-align: justify;
	}

	.descripcion-item{
		line-height: 2;
	}

	#placeholder{
		font-weight: bold;
	}

	
	/*Media querys*/

	/* Dispositivos */
	@media  (min-width: 1280px) and (max-width: 1360px) {


	}

	@media  (min-width: 1360px) and (max-width: 1399px) {

	}

	@media (min-width: 1400px) and (max-width: 1499px){

	}

	@media (min-width: 1500px) and (max-width: 1699px){

	}

	@media (min-width: 1600px) and (max-width: 1699px){

	}

	@media  (min-width: 1700px) and (max-width: 1980px) {

		.imagen-item{
			max-width: auto;
			/*padding-top: 6em!important;*/
		}
	}
	/* dispositivos móviles */
	@media (max-width: 800px){

	}

	.card-content {
		padding: 10px;
	}

	#categorias:hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

	nav i {
		margin-left: 10px;
		font-size: 30px;
	}

	#button-mobile {
		color: black;
	}

	#row-contacto {
		margin-bottom: 0px;
	}

	#card-contacto {
		padding: 6px;
	}

	/* Home */

	.row {
		margin-bottom: 0px;
	}

	#bajada-logo {
		font-size: 200%;
		font-weight: 410;
	}

	#container-buscador {
		width: 70.5%;
	}

	#search-div {
		margin-left: 6.5%;
		margin-bottom: 8%;
		width: 86.5%;
	}

	#param_buscador {
		float: left;
		width: 89%;
		height: 50px;
		margin: 0 0 0 20px;
	}

	#findbtn, #icon-speak {
		width: 5%;
		cursor: pointer;
		padding: 0;
	}

	#label-search {
		font-size: 219%;
		font-weight: 500;
		color: #380e3a;
	}

	#label-search2 {
		font-size: 219%;
		font-weight: 500;
		color: white;
	}

	#label-search3 {
		font-size: 245%;
		font-weight: 500;
		color: #380e3a;
	}

	#label-membresia {
		padding-top: 67%;
		padding-bottom: 5%;
		font-size: 245%;
		font-weight: 500;
		color: #380e3a;
	}

	#texto-search {
		width: 100%;
		color: black;
		font-size: 169%;
		font-weight: 300;
	}

	#descripcion-comentario {
		width: 100%;
		color: black;
		font-size: 169%;
		font-weight: 300;
		margin-top: 0%;
	}

	#texto-descripcion {
		width: 100%;
		color: black;
		font-size: 169%;
		font-weight: 300;
		text-align: justify;
	}

	#texto-1, #texto-2, #texto-3 {
		width: 100%;
		color: black;
		font-size: 140%;
		font-weight: 300;
	}

	#fecha-comentario {
		width: 100%;
		color: darkgray;
		font-size: 100%;
		font-weight: 300;
		margin-bottom: 0%;
	}

	#label-titulo1, #label-titulo2, #label-titulo3 {
		font-size: 179%;
		font-weight: 500;
		color: #380e3a;
	}

	#container-proveedor, #container-usuario {
		width: 75%;
		margin-left: 12%;
	}

	#imagen1, #imagen2, #imagen3, #imagen4, #imagen5, #imagen6, #proveedor, #comprador {
		width: 45%;
	}

	#texto-proveedor, #texto-servicios {
		font-size: 219%;
		font-weight: 500;
		color: black;
		width: 49%;
		margin-left: auto;
		margin-right: auto;
	}

	#label-search4 {
		font-size: 219%;
		font-weight: 500;
		color: #380e3a;
	}
	
	#label-search5 {
		font-size: 140%;
		font-weight: 500;
		color: white;
	}

	.botonIncluyes {
		border: none;
		padding: 18px 32px;
		text-align: center;
		display: inline-block;
		border-radius: 8px;
		/*  ------- 
		text-decoration-color: white;
		font-size: 169%;
		font-weight: 300;
		*/
	}

	#referencia-home {
		margin-top: 10%;
		margin-bottom: 0;
	}

	/* Estilos texto */
	.estilo-texto1 {
		width: 100%;
		color: black;
		font-size: 169%;
		font-weight: 350;
	}

	.estilo-texto2 {
		width: 100%;
		color: black;
		font-size: 169%;
		font-weight: 450;
	}

	.estilo-texto-header {
		font-size: 130%;
		font-weight: 402;
	}

	.estilo-texto-boton {
		margin: 0px 0;
		color: white;
		font-size: 169%;
		font-weight: 300;
	}

	/* dispositivos móviles */
	@media (min-width: 650px){

		.texto-encima1 {
			position: absolute;
			top: 30%;
			left: 50%;
			width: 100%;
			transform: translate(-50%, -70%);
		}

		.contenedor-encima {
			background: rgba(255, 255, 255, 0.3);
			position: absolute;
			top: 60%;
			left: 0%;
			width: 100%;
			transform: translate(0%, -60%);
		}

	}

	/* Item > Productos y Servicios */

	#section {
		margin-bottom: 0px;
	}

	#label-titulo-productos, #label-titulo-servicios {
		font-size: 260%;
		font-weight: 500;
		color: #380e3a;
		margin: 0;
		padding-bottom: 0;
	}

	@media (min-width: 650px){
		#menu-categorias {
			margin-right: 1%;
			margin-left: -1%;
		}
	}

	#menu-categorias {
		margin-top: 4%;
	}

	#productos, #servicios {
		width: 89%;
	}

	#listado-productos, #listado-servicios {
		margin-top: 4%;
	}

	#contenedor-categoria {
		border-top: 1px solid black;
		padding: 10px;
		margin-right: 0px;
	}

	#nombre-categoria {
		margin-right: 0px;
		text-transform: none;
	}
	
	/* Item > View */

	#contenedor-item {
		width: 90%;
	}

	#texto-valoracion {
		font-size: 350%;
		font-weight: 650;
		color: black;
		width: 49%;
		margin-left: auto;
		margin-right: auto;
	}

	#texto-comentario {
		font-size: 110%;
		font-weight: 500;
		color: black;
		width: 49%;
		margin-top: -4%;
		margin-left: auto;
		margin-right: auto;
	}

	#label-view {
		font-size: 219%;
		font-weight: 500;
		color: #380e3a;
		padding-bottom: 0%;
		margin: 2% 0%;
	}

	#label-categoria {
		margin: 0%;
	}

	/* Usuario > View_Proveedor */

	@media (min-width: 650px){
		#card-info {
			margin-right: 1%;
			margin-left: -1%;
		}
		
		#card-notificaciones {
			margin-top: 1%;
		}

	}
	
	#boton-proveedor {
		margin-top: 1%;
		margin-bottom: 1%;
	}

	#info-user {
		padding: 20px;
	}

	/* Usuario > View_Administrador */

	@media (min-width: 650px){
		#card-ventas {
			margin-top: 2%;
		}
	}

	/* Header */
	@media (min-width: 650px){
		#header-center {
			padding-left: 30%;
		}
	}

	#dropdown-menu {
		min-width: 170px;
	}

	/* Membresía */

	#imagen-membresia {
		opacity: 0.5;
	}

	@media (min-width: 650px){ 
		#membresia-servicios {
			margin-right: 1%;
			margin-left: -1%;
		}
		
		#membresia-productos {
			margin-left: 1%;
			margin-right: -1%;
		}


	}

	/* Item > Buscador */

	#container-buscador {
		margin-top: 2%;
	}

	#contenedor-servicios-buscador {
		margin-left: 1%;
		margin-right: -2%;
		padding-right: 1%;
	}

	#contenedor-productos-buscador {
		margin-left: 1%;
		margin-right: -2%;
		padding-left: 1%;
		padding-right: 1%;
	}

	#contenedor-vista {
		margin-top: 2%;
		margin-left: 0.5%;
	}

	/* Footer */

	#footer {
		margin-top: 0%;
	}

	#footer2 {
		padding-bottom: 5%;
	}

	#almacigo-logo {
		width: 52%;
		margin-right: 1%;
		margin-left: 3%;
	}

	#prime-logo {
		width: 56%;
		margin-right: 1%;
		margin-left: 3%;
	}

	#comparlante-logo {
		width: 86%;
		margin-right: 1%;
		margin-left: 3%;
	}

	#corfo-logo {
		width: 70%;
		margin-left: 1%;
	}

	#link-footer {
		color:white;
	}

	#contenedor-negro {
		margin-bottom: 0;
		padding-top: 1%;
		padding-bottom: 1%;
	}

	@media (max-width: 650px){
		.logo_low{
			width: 35%;
			margin-top: 3%;
		}
	}

	/* Login */

	@media (min-width: 650px){
		#contenedor-ingreso1 {
			width: 50%;
		}

		#contenedor-ingreso2 {
			width: 70%;
		}

		#form-ingreso {
			padding-bottom: 15%;
		}
	}

	#contenedor-ingreso1 {
		padding-top: 1%;
	}

	#contenedor-ingreso2 {
		margin-top: 3%;
	}

	#row-input {
		margin-left: 0%;
		margin-right: 0%;
	}

	#input-field {
		padding-left: 0%;
	}

	#label-input {
		left: 0%;
		padding-left: 0%;
	}

	/* Registro */