@charset "UTF-8";
/* CSS Document for Manuales*/

#manuales-container{position: relative; width: 100%; height: auto; margin: auto; padding: 1em; background-color: transparent; font-family: 'Roboto';}
#manuales-container ul{ padding:0px;}
.manuales-title{position: relative; width: 100%; height: auto; margin: auto; padding: 0; text-align: center; color: #95989A; background-color: transparent; text-transform: uppercase; font-size: 24px; font-weight: lighter; letter-spacing: 3px;}
#manuales-categorias{position: relative; width: 100%; height: auto; margin: auto; padding: 0.75em; text-align: center; display: inline-block;}
.li-containers{position: relative; width: 100px; height: auto; margin: 1em; background-color: #F7F7F7; list-style-type: none; display: inline-grid;}
.li-image{position: relative; width: 100%; height: auto; margin: auto; padding: 1em; text-align: center; vertical-align: top; display: block;}
.li-image img{ width:70%;}
.li-image.producto img{ width:100%;}
.li-category-title{position: relative; width: 100%; height: auto; margin: auto; padding: 4px 0px; font-size: 12px; color: #999999; text-transform: uppercase; text-align: center;}
.li-category-title2{ font-size:11px;}
.li-category-title.producto{ min-height:100px;}
.li-image.more{font-size:23px;}
.manuales-breadcrum{font-size: 15px; text-transform: uppercase; color: #B1B1B1; font-weight: 300; position: relative; margin: auto; padding: 1em; text-align: center;}
.manuales-subtitle{font-size: 18px; color: #B1B1B1; font-weight: 300;position: relative; margin: auto; padding: 0.5em; text-align: center;}
.button-back-container{position: relative; margin: auto; padding: 1em; text-align: center;}
.hidden{ display:none !important;}

.li-containers {
	animation-duration: 1s;
	animation-name: li-containers;
}

.li-containers:hover {
	background-color: #E9E9E9;
}

@keyframes li-containers {
  from {
	  opacity: 0;
	  left: -100px;
  }

  to {
	  opacity: 1;
	  left: 0;
  }
}

.download-link-manual{position: relative; width: auto; height: auto; margin: auto; padding: 0.5em; text-align: center; color: dimgray; text-transform: uppercase; font-size: 0.8em; text-decoration: none;}
.download-link-manual a{position: relative; width: auto; height: auto; margin: auto; padding: 0.5em; text-align: center; color: dimgray; text-transform: uppercase; font-size: 0.8em; text-decoration: none;}
.download-link-manual:hover{position: relative; width: auto; height: auto; margin: auto; padding: 0.5em; text-align: center; color: #eb5d18; text-transform: uppercase; font-size: 0.8em; text-decoration: none;}

.download-manual-icon{position: relative; width: 64px; height: 64px; margin: auto; padding: 0.5em; vertical-align: middle; background-color: transparent; border-radius: 3px;}

/*@media screen and (min-width: 320px) and (max-width: 520px) {*/
	/*#manuales-categorias{display: block;}*/
	/*.li-containers{display: block; width: 100%; height: auto; margin: 1em auto 1em -1em;}*/
/*}*/