
a:link,a:visited {
	color: #4D6379;/*text-decoration: underline;*/
}

a:hover {
	color: #67829E;
}


#lista_flex {

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /*space-around;*/
	align-content: flex-start;
	align-items: center; /*flex-start;*/
  }
		
		#lista_left {
			/*float: left;
			width: 24%;*/
			padding-left:5px;
		}
		
		#lista_center {
			/*float: left;
			width: 50%;*/
			padding:2px;
			padding-left:5px;
		}
		
		#lista_right {
			/*float: left;
			width: 24%;*/
			line-height: 1.5em;
			padding-left:5px;
			padding-right:5px;
		}
		
.fila_detalle {
	padding-bottom: 10px;
}

.fila_orden {
	padding-top: 0px;
}
.celda_orden {
	font-size:1.2rem; /*12px;*/
	background: rgba(184, 223, 238,0.6);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #CCC;
}
.celda_orden:hover {background: rgba(226, 234, 239,0.4);}

.table{

}

#tituloListas {
	text-align: center;
	overflow: hidden;
	padding: 15px;
	/* Resplandor exterior */
	/*-moz-box-shadow: 0px 0px 10px #CCCCCC; 
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  
	box-shadow: 0px 0px 10px #CCCCCC;*/
}


#ordenListas {
	text-align:justify;
	font-size:1.4rem;
	padding:10px;
	margin-bottom:5px;
	 
	border:1px solid #0C87C0;  /*#960B04;*/
	background: rgba(226, 234, 239,0.8);
		/* borde redondeado */
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/* Resplandor exterior */
	box-shadow: 0px 0px 10px rgba(184, 223, 238,0.5);
	-moz-box-shadow: 0px 0px 10px rgba(184, 223, 238,0.5); /* firefox */
	-webkit-box-shadow: 0px 0px 10px rgba(184, 223, 238,0.5);  /* chrome */
	-webkit-transform:scale(1,1);
	-webkit-transition: -webkit -transform 1s;
}

.ordenListas {
	font-size:1.2rem;
	background: rgba(184, 223, 238,0.6);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #CCC;
}

#ordenListas:hover {background: rgba(226, 234, 239,0.4);}

.detalleListas {
	text-align:justify;
	font-size:1.2rem;
	 
	border:1px solid #960B04;
	background: rgba(226, 234, 239,0.8);
		/* borde redondeado */
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/* Resplandor exterior */
	box-shadow: 0px 0px 10px rgba(153, 170, 109,0.5);
	-moz-box-shadow: 0px 0px 10px rgba(153, 170, 109,0.5); /* firefox */
	-webkit-box-shadow: 0px 0px 10px rgba(153, 170, 109,0.5);  /* chrome */
	-webkit-transform:scale(1,1);
	-webkit-transition: -webkit -transform 1s;
}

.titcategoria {
	color:#960B04;
	font-weight:bold;
	font-size:14px;
	padding-left: 3px;
	text-align: center;
}
.tipo {
	color:#B7636F;
	font-weight:normal;
	font-size:1.1rem;
	padding-left: 3px;
}
.linea {
	font:normal 12px verdana;
}

/* --------- ESTILOS EFECTOS GENERALES ----------*/

#detalleListas:hover{
	-webkit-transform:scale(0.98,0.98);
}
.detalleListas {
	transition:  0.5s linear 0.1s;
}






/* ------------------------------------------------------------------- */


/* para 1280px o menos */
@media screen and (max-width:1280px) {


}
/* para 980px o menos */
@media screen and (max-width:980px) {


}



/* para 768px o menos */
@media screen and (max-width:768px) {
  
  #ordenListas {

	font-size:1.4rem;

}
.celda_orden {
    font-size: 1.2rem;
}
  

}



/* para 480px o menos */
@media screen and (max-width:480px) {

#tituloListas {
	font-size:1.0rem;
}
#ordenListas {
	font-size:1.0rem;
}
.celda_orden {
    font-size: 0.8rem;
}
.detalleListas {
	text-align:justify;
	font-size:1.0rem;
}

.imgord2 {
	/*display: none;*/
}

}

