html,
body {
	font-size: 14px;
	color: #727376;
	width: 100%;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	font-weight: 400;
	width:100%;
	font-family: Lato, sans-serif;
}
body{
	padding-top:4.5rem;
}

.bg-success{
	background-color:#dff0d8 !important;
}
.bg-danger {
    background-color: #f2dede !important;
}

.btn-warning{
	background: #209691;
	border-color:#209691;
	padding:4px 9px;
	border-radius:5px !important;
	line-height:1.2;
	color:#fff;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning:focus, .btn-warning:hover, .btn-warning.active:hover, .btn-warning:active, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover
{background: #1d817c;border-color:#1d817c;color:#fff;}
.menuppal .navbar-brand{max-width:220px;width:25%;min-width:190px;}
.menuppal img.logo{width:100%;}
.menuppal ul.navbar-nav li{padding:0 4px;}
.menuppal{background:#fff;}
.menuppal .navbar-toggler{
	background:#209691;
}
.menuppal .navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media (max-width: 767px) {
  .navbar-nav .nav-link {
    text-align:left;padding:4px;border-radius:0 !important;
  }
}

.footer{
	background: #1f9691;
	color:#fff;
}
footer.footer p{
	margin:0;
}
.main_footer a {
	color: #fff;
	padding: 5px;
}


.cajaexterna {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	display: none;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}

.texto-modal{
	text-align: center;
	font-size: 23px;
}
.cajainterna {
	background: #fff;
	margin: 6em auto 0;
	position: relative;
	width: 30%;
}

.cajacentrada {
	margin: 0 auto;
	text-align: center;
	padding: 10px 0px;
}

.contenido-alerta{
	background:  #1f9691;
	padding: 10px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 17px;
}
.cajacentrada h2 {
	background: none repeat scroll 0 0 #d73925;
	box-sizing: border-box;
	color: white;
	left: 0;
	margin: 0;
	padding: 5px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	font-size: 16px;
}

.cerrar {
	position: absolute;
	right: 16px;
	top: 13px;
	font-size: 16px;
	
}

.cierramodal{
	font-size: 16px;
}

.cierramodal a{
	color: #727376
}

#navbarsmenuproductos a.nav-link{color:#444;}
#navbarsmenuproductos a.nav-link:hover{text-decoration:underline;}


/* Animaciones */

.animated {
  -webkit-animation-duration: 1s;
		  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
			transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
			transform: scale3d(.3, .3, .3);
  }

  20% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
			transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
	-webkit-transform: scale3d(.9, .9, .9);
			transform: scale3d(.9, .9, .9);
  }

  60% {
	opacity: 1;
	-webkit-transform: scale3d(1.03, 1.03, 1.03);
			transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
	-webkit-transform: scale3d(.97, .97, .97);
			transform: scale3d(.97, .97, .97);
  }

  100% {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
		  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
		  animation-duration: .75s;
}
.element.bounceIn {	
	-webkit-animation: bounceIn .7s 1;
	-moz-animation: bounceIn .7s 1;
	-o-animation: bounceIn .7s 1;
	animation: bounceIn .7s 1;
}

@media only screen and (max-width: 991px) {
	.cajainterna {
		  width: 90%;
	}
  
}

.container-candado{
	min-height: 25px;
	text-align: center;
}

.opacity .container-imagen{
	opacity: 0.5;
}

.container-button label{
	font-weight: 1 !important;
	cursor: pointer;
}

.container-20{
	width: 20%;
	float: left;
}
.container-20 a{
	text-decoration:none;
}
.container-imagen{
	padding: 0.5em !important;
	text-align:center;
}


.containerescaparate .img-fluid{
	box-shadow: 4px 4px 5px #cccccc;
	border: 1px solid #E6E7E8;
}
  
.container-button{
	font-size: 14px;
	color: #000;
	text-align: center;
	line-height: 1.3;
}

.noscroll {
    overflow: hidden;
}

.mr-0{
	margin-right: 0px;
} 

.ml-0{
	margin-left: 0px;
}

.hidden{
	display: none;
}

.text-left{
	text-align: left !important;
}

.text-right{
	text-align: right !important;
}

body.loading {
    overflow: hidden;
}

body.loading .modal-carga {
    display: block;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-carga {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(../img/loading.gif) 50% 50% no-repeat;
}

.form-group {
    margin-bottom: 15px;
}

@media (max-width: 991px) {

	.container-20{		
		width: 25%;
	}
}

@media (max-width: 650px) {
	.container-20{		
		width: 50%;
	}
}

@media only screen and (max-width: 500px) {

	.container-20{		
		width:100%;
	}
}

table{
	width: 100% !important;
}
@media only screen and (max-width: 800px) {
	table thead{
		display: none;
	}
	tr.xs-block td, tr.xs-block th{
		display: block;
		margin-bottom: 0.3em;
	}

	tr.xs-block td .btn{
		display: block;
		width: 100%;
		font-size: 1.2em;
		margin-bottom: 0.3em;
	}

	tr.xs-block td .btn:after{
		font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
		font-weight: 400;
		display: inline-block;
		content: attr(title);
	}

	tr.xs-block td:before, tr.xs-block th:before{		
		text-align: left;   
		font-weight: bold;
		display: block;
		content: attr(data-title);
	}

	tr.xs-block{
		display: block;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin-bottom: 1em!important;
		-webkit-box-shadow: 2px 2px 1px 0 #dadada;
		box-shadow: 2px 2px 1px 0 #dadada;
	}

	.dataTables_filter{
		text-align: left !important;
	}

	table{
		border:none !important;
	}

	.table-responsive{
		border: none;
	}
}