#cont{
	margin:auto;
	text-align:left;
}

a:link,a:visited {
	color: #4D6379;/*text-decoration: underline;*/
}

a:hover {
	color: #67829E;
}

h3 {
font-size:12px;
background-color:#B8DCE9;
margin:0px;
padding:10px;
}
h3 a {
float:right;
font-weight:normal;
display:block;
}

#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;
		}
		
#tOrden {
	
}
.fila_detalle {
	padding-bottom: 10px;
}

.fila_orden {
	padding-top: 0px;
}
.celda_orden {
	font-size:1.4rem; /*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, table{

	border:1px solid #960B04;
	background: rgba(226, 234, 239,0.8);
		/* borde redondeado */
	border-radius:10px;
	-webkit-border-radius: 10px;
	/* Resplandor exterior */
	box-shadow: 0px 0px 10px rgba(184, 223, 238,0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(184, 223, 238,0.5);  /* chrome */
	-webkit-transform:scale(1,1);
	-webkit-transition: -webkit -transform 1s;
}
#tListas:hover{
	-webkit-transform:scale(0.98,0.98);
}

#tituloListas {
	text-align: center;
	overflow: hidden;
	padding: 15px;
	/* Resplandor exterior */
	/*-webkit-box-shadow: 0px 0px 10px #CCCCCC;  
	box-shadow: 0px 0px 10px #CCCCCC;*/
}

#tituloListasE {
	text-align: center;
	overflow: hidden;
	padding: 5px;
	/* Resplandor exterior */
	/*-webkit-box-shadow: 0px 0px 10px #CCCCCC;  
	box-shadow: 0px 0px 10px #CCCCCC;*/
}

#ordenListas {
	text-align:justify;
	font-size:1.6rem;
	padding:10px;
	margin-bottom:5px;
	 
	border:1px solid #0C87C0;  /*#960B04;*/
	background: rgba(226, 234, 239,0.8);
		/* borde redondeado */
	border-radius:10px;
	-webkit-border-radius: 10px;
	/* Resplandor exterior */
	box-shadow: 0px 0px 10px rgba(184, 223, 238,0.5);
	-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.4rem;
	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.4rem;
	 
	border:1px solid #960B04;
	background: rgba(153, 170, 109,0.8);
		/* borde redondeado */
	border-radius:10px;
	-webkit-border-radius: 10px;
	/* Resplandor exterior */
	box-shadow: 0px 0px 10px rgba(153, 170, 109,0.5);
	-webkit-box-shadow: 0px 0px 10px rgba(153, 170, 109,0.5);  /* chrome */
	-webkit-transform:scale(1,1);
	-webkit-transition: -webkit -transform 1s;
}

#detalleListas:hover{
	-webkit-transform:scale(0.98,0.98);
}

table th{
	text-align:left;
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	/* borde redondeado */
	/* border: 1px solid #000000; */
	border:1px solid #B8DFEE;
	/*boder-radius:10px;*/
	-webkit-border-radius: 10px;
	/* Resplandor exterior */
	box-shadow: 0px 0px 10px rgba(184, 223, 238,0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(184, 223, 238,0.8);  /* chrome */
}
table td{
	font-size:14px;
	text-align:left;
	padding:3px;
	border:1px solid #white;
	text-shadow: 2px wpx 4px rgba(0,0,0,0.2);
}
/*table tr {background: rgba(252,135,149,0.1);}*/
/*table tr:nth-child(odd) {background: rgba(255,221,170,0.2);}*/

.cabecera {
	padding:3px;
	font-weight:bold;
	font-size:16px;
}
.titpromocion {
	color:#B7636F;
	font-weight:bolder;
	font-size:14px;
	padding-left: 3px;
	text-transform: capitalize;
}
.titcategoria {
	color:#960B04;
	font-weight:bold;
	font-size:14px;
	padding-left: 3px;
	text-align: center;
}
.tienda {
	color:#B7636F;
	font-weight:normal;
	font-size:14px;
	padding-left: 3px;
}
.linea {
	font:normal 12px verdana;
}

#titpcontratante {
	position:absolute;
	left:5px;
	top:45px;
	width:1160px; /*980px;*/
	height:100px;
	z-index:3;
	text-align: center;
	overflow: hidden;
	padding: 5px;
	/* Resplandor exterior */
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  /* chrome */
	box-shadow: 0px 0px 10px #CCCCCC;
}

#titpcontratanteE {
	position:absolute;
	left:5px;
	top:45px;
	width:95%;
	height:100px;
	z-index:3;
	text-align: center;
	overflow: hidden;
	padding: 5px;
	/* Resplandor exterior */
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  /* chrome */
	box-shadow: 0px 0px 10px #CCCCCC;
}
#cabpcontratante {
	position:absolute;
	left:5px;
	top:160px;
	width:1160px; /*980px;*/
	height:30px;
	z-index:3;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 1.3rem; /*15px;*/
	text-shadow: 1px 1px 0 #FFFFFF;
	color:#333333;
	overflow: auto;
	padding: 5px;
	/* Resplandor exterior */
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  /* chrome */
	box-shadow: 0px 0px 10px #CCCCCC;
}

#cabpcontratanteE {
	position:absolute;
	left:5px;
	top:160px;
	width:95%;
	height:30px;
	z-index:3;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 1.3rem; /*15px;*/
	text-shadow: 1px 1px 0 #FFFFFF;
	color:#333333;
	overflow: auto;
	padding: 5px;
	/* Resplandor exterior */
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  /* chrome */
	box-shadow: 0px 0px 10px #CCCCCC;
}
#listapcontratante {
	position:absolute;
	left:5px;
	top:205px;
	width:1160px; /*920px;*/
	height:640px;
	z-index:3;
	font-size: 1rem; /*12px;*/
	text-align: justify;
	overflow: auto;
	padding: 5px;
	/*padding-left: 30px;
	padding-right: 30px;*/
	/* Resplandor exterior */
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  /* chrome */
	box-shadow: 0px 0px 10px #CCCCCC;
}

#listapcontratanteE {
	position:absolute;
	left:5px;
	top:205px;
	width:95%;
	height:640px;
	z-index:3;
	font-size: 1rem; /*12px;*/
	text-align: justify;
	overflow: auto;
	padding: 5px;
	/* Resplandor exterior */
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  /* chrome */
	box-shadow: 0px 0px 10px #CCCCCC;
}

#listaCPanel {
	position:absolute;
	width:95%;
	height:590px;
	z-index:3;
	font-size: 14px;
	text-align: justify;
	overflow: auto;
	padding: 5px;
	/* Resplandor exterior */
	/*-webkit-box-shadow: 0px 0px 10px #CCCCCC; 
	box-shadow: 0px 0px 10px #CCCCCC;*/
}

#listaCPanelE {
	position:absolute;
	width:95%;
	height:590px;
	z-index:3;
	font-size: 14px;
	text-align: justify;
	overflow: auto;
	padding: 5px;
	/* Resplandor exterior */
	-webkit-box-shadow: 0px 0px 10px #CCCCCC;  /* chrome */
	box-shadow: 0px 0px 10px #CCCCCC;
}

/* ------------------------------------------------------------------- */


/* para 1280px o menos */
@media screen and (max-width:1280px) {
  #titpcontratante, #cabpcontratante{
	width:98%;
  }
  #listapcontratante {
	width:98%;
  }

}
/* para 980px o menos */
@media screen and (max-width:980px) {
  #titpcontratante {
	width:96%;
	overflow:auto;
  }
  #cabpcontratante {
	width:96%;
  }
  #listapcontratante {
	width:95%;

  }


}



/* para 768px o menos */
@media screen and (max-width:768px) {
  #titpcontratante {
	position: static;
	width:95%;
	float:left;;
	overflow:auto;
  }
  #cabpcontratante {
	position: static;
	width:95%;
	float:left;;
	overflow:auto;
  }
  #listapcontratante {
	position: static;
	width:95%;

  }
  
  #ordenListas {

	font-size:1.4rem;

}
.celda_orden {
    font-size: 1.2rem;
}
  

}



/* para 480px o menos */
@media screen and (max-width:480px) {
.titulo3 {
	font-size: 1.0rem;
	font-weight: normal;
	text-align: center;
}
#tituloListas {
	font-size:1.0rem;
}
#ordenListas {
	font-size:1.0rem;
}
.celda_orden {
    font-size: 0.8rem;
}
.detalleListas {
	text-align:justify;
	font-size:1.0rem;

  #titpcontratante {
	height: 70px;
  }
.imgord2 {
	/*display: none;*/
}

}